/* Pay's Emerald appearance. All workspace rules stay within the Pay shell. */
@font-face{font-family:"Public Sans";src:url("/public-sans-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/public-sans-500.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/public-sans-600.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Public Sans";src:url("/public-sans-700.ttf") format("truetype");font-weight:700;font-display:swap}
html[data-theme=mono] .shell.pay-shell{--emerald:#20c08e;--emerald-hover:#18a97c;--emerald-soft:#e4f7ef;--pay-surface:#fff;--pay-background:#f6f7fb;--pay-text:#29332e;--pay-muted:#7b8580;--pay-border:#e9ecef;--pay-teal:#149873;--pay-teal-soft:#e4f7ef;--pay-line:var(--pay-border);--ui-good:#149873;--ui-good-bg:#e4f7ef;--ui-warn:#b17a22;--ui-warn-bg:#fff4dc;grid-template-columns:248px minmax(0,1fr);font-family:"Public Sans","Segoe UI",sans-serif;color:var(--pay-text);background:var(--pay-background);line-height:1.5}
html[data-theme=mono] .shell.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;--pay-blue-soft:#283b56;--pay-violet-soft:#3c304c;--pay-amber-soft:#453a25;--pay-teal-soft:#203f32;--ui-good-bg:#203f32;--ui-warn-bg:#453a25}
html[data-theme=mono] .shell.pay-shell.menu-collapsed{grid-template-columns:76px minmax(0,1fr)}
html[data-theme=mono] .shell.pay-shell .sidebar{background:#202422;border-right:0;padding:23px 16px 16px;gap:22px;color:#c3cdc7}
html[data-theme=mono] .shell.pay-shell .menu-head{min-height:42px;gap:9px}
html[data-theme=mono] .shell.pay-shell .menu-head .brand{font-size:20px;font-weight:600;gap:10px;letter-spacing:-.7px}
html[data-theme=mono] .shell.pay-shell .menu-head .brand img{width:33px;height:33px}
html[data-theme=mono] .shell.pay-shell .menu-head .brand small{font-size:9px;color:#b1bdb5;letter-spacing:2px;margin-top:4px}
html[data-theme=mono] .shell.pay-shell .menu-toggle{background:transparent;border:0;color:#a6b5ac}
html[data-theme=mono] .shell.pay-shell .menu-toggle:hover{background:#303732}
html[data-theme=mono] .shell.pay-shell .sidebar .org-switch label{color:#94a198;font-size:10px;letter-spacing:1.3px;margin:0 0 9px}
html[data-theme=mono] .shell.pay-shell .sidebar select{background:#2b322d;border:1px solid #3c463f;color:#dbe4dd;min-height:38px;padding:8px 9px;border-radius:7px}
html[data-theme=mono] .shell.pay-shell .sidebar option{background:#2b322d;color:#fff}
html[data-theme=mono] .shell.pay-shell .sidebar nav{gap:16px}
html[data-theme=mono] .shell.pay-shell .sidebar .pay-nav-group{gap:4px}
html[data-theme=mono] .shell.pay-shell .sidebar .pay-nav-group>span{display:block;font-size:10px;letter-spacing:1.4px;color:#89998e;padding:1px 13px 5px;line-height:1.3}
html[data-theme=mono] .shell.pay-shell .sidebar nav button{min-height:39px;font-size:13px;font-weight:400;padding:9px 12px;gap:12px;color:#b9c7be;border-radius:7px;transition:background-color .2s,color .2s,transform .2s}
html[data-theme=mono] .shell.pay-shell .sidebar nav button:hover{background:#2d3931;color:#fff;transform:translateX(2px)}
html[data-theme=mono] .shell.pay-shell .sidebar nav button[aria-current=page]{background:var(--emerald);color:#fff;font-weight:600;box-shadow:0 3px 12px #20c08e24}
html[data-theme=mono] .shell.pay-shell .sidebar .pay-back{border:1px solid #3b463e;background:transparent;color:#c6d4cb;font-size:12px;min-height:38px;margin-top:14px;padding:8px 12px;border-radius:7px}
html[data-theme=mono] .shell.pay-shell.menu-collapsed .sidebar{padding:20px 12px;gap:18px}
html[data-theme=mono] .shell.pay-shell.menu-collapsed .sidebar nav button{justify-content:center;padding:10px 6px}
html[data-theme=mono] .shell.pay-shell .workspace{background:var(--pay-background);padding:0 0 24px;max-width:none;color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .topbar{height:76px;min-height:76px;background:var(--pay-surface);padding:0 28px;gap:16px;margin:0;border:0;border-bottom:1px solid var(--pay-border);position:sticky;top:0;z-index:25;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .topbar .menu-launch{border:0;background:var(--emerald-soft);color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell .pay-top-search{display:flex;align-items:center;gap:10px;max-width:430px;flex:1;margin:0;font-size:15px;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-top-search input{border:0;background:transparent;padding:10px 4px;color:var(--pay-text);min-width:0;font-size:13px;min-height:42px}
html[data-theme=mono] .shell.pay-shell .pay-top-search input::placeholder{color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-top-context{color:var(--pay-muted);font-size:13px;margin-right:auto}
html[data-theme=mono] .shell.pay-shell .pay-appearance-controls{display:flex;gap:9px;margin-left:auto}
html[data-theme=mono] .shell.pay-shell .pay-icon-button{display:grid;place-items:center;background:transparent;border:0;color:var(--pay-muted);border-radius:8px;width:36px;height:36px;padding:8px}
html[data-theme=mono] .shell.pay-shell .pay-icon-button:hover{background:var(--emerald-soft);color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell .pay-icon-button .ui-icon{width:19px;height:19px}
html[data-theme=mono] .shell.pay-shell .account-trigger{background:transparent;border:0;color:var(--pay-text);gap:9px;padding:6px;max-width:260px}
html[data-theme=mono] .shell.pay-shell .account-avatar{background:var(--emerald-soft);color:var(--pay-teal);border-radius:50%;border:0;width:36px;height:36px;font-size:11px}
html[data-theme=mono] .shell.pay-shell .account-name{font-size:12px;max-width:190px;overflow:hidden;text-overflow:ellipsis}
html[data-theme=mono] .shell.pay-shell .account-popover{background:var(--pay-surface);border-color:var(--pay-border);color:var(--pay-text);box-shadow:0 10px 40px #162f241c;border-radius:10px}
html[data-theme=mono] .shell.pay-shell .account-setting,html[data-theme=mono] .shell.pay-shell .account-identity{border-color:var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .account-identity small{color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .account-choices button{background:var(--pay-background);border-color:var(--pay-border);color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .account-choices button.selected{background:var(--emerald-soft);color:var(--pay-teal);border-color:var(--emerald)}
html[data-theme=mono] .shell.pay-shell .page-title{display:flex;margin:24px 28px 20px}
html[data-theme=mono] .shell.pay-shell .page-title h1{color:var(--pay-text);font-size:25px;font-weight:600;letter-spacing:-.5px;margin:0;line-height:1.3}
html[data-theme=mono] .shell.pay-shell .page-title .eyebrow{color:var(--pay-muted);font-size:10px;letter-spacing:1.1px;margin-bottom:5px}
html[data-theme=mono] .shell.pay-shell #content{padding:0 28px}
html[data-theme=mono] .shell.pay-shell h2,html[data-theme=mono] .shell.pay-shell h3{color:var(--pay-text);font-weight:600;letter-spacing:-.25px}
html[data-theme=mono] .shell.pay-shell .card{background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:10px;box-shadow:0 3px 12px #253d3005;padding:23px;margin-bottom:20px;color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .primary{background:var(--emerald);border:1px solid var(--emerald);border-radius:7px;color:#fff;box-shadow:0 3px 9px #20c08e19;min-height:38px;padding:10px 16px;font-size:12px;gap:14px}
html[data-theme=mono] .shell.pay-shell .primary:hover{background:var(--emerald-hover);border-color:var(--emerald-hover)}
html[data-theme=mono] .shell.pay-shell .secondary{background:var(--pay-surface);color:var(--pay-text);border:1px solid var(--pay-border);border-radius:7px;min-height:36px;padding:8px 13px;font-size:12px}
html[data-theme=mono] .shell.pay-shell .secondary:hover{background:var(--emerald-soft);border-color:var(--emerald)}
html[data-theme=mono] .shell.pay-shell .text-button{color:var(--pay-teal);background:transparent;border:0;font-size:12px;padding:5px 0;gap:7px}
html[data-theme=mono] .shell.pay-shell input,html[data-theme=mono] .shell.pay-shell textarea,html[data-theme=mono] .shell.pay-shell select{background:var(--pay-surface);border-color:var(--pay-border);color:var(--pay-text);border-radius:7px;min-height:36px}
html[data-theme=mono] .shell.pay-shell label{color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--emerald);outline-offset:3px}
html[data-theme=mono] .shell.pay-shell .hint,html[data-theme=mono] .shell.pay-shell .muted{color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .footer{color:var(--pay-muted);padding:24px 28px 0;font-size:10px}
html[data-theme=mono] .shell.pay-shell .table-wrap th{background:var(--pay-background);color:var(--pay-muted);border-color:var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .table-wrap td{border-color:var(--pay-border);color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .table-wrap tbody tr:hover td{background:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell .table-action{background:var(--pay-background);border-color:var(--pay-border);color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .table-action:hover{color:var(--pay-teal);background:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell .table-action.action-edit,html[data-theme=mono] .shell.pay-shell .detail-edit-button{background:var(--emerald-soft);color:var(--pay-teal);border-color:var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .pay-dialog{background:var(--pay-surface);color:var(--pay-text);border-color:var(--pay-border);border-radius:12px}
html[data-theme=mono] .shell.pay-shell .pay-dialog :is(.detail-section-head,.detail-section-head h3){border-color:var(--pay-border);color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .pay-dialog :is(input,select,textarea):disabled{color:var(--pay-text);-webkit-text-fill-color:var(--pay-text);background:var(--pay-background)}
html[data-theme=mono] .shell.pay-shell .pay-welcome{display:flex;justify-content:space-between;align-items:center;gap:24px;border:1px solid #d1edde;background:linear-gradient(105deg,#edf9f2,#e0f5ea);border-radius:10px;padding:28px 30px;margin-bottom:22px;overflow:hidden}
html[data-theme=mono] .shell.pay-shell .pay-welcome h2{font-size:25px;line-height:1.25;margin:0 0 10px;color:#24563f;max-width:500px}
html[data-theme=mono] .shell.pay-shell .pay-welcome p{font-size:12px;color:#6b8b7a;line-height:1.6;max-width:500px;margin:0 0 18px}
html[data-theme=mono] .shell.pay-shell .pay-welcome p.pay-eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:600;color:#368a64;margin-bottom:12px}
html[data-theme=mono] .shell.pay-shell .pay-welcome-ring{position:relative;flex:none;width:128px;height:128px;margin-right:16px}
html[data-theme=mono] .shell.pay-shell .pay-welcome-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
html[data-theme=mono] .shell.pay-shell .pay-welcome-ring .pay-donut-track{stroke:#c9e8d8;stroke-width:6}
html[data-theme=mono] .shell.pay-shell .pay-welcome-ring .pay-donut-segment{stroke-width:6;stroke-linecap:round}
html[data-theme=mono] .shell.pay-shell .pay-welcome-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center}
html[data-theme=mono] .shell.pay-shell .pay-welcome-ring strong{font-size:28px;color:#277550;letter-spacing:-1px}
html[data-theme=mono] .shell.pay-shell .pay-welcome-ring span{font-size:10px;color:#608574}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:22px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi{background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:10px;padding:20px;min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi>div{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--pay-muted);font-size:11px;margin-bottom:11px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi>strong{display:block;color:var(--pay-text);font-size:28px;font-weight:600;letter-spacing:-.7px;margin-bottom:6px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi>p{font-size:10px;color:var(--pay-muted);margin:0;line-height:1.5}
html[data-theme=mono] .shell.pay-shell .pay-kpi-glyph{display:grid;place-items:center;flex:none;width:35px;height:35px;border-radius:9px}
html[data-theme=mono] .shell.pay-shell .pay-kpi-glyph .ui-icon{width:18px;height:18px}
html[data-theme=mono] .shell.pay-shell .pay-kpi-glyph.blue{background:var(--pay-blue-soft);color:var(--pay-blue)}
html[data-theme=mono] .shell.pay-shell .pay-kpi-glyph.violet{background:var(--pay-violet-soft);color:var(--pay-violet)}
html[data-theme=mono] .shell.pay-shell .pay-kpi-glyph.green{background:var(--emerald-soft);color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell .pay-kpi-glyph.amber{background:var(--pay-amber-soft);color:#b17a22}
html[data-theme=mono] .shell.pay-shell .pay-overview-charts{display:grid;grid-template-columns:1.65fr 1fr;gap:22px;margin-bottom:22px}
html[data-theme=mono] .shell.pay-shell .pay-overview-bottom{display:grid;grid-template-columns:1.9fr 1fr;gap:22px;align-items:start}
html[data-theme=mono] .shell.pay-shell .workspace-pay .card.pay-overview-card{min-width:0;margin-bottom:0;padding:22px}
html[data-theme=mono] .shell.pay-shell .pay-card-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}
html[data-theme=mono] .shell.pay-shell .pay-card-heading h2{font-size:14px;margin:0 0 5px;font-weight:600}
html[data-theme=mono] .shell.pay-shell .pay-card-heading p{font-size:10px;color:var(--pay-muted);margin:0;line-height:1.5}
html[data-theme=mono] .shell.pay-shell .pay-unit{font-size:10px;border:1px solid var(--pay-border);border-radius:6px;padding:5px 10px;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-chart-legend{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:15px;margin-bottom:15px;font-size:10px;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-chart-legend>span{display:flex;gap:6px;align-items:center}
html[data-theme=mono] .shell.pay-shell .pay-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}
html[data-theme=mono] .shell.pay-shell .pay-dot.within{background:var(--emerald)}
html[data-theme=mono] .shell.pay-shell .pay-dot.target{background:#91dabb}
html[data-theme=mono] .shell.pay-shell .pay-dot.below{background:#edb454}
html[data-theme=mono] .shell.pay-shell .pay-dot.above{background:#73a6e7}
html[data-theme=mono] .shell.pay-shell .pay-area-chart{display:block;width:100%;height:auto;margin:22px 0 15px;overflow:visible}
html[data-theme=mono] .shell.pay-shell .pay-area-chart line{stroke:var(--pay-border);stroke-dasharray:3 4}
html[data-theme=mono] .shell.pay-shell .pay-area-chart text{fill:var(--pay-muted);font-size:10px;font-family:inherit}
html[data-theme=mono] .shell.pay-shell .pay-chart-bar{fill:var(--emerald);transform-box:fill-box;transform-origin:center bottom}
html[data-theme=mono] .shell.pay-shell .pay-chart-target{fill:#91dabb}
html[data-theme=mono] .shell.pay-shell .pay-chart-note,html[data-theme=mono] .shell.pay-shell .pay-chart-limit{font-size:10px;color:var(--pay-muted);line-height:1.6;margin:18px 0 0}
html[data-theme=mono] .shell.pay-shell .pay-market-donut{position:relative;width:170px;height:170px;margin:0 auto 20px}
html[data-theme=mono] .shell.pay-shell .pay-market-donut svg{width:100%;height:100%;transform:rotate(-90deg)}
html[data-theme=mono] .shell.pay-shell .pay-donut-track{fill:none;stroke:var(--pay-border);stroke-width:15}
html[data-theme=mono] .shell.pay-shell .pay-donut-segment{fill:none;stroke-width:15;stroke-linecap:butt}
html[data-theme=mono] .shell.pay-shell .pay-donut-segment.within{stroke:var(--emerald)}
html[data-theme=mono] .shell.pay-shell .pay-donut-segment.below{stroke:#edb454}
html[data-theme=mono] .shell.pay-shell .pay-donut-segment.above{stroke:#73a6e7}
html[data-theme=mono] .shell.pay-shell .pay-donut-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
html[data-theme=mono] .shell.pay-shell .pay-donut-label strong{font-size:28px;font-weight:600}
html[data-theme=mono] .shell.pay-shell .pay-donut-label span{font-size:9px;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-distribution-legend{display:grid;gap:10px}
html[data-theme=mono] .shell.pay-shell .pay-distribution-legend>div{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}
html[data-theme=mono] .shell.pay-shell .pay-distribution-legend>div>span{display:flex;align-items:center;gap:8px;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-distribution-legend strong{font-size:11px;font-weight:500}
html[data-theme=mono] .shell.pay-shell .pay-distribution-legend small{display:inline-block;font-size:10px;width:40px;text-align:right;margin-left:16px;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:230px;font-size:12px;color:var(--pay-muted);gap:8px}
html[data-theme=mono] .shell.pay-shell .pay-count{background:var(--pay-amber-soft);color:#b17a22;padding:2px 6px;border-radius:5px;font-size:10px}
html[data-theme=mono] .shell.pay-shell [data-overview-review-toggle][aria-pressed=true]{color:#b17a22}
html[data-theme=mono] .shell.pay-shell .pay-overview-table .table-wrap{position:relative;margin:0 -22px}
html[data-theme=mono] .shell.pay-shell .pay-overview-table table{font-size:11px}
html[data-theme=mono] .shell.pay-shell .pay-overview-table th{padding:12px 18px;font-size:9px;letter-spacing:.7px}
html[data-theme=mono] .shell.pay-shell .pay-overview-table td{padding:15px 18px;vertical-align:middle}
html[data-theme=mono] .shell.pay-shell .pay-overview-table td small{display:block;color:var(--pay-muted);font-size:9px;line-height:1.5;margin-top:4px}
html[data-theme=mono] .shell.pay-shell .pay-job-cell{display:flex;align-items:center;gap:9px}
html[data-theme=mono] .shell.pay-shell .pay-job-glyph{display:grid;place-items:center;flex:none;width:31px;height:31px;border-radius:7px;color:var(--pay-teal);background:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell .pay-job-glyph .ui-icon{width:15px;height:15px}
html[data-theme=mono] .shell.pay-shell .pay-market-status{display:inline-block;border-radius:5px;padding:3px 6px;font-size:9px;background:var(--pay-background);color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-market-status.within{color:var(--pay-teal);background:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell .pay-market-status.below{color:#b17a22;background:var(--pay-amber-soft)}
html[data-theme=mono] .shell.pay-shell .pay-market-status.above{color:#4d7cac;background:var(--pay-blue-soft)}
html[data-theme=mono] .shell.pay-shell .pay-table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0 0;font-size:10px;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-table-empty{font-size:12px;color:var(--pay-muted);text-align:center;padding:26px 0}
html[data-theme=mono] .shell.pay-shell .pay-overview-radar>.pay-card-heading>.ui-icon{color:var(--emerald);width:20px;height:20px}
html[data-theme=mono] .shell.pay-shell .pay-overview-radar>section{display:flex;gap:12px;border-bottom:1px solid var(--pay-border);padding:18px 0}
html[data-theme=mono] .shell.pay-shell .pay-overview-radar>section:first-of-type{padding-top:0}
html[data-theme=mono] .shell.pay-shell .pay-overview-radar strong{font-size:11px;font-weight:600}
html[data-theme=mono] .shell.pay-shell .pay-overview-radar section p{font-size:10px;color:var(--pay-muted);line-height:1.65;margin:8px 0}
html[data-theme=mono] .shell.pay-shell .pay-overview-radar .text-button{font-size:10px}
html[data-theme=mono] .shell.pay-shell .pay-quick-actions{margin:20px 0 0;display:flex;gap:10px;flex-wrap:wrap}
html[data-theme=mono] .shell.pay-shell .pay-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}
/* Existing analyses and forms use the same surfaces, with their original geometry. */
html[data-theme=mono] .shell.pay-shell{--ui-bg:var(--pay-background);--ui-surface:var(--pay-background);--ui-card:var(--pay-surface);--ui-field:var(--pay-surface);--ui-text:var(--pay-text);--ui-muted:var(--pay-muted);--ui-line:var(--pay-border);--ui-accent:var(--emerald);--ui-accent-contrast:#fff;--ui-tint:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell .bi-kpi>span:last-child{color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell :is(.bi-source-values,.bi-area-track,.bi-status-track){background:var(--pay-background)}
html[data-theme=mono] .shell.pay-shell :is(.bi-area-track,.bi-status-track)::-webkit-progress-bar{background:var(--pay-background)}
html[data-theme=mono] .shell.pay-shell :is(.country-picker-trigger,.country-picker-options,.explorer-filters .pay-filter-card,.explorer-filters>label,.explorer-card,.reference-band,.benefit-row,.package-totals,.equity-readiness>div,.pay-import-brief>div,.import-mapping,.market-suggestions){background:var(--pay-surface);color:var(--pay-text);border-color:var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .country-picker-options button{color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .country-picker-options button:is(:hover,[aria-selected=true]){background:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell :is(.employee-summary strong,.equity-readiness strong){color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell :is(.employee-summary span,.employee-table td small,.reference-context){color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-bi{--bi-text:var(--pay-text);--bi-muted:var(--pay-muted);--bi-border:var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .bi-filters :is(input,select){background:var(--pay-surface)!important}
html[data-theme=mono] .shell.pay-shell :is(.bi-range-row,.bi-source-detail,.bi-table th,.bi-table td){background:var(--pay-surface);color:var(--pay-text);border-color:var(--pay-border)}
html[data-theme=mono] .shell.pay-shell :is(.bi-range-row:hover,.bi-range-row.is-selected,.bi-area-row:hover,.bi-status-row:hover){background:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell :is(.market-card,.market-reference-table,.market-result,.market-layout,.band-filter,.band-chart-row,.pay-bands,.pay-equity,.equity-analysis,.employee-table,.pay-employees,.bi-panel,.bi-kpi){background:var(--pay-surface);border-color:var(--pay-border);color:var(--pay-text);border-radius:9px}
html[data-theme=mono] .shell.pay-shell :is(.market-reference-table a,.band-chart-label a){color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell :is(.band-chart-label span,.band-chart-values,.band-chart-scale,.band-chart-legend,.bi-panel small,.bi-panel p){color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .band-chart-range{background:var(--emerald-soft);border-color:var(--emerald);color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell :is(.band-chart,.band-chart-row,.band-chart-scale,.equity-analysis-head){border-color:var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .band-chart-plot{background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),var(--pay-border) calc(25% - 1px),var(--pay-border) 25%)}
html[data-theme=mono] .shell.pay-shell :is(.bi-filter-summary,.bi-view-tabs button,.bi-filter-strip,.pay-context-note){background:var(--pay-surface);border-color:var(--pay-border);color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell :is(.bi-view-tabs button.is-active,.bi-area-row.is-selected){background:var(--emerald-soft);color:var(--pay-teal);border-color:var(--emerald)}
html[data-theme=mono] .shell.pay-shell .bi-area-track::-webkit-progress-value{background:var(--emerald)}
html[data-theme=mono] .shell.pay-shell .bi-area-track::-moz-progress-bar{background:var(--emerald)}
/* Visible entry animations; preferences are kept only for Pay. */
@keyframes pay-emerald-bar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes pay-emerald-ring{from{stroke-dasharray:0 100}}
@keyframes pay-emerald-range{from{transform:scaleX(.01)}to{transform:scaleX(1)}}
html[data-theme=mono] .shell.pay-shell .pay-motion-target:not(.pay-motion-active):not(.pay-motion-static) .pay-chart-bar{transform:scaleY(0)}
html[data-theme=mono] .shell.pay-shell .pay-motion-target:not(.pay-motion-active):not(.pay-motion-static) .pay-donut-segment{stroke-dasharray:0 100}
html[data-theme=mono] .shell.pay-shell .pay-motion-active .pay-chart-bar{animation:pay-emerald-bar 1.8s cubic-bezier(.18,.7,.2,1) both}
html[data-theme=mono] .shell.pay-shell .pay-motion-active .pay-bar-pair:nth-of-type(7) .pay-chart-bar{animation-delay:.12s}
html[data-theme=mono] .shell.pay-shell .pay-motion-active .pay-bar-pair:nth-of-type(8) .pay-chart-bar{animation-delay:.24s}
html[data-theme=mono] .shell.pay-shell .pay-motion-active .pay-bar-pair:nth-of-type(9) .pay-chart-bar{animation-delay:.36s}
html[data-theme=mono] .shell.pay-shell .pay-motion-active .pay-bar-pair:nth-of-type(10) .pay-chart-bar{animation-delay:.48s}
html[data-theme=mono] .shell.pay-shell .pay-motion-active .pay-bar-pair:nth-of-type(11) .pay-chart-bar{animation-delay:.6s}
html[data-theme=mono] .shell.pay-shell .pay-motion-active .pay-donut-segment{animation:pay-emerald-ring 2.6s cubic-bezier(.2,.7,.2,1) both}
html[data-theme=mono] .shell.pay-shell .pay-motion-active .pay-donut-segment.below{animation-delay:.15s}
html[data-theme=mono] .shell.pay-shell .pay-motion-active .pay-donut-segment.above{animation-delay:.3s}
html[data-theme=mono] .shell.pay-shell :is(.bi-range-band,.band-chart-range){transform-origin:left center}
html[data-theme=mono] .shell.pay-shell .pay-motion-active :is(.bi-range-band,.band-chart-range){animation:pay-emerald-range 1.6s cubic-bezier(.18,.7,.2,1) both}
html[data-theme=mono] .shell.pay-shell :is(.bi-area-track,.bi-status-track).pay-motion-active{transform-origin:left center;animation:pay-emerald-range 1.5s cubic-bezier(.18,.7,.2,1) both}
html[data-theme=mono] .shell.pay-shell[data-pay-motion=off] :is(.pay-chart-bar,.pay-donut-segment,.bi-range-band,.band-chart-range,.bi-area-track,.bi-status-track){animation:none;transform:none}
html[data-theme=mono] .shell.pay-shell[data-pay-theme=dark] .pay-welcome{background:linear-gradient(105deg,#223d2f,#20372c);border-color:#365c43}
html[data-theme=mono] .shell.pay-shell[data-pay-theme=dark] .pay-welcome h2{color:#c6ead5}
html[data-theme=mono] .shell.pay-shell[data-pay-theme=dark] .pay-welcome :is(p,.pay-eyebrow,.pay-welcome-ring span){color:#9bbcaa}
html[data-theme=mono] .shell.pay-shell[data-pay-theme=dark] .pay-welcome-ring strong{color:#b2e2c8}
html[data-theme=mono] .shell.pay-shell[data-pay-theme=dark] .pay-welcome-ring .pay-donut-track{stroke:#365846}
@media(max-width:1200px){html[data-theme=mono] .shell.pay-shell .pay-overview-kpis{gap:13px}html[data-theme=mono] .shell.pay-shell .pay-overview-kpi{padding:16px}html[data-theme=mono] .shell.pay-shell .pay-overview-charts{grid-template-columns:1.4fr 1fr}html[data-theme=mono] .shell.pay-shell .pay-overview-bottom{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-overview-radar{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:0}html[data-theme=mono] .shell.pay-shell .pay-overview-radar>.pay-card-heading,html[data-theme=mono] .shell.pay-shell .pay-overview-radar>.pay-chart-note{grid-column:1/-1;margin-bottom:0}html[data-theme=mono] .shell.pay-shell .pay-overview-radar>section{padding:0;border:0}html[data-theme=mono] .shell.pay-shell .account-name{display:none}}
@media(max-width:980px){html[data-theme=mono] .shell.pay-shell .pay-overview-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=mono] .shell.pay-shell .pay-overview-charts{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-market-donut{width:185px;height:185px}html[data-theme=mono] .shell.pay-shell .pay-distribution-legend{max-width:350px;margin:auto}}
@media(max-width:760px){html[data-theme=mono] .shell.pay-shell{display:block}html[data-theme=mono] .shell.pay-shell .sidebar{padding:20px 16px;width:min(280px,86vw);gap:22px}html[data-theme=mono] .shell.pay-shell .topbar{height:64px;min-height:64px;padding:0 16px;gap:10px}html[data-theme=mono] .shell.pay-shell .pay-top-search{max-width:none;gap:5px}html[data-theme=mono] .shell.pay-shell .pay-top-search input{font-size:12px;width:100%}html[data-theme=mono] .shell.pay-shell .pay-appearance-controls{gap:1px}html[data-theme=mono] .shell.pay-shell .pay-icon-button{width:30px;height:34px;padding:6px}html[data-theme=mono] .shell.pay-shell .account-trigger{padding:0}html[data-theme=mono] .shell.pay-shell .account-trigger>span:last-child{display:none}html[data-theme=mono] .shell.pay-shell .account-avatar{width:30px;height:30px}html[data-theme=mono] .shell.pay-shell .page-title{margin:20px 16px 17px}html[data-theme=mono] .shell.pay-shell .page-title h1{font-size:22px}html[data-theme=mono] .shell.pay-shell #content{padding:0 16px}html[data-theme=mono] .shell.pay-shell .pay-welcome{padding:23px 20px;gap:14px}html[data-theme=mono] .shell.pay-shell .pay-welcome h2{font-size:21px}html[data-theme=mono] .shell.pay-shell .pay-welcome-ring{width:90px;height:90px;margin:0}html[data-theme=mono] .shell.pay-shell .pay-welcome-ring strong{font-size:22px}html[data-theme=mono] .shell.pay-shell .pay-overview-kpis{gap:12px}html[data-theme=mono] .shell.pay-shell .pay-overview-kpi{padding:16px 14px}html[data-theme=mono] .shell.pay-shell .pay-overview-kpi>div{font-size:10px;gap:6px}html[data-theme=mono] .shell.pay-shell .pay-kpi-glyph{width:29px;height:29px}html[data-theme=mono] .shell.pay-shell .card.pay-overview-card{padding:20px}html[data-theme=mono] .shell.pay-shell .pay-overview-table .table-wrap{margin:0 -20px}html[data-theme=mono] .shell.pay-shell .pay-overview-table th,html[data-theme=mono] .shell.pay-shell .pay-overview-table td{padding:12px 10px}html[data-theme=mono] .shell.pay-shell .pay-overview-radar{display:block}html[data-theme=mono] .shell.pay-shell .pay-overview-radar>.pay-card-heading{margin-bottom:18px}html[data-theme=mono] .shell.pay-shell .pay-overview-radar>section{padding:16px 0;border-bottom:1px solid var(--pay-border)}html[data-theme=mono] .shell.pay-shell .pay-overview-radar>.pay-chart-note{margin-top:16px}html[data-theme=mono] .shell.pay-shell .pay-overview-table table{min-width:540px}html[data-theme=mono] .shell.pay-shell .pay-job-cell{gap:7px}html[data-theme=mono] .shell.pay-shell .pay-overview-table td:first-child{max-width:200px}html[data-theme=mono] .shell.pay-shell .pay-table-footer{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:450px){html[data-theme=mono] .shell.pay-shell .pay-welcome{align-items:flex-start}html[data-theme=mono] .shell.pay-shell .pay-welcome-ring{width:70px;height:70px;margin-top:30px}html[data-theme=mono] .shell.pay-shell .pay-welcome-ring strong{font-size:19px}html[data-theme=mono] .shell.pay-shell .pay-welcome-ring span{font-size:8px}html[data-theme=mono] .shell.pay-shell .pay-welcome p{font-size:11px}html[data-theme=mono] .shell.pay-shell .pay-card-heading{gap:8px}html[data-theme=mono] .shell.pay-shell .pay-card-heading .text-button{font-size:10px;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html[data-theme=mono] .shell.pay-shell:not([data-pay-motion=on]) *{animation:none!important;transition:none!important}}