@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/geist-latin-caa3a2e1.woff2") format("woff2")}
/* Business HQ page geometry follows the Exotiq reference. */
.manage-mode.business-horizontal{font-size:15px;line-height:1.55}
.manage-mode.business-horizontal .top{min-height:64px;padding:4px 12px}
.manage-mode.business-horizontal #business-subsections{min-height:44px;align-items:stretch}
.manage-mode.business-horizontal #business-subsections>a{display:flex;align-items:center;padding:8px 4px}
.manage-mode.business-horizontal #main{max-width:none;padding:24px 32px 48px}
.manage-mode.business-horizontal.hq-screen #main{padding:0}
.manage-mode.business-horizontal #main>.page-title{min-height:36px;margin:-16px -4px 8px;justify-content:flex-end}
.manage-mode.business-horizontal .panel{background:#ffffffb3;border:1px solid #ffffffd1;border-radius:12px;box-shadow:0 8px 32px -22px #30205a25}
.manage-mode.business-horizontal .panel-head{padding:20px 20px 8px}
.manage-mode.business-horizontal .panel-head h2{font-size:17px;letter-spacing:-.025em}
.manage-mode.business-horizontal .hq-summary-columns{grid-template-columns:2fr 1fr;gap:20px;margin-top:20px}
.hq-card-scroll{max-height:320px;overflow:auto;padding:12px 20px 20px}
.hq-expanded .hq-card-scroll{max-height:none}
.manage-mode .hq-expand{margin-left:auto;border:0;background:transparent;box-shadow:none;font-size:13px;font-weight:400}
.manage-mode.business-horizontal .hq-summary-columns .record-row{border:1px solid #ececec;border-radius:8px;padding:16px;margin:0 0 12px;background:transparent}
.manage-mode.business-horizontal .content-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:20px 0}
.manage-mode.business-horizontal .content-grid{gap:12px}
.manage-mode.business-horizontal .content-day{border-radius:12px;background:#ffffffb3;padding:12px}
.manage-mode.business-horizontal .content-actions button,.manage-mode.business-horizontal .manage-actions button,.manage-mode.business-horizontal .manage-actions .button{min-height:36px;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500}
.manage-mode.business-horizontal .setup-intro{padding:16px 20px 20px}
@media(max-width:800px){.manage-mode.business-horizontal .hq-summary-columns{grid-template-columns:1fr}.manage-mode.business-horizontal #main{padding:16px}.manage-mode.business-horizontal.hq-screen #main{padding:0}}

.hq-integration-tabs{display:flex;gap:8px;margin:0 0 24px;border-bottom:1px solid #e5e7eb;padding-bottom:12px}.hq-integration-tabs button{background:transparent;border:0;border-radius:8px;padding:8px 12px;font-size:14px}.hq-integration-tabs button[aria-pressed=true]{color:var(--purple);background:#ece8fc;font-weight:600}.hq-provider-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.hq-provider-grid .panel{margin:0}.hq-provider-grid h3{font-size:15px}@media(max-width:800px){.hq-provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.hq-next-links{display:grid;gap:12px;margin-bottom:12px}.hq-next-links a{display:flex;align-items:center;justify-content:space-between;border:1px solid #ececec;padding:16px;border-radius:8px;text-decoration:none;color:inherit;font-size:14px}.hq-next-links a:hover{background:#ffffff90}.hq-next-links strong{font-variant-numeric:tabular-nums}
.manage-mode.business-horizontal .team-members-panel .workspace-card{padding:12px 20px;gap:16px;flex-wrap:wrap}
.manage-mode.business-horizontal .team-member-identity{flex:1;min-width:180px;font-size:14px}
.manage-mode.business-horizontal .team-member-identity p{font-size:12px;margin:3px 0}
.manage-mode.business-horizontal .team-avatar{width:32px;height:32px;flex:0 0 32px;border-radius:50%;display:grid;place-items:center;background:#ede9fe;color:var(--purple);font-size:12px;font-weight:600}
.manage-mode.business-horizontal .team-role-heading{font-size:15px;background:transparent;padding:16px 20px 8px;border:0}
.manage-mode.business-horizontal .team-members-panel button{min-height:32px;padding:5px 10px;font-size:13px}
.manage-mode.business-horizontal .content-toolbar label{display:flex;align-items:center;gap:8px;margin:0;font-size:13px}
.manage-mode.business-horizontal .content-toolbar select,.manage-mode.business-horizontal .content-toolbar input{height:36px;padding:6px 8px;border-radius:6px}
.manage-mode.business-horizontal .content-planning-note{font-size:12px;color:var(--muted);margin:8px 0}
.manage-mode.business-horizontal .content-planning-note summary{cursor:pointer}
@media(max-width:800px){.manage-mode.business-horizontal .team-member-identity{min-width:120px}.manage-mode.business-horizontal .content-toolbar label{flex-wrap:wrap}}
.manage-mode.business-horizontal .manage-lead-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px 20px}
.manage-mode.business-horizontal .manage-lead-summary>div{border:1px solid #ececec;background:#ffffffb3;border-radius:12px;padding:20px}
.manage-mode.business-horizontal .summary-pipeline-list{list-style:none;padding:0 20px 20px;margin:0}
.manage-mode.business-horizontal .summary-pipeline-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0f0f0;padding:10px 0}
.manage-mode.business-horizontal .summary-pipeline-list li strong{font:14px ui-monospace,monospace;color:var(--muted)}
.manage-mode.business-horizontal .hq-summary-columns .waiting{font-size:13px;padding:12px 0}
@media(max-width:650px){.manage-mode.business-horizontal .manage-lead-summary{grid-template-columns:1fr}}
.manage-mode.business-horizontal #main>.page-title:has(#manage-member){justify-content:space-between}
.manage-mode.business-horizontal .team-groups{padding:16px;display:grid;gap:16px}
.manage-mode.business-horizontal .team-group h3{margin:0 0 8px;font-size:15px;font-weight:600}
.manage-mode.business-horizontal .team-group-rows{border:1px solid #ececec;border-radius:8px;overflow:hidden}
.manage-mode.business-horizontal .team-group-rows .empty{padding:16px;margin:0;font-size:13px}
.manage-mode.business-horizontal .hq-integration-tabs{display:flex;gap:16px;margin:0 0 32px;border:0}
.manage-mode.business-horizontal .hq-integration-tabs button{background:transparent;border:0;border-radius:0;padding:0;text-decoration:underline;font-size:14px}
.manage-mode.business-horizontal [data-integration-group]{margin:0 0 32px;scroll-margin-top:20px}
.manage-mode.business-horizontal [data-integration-group]>h2{font-size:18px;margin:0 0 16px}
.manage-mode.business-horizontal .hq-integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.manage-mode.business-horizontal .hq-integration-grid>.panel{margin:0}
@media(max-width:800px){.manage-mode.business-horizontal .hq-integration-grid{grid-template-columns:1fr}}
.manage-mode .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.manage-mode.business-horizontal .business-sales-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 12px}
.manage-mode.business-horizontal .business-sales-metrics section{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #ececec;border-radius:12px;background:#ffffffb3;padding:12px 16px}
.manage-mode.business-horizontal .business-sales-metrics span{font-size:14px;color:var(--muted)}
.manage-mode.business-horizontal .business-sales-metrics strong{font-size:20px}
.manage-mode.business-horizontal .business-booking-menu{position:relative;font-size:14px}
.manage-mode.business-horizontal .business-booking-menu>summary{cursor:pointer;border:1px solid #ececec;border-radius:8px;background:#ffffffb3;padding:8px 12px;list-style:none;display:flex;gap:24px;align-items:center}
.manage-mode.business-horizontal .business-booking-menu>.panel{position:absolute;right:0;top:100%;z-index:30;width:min(400px,80vw);background:white;box-shadow:0 8px 30px #0002;margin-top:4px}
.manage-mode.business-horizontal #main:has(.business-sales-metrics){padding:24px 32px 32px 60px}
.manage-mode.business-horizontal .business-month-grid>strong{font-size:12px;font-weight:500;text-align:center;padding:10px;background:#fafafa}
@media(max-width:800px){.manage-mode.business-horizontal #main:has(.business-sales-metrics){padding:24px 16px 24px}.manage-mode.business-horizontal .business-sales-metrics{gap:8px}.manage-mode.business-horizontal .business-sales-metrics section{padding:10px;flex-wrap:wrap}}
.manage-mode.business-horizontal #main>.business-calendar-title{margin:12px 0}

.manage-mode.business-horizontal{font-family:Geist,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.manage-mode.business-horizontal #main>.metrics .metric>span{font-size:13px}

.manage-mode.business-horizontal #main>.business-calendar-title{justify-content:space-between;padding:8px 12px;min-height:56px}
.manage-mode.business-horizontal .business-calendar-title .manage-actions>.button{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;border:1px solid #ececec;background:#ffffffb3;box-shadow:0 1px 2px #0000000d}
.manage-mode.business-horizontal .business-calendar-toolbar{padding:4px 12px;min-height:52px}
.manage-mode.business-horizontal .business-calendar-date-controls #calendar-prev,.manage-mode.business-horizontal .business-calendar-date-controls #calendar-next{border:0;background:transparent;box-shadow:none;padding:8px;width:36px}
.manage-mode.business-horizontal .business-booking-menu label{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:12px}
.manage-mode.business-horizontal .business-booking-menu label input{width:auto}

/* The HQ brand switcher identifies the workspace without a redundant mode badge. */
body.manage-mode #mode-label[hidden],
body.manage-mode #mode-label[hidden] + .divider { display: none; }

/* Keep native Business pages on the shared HQ typography and calendar geometry. */
.manage-mode.business-horizontal .business-month-day{min-height:112px;font-size:12px;padding:12px}
.manage-mode.business-horizontal .business-month-day>button{font-size:12px;padding:0;min-height:0;background:transparent;border:0;box-shadow:none}
.manage-mode.business-horizontal .business-calendar-toolbar label{display:flex;align-items:center;gap:8px;font-size:13px;margin:0}
.manage-mode.business-horizontal .business-calendar-toolbar label select{width:auto;min-height:36px}
.manage-mode.business-horizontal .content-grid{gap:8px}
.manage-mode.business-horizontal .content-day{border-radius:8px;min-height:160px;background:color-mix(in srgb,var(--purple) 4%,white);font-size:13px}
.manage-mode.business-horizontal .content-day h3{font-size:14px;margin:0 0 12px}

.brand-hq-name{display:none}
.manage-mode.business-horizontal .top .brand{min-height:44px;min-width:220px;padding:5px 12px;border:1px solid #ffffffcc;border-radius:12px;background:#ffffffb3;box-shadow:0 1px 2px #0000000d;text-align:left}
.manage-mode.business-horizontal .top .brand-name{display:none}
.manage-mode.business-horizontal .top .brand-hq-name{display:block;font-size:13px;font-weight:600;line-height:18px}
.manage-mode.business-horizontal .top .brand-hq-name small{display:block;font-size:11px;font-weight:400;color:var(--muted)}
.manage-mode.business-horizontal .top .brand>span[aria-hidden]{margin-left:auto}
@media(max-width:800px){.manage-mode.business-horizontal .top .brand{min-width:0}.manage-mode.business-horizontal .top .brand-hq-name{font-size:12px}}

.manage-mode.business-horizontal .content-month-grid .content-day{min-height:112px}

.manage-mode.business-horizontal .content-toolbar{padding:0;border:0;background:transparent;border-radius:0;gap:12px;margin:24px 0 16px}
.manage-mode.business-horizontal .content-toolbar select{background:#ffffffb3;border:1px solid #ffffffcc;min-width:80px}
.manage-mode.business-horizontal .content-summary-card{gap:0}
.manage-mode.business-horizontal .content-summary-card dl{margin:8px 0;gap:4px}
.manage-mode.business-horizontal .content-summary-card dd{margin:0;font-size:12px;line-height:16px}
.manage-mode.business-horizontal .content-summary-card .content-missing{font-size:12px}
.manage-mode.business-horizontal .content-summary-card .content-summary-state{font-size:10px;line-height:12px;padding:4px 0 0;background:transparent}
.manage-mode.business-horizontal .content-summary-setup{font-size:10px;margin-top:4px}
.manage-mode.business-horizontal .content-month-grid{margin-top:0}
.manage-mode.business-horizontal #main:has(.content-month-grid)>.panel:has(#content-month){padding:16px}
.manage-mode.business-horizontal #main:has(.content-month-grid)>.panel>label:has(#content-month){display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:16px}
.manage-mode.business-horizontal #content-month{width:auto;max-width:230px;padding:8px}

/* Calendar controls share one row with the title, as in the HQ reference. */
.manage-mode.business-horizontal .business-calendar-title>.business-calendar-toolbar{flex:1;flex-wrap:wrap;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none}
.manage-mode.business-horizontal .business-calendar-title .business-calendar-date-controls{margin-right:0;gap:8px}
.manage-mode.business-horizontal .business-calendar-title .business-calendar-date-controls h2{min-width:130px}
.manage-mode.business-horizontal .business-calendar-title .manage-actions{margin-left:auto}
.manage-mode.business-horizontal .business-month-day>button[aria-current=date]{width:24px;height:24px;border-radius:50%;background:var(--purple);color:white}
@media(max-width:900px){.manage-mode.business-horizontal .business-calendar-title{flex-wrap:wrap}.manage-mode.business-horizontal .business-calendar-title>.business-calendar-toolbar{order:3;flex-basis:100%}}

/* Let scrollable tables and calendar controls shrink within narrow HQ screens. */
@media(max-width:650px){
 .manage-mode.business-horizontal #main{width:100%;min-width:0;box-sizing:border-box}
 .manage-mode.business-horizontal #main:has(.business-calendar-toolbar){width:100%;min-width:0;box-sizing:border-box;padding:0 12px 24px}
 .manage-mode.business-horizontal .business-calendar-title,.manage-mode.business-horizontal .business-calendar-title>.business-calendar-toolbar{min-width:0;max-width:100%}
 .manage-mode.business-horizontal .business-calendar-title .business-calendar-date-controls{min-width:0;flex-wrap:wrap;width:100%;gap:4px}
 .manage-mode.business-horizontal .business-calendar-title .business-calendar-date-controls h2{min-width:0;flex:1}
 .manage-mode.business-horizontal .business-calendar-title .manage-actions{max-width:100%;flex-wrap:wrap}
}