/* Merchant workspace — purposefully scoped so the existing WDM site editor,
   Stripe dialogs, login flow and other portal tools keep their behavior. */
.merchant-workspace{--mw-bg:#f5f7fa;--mw-surface:#ffffff;--mw-text:#182939;--mw-subtle:#657586;--mw-border:#dce3e9;--mw-shadow:0 8px 25px rgba(20,38,55,.04);--mw-primary:var(--merchant-primary,#173d65);--mw-accent:var(--merchant-accent,#e44343);--mw-accent-ink:var(--merchant-accent-ink,#fff);background:var(--mw-bg);color:var(--mw-text);grid-template-columns:228px minmax(0,1fr);font-size:14px;}
.merchant-workspace .merchant-side{padding:27px 16px 22px;background:var(--mw-primary);color:#f9fafb;border-right:0;box-shadow:3px 0 20px #101c2a10;z-index:3}
.merchant-brand{display:flex;align-items:center;gap:11px;padding:0 9px 24px;min-width:0;border-bottom:1px solid #ffffff30}
.merchant-logo-img,.merchant-logo-fallback{width:42px;height:42px;flex:none;border-radius:11px;object-fit:contain;background:#ffffff;box-shadow:0 2px 12px #0002;border:1px solid #ffffff3b}
.merchant-logo-fallback{display:grid;place-items:center;color:var(--mw-primary);font-weight:950;font-size:15px}
.merchant-brand-text{display:grid;min-width:0;gap:6px}.merchant-brand-text b{font-weight:850;letter-spacing:-.02em;font-size:15px;line-height:1.2;overflow-wrap:anywhere}.merchant-brand-text span{font-size:9px;letter-spacing:.1em;font-weight:750;color:#ffffffa8}
.merchant-site-choice{display:grid;gap:8px;padding:15px 7px 5px}.merchant-site-choice span{font-size:9px;letter-spacing:.11em;font-weight:750;color:#ffffffa9}.merchant-site-choice select{min-width:0;width:100%;padding:9px;border-radius:8px;border:1px solid #ffffff50;background:#ffffff15;color:#fff;font-size:12px;cursor:pointer}.merchant-site-choice select option{background:var(--mw-primary)}
.merchant-side nav{display:flex;flex-direction:column;gap:3px;margin-top:19px}.merchant-nav-label{font-size:10px;color:#ffffff9a;letter-spacing:.10em;font-weight:800;margin:22px 11px 7px}.merchant-side nav button,.merchant-side nav a{display:flex;align-items:center;gap:10px;border-radius:9px;padding:11px 12px;font-weight:660;font-size:13px;min-height:41px;border:1px solid transparent;text-decoration:none;background:transparent;color:#ffffffd9;text-align:left;cursor:pointer;line-height:1.3}
.merchant-side nav button:hover,.merchant-side nav a:hover{background:#ffffff17;border-color:#ffffff28;color:#fff}.merchant-side nav button.active{background:#ffffff27;border-color:#ffffff45;color:#fff}.merchant-nav-icon{font-size:17px;display:inline-flex;align-items:center;justify-content:center;width:19px;line-height:1;color:#fff}.merchant-side nav .nav-badge{margin-left:auto;background:var(--mw-accent);color:var(--mw-accent-ink);font-size:10px;font-weight:850}
.merchant-side-bottom{margin-top:auto;display:grid;gap:10px;padding:18px 10px 0;border-top:1px solid #ffffff30;color:#ffffffbe}.merchant-online{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:780;color:#fff}.merchant-side-bottom small{display:block;font-size:11px;overflow-wrap:anywhere}.merchant-side-bottom .merchant-powered{font-size:10px;color:#ffffff95}.merchant-foot-actions{display:flex;gap:7px;flex-wrap:wrap}.merchant-foot-actions button{border:1px solid #ffffff4a;color:#fff;background:#ffffff12;border-radius:8px;padding:7px 10px;font-size:11px;cursor:pointer}.merchant-foot-actions button:hover{background:#ffffff25}
.merchant-main{padding:34px clamp(20px,3vw,48px) 85px;min-width:0;max-width:1590px;width:100%;margin:auto}.merchant-top{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 18px}.merchant-heading{min-width:0}.merchant-overline{font-size:10px;letter-spacing:.15em;font-weight:850;color:var(--mw-primary);text-transform:uppercase;margin-bottom:10px}.merchant-heading h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:820;letter-spacing:-.045em;font-size:clamp(26px,3vw,38px);line-height:1.1;margin:0}.merchant-heading p{color:var(--mw-subtle);margin:9px 0 0;font-size:13px;line-height:1.5}.merchant-top-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.merchant-header-state{display:inline-flex;align-items:center;gap:7px;color:#526577;font-size:12px;font-weight:700}.merchant-header-state .dot{height:7px;width:7px}
.merchant-workspace .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border:1px solid #cad5e0;border-radius:9px;background:#fff;color:#243648;font-weight:750;letter-spacing:0;font-size:12px;box-shadow:0 1px 2px #1b2b3a08;text-decoration:none}.merchant-workspace .btn:hover{background:#f2f6fa;border-color:#9cacbe}.merchant-workspace .btn.primary{background:var(--mw-accent);color:var(--mw-accent-ink);border-color:transparent}.merchant-workspace .btn.primary:hover{filter:brightness(.96)}.merchant-workspace .notice{background:#fffcf2;border-color:#e8d9a2;color:#263848;margin:20px 0}.merchant-workspace .notice b{color:#71520b}.merchant-workspace .notice small{color:#5d6470}
.merchant-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:24px 0 11px}.merchant-metric{min-width:0;display:grid;align-content:space-between;gap:10px;background:var(--mw-surface);border:1px solid var(--mw-border);border-radius:14px;padding:17px 18px;box-shadow:var(--mw-shadow);min-height:144px}.merchant-metric-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.merchant-metric-head span{color:#4e6172;font-size:11px;font-weight:740;line-height:1.35}.merchant-metric-head b{font-size:17px;color:var(--mw-primary);opacity:.65}.merchant-metric>strong{color:var(--mw-text);font-size:clamp(23px,2.35vw,31px);letter-spacing:-.06em;line-height:1.1;font-weight:840}.merchant-metric small{font-size:11px;color:#728294;line-height:1.45}.merchant-metric-primary{border-top:3px solid var(--mw-accent)}
.merchant-finance-note{color:#718295;font-size:11px;margin:7px 0 22px;line-height:1.5}
.merchant-overview-grid{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(300px,.9fr);gap:14px}.merchant-panel{background:var(--mw-surface);border:1px solid var(--mw-border);border-radius:16px;box-shadow:var(--mw-shadow);padding:23px;min-width:0}.merchant-section-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:17px}.merchant-section-header h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:19px;font-weight:810;letter-spacing:-.03em;margin:4px 0 5px;color:var(--mw-text)}.merchant-section-header p{font-size:12px;line-height:1.45;color:var(--mw-subtle);margin:0}.merchant-section-kicker{color:var(--mw-primary);letter-spacing:.13em;font-size:9px;font-weight:860}.merchant-link-button{background:none;border:0;font-weight:800;color:var(--mw-primary);font-size:12px;padding:8px 0;white-space:nowrap;cursor:pointer}.merchant-link-button:hover{text-decoration:underline}
.merchant-summary-list{display:grid}.merchant-summary-row{min-width:0;display:flex;gap:12px;align-items:center;background:transparent;border:0;border-top:1px solid #ebeff3;width:100%;text-align:left;padding:14px 1px;cursor:pointer;color:var(--mw-text)}.merchant-summary-row:hover{background:#f9fbfc}.merchant-summary-row>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}.merchant-summary-row b{font-size:13px}.merchant-summary-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--mw-subtle);font-size:11px}.merchant-summary-icon,.merchant-operation-avatar{display:grid;place-items:center;width:36px;height:36px;flex:none;color:var(--mw-primary);background:#eff4f9;font-weight:900;border-radius:12px}.merchant-summary-right{display:grid;gap:5px;justify-items:end;margin-left:auto;min-width:100px}.merchant-summary-right strong{font-size:12px}.merchant-payment-pill{color:#70572b;font-style:normal;font-size:10px;background:#fff4dc;padding:4px 7px;border-radius:8px;font-weight:740;white-space:nowrap}.merchant-payment-pill.is-paid{background:#e5f7ec;color:#17784d}.merchant-empty{padding:28px 10px;text-align:center;font-size:12px;color:var(--mw-subtle)}
.merchant-site-panel{position:relative;overflow:hidden}.merchant-site-panel:before{content:"";display:block;position:absolute;top:0;left:0;right:0;height:4px;background:var(--mw-primary)}.merchant-status-pill{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:750;color:#277a53;background:#e5f7eb;border-radius:99px;padding:6px 8px}.merchant-status-pill .dot{width:6px;height:6px}.merchant-live-link{display:block;font-size:12px;font-weight:720;color:var(--mw-primary);overflow-wrap:anywhere;text-decoration:none;border-bottom:1px solid #e9edf1;padding:8px 0 16px}.merchant-live-link:hover{text-decoration:underline}.merchant-website-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:18px 0 16px}.merchant-website-facts div{border-radius:9px;background:#f5f8fb;padding:10px 8px;display:grid;gap:6px;min-width:0}.merchant-website-facts b{font-size:22px;color:var(--mw-text)}.merchant-website-facts small{font-size:10px;color:var(--mw-subtle)}.merchant-quick-actions{display:flex;gap:7px;flex-wrap:wrap}.merchant-more-sites{margin-top:14px}.merchant-sites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.merchant-other-site{border:1px solid var(--mw-border);background:#f8fafc;color:var(--mw-text);padding:13px;border-radius:10px;text-align:left;display:grid;gap:7px;cursor:pointer}.merchant-other-site small{color:var(--mw-subtle)}
.merchant-activity-panel{margin-top:24px}.merchant-section-actions{display:flex;gap:8px}.merchant-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid #e7ecf2;padding-bottom:13px}.merchant-tabs button{background:transparent;color:#607286;border:1px solid transparent;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:750;cursor:pointer}.merchant-tabs button.active{background:#eff4f9;color:var(--mw-primary);border-color:#dee7f0}.merchant-tabs button:hover{color:var(--mw-primary)}.merchant-toolbar{display:flex;align-items:flex-end;gap:12px;margin:16px 0 8px}.merchant-toolbar label{display:grid;gap:5px;min-width:0}.merchant-toolbar label span{font-size:10px;letter-spacing:.04em;color:#596b7f;font-weight:760}.merchant-toolbar input,.merchant-toolbar select{min-width:0;background:#fff;color:#203344;border:1px solid #cbd6e1;padding:11px 12px;border-radius:9px;font-size:12px}.merchant-search-label{flex:1}.merchant-search-label input{width:100%}.merchant-activity-count{font-size:11px;color:#748498;margin:12px 0}.merchant-activity-list{display:grid;gap:9px}.merchant-operation{background:#fff;border:1px solid var(--mw-border);border-radius:11px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px}.merchant-operation[hidden]{display:none}.merchant-operation-main{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-align:left;border:none;background:transparent;cursor:pointer;color:inherit;padding:0}.merchant-operation-copy{display:grid;gap:5px;min-width:0}.merchant-operation-copy b{font-size:13px}.merchant-operation-copy small{font-size:11px;color:var(--mw-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:380px}.merchant-operation-end{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.merchant-operation-end>strong{font-size:13px;white-space:nowrap}.merchant-status-label{display:grid;gap:4px}.merchant-status-label span{font-size:9px;color:#7d8d9d;font-weight:700}.merchant-status-label select{min-width:120px;background:#f9fbfc;border:1px solid var(--mw-border);color:#2a4051;padding:8px;border-radius:9px;font-size:12px}.merchant-record-actions{display:flex;gap:9px;align-items:center}.merchant-text-action{background:transparent;border:0;color:var(--mw-primary);text-decoration:underline;font-size:11px;font-weight:750;cursor:pointer}.merchant-text-action.is-danger{color:#ad3b3b}.merchant-activity-footnote{margin-top:18px;padding-top:12px;border-top:1px solid #e7ecf2;font-size:11px;color:var(--mw-subtle);line-height:1.55}
.merchant-workspace .accountbox{max-width:640px;margin-top:24px}.merchant-workspace .panel{background:#fff;border-color:var(--mw-border);border-radius:15px;box-shadow:var(--mw-shadow);color:var(--mw-text)}.merchant-workspace .panel h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:21px;font-weight:800}.merchant-workspace .field span{color:#516577}.merchant-workspace .field input{background:#f9fbfd;border:1px solid var(--mw-border);color:var(--mw-text)}.merchant-workspace .muted{color:var(--mw-subtle)}
/* Client detail, analytics, payment and website-editor dialogs remain functional,
   but use a calmer business-control treatment and smaller information blocks. */
#clientModal .client-modal{--line:#e0e6eb;--muted:#627486;--gold:#243a50;--gold2:#293e55;--panel:#fff;--panel2:#f4f7fa;width:min(840px,calc(100vw - 26px));background:#fff;color:#182939;padding:23px;border-color:#dce4ea;box-shadow:0 25px 75px #101e3660;border-radius:17px}
#clientModal .modal-head{border-color:#e4ebf0}#clientModal .modal-head h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:25px;letter-spacing:-.03em}#clientModal .eyebrow{color:var(--merchant-primary,#173d65)}#clientModal .btn{border:1px solid #d2dce5;background:#f9fbfc;color:#273b4e;font-size:12px;border-radius:8px;padding:9px 12px;text-decoration:none}#clientModal .btn.primary{background:var(--merchant-accent,#e44343);border-color:transparent;color:var(--merchant-accent-ink,#fff)}#clientModal .btn.danger{color:#aa3131;border-color:#f2caca;background:#fff6f6}
#clientModal .record-grid{gap:7px}#clientModal .record-grid>div{padding:10px 12px;background:#f7f9fb;border-color:#e0e6ed;border-radius:9px}#clientModal .record-grid span{font-size:9px;letter-spacing:.06em;color:#6a7b8d}#clientModal .record-grid b{font-size:13px;line-height:1.3}#clientModal .order-lines{background:#fbfcfd;border-color:#e0e6ed;border-radius:10px;padding:14px}#clientModal .order-lines p,#clientModal .order-lines small{color:#5d6e81}#clientModal .client-note,#clientModal .notice-tools{background:#f8fafc;color:#21354a;border-color:#dce4eb}#clientModal .client-note p,#clientModal .client-note small{color:#667587}#clientModal .v39-analytics-panel,#clientModal .v39-kpis article,#clientModal .v39-funnel div{background:#f7f9fb;color:#1e3244;border-color:#e2e8ee}#clientModal .v39-analytics-bar i{background:#e2eaf1}#clientModal .v39-analytics-bar em{background:var(--merchant-accent,#e44343)}#clientModal .v39-analytics-note,#clientModal .v39-top-page span{color:#617386}#clientModal .v39-kpis span,#clientModal .v39-kpis small{color:#5a6c80}#clientModal .v39-kpis b{color:#1e3448}
#clientModal .editor-field span{color:#506477}#clientModal .editor-field input,#clientModal .editor-field select,#clientModal .editor-field textarea,#clientModal .section-style-card textarea,#clientModal .v38-structure-row input,#clientModal .v38-hours-row input{background:#fff;color:#24384a;border:1px solid #ccd8e3}#clientModal .v38-cta-edit,#clientModal .v38-page-card,#clientModal .section-style-card{background:#f8fafc;color:#223649;border-color:#dce3eb}#clientModal .upload-btn{background:#f8fafc;color:#1b4464;border-color:#b5c4d2}#clientModal .editor-help{color:#627588}#clientModal .v38-inline-checks{color:#243b51}#clientModal .record-id{color:#687a8e!important}
.merchant-record-cleanup{border-top:1px solid #e2e8ee;margin-top:17px;padding-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.merchant-record-cleanup b{color:#203246}.merchant-record-cleanup p{color:#66778a;font-size:12px;margin:5px 0;max-width:500px}.merchant-record-cleanup-actions{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:1220px){.merchant-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.merchant-overview-grid{grid-template-columns:1fr}.merchant-operation-copy small{max-width:300px}}
@media(max-width:900px){.merchant-workspace{grid-template-columns:1fr}.merchant-workspace .merchant-side{position:static;height:auto;padding:18px}.merchant-brand{padding-bottom:15px}.merchant-side nav{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;margin-top:12px}.merchant-side nav button,.merchant-side nav a{flex:0 0 auto;padding:9px 12px;min-height:34px}.merchant-nav-label{display:none}.merchant-side-bottom{margin:10px 0 0;padding:10px 8px 0}.merchant-main{padding:25px 18px 60px}.merchant-side nav .nav-badge{margin-left:2px}}
@media(max-width:680px){.merchant-top{flex-direction:column;gap:11px}.merchant-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.merchant-metric{padding:14px;min-height:134px}.merchant-metric>strong{font-size:23px}.merchant-metric-head span{font-size:10px}.merchant-panel{padding:17px}.merchant-overview-grid{gap:10px}.merchant-section-header{flex-wrap:wrap}.merchant-toolbar{display:grid;grid-template-columns:1fr 1fr}.merchant-operation{flex-direction:column;align-items:stretch;gap:12px}.merchant-operation-end{justify-content:space-between}.merchant-operation-copy small{max-width:min(450px,68vw)}.merchant-summary-right{min-width:88px}.merchant-site-panel .merchant-website-facts{gap:5px}.merchant-website-facts div{padding:8px 6px}.merchant-website-facts b{font-size:19px}#clientModal .client-modal{padding:17px}}
@media(max-width:380px){.merchant-metrics{grid-template-columns:1fr}.merchant-toolbar{grid-template-columns:1fr}.merchant-summary-icon{display:none}}
/* Mobile nav keeps the critical Orders and Overview controls visible; the
   existing editor/analytics/payment links remain accessible in one tap. */
.merchant-side nav .merchant-tools{display:contents}.merchant-tools>summary{display:none}.merchant-tools-list{display:contents}
@media(max-width:900px){
 .merchant-side nav .merchant-tools{display:block;flex:1 0 100%;border-top:1px solid #ffffff35;padding-top:6px}
 .merchant-tools>summary{display:flex;align-items:center;justify-content:space-between;background:#ffffff10;border:1px solid #ffffff30;color:#fff;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:750;cursor:pointer;list-style:none}
 .merchant-tools>summary::-webkit-details-marker{display:none}.merchant-tools[open]>summary span{transform:rotate(180deg)}
 .merchant-tools-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:7px}
 .merchant-tools-list>*{flex:0 0 auto}
}
/* The optional ?site=<slug> login handoff uses that site's colors. */
.login.merchant-branded-login .login-art{background:linear-gradient(145deg,var(--merchant-primary,#173d65),#12273c)}
.login.merchant-branded-login .login-art .brand{color:#fff;font-size:19px;letter-spacing:-.02em;line-height:1.3}
.login.merchant-branded-login .login-art h1{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.045em;font-weight:850;font-size:clamp(34px,4.8vw,65px);line-height:1.08}
.login.merchant-branded-login .login-card{background:#fff;color:#182d40;border-color:#dee5ec;box-shadow:0 25px 70px #101b2c2b}
.login.merchant-branded-login .login-card h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:32px;letter-spacing:-.04em}
.login.merchant-branded-login .login-card .eyebrow{color:var(--merchant-primary,#173d65)}
.login.merchant-branded-login .login-card .field span{color:#53677a}
.login.merchant-branded-login .login-card .field input{background:#f7f9fc;color:#1b3145;border:1px solid #cad6e2}
.login.merchant-branded-login .login-card .btn.primary{background:var(--merchant-accent,#e44343);color:var(--merchant-accent-ink,#fff);border:0}
@media(max-width:900px){.login.merchant-branded-login .login-art{min-height:28vh}.login.merchant-branded-login .login-art h1{font-size:clamp(30px,5vw,45px)}}
.merchant-activity-meta{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:11px 0}.merchant-bulk-tools{display:flex;align-items:center;flex-wrap:wrap;gap:11px}.merchant-bulk-tools label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:750;color:#54677b;cursor:pointer}.merchant-bulk-tools span{font-size:11px;color:#7a8a9b}.merchant-bulk-tools input[type=checkbox],.merchant-order-check{width:16px;height:16px;accent-color:var(--merchant-primary,#173d65);cursor:pointer;flex:none}.merchant-workspace .merchant-bulk-tools .btn{padding:7px 10px;font-size:11px}.merchant-workspace .merchant-bulk-tools .btn:disabled{opacity:.4}.merchant-activity-meta .merchant-activity-count{margin:0}
@media(max-width:680px){.merchant-bulk-tools{width:100%}.merchant-order-check{align-self:flex-start;margin-top:5px}}