/* Shared working surface for Business and its applications. */
body:has(.suite-shell){--suite-surface:#fff;--suite-bg:#f6f7fb;--suite-text:#29332e;--suite-muted:#748178;--suite-border:#e5e9e7;--suite-soft:#e4f7ef;--suite-accent:#20c08e}
body:has(.suite-shell[data-pay-theme=dark]){--suite-surface:#252c28;--suite-bg:#1b211e;--suite-text:#edf3ef;--suite-muted:#a1b1a7;--suite-border:#37403b;--suite-soft:#203f32;color-scheme:dark}
html[data-theme=mono] .shell.suite-shell:not(.pay-shell)[data-pay-theme=dark]{color-scheme:dark;--pay-surface:#252c28;--pay-background:#1b211e;--pay-text:#edf3ef;--pay-muted:#a1b1a7;--pay-border:#37403b;--emerald-soft:#203f32;--ui-good-bg:#203f32;--ui-warn-bg:#453a25}
html[data-theme=mono] .shell.suite-shell:not(.pay-shell){--emerald:#20c08e;--emerald-hover:#18a97c;--emerald-soft:#e4f7ef;--pay-surface:#fff;--pay-background:#f6f7fb;--pay-text:#29332e;--pay-muted:#748178;--pay-border:#e5e9e7;--pay-teal:#149873;--ink:var(--pay-text);--muted:var(--pay-muted);--line:var(--pay-border);--surface:var(--pay-surface);--surface-muted:var(--pay-background);--accent:var(--emerald);--ui-good:#149873;--ui-good-bg:#e4f7ef;--ui-warn:#a9761c;--ui-warn-bg:#fff4dc;grid-template-columns:220px minmax(0,1fr);font-family:'Public Sans','Segoe UI',sans-serif;color:var(--pay-text);background:var(--pay-background);line-height:1.5;font-size:15px}
html[data-theme=mono] .suite-shell:not(.pay-shell).menu-collapsed{grid-template-columns:64px minmax(0,1fr)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar{background:#202422;color:#c3cdc7;border:0;padding:14px 12px;gap:12px;overflow:hidden}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar select{background:#2b322d;color:#dbe4dd;border-color:#3c463f}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar option{background:#2b322d;color:#fff}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar .org-switch label{color:#94a198;font-size:12px;letter-spacing:.5px;margin:0 0 5px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar nav button{font-size:14px;line-height:1.35;min-height:34px;padding:6px 10px;color:#bcc9c0}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar nav button:hover{background:#303b34;color:#fff}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar nav button[aria-current=page]{background:var(--emerald);color:#fff;font-weight:600}
html[data-theme=mono] .suite-shell:not(.pay-shell) .menu-head .brand{font-size:19px;gap:8px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .menu-head .brand img{width:32px;height:32px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .brand small{color:var(--emerald);font-size:10px;letter-spacing:1.5px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .workspace{max-width:none;padding:0 0 16px;margin:0;background:var(--pay-background);color:var(--pay-text);overflow-anchor:none}
html[data-theme=mono] .suite-shell:not(.pay-shell) .topbar{position:sticky;top:0;z-index:25;background:var(--pay-surface);border:0;border-bottom:1px solid var(--pay-border);height:58px;min-height:58px;padding:0 18px;margin:0;gap:12px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .page-title{margin:16px 18px 12px;gap:12px;align-items:center}
html[data-theme=mono] .suite-shell:not(.pay-shell) .page-title h1{font-size:25px;font-weight:600;letter-spacing:-.5px;margin:0;line-height:1.25}
html[data-theme=mono] .suite-shell:not(.pay-shell) .page-title .eyebrow{font-size:12px;letter-spacing:.6px;color:var(--pay-muted);margin-bottom:4px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .page-title p{font-size:13px;margin:4px 0 0;color:var(--pay-muted)}
html[data-theme=mono] .suite-shell:not(.pay-shell) #content{padding:0 18px;min-width:0}
html[data-theme=mono] .suite-shell:not(.pay-shell) .card{background:var(--pay-surface);color:var(--pay-text);border:1px solid var(--pay-border);border-radius:10px;padding:16px;margin-bottom:14px;box-shadow:0 3px 12px #253d3005;min-width:0}
html[data-theme=mono] .suite-shell:not(.pay-shell) h2{font-size:20px;font-weight:600;letter-spacing:-.4px;margin-bottom:10px}
html[data-theme=mono] .suite-shell:not(.pay-shell) h3{font-size:17px;font-weight:600;letter-spacing:-.2px}
html[data-theme=mono] .suite-shell:not(.pay-shell) p{font-size:14px;line-height:1.6}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.muted,.hint){color:var(--pay-muted);font-size:13px}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.primary,.secondary){border-radius:7px;min-height:36px;padding:8px 13px;font-size:14px;gap:9px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .primary{background:var(--emerald);border:1px solid var(--emerald);color:#fff}
html[data-theme=mono] .suite-shell:not(.pay-shell) .primary:hover{background:var(--emerald-hover)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .secondary{background:var(--pay-surface);border:1px solid var(--pay-border);color:var(--pay-text)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .secondary:hover{background:var(--emerald-soft);border-color:var(--emerald)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .text-button{background:transparent;color:var(--pay-teal);font-size:14px;padding:6px 0;gap:7px}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(input,select,textarea){background:var(--pay-surface);color:var(--pay-text);border:1px solid var(--pay-border);border-radius:7px;min-height:36px;padding:8px 10px;font:inherit;max-width:100%;min-width:0}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(label,legend){font-size:14px;color:var(--pay-text)}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--emerald);outline-offset:3px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .footer{font-size:12px;color:var(--pay-muted);padding:16px 18px 0}
html[data-theme=mono] .suite-shell:not(.pay-shell) .welcome{background:linear-gradient(110deg,var(--emerald-soft),var(--pay-surface));padding:20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 24px;align-items:center}
html[data-theme=mono] .suite-shell:not(.pay-shell) .welcome :is(h2,p){max-width:none;margin:0}
html[data-theme=mono] .suite-shell:not(.pay-shell) .welcome .eyebrow{font-size:12px;margin:0}
html[data-theme=mono] .suite-shell:not(.pay-shell) .welcome button{grid-column:2;grid-row:1/4}
html[data-theme=mono] .suite-shell:not(.pay-shell) .stats{gap:12px;margin-bottom:0}
html[data-theme=mono] .suite-shell:not(.pay-shell) .stat{position:relative;padding:14px 16px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .stat strong{font-size:30px;font-weight:600;line-height:1.25;margin:5px 0}
html[data-theme=mono] .suite-shell:not(.pay-shell) .stat>span:last-child{font-size:14px;color:var(--pay-muted)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .workspace .stats .card.stat:nth-child(n){background:var(--pay-surface);border:1px solid var(--pay-border)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .workspace .stats .card.stat:nth-child(n) strong{color:var(--pay-text)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .two-column{gap:14px;align-items:start}
/* Header and account: same controls and hierarchy in every application. */
html[data-theme=mono] .suite-shell:not(.pay-shell) .suite-collapsed-brand{display:none;flex:none;align-items:center;gap:7px;background:transparent;border:0;padding:0;color:var(--pay-text);font-size:16px;line-height:1.1;text-align:left}
html[data-theme=mono] .suite-shell:not(.pay-shell).menu-collapsed .suite-collapsed-brand{display:flex}
.suite-collapsed-brand img{width:30px;height:30px}
.suite-search-wrap{position:relative;flex:1;min-width:0;max-width:520px;margin-right:auto}
.suite-search{display:flex!important;align-items:center;gap:9px;margin:0;color:var(--pay-muted)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .suite-search input{background:transparent;border:0;min-width:0;padding:8px 0;min-height:36px;font-size:14px}
.suite-search .ui-icon{width:18px;height:18px;flex:none}
.suite-search-results{position:absolute;left:0;right:0;top:calc(100% + 8px);border:1px solid var(--pay-border);border-radius:10px;padding:5px;background:var(--pay-surface);box-shadow:0 12px 35px #152e2522;max-height:380px;overflow:auto;z-index:40;min-width:min(320px,78vw)}
.suite-search-results button{display:flex;flex-direction:column;align-items:start;width:100%;gap:3px;border:0;border-radius:6px;background:transparent;color:var(--pay-text);padding:10px;text-align:left;font-size:14px}
.suite-search-results button:hover{background:var(--emerald-soft)}
.suite-search-results small,.suite-search-results p{font-size:12px;color:var(--pay-muted)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .account-trigger{background:transparent;border:0;color:var(--pay-text);padding:5px;gap:8px;max-width:260px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .account-avatar{background:var(--emerald-soft);color:var(--pay-teal);border:0;width:34px;height:34px;border-radius:50%;font-size:12px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .account-name{font-size:14px;max-width:170px;text-overflow:ellipsis;overflow:hidden}
html[data-theme=mono] .suite-shell:not(.pay-shell) .account-popover{background:var(--pay-surface);color:var(--pay-text);border-color:var(--pay-border);border-radius:10px;box-shadow:0 10px 40px #162f241c}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.account-setting,.account-identity){border-color:var(--pay-border)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .account-setting label{margin:0 0 7px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .account-setting select{width:100%}
html[data-theme=mono] .suite-shell:not(.pay-shell) .pay-menu-preferences button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;background:transparent;color:var(--pay-text);border:0;border-radius:6px;padding:9px 0;font-size:14px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .pay-menu-preferences button:hover{background:var(--emerald-soft)}
.account-profile{display:block;padding:10px 0;font-size:13px;text-decoration:none;color:inherit}
html[data-theme=mono] .suite-shell:not(.pay-shell) .account-logout{background:transparent;color:var(--pay-text)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .account-logout:hover{background:var(--emerald-soft)}
html[data-theme=mono] .suite-shell .sidebar-bottom{display:none!important}
html[data-theme=mono] .suite-shell:not(.pay-shell) .suite-sidebar-footer .pay-back{background:transparent;border:1px solid #3b463e;color:#c6d4cb;border-radius:7px;min-height:33px;font-size:14px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .suite-sidebar-footer .pay-back:hover{background:#303b34;color:#fff}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar[data-pay-nav-density=compact]{gap:8px;padding:10px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar[data-pay-nav-density=compact] nav button{min-height:29px;padding:4px 8px;font-size:13px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar[data-pay-nav-density=tight]{gap:5px;padding:6px 10px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar[data-pay-nav-density=tight] nav{gap:1px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar[data-pay-nav-density=tight] nav button{height:var(--pay-nav-row-height,24px);min-height:0;padding:2px 6px;font-size:12px;line-height:1.1}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar[data-pay-nav-density=tight] .menu-head{min-height:28px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar[data-pay-nav-density=tight] .brand img{width:25px;height:25px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar[data-pay-nav-density=tight] .suite-sidebar-footer{gap:3px;padding-top:4px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar[data-pay-nav-density=tight] .suite-sidebar-footer button{min-height:25px;padding:3px 6px;font-size:12px}
/* Responsive tables retain every field and action. */
html[data-theme=mono] .suite-shell:not(.pay-shell) .table-wrap{width:100%;max-width:100%;min-width:0;overflow-x:hidden;border:1px solid var(--pay-border);border-radius:8px}
html[data-theme=mono] .suite-shell:not(.pay-shell) table{width:100%;min-width:0!important;table-layout:fixed;font-size:14px}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(th,td){min-width:0!important;white-space:normal;overflow-wrap:anywhere;border-color:var(--pay-border);padding:10px 12px;vertical-align:top}
html[data-theme=mono] .suite-shell:not(.pay-shell) th{background:var(--pay-background);color:var(--pay-muted);font-size:12px;letter-spacing:.3px}
html[data-theme=mono] .suite-shell:not(.pay-shell) td :is(input,select,button){max-width:100%;white-space:normal}
html[data-theme=mono] .suite-shell:not(.pay-shell) tbody tr:hover{background:var(--emerald-soft)}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.row,.permission-list .row){padding:10px 0;border-color:var(--pay-border);font-size:14px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .row :is(strong,small){overflow-wrap:anywhere}
html[data-theme=mono] .suite-shell:not(.pay-shell) .row strong{font-size:14px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .row small{font-size:12px;color:var(--pay-muted)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .pill{font-size:12px;padding:4px 8px;background:var(--emerald-soft);color:var(--pay-teal)}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.cp-partial,.leave-overlap){background:var(--ui-warn-bg);color:var(--ui-warn)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .mono{color:var(--pay-muted);font-size:12px;overflow-wrap:anywhere}
html[data-theme=mono] .suite-shell:not(.pay-shell) .org-settings{max-width:none}
/* The app-specific working areas use the same compact panels. */
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.people-intro,.directory-intro,.wp-intro,.leave-section-head){margin-bottom:12px;gap:14px}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.people-layout,.wp-rooms,.wp-visits,.leave-requests,.leave-sites,.cp-columns,.cp-requirements,.commercial-overview-grid,.commercial-simulator,.commercial-client-grid,.commercial-source-grid){gap:14px;min-width:0}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.directory-metrics,.wp-metrics,.leave-balances,.cp-metrics,.commercial-metrics){gap:12px;margin:14px 0;border:0;background:transparent;overflow:visible}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.directory-metrics>div,.wp-metrics>div,.leave-balances>div,.cp-metrics article,.commercial-metrics>div){padding:14px 16px;border:1px solid var(--pay-border);border-radius:10px;background:var(--pay-surface);color:var(--pay-text);gap:6px;min-width:0}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.directory-metrics,.wp-metrics,.leave-balances,.cp-metrics,.commercial-metrics) strong{font-size:30px;line-height:1.2;font-weight:600;letter-spacing:-.6px}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.directory-metrics,.wp-metrics,.leave-balances,.cp-metrics,.commercial-metrics) :is(span,small){font-size:14px;color:var(--pay-muted)}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.leave-available,.wp-present){background:var(--emerald-soft)!important}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.people-case,.wp-visit,.leave-request,.commercial-client,.commercial-source,.leave-sites article){padding:14px;background:var(--pay-surface);border-color:var(--pay-border);border-radius:9px;gap:8px;color:var(--pay-text)}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.people-case.selected,.wp-inside){border-color:var(--emerald);background:var(--emerald-soft);box-shadow:none}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.people-case,.people-tasks) :is(p,small,span:not(.pill)){font-size:14px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .people-tasks article{gap:12px;padding:14px 0}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.people-access,.leave-estimate,.leave-conflicts,.cp-snapshot,.cp-notice,.wp-free){padding:12px;background:var(--pay-background);border-color:var(--pay-border);color:var(--pay-text);border-radius:8px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .cp-notice{border-left-color:var(--emerald)}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.wp-toolbar,.leave-toolbar,.cp-toolbar,.commercial-toolbar){gap:12px;margin-bottom:14px}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.directory-filters,.commercial-filters,.people-filters){gap:12px;margin:10px 0 14px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .commercial-tabs button{font-size:14px;padding:8px 12px;border-color:var(--pay-border);color:var(--pay-text);background:var(--pay-surface)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .commercial-tabs button.selected{background:var(--emerald-soft);color:var(--pay-teal);border-color:var(--emerald)}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.commercial-workspace,.commercial-workspace table){font-size:15px;--text:var(--pay-text);--card:var(--pay-surface);--soft:var(--pay-background)}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.commercial-workspace,.wp-toolbar) label{margin-top:0}
html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.wp-slot,.leave-calendar,.leave-holidays,.leave-assignments,.cp-history){border-color:var(--pay-border)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .wp-slot{background:var(--pay-background);padding:10px}
html[data-theme=mono] .suite-shell:not(.pay-shell) .leave-day span{background:var(--emerald-soft);color:var(--pay-teal)}
html[data-theme=mono] .suite-shell:not(.pay-shell) progress{accent-color:var(--emerald)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .cp-metrics article{--card:var(--pay-surface)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .cp-guide summary::after{color:var(--pay-teal)}
html[data-theme=mono] .suite-shell:not(.pay-shell) .stat-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--emerald-soft);color:var(--pay-teal);float:right}
/* Fixed modal frame; section changes affect only the scrollable body. */
body:has(.suite-shell) dialog.suite-sectioned-dialog{--surface:var(--suite-surface);--text:var(--suite-text);--line:var(--suite-border);--muted:var(--suite-muted);position:fixed;inset:0;width:min(880px,calc(100vw - 32px));max-width:none;height:min(650px,calc(100dvh - 32px));max-height:none;overflow:hidden;padding:20px;background:var(--suite-surface);color:var(--suite-text);border:1px solid var(--suite-border);border-radius:14px;font-family:'Public Sans','Segoe UI',sans-serif;box-shadow:0 22px 80px #123b3a33}
dialog.suite-sectioned-dialog::backdrop{background:#11251fcc;backdrop-filter:blur(3px)}
dialog.suite-sectioned-dialog>form{height:100%;min-height:0;display:flex;flex-direction:column;gap:12px}
dialog.suite-sectioned-dialog .suite-dialog-head{flex:none;display:flex;align-items:center;gap:10px;flex-wrap:wrap;border-bottom:1px solid var(--suite-border);padding:0 0 12px}
dialog.suite-sectioned-dialog .suite-dialog-head .eyebrow{width:100%;margin:0;color:var(--suite-muted);font-size:12px}
dialog.suite-sectioned-dialog .suite-dialog-head h2{font-size:23px;line-height:1.2;margin:0;flex:1;color:var(--suite-text)}
.suite-dialog-tabs{display:flex;gap:4px;flex:none;border-bottom:1px solid var(--suite-border);overflow:auto}
.suite-dialog-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--suite-muted);padding:9px 12px;font-size:14px;white-space:nowrap}
.suite-dialog-tabs button[aria-selected=true]{color:#149873;border-bottom-color:var(--suite-accent);font-weight:600}
.suite-dialog-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 4px 0 0}
.suite-dialog-content>[data-suite-panel]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px 16px}
.suite-dialog-content>[data-suite-panel]>:is(div,p,h3,h4,fieldset,details,ol,ul,.commercial-wide){grid-column:1/-1;min-width:0}
dialog.suite-sectioned-dialog :is(label,legend){font-size:14px;color:var(--suite-text);margin:0;display:block}
dialog.suite-sectioned-dialog :is(input,select,textarea){font:inherit;font-size:15px;background:var(--suite-surface);color:var(--suite-text);border:1px solid var(--suite-border);border-radius:7px;padding:9px 10px;width:100%;min-width:0;max-width:100%;margin-top:6px}
dialog.suite-sectioned-dialog input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;accent-color:var(--suite-accent)}
dialog.suite-sectioned-dialog p{font-size:14px;color:var(--suite-muted);line-height:1.6;margin:0}
dialog.suite-sectioned-dialog fieldset{padding:12px;border:1px solid var(--suite-border);border-radius:8px}
dialog.suite-sectioned-dialog .suite-dialog-error{flex:none;color:#c35446;min-height:0;max-height:64px;overflow:auto;margin:0;font-size:14px}
dialog.suite-sectioned-dialog>form>.actions{flex:none;margin:0;padding-top:12px;border-top:1px solid var(--suite-border);flex-wrap:wrap}
dialog.suite-sectioned-dialog .primary{background:var(--suite-accent);color:#fff;border:1px solid var(--suite-accent);padding:9px 13px;font-size:14px}
dialog.suite-sectioned-dialog .secondary{background:var(--suite-surface);color:var(--suite-text);border:1px solid var(--suite-border);padding:9px 13px;font-size:14px}
dialog.suite-sectioned-dialog :focus-visible{outline:2px solid var(--suite-accent);outline-offset:3px}
body:has(.suite-shell[data-pay-theme=dark]) dialog.suite-app-dialog{background:var(--suite-surface);color:var(--suite-text);border-color:var(--suite-border)}
body:has(.suite-shell[data-pay-theme=dark]) .suite-app-card{background:var(--suite-bg);color:var(--suite-text);border-color:var(--suite-border)}
body:has(.suite-shell[data-pay-theme=dark]) .suite-app-card:is([aria-current=page],:hover){background:var(--suite-soft);border-color:var(--suite-accent)}
body:has(.suite-shell[data-pay-theme=dark]) .suite-app-card small{color:var(--suite-muted)}
body:has(.suite-shell[data-pay-theme=dark]) .suite-app-status{color:var(--suite-accent)}
body:has(.suite-shell[data-pay-theme=dark]) :is(.suite-dialog-close,.suite-dialog-actions button){background:var(--suite-bg);color:var(--suite-text);border-color:var(--suite-border)}
body:has(.suite-shell[data-pay-theme=dark]) :is(.suite-dialog-actions,.suite-dialog-section){border-color:var(--suite-border)}
/* Entrance animation honors pause and reduced motion across the suite. */
html[data-theme=mono] body:not(:has(.shell)){background:#f6f7fb;color:#29332e;font-family:'Public Sans','Segoe UI',sans-serif}
html[data-theme=mono] body:not(:has(.shell)) .login-header{padding:24px 32px}
html[data-theme=mono] body:not(:has(.shell)) .brand small{color:#149873}
html[data-theme=mono] body:not(:has(.shell)) .landing{min-height:480px;margin:24px auto 40px;gap:36px}
html[data-theme=mono] body:not(:has(.shell)) .landing h1{font-size:clamp(34px,4vw,54px);letter-spacing:-1.8px}
html[data-theme=mono] body:not(:has(.shell)) .landing h1 em{color:#149873}
html[data-theme=mono] body:not(:has(.shell)) .scene{background:#e4f7ef;border-radius:16px;min-height:360px}
html[data-theme=mono] body:not(:has(.shell)) .preview-card{border-radius:12px;border-color:#e5e9e7}
html[data-theme=mono] body:not(:has(.shell)) .login-cta{background:#20c08e;border-radius:8px;color:#fff;font-size:16px}
html[data-theme=mono] body:not(:has(.shell)) .features :is(h3,p){font-size:14px}
@keyframes suite-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes suite-progress{from{transform:scaleX(.05)}to{transform:scaleX(1)}}
.suite-shell:not(.pay-shell)[data-pay-motion=on] .pay-motion-target.pay-motion-active{animation:suite-enter .5s ease both}
.suite-shell:not(.pay-shell)[data-pay-motion=on] .pay-motion-active progress{transform-origin:left;animation:suite-progress .9s cubic-bezier(.2,.7,.2,1) both}
.suite-shell:not(.pay-shell)[data-pay-motion=off] *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.suite-shell:not(.pay-shell) *{animation:none!important;transition:none!important}}
@media(max-width:1050px){html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.people-layout,.commercial-overview-grid,.commercial-simulator,.two-column){grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){html[data-theme=mono] .suite-shell:not(.pay-shell) .topbar{padding:0 12px;gap:8px}html[data-theme=mono] .suite-shell:not(.pay-shell) #content{padding:0 12px}html[data-theme=mono] .suite-shell:not(.pay-shell) .page-title{margin:14px 12px 10px;flex-wrap:wrap}html[data-theme=mono] .suite-shell:not(.pay-shell) .page-title h1{font-size:23px}html[data-theme=mono] .suite-shell:not(.pay-shell) .welcome{display:block;padding:16px}html[data-theme=mono] .suite-shell:not(.pay-shell) .welcome button{margin-top:12px}html[data-theme=mono] .suite-shell:not(.pay-shell) .stats{grid-template-columns:1fr}html[data-theme=mono] .suite-shell:not(.pay-shell) .two-column{grid-template-columns:1fr}html[data-theme=mono] .suite-shell:not(.pay-shell) .suite-collapsed-brand{display:flex;font-size:14px}html[data-theme=mono] .suite-shell:not(.pay-shell) .account-name{display:none}html[data-theme=mono] .suite-shell:not(.pay-shell) .menu-launch{margin-right:0;background:var(--emerald-soft);color:var(--pay-teal);border:0}html[data-theme=mono] .suite-shell:not(.pay-shell) .suite-search input{font-size:13px;width:100%}html[data-theme=mono] .suite-shell:not(.pay-shell) .suite-collapsed-brand img{width:26px;height:26px}.suite-search .ui-icon{display:none}html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.wp-rooms,.wp-visits,.leave-sites,.cp-columns,.cp-requirements,.commercial-client-grid,.commercial-source-grid){grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.directory-metrics,.cp-metrics,.commercial-metrics,.wp-metrics,.leave-balances){grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.directory-metrics,.cp-metrics,.commercial-metrics,.wp-metrics,.leave-balances) strong{font-size:27px}html[data-theme=mono] .suite-shell:not(.pay-shell) :is(.directory-metrics>div,.wp-metrics>div,.leave-balances>div,.cp-metrics article,.commercial-metrics>div){padding:12px}html[data-theme=mono] .suite-shell:not(.pay-shell) .sidebar{overflow-y:hidden!important}}
@media(max-width:680px){html[data-theme=mono] .suite-shell:not(.pay-shell) table.pay-responsive-table :is(thead){display:none}html[data-theme=mono] .suite-shell:not(.pay-shell) table.pay-responsive-table :is(tbody,tr,td){display:block;width:100%}html[data-theme=mono] .suite-shell:not(.pay-shell) table.pay-responsive-table tr{padding:6px 0;border-bottom:1px solid var(--pay-border)}html[data-theme=mono] .suite-shell:not(.pay-shell) table.pay-responsive-table td{display:grid;grid-template-columns:minmax(84px,.65fr) minmax(0,1.35fr);gap:5px 12px;border:0;padding:6px 10px}html[data-theme=mono] .suite-shell:not(.pay-shell) table.pay-responsive-table td::before{content:attr(data-label);font-size:12px;color:var(--pay-muted);font-weight:500}html[data-theme=mono] .suite-shell:not(.pay-shell) table.pay-responsive-table td>*{min-width:0;grid-column:2}body:has(.suite-shell) dialog.suite-sectioned-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:14px}.suite-dialog-content>[data-suite-panel]{grid-template-columns:minmax(0,1fr)}.suite-dialog-tabs button{padding:8px 10px}dialog.suite-sectioned-dialog .suite-dialog-head h2{font-size:21px}}