/* Complete working surfaces for each Pay section. */
html[data-theme=mono] .shell.pay-shell .pay-screen{font-size:1rem;line-height:1.6;min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-section-heading{display:flex;align-items:center;gap:18px;background:linear-gradient(110deg,var(--emerald-soft),var(--pay-surface));border:1px solid var(--pay-border);border-radius:12px;padding:24px 26px;margin:0 0 24px}
html[data-theme=mono] .shell.pay-shell .pay-section-heading h2{font-size:1.5rem!important;line-height:1.3;margin:0 0 7px!important;letter-spacing:-.4px}
html[data-theme=mono] .shell.pay-shell .pay-section-heading p{font-size:.94rem!important;color:var(--pay-muted);margin:0!important;max-width:650px}
html[data-theme=mono] .shell.pay-shell .pay-section-glyph{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:12px;background:var(--pay-surface);color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell .pay-section-glyph .ui-icon{width:25px;height:25px}
html[data-theme=mono] .shell.pay-shell .pay-section-actions{margin-left:auto;flex:none}
html[data-theme=mono] .shell.pay-shell .pay-heading-buttons,html[data-theme=mono] .shell.pay-shell .pay-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
html[data-theme=mono] .shell.pay-shell .pay-section-actions:has(>.pay-heading-buttons:empty){display:none}
html[data-theme=mono] .shell.pay-shell .pay-screen :is(.primary,.secondary){font-size:.94rem;min-height:42px;padding:10px 15px}
html[data-theme=mono] .shell.pay-shell .pay-screen .text-button{font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-screen :is(label,input,select,textarea){font-size:.94rem;line-height:1.5}
html[data-theme=mono] .shell.pay-shell .pay-screen :is(input,select,textarea){min-height:42px;padding:9px 11px}
html[data-theme=mono] .shell.pay-shell .pay-screen :is(.hint,.muted,small){font-size:.82rem;line-height:1.6}
html[data-theme=mono] .shell.pay-shell .pay-screen-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric{display:flex;align-items:flex-start;gap:15px;background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:12px;padding:23px 20px;min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric>div{min-width:0;flex:1}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric>div>span{display:block;color:var(--pay-muted);font-size:.87rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric strong{display:block;font-size:1.9rem;line-height:1.3;font-weight:600;color:var(--pay-text);margin:10px 0 4px;overflow-wrap:anywhere}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric small{display:block;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric{display:block;position:relative}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric>.pay-kpi-glyph{position:absolute;right:20px;top:20px}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric>div>span{padding-right:43px;min-height:42px}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric .pay-metric-amount{font-size:clamp(1.1rem,1.5vw,1.65rem);white-space:nowrap;overflow-wrap:normal}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric .pay-metric-amount-long{font-size:1rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,.85fr);gap:24px;align-items:start}
html[data-theme=mono] .shell.pay-shell .workspace .card.pay-work-card,html[data-theme=mono] .shell.pay-shell .workspace .card.pay-insight-card{padding:24px;border-radius:12px;margin-bottom:24px;min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-insight-card>.pay-card-heading{margin-bottom:24px}
html[data-theme=mono] .shell.pay-shell .pay-insight-card h3{font-size:1rem;margin:0 0 6px}
html[data-theme=mono] .shell.pay-shell .pay-insight-card p,html[data-theme=mono] .shell.pay-shell .pay-insight-card .pay-chart-note{font-size:.82rem}
html[data-theme=mono] .shell.pay-shell .pay-card-heading>.ui-icon{width:20px;height:20px;color:var(--emerald);flex:none}
html[data-theme=mono] .shell.pay-shell .pay-mini-row{margin:0 0 21px}
html[data-theme=mono] .shell.pay-shell .pay-mini-row>div{display:flex;justify-content:space-between;gap:10px;font-size:.94rem;margin-bottom:9px}
html[data-theme=mono] .shell.pay-shell .pay-mini-row strong{font-size:.94rem;color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .pay-mini-bar{display:block;appearance:none;border:0;border-radius:9px;background:var(--pay-background);width:100%;height:9px;overflow:hidden;transform-origin:left center}
html[data-theme=mono] .shell.pay-shell .pay-mini-bar::-webkit-progress-bar{background:var(--pay-background);border-radius:9px}
html[data-theme=mono] .shell.pay-shell .pay-mini-bar::-webkit-progress-value{background:var(--emerald);border-radius:9px}
html[data-theme=mono] .shell.pay-shell .pay-mini-bar::-moz-progress-bar{background:var(--emerald);border-radius:9px}
html[data-theme=mono] .shell.pay-shell .pay-mini-bar.pay-motion-active{animation:pay-emerald-range 1.7s cubic-bezier(.18,.7,.2,1) both}
html[data-theme=mono] .shell.pay-shell .pay-screen table{font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-screen .table-wrap{position:relative;border:1px solid var(--pay-border);border-radius:9px}
html[data-theme=mono] .shell.pay-shell .pay-screen .table-wrap :is(th,td){padding:16px 14px;line-height:1.5;vertical-align:middle}
html[data-theme=mono] .shell.pay-shell .pay-screen .table-wrap th{font-size:.82rem;letter-spacing:.3px;text-transform:none;font-weight:500}
html[data-theme=mono] .shell.pay-shell .pay-screen .table-wrap td{font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-screen .table-wrap :is(td small,td .hint){font-size:.82rem;margin:5px 0 0;line-height:1.55}
html[data-theme=mono] .shell.pay-shell .pay-screen .table-action{width:34px;height:34px;min-height:34px;margin:2px;padding:7px}
html[data-theme=mono] .shell.pay-shell .pay-screen .pay-quick-actions{margin:24px 0}
html[data-theme=mono] .shell.pay-shell .pay-screen .pay-screen-ring{position:relative;width:190px;height:190px;margin:4px auto 24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
html[data-theme=mono] .shell.pay-shell .pay-screen-ring>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}
html[data-theme=mono] .shell.pay-shell .pay-screen-ring strong{font-size:2.2rem;font-weight:600;line-height:1.25}
html[data-theme=mono] .shell.pay-shell .pay-screen-ring span{font-size:.82rem;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-ring-legend{display:grid;gap:12px}
html[data-theme=mono] .shell.pay-shell .pay-ring-legend>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.87rem}
html[data-theme=mono] .shell.pay-shell .pay-ring-legend>div>span{display:flex;align-items:center;gap:8px;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-ring-legend strong{font-size:.94rem;font-weight:500}
html[data-theme=mono] .shell.pay-shell .pay-quality-reasons{border-top:1px solid var(--pay-border);padding-top:25px;margin-top:25px}
/* Benchmarking: a catalogue of readable reference cards beside its filters. */
html[data-theme=mono] .shell.pay-shell .workspace .pay-screen-market .market-card{padding:0;border:0;background:transparent;box-shadow:none}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-mode{display:flex;gap:5px;flex-wrap:wrap;padding:4px;border:1px solid var(--pay-border);border-radius:9px;background:var(--pay-surface)}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-mode button{background:transparent;color:var(--pay-muted);border:0;padding:9px 12px;border-radius:6px;font-size:.87rem;line-height:1.4}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-mode button[aria-pressed=true]{background:var(--emerald);color:#fff}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-toolbar:has(>.market-search){padding:20px;background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:10px;margin:0 0 22px;gap:20px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-toolbar:not(:has(>.market-search)){margin:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-explorer{grid-template-columns:260px minmax(0,1fr);gap:24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters{background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:12px;padding:22px;min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters>h3{font-size:1.06rem;margin-bottom:22px}
html[data-theme=mono] .shell.pay-shell .pay-market-filter-panel{grid-column:1/-1;min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-market-filter-panel>summary{font-size:1rem;font-weight:600;color:var(--pay-teal);cursor:pointer;list-style-position:inside}
html[data-theme=mono] .shell.pay-shell .pay-market-filter-panel[open]>summary{margin-bottom:22px}
html[data-theme=mono] .shell.pay-shell .pay-filter-panel-content{min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-filter-panel-content>label{margin:0;padding:0;border:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters .pay-filter-card{background:transparent;padding:0 0 20px;margin:0 0 20px;border:0;border-bottom:1px solid var(--pay-border);border-radius:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters>label{background:transparent;padding:0 0 20px;margin:0 0 20px;border:0;border-bottom:1px solid var(--pay-border);border-radius:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters .pay-filter-card h4{font-size:.94rem;color:var(--pay-teal);margin:0 0 12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters label{font-size:.87rem;margin:12px 0 0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters :is(input,select){min-height:42px!important;padding:9px 10px!important;font-size:.94rem;width:100%;margin-top:7px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:10px;padding:19px 22px;margin:0 0 16px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-summary strong{font-size:1.06rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-summary span{font-size:.87rem;color:var(--pay-muted);margin-top:5px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-salary{background:var(--emerald-soft);border:1px solid var(--pay-border);border-radius:10px;padding:18px 20px;margin-bottom:16px;gap:12px;flex-wrap:wrap}
html[data-theme=mono] .shell.pay-shell .pay-screen-market :is(.market-data-guide,.market-currency-note){font-size:.87rem;line-height:1.7;background:var(--pay-surface);color:var(--pay-muted);border:1px solid var(--pay-border);border-radius:9px;padding:17px 20px;margin-bottom:20px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table{background:transparent;border:0;border-radius:0;overflow:visible;margin:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table table{min-width:0!important;border:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table td:nth-child(5) strong{font-size:1rem;color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table td small{font-size:.82rem;line-height:1.5;margin-top:5px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table details p{font-size:.87rem;line-height:1.6}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table details summary{font-size:.82rem;color:var(--pay-muted);margin-top:9px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-level,html[data-theme=mono] .shell.pay-shell .pay-screen-market .status-muted{font-size:.87rem;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .range-track{margin-top:14px;height:9px;background:var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .range-fill{background:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .range-marker{background:var(--emerald);border-color:var(--pay-surface)}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-layout{border-radius:12px;grid-template-columns:300px minmax(0,1fr);gap:24px;background:transparent;border:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market :is(.market-controls,.market-result,.source-result:not(.explorer-row),.market-counts,.market-package-details,.market-methods,.market-scope){background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:12px;padding:22px;margin-bottom:22px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .company-fixed strong{color:var(--pay-teal);font-size:2rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-counts{display:flex;gap:22px;flex-wrap:wrap}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-counts strong{font-size:1.6rem;color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-overview{background:var(--pay-surface)}
/* Statistics: generous plots, with a persistent source panel beside the data. */
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-intro{margin-bottom:24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-intro .bi-eyebrow{color:var(--pay-teal)!important;font-size:.82rem!important;letter-spacing:1px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-data-tag{font-size:.82rem;padding:8px 12px;margin-left:auto;flex:none}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-filters{background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:12px;padding:22px;gap:16px;margin:0 0 24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-filters label{font-size:.87rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-kpis{gap:20px;margin:0 0 24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-kpi{padding:23px 20px;grid-template-columns:38px 1fr;gap:7px 13px;border:1px solid var(--pay-border);border-radius:12px;background:var(--pay-surface)}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-kpi strong{font-size:1.9rem;color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-kpi>span:last-child{font-size:.87rem;white-space:normal;line-height:1.5}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-kpi .bi-glyph{width:38px;height:38px}
html[data-theme=mono] .shell.pay-shell .pay-statistics-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;margin-bottom:24px;align-items:start}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-panel{padding:25px;border-radius:12px;border-color:var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-panel-head{margin-bottom:25px;gap:12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-panel-head h3{font-size:1.06rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-panel-head p{font-size:.82rem!important;line-height:1.5;margin-top:5px!important}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-panel-head .bi-glyph{width:38px;height:38px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-range-row{grid-template-columns:minmax(120px,1fr) minmax(90px,1.2fr);gap:9px 20px;min-height:72px;padding:15px 6px;border-bottom:1px solid var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-range-name strong{font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-range-name small{font-size:.82rem;margin-top:4px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-range-plot{height:26px;background:linear-gradient(to bottom,transparent 11px,var(--pay-border) 11px,var(--pay-border) 14px,transparent 14px)}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-range-band{top:8px;height:9px;background:var(--emerald)}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-range-mid{top:5px;width:15px;height:15px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-range-amount{grid-column:2;font-size:.82rem;text-align:left;line-height:1.5}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-axis{padding:13px 0 0 52%;font-size:.82rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-area-row{grid-template-columns:minmax(100px,1fr) minmax(60px,1fr) 28px;gap:12px;padding:12px 0;font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-area-name{white-space:normal;overflow:visible;line-height:1.5}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics :is(.bi-area-track,.bi-status-track){height:9px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics :is(.bi-area-row strong,.bi-status-row strong){font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-status-row{grid-template-columns:9px 95px minmax(0,1fr) 26px;padding:12px 0;font-size:.94rem;gap:10px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .pay-bi-market-ring{margin-bottom:25px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .pay-bi-market-ring .pay-screen-ring{width:170px;height:170px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .pay-bi-market-ring .pay-ring-legend{display:none}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-company-list{border-color:var(--pay-border);margin-top:24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-company-list>div{font-size:.94rem;padding:14px 0;grid-template-columns:9px minmax(80px,1fr) auto;gap:7px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-company-list small{font-size:.82rem;grid-column:2/-1}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-source-title h3{font-size:1.13rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-source-title p{font-size:.87rem!important}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-source-values{padding:19px 16px;gap:16px;margin:22px 0;background:var(--emerald-soft);border-radius:9px;flex-wrap:wrap}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-source-values strong{font-size:1.2rem;color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-source-values small{font-size:.82rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics :is(.bi-method,.bi-limit){font-size:.87rem!important;line-height:1.7!important;margin:14px 0!important}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-source-foot{font-size:.82rem;gap:15px;flex-wrap:wrap}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-source-foot a{color:var(--pay-teal)!important}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-table{margin-bottom:24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-table td{font-size:.94rem!important}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-table :is(td small,.bi-table-pick){font-size:.87rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-disclaimer{font-size:.82rem!important;line-height:1.7}
/* Employees: summary cards, one filter surface, readable country groups. */
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary>div{position:relative;display:flex;flex-direction:column;padding:21px 19px;border:1px solid var(--pay-border);border-radius:12px;background:var(--pay-surface);min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary .pay-kpi-glyph{margin-bottom:12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary strong{font-size:1.9rem;color:var(--pay-text)!important}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary>div>span:last-child{font-size:.87rem;line-height:1.5;margin-top:6px;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .pay-employees.pay-work-card{padding:24px;background:var(--pay-surface)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-view-tabs,html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-grouping-control{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--pay-background);border:1px solid var(--pay-border);padding:5px;border-radius:9px;margin:0 0 22px;width:fit-content}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees :is(.employee-view-tabs button,.employee-grouping-control button){border:0;background:transparent;color:var(--pay-muted);border-radius:6px;padding:10px 15px;font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees :is(.employee-view-tabs button.is-active,.employee-grouping-control button[aria-pressed=true]){background:var(--emerald);color:#fff}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .pay-employee-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:20px;background:var(--pay-background);border:1px solid var(--pay-border);border-radius:10px;padding:20px;margin-bottom:18px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-list-filters{flex:1;min-width:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0;padding:0;background:transparent;border:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-list-filters label{margin:0;font-size:.87rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-list-filters [data-employee-filters-clear]{grid-column:1/-1;justify-self:start}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-grouping-control{margin:0;background:var(--pay-surface)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-list-count{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.87rem;color:var(--pay-muted);padding:6px 0 17px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-country-group{border:1px solid var(--pay-border);background:var(--pay-surface);border-radius:10px;margin-bottom:21px;overflow:hidden}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-country-group>summary{padding:20px;background:var(--pay-background);font-size:1rem;color:var(--pay-text);border-bottom:1px solid var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-country-total{font-size:.87rem;color:var(--pay-teal);background:var(--emerald-soft);padding:5px 10px;border-radius:6px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-country-group .employee-table{border:0;border-radius:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-market{font-size:.87rem;line-height:1.5;padding:5px 8px;font-weight:500}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-guidance{font-size:.82rem;line-height:1.8;margin:22px 0 0;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees :is(.employee-map-panel,.employee-map-results){background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:12px;padding:22px;color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-layout{gap:24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-head h3,html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-results-head h3{font-size:1.06rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees :is(.employee-map-total,.employee-atlas-footer,.employee-map-footnote,.employee-map-person-status){font-size:.82rem;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-person{background:var(--pay-background);border-color:var(--pay-border);padding:15px;color:var(--pay-text);border-radius:9px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-person strong{font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-person small{font-size:.82rem;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-avatar{background:var(--emerald-soft);color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-world-land{fill:var(--pay-background)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-country-path.has-people{fill:var(--emerald-soft);stroke:#83c7a6}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-world-city-dot{fill:var(--emerald)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-atlas-badge{background:var(--pay-surface);border-color:var(--pay-border);color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees :is(.employee-badge-count,.employee-map-result-count){background:var(--emerald-soft);color:var(--pay-teal)}
/* Bands: selector in the work area, large source lanes, scenario cards. */
html[data-theme=mono] .shell.pay-shell .pay-band-selector{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 24px;background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:12px;margin:0 0 24px}
html[data-theme=mono] .shell.pay-shell .pay-band-selector label{margin:0;min-width:220px;flex:1;max-width:540px}
html[data-theme=mono] .shell.pay-shell .pay-band-selector select{width:100%;margin-top:7px}
html[data-theme=mono] .shell.pay-shell .pay-band-selector>div{font-size:.87rem;text-align:right;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-band-selector strong{font-size:.94rem;color:var(--pay-teal)}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-analysis-bar{font-size:.87rem;padding:0 0 20px;border-bottom:1px solid var(--pay-border);color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart{border:0;padding:12px 0}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-scale{font-size:.82rem;padding:15px 0 20px}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-row{grid-template-columns:210px minmax(120px,1fr) 175px;gap:25px;min-height:130px;padding:22px 5px;border-bottom:1px solid var(--pay-border);border-radius:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-label strong{font-size:1.06rem}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-label span{font-size:.87rem;line-height:1.6;margin-top:6px}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-label a{font-size:.82rem;margin-top:8px}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-plot{height:54px}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-range{height:20px;top:17px;border-radius:7px;background:var(--emerald-soft);border:1px solid var(--emerald)}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-dot{width:16px;height:16px;top:19px}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-values{font-size:.94rem;text-align:right}
html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-legend{font-size:.87rem;padding:15px 0;gap:20px}
html[data-theme=mono] .shell.pay-shell .pay-band-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
html[data-theme=mono] .shell.pay-shell .pay-band-scenarios article{padding:23px}
html[data-theme=mono] .shell.pay-shell .pay-band-scenarios article>div:first-child{display:flex;align-items:center;gap:10px;font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-band-scenarios .table-action{margin-left:auto}
html[data-theme=mono] .shell.pay-shell .pay-band-scenarios article>strong{display:block;font-size:1.7rem;line-height:1.3;margin:20px 0 8px}
html[data-theme=mono] .shell.pay-shell .pay-band-scenarios article>p{font-size:.82rem;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-scenario-statuses{display:grid;gap:7px;border-top:1px solid var(--pay-border);padding-top:15px;color:var(--pay-muted);font-size:.82rem}
/* Equity: a coverage ring beside the available checks, with no invented gap. */
html[data-theme=mono] .shell.pay-shell .pay-screen-equity .equity-readiness{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 24px}
html[data-theme=mono] .shell.pay-shell .pay-screen-equity .equity-readiness>div{padding:23px;border:1px solid var(--pay-border);border-radius:12px;background:var(--pay-surface);text-align:left}
html[data-theme=mono] .shell.pay-shell .pay-screen-equity .equity-readiness strong{font-size:1.9rem;font-weight:600;color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .pay-screen-equity .equity-readiness span{display:block;font-size:.87rem;color:var(--pay-muted);margin-top:8px}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.7fr);gap:24px;align-items:start}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-analysis{padding:24px;border:1px solid var(--pay-border);border-radius:12px;background:var(--pay-surface)}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-analysis-head{padding:0 0 21px}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-analysis-head h3{font-size:1.06rem}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-analysis-head span{font-size:.82rem;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-coverage>div{grid-template-columns:150px minmax(50px,1fr) 72px;gap:18px;font-size:.94rem;padding:18px 0}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-coverage progress{width:100%;height:10px;accent-color:var(--emerald);transform-origin:left center}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-coverage progress::-webkit-progress-value{background:var(--emerald);border-radius:8px}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-coverage progress.pay-motion-active{animation:pay-emerald-range 1.7s both}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-analysis-note{background:var(--emerald-soft);border:1px solid var(--pay-border);border-radius:9px;padding:21px;margin-top:25px;color:var(--pay-text);font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-analysis-note p{font-size:.87rem;line-height:1.7;margin:10px 0 0}
/* Comparison: two selection cards with the full component table and a bar chart. */
html[data-theme=mono] .shell.pay-shell .pay-compare-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:0 0 24px}
html[data-theme=mono] .shell.pay-shell .pay-compare-choices>label{margin:0;padding:21px;background:var(--pay-background);border:1px solid var(--pay-border);border-radius:10px;color:var(--pay-teal);font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-compare-choices>label:nth-child(2){background:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell .pay-compare-choices select{display:block;width:100%;margin:12px 0 22px}
html[data-theme=mono] .shell.pay-shell .pay-choice-summary strong{display:block;font-size:1.7rem;color:var(--pay-text);font-weight:600;line-height:1.3;margin-bottom:7px}
html[data-theme=mono] .shell.pay-shell .pay-choice-summary>span{display:block;color:var(--pay-muted);font-size:.87rem}
html[data-theme=mono] .shell.pay-shell .pay-choice-summary small{display:block;line-height:1.6;color:var(--pay-muted);margin-top:14px;font-weight:400}
html[data-theme=mono] .shell.pay-shell .pay-compare-chart{display:block;width:100%;height:auto;margin:20px 0}
html[data-theme=mono] .shell.pay-shell .pay-compare-chart text{font-size:14px;fill:var(--pay-muted);font-family:inherit}
html[data-theme=mono] .shell.pay-shell .pay-compare-chart line{stroke:var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .pay-comparison-difference{background:var(--emerald-soft);border-radius:9px;padding:22px;display:flex;flex-direction:column;gap:7px}
html[data-theme=mono] .shell.pay-shell .pay-comparison-difference span{font-size:.87rem;color:var(--pay-muted)}
html[data-theme=mono] .shell.pay-shell .pay-comparison-difference strong{font-size:1.8rem;color:var(--pay-teal);line-height:1.3}
html[data-theme=mono] .shell.pay-shell .pay-screen-compare .compare-note{font-size:.87rem;line-height:1.7;background:var(--pay-background);border-color:var(--pay-border);color:var(--pay-text);padding:18px;border-radius:9px;margin:19px 0}
/* Import: one upload action, a template panel, and the three review steps. */
html[data-theme=mono] .shell.pay-shell .pay-import-upload{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 25px;border:2px dashed #b8e6d3;border-radius:12px;background:var(--emerald-soft);min-height:360px}
html[data-theme=mono] .shell.pay-shell .pay-import-file-glyph{display:grid;place-items:center;width:68px;height:68px;border-radius:16px;background:var(--pay-surface);color:var(--pay-teal);margin-bottom:23px}
html[data-theme=mono] .shell.pay-shell .pay-import-file-glyph .ui-icon{width:31px;height:31px}
html[data-theme=mono] .shell.pay-shell .pay-import-upload h3{font-size:1.5rem;margin:0 0 12px}
html[data-theme=mono] .shell.pay-shell .pay-import-upload p{max-width:390px;font-size:.94rem;line-height:1.7;color:var(--pay-muted);margin-bottom:25px}
html[data-theme=mono] .shell.pay-shell .pay-import-upload small{font-size:.82rem;color:var(--pay-muted);margin-top:18px}
html[data-theme=mono] .shell.pay-shell .pay-import-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0 0 24px}
html[data-theme=mono] .shell.pay-shell .pay-import-timeline>div{padding:23px;border:1px solid var(--pay-border);border-radius:12px;background:var(--pay-surface);min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-step-number{display:block;font-size:1.5rem;font-weight:600;color:var(--emerald);margin-bottom:16px}
html[data-theme=mono] .shell.pay-shell .pay-import-timeline strong{font-size:1rem;color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .pay-import-timeline p{font-size:.87rem;color:var(--pay-muted);line-height:1.7;margin:9px 0 0}
html[data-theme=mono] .shell.pay-shell .pay-import-privacy{border-top:1px solid var(--pay-border);padding-top:23px;margin-top:25px;font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-import-privacy p{font-size:.87rem;color:var(--pay-muted);line-height:1.8;margin:10px 0}
html[data-theme=mono] .shell.pay-shell .pay-screen-quality .quality-issue{display:inline-block;background:var(--pay-amber-soft);color:var(--pay-amber);font-size:.82rem;font-weight:500;border-radius:5px;padding:5px 8px;margin:3px}
html[data-theme=mono] .shell.pay-shell .pay-screen-quality .status-ok{font-size:.87rem;color:var(--pay-teal);background:var(--emerald-soft);border-radius:6px;padding:6px 9px;line-height:1.6}
/* Pay dialogs and all secondary controls share the same readable surfaces. */
html[data-theme=mono] .shell.pay-shell .pay-dialog{padding:28px;max-width:780px;border-radius:13px;font-size:1rem}
html[data-theme=mono] .shell.pay-shell .pay-dialog :is(label,input,select,textarea,.secondary,.primary){font-size:.94rem}
html[data-theme=mono] .shell.pay-shell .pay-dialog :is(input,select,textarea){min-height:42px;padding:9px 11px}
html[data-theme=mono] .shell.pay-shell .pay-dialog :is(.hint,.muted,p){font-size:.87rem;line-height:1.65}
html[data-theme=mono] .shell.pay-shell .pay-dialog .benefit-row{padding:21px;margin:17px 0;border-color:var(--pay-border);border-radius:10px;background:var(--pay-background)}
html[data-theme=mono] .shell.pay-shell .pay-dialog .detail-section-head h3{font-size:1.06rem}
html[data-theme=mono] .shell.pay-shell .country-picker-trigger{font-size:.94rem;min-height:42px;padding:9px 11px}
html[data-theme=mono] .shell.pay-shell .country-picker-options button{font-size:.94rem;padding:10px}
@keyframes pay-panel-arrive{from{opacity:.55;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
html[data-theme=mono] .shell.pay-shell[data-pay-motion=on] :is(.pay-screen-metric,.pay-work-card,.pay-insight-card,.bi-panel,.employee-country-group,.explorer-row,.pay-band-scenarios article).pay-motion-active{animation:pay-panel-arrive .55s ease both}
html[data-theme=mono] .shell.pay-shell[data-pay-motion=on] .range-track.pay-motion-active .range-fill{transform-origin:left center;animation:pay-emerald-range 1.7s both}
html[data-theme=mono] .shell.pay-shell[data-pay-motion=off] .pay-screen *{animation:none!important}
@media(max-width:1250px){html[data-theme=mono] .shell.pay-shell .pay-screen-grid{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-screen-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=mono] .shell.pay-shell .pay-section-heading{flex-wrap:wrap}html[data-theme=mono] .shell.pay-shell .pay-section-actions{flex-basis:100%;margin-left:70px}html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table tbody{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-row{grid-template-columns:170px minmax(100px,1fr)}html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-values{grid-column:2;text-align:left}html[data-theme=mono] .shell.pay-shell .pay-statistics-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:1000px){html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-explorer,html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-layout,html[data-theme=mono] .shell.pay-shell .pay-statistics-grid,html[data-theme=mono] .shell.pay-shell .pay-equity-grid{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters>h3{grid-column:1/-1;margin:0}html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=mono] .shell.pay-shell .pay-band-scenarios{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-list-filters{grid-template-columns:minmax(0,1fr);flex-basis:100%}html[data-theme=mono] .shell.pay-shell .pay-compare-choices,html[data-theme=mono] .shell.pay-shell .pay-import-timeline,html[data-theme=mono] .shell.pay-shell .pay-screen-equity .equity-readiness,html[data-theme=mono] .shell.pay-shell .pay-band-scenarios{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-summary{align-items:flex-start;flex-wrap:wrap}html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table tr{padding:19px}html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table td:nth-child(5) strong{font-size:1.06rem}html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-mode button{padding:9px;font-size:.82rem}html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-filters{padding:18px;gap:14px}html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-panel{padding:20px}html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-data-tag{margin:12px 0 0}html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-range-row{grid-template-columns:minmax(100px,1fr) minmax(70px,1fr);gap:7px}html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-range-amount{grid-column:1/-1}html[data-theme=mono] .shell.pay-shell .pay-band-selector{flex-direction:column;align-items:stretch;padding:20px}html[data-theme=mono] .shell.pay-shell .pay-band-selector label{min-width:0}html[data-theme=mono] .shell.pay-shell .pay-band-selector>div{text-align:left}html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-row{grid-template-columns:minmax(0,1fr);gap:15px;padding:25px 0}html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-values{grid-column:1}html[data-theme=mono] .shell.pay-shell .pay-screen-bands .band-chart-scale{font-size:.75rem}html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-coverage>div{grid-template-columns:1fr 70px;gap:12px}html[data-theme=mono] .shell.pay-shell .pay-equity-grid .equity-coverage progress{grid-row:2;grid-column:1/-1}html[data-theme=mono] .shell.pay-shell .pay-dialog{padding:22px;width:calc(100% - 28px)}}
@media(max-width:760px){html[data-theme=mono] .shell.pay-shell .pay-screen-metrics{gap:12px}html[data-theme=mono] .shell.pay-shell .pay-screen-metric{padding:18px 14px;gap:10px;flex-direction:column}html[data-theme=mono] .shell.pay-shell .pay-screen-metric strong{font-size:1.7rem}html[data-theme=mono] .shell.pay-shell .pay-section-heading{padding:21px 18px;gap:12px}html[data-theme=mono] .shell.pay-shell .pay-section-heading>div:not(.pay-section-actions){min-width:0;flex:1}html[data-theme=mono] .shell.pay-shell .pay-section-heading h2{font-size:1.3rem!important}html[data-theme=mono] .shell.pay-shell .pay-section-actions{margin-left:0}html[data-theme=mono] .shell.pay-shell .workspace .card.pay-work-card,html[data-theme=mono] .shell.pay-shell .workspace .card.pay-insight-card{padding:20px}html[data-theme=mono] .shell.pay-shell .pay-screen .table-wrap table{min-width:650px}}

/* Compact Pay: prominent values, room for the working data, and viewport-sized navigation. */
html[data-theme=mono] .shell.pay-shell{grid-template-columns:220px minmax(0,1fr);--pay-muted:#67766e}
html[data-theme=mono] .shell.pay-shell[data-pay-theme=dark]{--pay-muted:#a1b1a7}
html[data-theme=mono] .shell.pay-shell .sidebar{height:100dvh;padding:14px 12px;gap:12px;background:#202422;overflow:hidden}
html[data-theme=mono] .shell.pay-shell .menu-head .brand{color:#fff!important;font-size:20px}
html[data-theme=mono] .shell.pay-shell .menu-head .brand small{color:#b1bdb5;font-size:11px;letter-spacing:1.6px}
html[data-theme=mono] .shell.pay-shell .menu-head .brand img{display:block;width:34px;height:34px}
html[data-theme=mono] .shell.pay-shell .sidebar .org-switch label{margin-bottom:4px;font-size:12px;letter-spacing:.4px}
html[data-theme=mono] .shell.pay-shell .sidebar select{min-height:34px;padding:6px 8px;font-size:13px;background:#2b322d;border-color:#3c463f}
html[data-theme=mono] .shell.pay-shell .sidebar nav{flex:0 0 auto;min-height:0;gap:6px;align-content:start}
html[data-theme=mono] .shell.pay-shell .sidebar .pay-nav-group{gap:2px}
html[data-theme=mono] .shell.pay-shell .sidebar .pay-nav-group>span{font-size:11px;letter-spacing:1px;padding:0 10px 3px;color:#89998e}
html[data-theme=mono] .shell.pay-shell .sidebar nav button{min-height:32px;padding:6px 10px;font-size:14px;line-height:20px;gap:10px}
html[data-theme=mono] .shell.pay-shell .sidebar .pay-back{min-height:32px;font-size:13px;padding:6px 10px;margin:0;border-color:#3b463e}
html[data-theme=mono] .shell.pay-shell .topbar{height:58px;min-height:58px;padding:0 20px;gap:12px}
html[data-theme=mono] .shell.pay-shell .page-title{margin:16px 20px 12px}
html[data-theme=mono] .shell.pay-shell .page-title h1{color:var(--pay-teal);font-size:26px}
html[data-theme=mono] .shell.pay-shell .page-title .eyebrow{font-size:12px;letter-spacing:.4px;margin-bottom:3px}
html[data-theme=mono] .shell.pay-shell #content{padding:0 20px}
html[data-theme=mono] .shell.pay-shell .pay-section-heading{padding:10px 12px;gap:10px;margin-bottom:10px}
html[data-theme=mono] .shell.pay-shell .pay-section-heading h2{font-size:1.25rem!important;margin-bottom:4px!important}
html[data-theme=mono] .shell.pay-shell .pay-section-glyph{width:40px;height:40px;border-radius:9px}
html[data-theme=mono] .shell.pay-shell .pay-section-actions{flex-basis:auto;margin-left:auto}
html[data-theme=mono] .shell.pay-shell :is(.pay-screen-grid,.pay-statistics-grid,.pay-equity-grid,.pay-overview-charts,.pay-overview-bottom,.pay-band-scenarios,.pay-import-timeline){gap:10px;margin-bottom:10px}
html[data-theme=mono] .shell.pay-shell .workspace :is(.card.pay-work-card,.card.pay-insight-card,.card.pay-overview-card){padding:12px;margin-bottom:10px}
html[data-theme=mono] .shell.pay-shell :is(.pay-card-heading,.bi-panel-head){margin-bottom:10px}
html[data-theme=mono] .shell.pay-shell :is(.pay-screen-metrics,.pay-overview-kpis,.bi-kpis){gap:10px;margin-bottom:10px}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric{padding:10px 12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric>.pay-kpi-glyph{right:14px;top:14px;width:30px;height:30px}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric>div>span{min-height:18px;font-size:14px;line-height:18px;padding-right:34px}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric strong{font-size:2.5rem;line-height:1.15;margin:3px 0 0;letter-spacing:-1px}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric .pay-metric-amount{font-size:clamp(1.3rem,1.65vw,2rem);letter-spacing:-.5px}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric .pay-metric-amount-long{font-size:1.3rem}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi{padding:10px 12px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi>div{font-size:14px;margin-bottom:7px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi>strong{font-size:2.5rem;line-height:1.15;margin-bottom:4px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi>p{font-size:12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-kpi{padding:10px 12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-statistics .bi-kpi strong{font-size:2.5rem;line-height:1.15}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:10px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary>div{padding:10px 12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary .pay-kpi-glyph{position:absolute;top:14px;right:14px;width:28px;height:28px;margin:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary strong{font-size:2.5rem;line-height:1.15;margin:0 28px 0 0}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary>div>span:last-child{font-size:14px;line-height:19px;margin-top:5px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees :is(.employee-view-tabs,.employee-grouping-control){padding:3px;gap:3px;margin-bottom:12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees :is(.employee-view-tabs button,.employee-grouping-control button){padding:6px 10px;min-height:34px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .pay-employees.pay-work-card{padding:12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .pay-employee-toolbar{padding:8px;gap:8px;margin-bottom:8px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-country-group{margin-bottom:12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-country-group>summary{padding:11px 14px;font-size:14px}
html[data-theme=mono] .shell.pay-shell .pay-screen-equity .equity-readiness{gap:10px;margin-bottom:10px}
html[data-theme=mono] .shell.pay-shell .pay-screen-equity .equity-readiness>div{padding:10px 12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-equity .equity-readiness strong{font-size:2.5rem;line-height:1.15}
html[data-theme=mono] .shell.pay-shell :is(.pay-band-selector,.pay-compare-choices>label,.pay-screen-statistics .bi-filters,.pay-screen-statistics .bi-panel){padding:12px;margin-bottom:10px}
html[data-theme=mono] .shell.pay-shell .pay-import-upload{min-height:220px;padding:16px}
html[data-theme=mono] .shell.pay-shell .pay-import-file-glyph{width:50px;height:50px;margin-bottom:16px}
html[data-theme=mono] .shell.pay-shell .pay-welcome{padding:14px 16px;gap:12px;margin-bottom:10px}
html[data-theme=mono] .shell.pay-shell .pay-welcome h2{font-size:24px;margin-bottom:8px}
html[data-theme=mono] .shell.pay-shell .pay-welcome p{font-size:14px;margin-bottom:12px}
html[data-theme=mono] .shell.pay-shell .pay-welcome-ring{width:88px;height:88px}
html[data-theme=mono] .shell.pay-shell .footer{padding:16px 20px;font-size:12px}

/* Search and account settings. */
html[data-theme=mono] .shell.pay-shell .pay-search-wrap{position:relative;flex:1;min-width:0;max-width:550px;margin-right:auto}
html[data-theme=mono] .shell.pay-shell .pay-top-search{max-width:none;padding:0 10px;border-radius:8px;background:var(--pay-background);border:1px solid var(--pay-border)}
html[data-theme=mono] .shell.pay-shell .pay-top-search input{width:100%;font-size:14px;min-height:36px;padding:7px 0;outline-offset:0}
html[data-theme=mono] .shell.pay-shell .pay-top-search>.ui-icon{width:18px;flex:none}
html[data-theme=mono] .shell.pay-shell .pay-search-results{position:absolute;top:calc(100% + 7px);left:0;right:0;max-height:420px;overflow:auto;padding:6px;background:var(--pay-surface);border:1px solid var(--pay-border);border-radius:9px;box-shadow:0 12px 30px #163d3126;z-index:35}
html[data-theme=mono] .shell.pay-shell .pay-search-results button{display:block;width:100%;border:0;background:transparent;border-radius:6px;padding:10px 12px;text-align:left;color:var(--pay-text)}
html[data-theme=mono] .shell.pay-shell .pay-search-results button:hover{background:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell .pay-search-results strong{display:block;font-size:14px}
html[data-theme=mono] .shell.pay-shell .pay-search-results small{display:block;font-size:12px;color:var(--pay-muted);margin-top:3px}
html[data-theme=mono] .shell.pay-shell .pay-search-results p{padding:10px;margin:0;font-size:14px}
html[data-theme=mono] .shell.pay-shell .account-popover{width:290px;max-width:calc(100vw - 24px);font-size:14px;z-index:40}
html[data-theme=mono] .shell.pay-shell .account-setting{padding:12px 0}
html[data-theme=mono] .shell.pay-shell .account-setting label{margin:0 0 7px;font-size:14px}
html[data-theme=mono] .shell.pay-shell .account-setting select{width:100%;font-size:14px;min-height:36px;padding:7px 9px}
html[data-theme=mono] .shell.pay-shell .pay-menu-preferences>strong{display:block;font-size:14px;margin-bottom:5px}
html[data-theme=mono] .shell.pay-shell .pay-menu-preferences button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 8px;border:0;border-radius:6px;background:transparent;color:var(--pay-text);text-align:left;font-size:14px}
html[data-theme=mono] .shell.pay-shell .pay-menu-preferences button:hover{background:var(--emerald-soft)}
html[data-theme=mono] .shell.pay-shell .pay-menu-preferences .ui-icon{width:18px;height:18px;color:var(--pay-teal)}

/* Tables use the available width. Narrow panels keep every field in labelled rows. */
html[data-theme=mono] .shell.pay-shell .table-wrap{container-type:inline-size;container-name:pay-table;overflow:visible;max-width:100%;min-width:0}
html[data-theme=mono] .shell.pay-shell :is(.pay-responsive-table,.pay-screen .table-wrap table){width:100%;min-width:0!important;table-layout:fixed}
html[data-theme=mono] .shell.pay-shell .pay-responsive-table :is(th,td){padding:11px 9px!important;white-space:normal;overflow-wrap:anywhere;word-break:normal;vertical-align:top;line-height:1.45}
html[data-theme=mono] .shell.pay-shell .table-wrap table.pay-responsive-table :is(th,td,th strong,td strong,td small){white-space:normal!important;overflow-wrap:anywhere}
html[data-theme=mono] .shell.pay-shell .table-wrap table.pay-responsive-table th{font-size:13px}
html[data-theme=mono] .shell.pay-shell .pay-responsive-table th{font-size:13px;letter-spacing:0}
html[data-theme=mono] .shell.pay-shell .pay-responsive-table td{font-size:14px}
html[data-theme=mono] .shell.pay-shell .pay-responsive-table td small{font-size:12px;white-space:normal;line-height:1.5}
html[data-theme=mono] .shell.pay-shell .pay-responsive-table .table-actions{display:flex;gap:4px;flex-wrap:wrap;min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-responsive-table .table-action{width:27px;height:27px;min-width:27px;padding:5px}
html[data-theme=mono] .shell.pay-shell .pay-responsive-table td::before{display:none}
html[data-theme=mono] .shell.pay-shell .pay-overview-table th:first-child{width:40%}
html[data-theme=mono] .shell.pay-shell .pay-overview-table th:last-child{width:48px}
html[data-theme=mono] .shell.pay-shell .employee-table :is(th,td):first-child{width:20%}
html[data-theme=mono] .shell.pay-shell .employee-table :is(th,td):nth-child(2){width:20%}
html[data-theme=mono] .shell.pay-shell .employee-table :is(th,td):last-child{width:65px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table{border:1px solid var(--pay-border);border-radius:9px;background:var(--pay-surface)}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table tbody{display:table-row-group}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table tr{padding:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table td:nth-child(5) strong{font-size:14px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-explorer{grid-template-columns:minmax(0,1fr);gap:12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-filters{padding:12px 16px}
html[data-theme=mono] .shell.pay-shell .workspace .pay-screen-market .market-card{padding:0!important}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .pay-market-filter-panel{margin:0;padding:0;border:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-summary{padding:10px 14px;margin-bottom:8px;min-height:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-currency-note{padding:10px 14px;margin-bottom:10px;font-size:13px}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .explorer-results{margin-top:8px}
html[data-theme=mono] .shell.pay-shell .pay-filter-panel-content{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
html[data-theme=mono] .shell.pay-shell .pay-filter-panel-content>.pay-filter-card{margin:0!important;padding:0!important;border:0!important}
html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-reference-table th:first-child{width:20%}
@container pay-table (max-width:620px){
 html[data-theme=mono] .shell.pay-shell .pay-responsive-table{display:block}
 html[data-theme=mono] .shell.pay-shell .pay-responsive-table thead{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
 html[data-theme=mono] .shell.pay-shell .pay-responsive-table tbody{display:block!important}
 html[data-theme=mono] .shell.pay-shell .pay-responsive-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-bottom:1px solid var(--pay-border);padding:6px 0!important}
 html[data-theme=mono] .shell.pay-shell .pay-responsive-table tbody tr:last-child{border-bottom:0}
 html[data-theme=mono] .shell.pay-shell .pay-responsive-table tbody td{display:block;border:0!important;width:auto!important;padding:7px 10px!important;min-width:0}
 html[data-theme=mono] .shell.pay-shell .pay-responsive-table tbody td::before{display:block;content:attr(data-label);font-size:12px;font-weight:500;color:var(--pay-muted);margin-bottom:4px}
 html[data-theme=mono] .shell.pay-shell .pay-responsive-table tbody td[colspan]{grid-column:1/-1}
 html[data-theme=mono] .shell.pay-shell .pay-responsive-table .pay-job-cell{gap:7px}
}

/* The expanded map keeps navigation, the map and the people visible together. */
html:has(.employee-map-expanded){overflow:hidden}
html[data-theme=mono] .shell.pay-shell .pay-map-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
html[data-theme=mono] .shell.pay-shell .pay-map-toolbar>strong{display:none}
html[data-theme=mono] .shell.pay-shell .pay-map-toolbar>[data-map-expand]{margin-left:auto;gap:8px}
html[data-theme=mono] .shell.pay-shell .pay-map-toolbar .employee-map-scope{margin:0}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-layout{grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:16px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees :is(.employee-map-panel,.employee-map-results){padding:16px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-atlas-badge{font-size:14px;padding:7px 10px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees:has(.employee-map-expanded) .pay-work-card{animation:none!important;transform:none!important}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;gap:0;background:var(--pay-background);padding:18px;overflow:auto}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded .pay-map-toolbar{flex-shrink:0}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded .pay-map-toolbar>strong{display:block;color:var(--pay-teal);font-size:20px}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded .employee-map-layout{flex:1;min-height:0;grid-template-columns:minmax(0,3fr) minmax(280px,1fr);margin:0;align-items:stretch}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded :is(.employee-map-panel,.employee-map-results){display:flex;flex-direction:column;min-height:0;max-height:none}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded .employee-map-head{flex-shrink:0}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded .employee-world-main{flex:1;min-height:0;aspect-ratio:auto;width:100%}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded .employee-world-main svg{height:100%;min-height:0;max-height:none;aspect-ratio:auto;width:100%}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded .employee-map-people{flex:1;min-height:0;max-height:none;overflow:auto}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded .employee-map-main:not(.employee-world-main){flex:1;min-height:0}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded .employee-map-main:not(.employee-world-main) svg{height:100%;width:100%;max-height:none}
html[data-theme=mono] .shell.pay-shell .employee-map-expanded :is(.employee-atlas-footer,.employee-atlas-attribution,.employee-atlas-toolbar){flex-shrink:0}
@media(max-width:1000px){html[data-theme=mono] .shell.pay-shell .pay-screen-market .market-explorer{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-layout{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .employee-map-expanded .employee-map-layout{display:flex;flex-direction:column}html[data-theme=mono] .shell.pay-shell .employee-map-expanded .employee-map-panel{flex:1;min-height:300px}html[data-theme=mono] .shell.pay-shell .employee-map-expanded .employee-map-results{max-height:250px;flex-shrink:0}html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){html[data-theme=mono] .shell.pay-shell{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .topbar{padding:0 12px;gap:8px}html[data-theme=mono] .shell.pay-shell #content{padding:0 12px}html[data-theme=mono] .shell.pay-shell .page-title{margin:14px 12px 10px}html[data-theme=mono] .shell.pay-shell .account-name{display:none}html[data-theme=mono] .shell.pay-shell :is(.pay-screen-metrics,.pay-overview-kpis,.bi-kpis){gap:10px}html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html[data-theme=mono] .shell.pay-shell .pay-screen-metric .pay-metric-amount{font-size:1.35rem;white-space:normal}html[data-theme=mono] .shell.pay-shell .pay-section-actions{flex-basis:100%;margin:0}html[data-theme=mono] .shell.pay-shell .pay-welcome-ring{display:none}html[data-theme=mono] .shell.pay-shell .employee-map-expanded{padding:12px}html[data-theme=mono] .shell.pay-shell .employee-map-expanded .pay-map-toolbar>strong{display:none}}
@media(max-width:1000px){html[data-theme=mono] .shell.pay-shell .pay-filter-panel-content{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){html[data-theme=mono] .shell.pay-shell .pay-filter-panel-content{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .sidebar{overflow-y:hidden!important}}

/* Navigation starts at the top; its actual content determines when it must shrink. */
html[data-theme=mono] .shell.pay-shell .sidebar{--pay-nav-row-height:32px;padding:10px 12px;gap:10px;justify-content:flex-start}
html[data-theme=mono] .shell.pay-shell .sidebar nav{flex:0 0 auto;align-content:start;gap:6px}
html[data-theme=mono] .shell.pay-shell .sidebar .pay-nav-group{gap:1px}
html[data-theme=mono] .shell.pay-shell .sidebar .pay-nav-group>span{font-size:12px;line-height:16px;padding:0 10px 2px}
html[data-theme=mono] .shell.pay-shell .sidebar nav button{min-height:var(--pay-nav-row-height);padding:4px 10px;line-height:20px}
html[data-theme=mono] .shell.pay-shell .sidebar .pay-back{margin:0;min-height:32px}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=compact]{--pay-nav-row-height:28px;padding:8px 10px;gap:6px}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=compact] nav{gap:4px}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=compact] nav button{padding:2px 8px}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=tight]{--pay-nav-row-height:24px;padding:6px 10px;gap:4px}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=tight] :is(.pay-nav-group>span,.org-switch label){display:none}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=tight] .menu-head{min-height:30px}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=tight] .menu-head .brand img{width:28px;height:28px}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=tight] nav{gap:2px}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=tight] .pay-nav-group{gap:0}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=tight] nav button{padding:0 8px;font-size:12px;line-height:16px}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=tight] :is(select,.pay-back){min-height:28px;padding:3px 8px}
html[data-theme=mono] .shell.pay-shell .sidebar[data-pay-nav-density=tight] .pay-nav-icon{width:16px;height:16px}
html[data-theme=mono] .shell.pay-shell.menu-collapsed .sidebar .menu-head{gap:4px}
html[data-theme=mono] .shell.pay-shell .pay-screen .pay-screen-ring{width:160px;height:160px;margin:2px auto 14px}
html[data-theme=mono] .shell.pay-shell .pay-ring-legend{gap:8px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees :is(.employee-map-panel,.employee-map-results){padding:12px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-layout{gap:10px}
html[data-theme=mono] .shell.pay-shell .page-title{margin:12px 20px 8px}
html[data-theme=mono] .shell.pay-shell .footer{padding:10px 20px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .pay-employee-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-list-filters{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-list-filters [data-employee-filters-clear]{grid-column:auto;align-self:end;min-height:36px;padding:6px 8px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .pay-employee-toolbar .employee-grouping-control{margin:0;align-self:end}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-list-count{padding:4px 0 8px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-guidance{margin:12px 0 0}
@media(max-width:1100px){html[data-theme=mono] .shell.pay-shell .pay-screen-employees .pay-employee-toolbar{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-grouping-control{justify-self:end}}
@media(max-width:760px){html[data-theme=mono] .shell.pay-shell .page-title{margin:10px 12px 8px}html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-list-filters{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-grouping-control{justify-self:start}}

/* Balanced density and legible type throughout Pay. */
html[data-theme=mono] .shell.pay-shell{font-size:16px;line-height:1.4}
html[data-theme=mono] .shell.pay-shell .menu-head .brand small{color:var(--emerald)}
html[data-theme=mono] .shell.pay-shell .workspace .card{padding:12px;margin-bottom:10px;min-width:0;max-width:100%}
html[data-theme=mono] .shell.pay-shell .workspace-pay .card.pay-overview-card{padding:12px;margin-bottom:0}
html[data-theme=mono] .shell.pay-shell :is(.pay-overview-charts,.pay-statistics-grid,.bi-top-grid,.bi-bottom-grid){align-items:start}
html[data-theme=mono] .shell.pay-shell .pay-overview-charts{grid-template-columns:1.45fr 1fr}
html[data-theme=mono] .shell.pay-shell :is(.pay-card-heading h2,.pay-card-heading h3,.bi-panel-head h3){font-size:18px;line-height:1.3;margin:0 0 4px}
html[data-theme=mono] .shell.pay-shell :is(.pay-card-heading p,.pay-chart-note,.pay-chart-limit,.pay-table-footer,.pay-unit,.pay-chart-legend,.pay-overview-kpi>p,.pay-donut-label span,.pay-welcome-ring span){font-size:13px;line-height:1.4}
html[data-theme=mono] .shell.pay-shell :is(.pay-distribution-legend>div,.pay-distribution-legend strong,.pay-overview-radar strong,.pay-overview-radar section p,.pay-overview-radar .text-button,.pay-market-status){font-size:14px}
html[data-theme=mono] .shell.pay-shell :is(.pay-distribution-legend small,.pay-count){font-size:12px}
html[data-theme=mono] .shell.pay-shell .pay-overview-radar>section{padding:10px 0;gap:8px}
html[data-theme=mono] .shell.pay-shell .pay-overview-radar section p{margin:5px 0;line-height:1.4}
html[data-theme=mono] .shell.pay-shell .pay-chart-note{margin-top:10px}
html[data-theme=mono] .shell.pay-shell .pay-area-chart{margin:8px 0;max-height:215px}
html[data-theme=mono] .shell.pay-shell .pay-area-chart text{font-size:16px}
html[data-theme=mono] .shell.pay-shell .pay-market-donut{width:140px;height:140px;margin:4px auto 10px}
html[data-theme=mono] .shell.pay-shell .pay-donut-label span{max-width:100px;text-align:center}
html[data-theme=mono] .shell.pay-shell :is(.pay-overview-kpi,.pay-screen-metric,.employee-summary>div,.equity-readiness>div,.bi-kpi){padding:8px 10px}
html[data-theme=mono] .shell.pay-shell :is(.pay-overview-kpi>div,.pay-screen-metric>div>span,.employee-summary>div>span:last-child,.bi-kpi>span){font-size:15px;line-height:1.25}
html[data-theme=mono] .shell.pay-shell .pay-screen-metric>.pay-kpi-glyph{width:26px;height:26px;right:10px;top:10px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi .pay-kpi-glyph{width:26px;height:26px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi>strong{font-size:2.35rem;margin:0 0 2px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi>p{margin:0}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi{position:relative}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi>div{padding-right:28px;margin-bottom:4px;min-height:19px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi .pay-kpi-glyph{position:absolute;top:9px;right:9px;width:22px;height:22px}
html[data-theme=mono] .shell.pay-shell .pay-overview-kpi .pay-kpi-glyph .ui-icon{width:16px;height:16px}
html[data-theme=mono] .shell.pay-shell .pay-welcome{padding:10px 12px;gap:12px}
html[data-theme=mono] .shell.pay-shell .pay-welcome>div:first-child{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;min-width:0;flex:1}
html[data-theme=mono] .shell.pay-shell .pay-welcome h2{font-size:22px;margin:0;grid-column:1;max-width:none}
html[data-theme=mono] .shell.pay-shell .pay-welcome p{font-size:15px;margin:0;line-height:1.35;grid-column:1;max-width:none}
html[data-theme=mono] .shell.pay-shell .pay-welcome p.pay-eyebrow{font-size:12px;line-height:1.2;letter-spacing:1px;margin:0;grid-column:1/-1}
html[data-theme=mono] .shell.pay-shell .pay-welcome .primary{grid-column:2;grid-row:2/4;align-self:center}
@media(max-width:760px){html[data-theme=mono] .shell.pay-shell .pay-welcome>div:first-child{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-welcome .primary{grid-column:1;grid-row:auto;justify-self:start;margin-top:4px}}
html[data-theme=mono] .shell.pay-shell .pay-mini-row{margin-bottom:12px}
html[data-theme=mono] .shell.pay-shell .pay-mini-row>div{margin-bottom:5px}
html[data-theme=mono] .shell.pay-shell :is(.primary,.secondary,.text-button){font-size:14px;min-height:34px;padding:7px 10px}
html[data-theme=mono] .shell.pay-shell .pay-screen :is(.primary,.secondary,input,select){min-height:36px;padding:7px 9px;font-size:15px}
html[data-theme=mono] .shell.pay-shell .pay-screen :is(.hint,.muted,small){font-size:13px;line-height:1.4}
html[data-theme=mono] .shell.pay-shell .pay-section-heading{padding:8px 10px}
html[data-theme=mono] .shell.pay-shell .pay-section-glyph{width:34px;height:34px}

/* Every table stays inside its card, including dynamically rendered tables. */
html[data-theme=mono] .shell.pay-shell .table-wrap{width:100%;max-width:100%;min-width:0;margin:0!important;padding:0;box-sizing:border-box}
html[data-theme=mono] .shell.pay-shell .table-wrap table{width:100%!important;max-width:100%;min-width:0!important;table-layout:fixed;box-sizing:border-box}
html[data-theme=mono] .shell.pay-shell .table-wrap :is(th,td){overflow-wrap:anywhere;white-space:normal!important;min-width:0}
html[data-theme=mono] .shell.pay-shell .table-wrap .pay-responsive-table td{font-size:15px;padding:8px!important;line-height:1.4}
html[data-theme=mono] .shell.pay-shell .table-wrap .pay-responsive-table th{font-size:14px;padding:8px!important}
html[data-theme=mono] .shell.pay-shell .table-wrap .pay-responsive-table td small{font-size:13px;line-height:1.4}
html[data-theme=mono] .shell.pay-shell .table-wrap :is(td>*,th>*){max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere}
html[data-theme=mono] .shell.pay-shell .pay-job-cell>div{min-width:0;flex:1}
html[data-theme=mono] .shell.pay-shell .pay-job-cell :is(strong,small){overflow-wrap:anywhere}
html[data-theme=mono] .shell.pay-shell .pay-overview-table .pay-card-heading{flex-wrap:wrap;gap:6px}
html[data-theme=mono] .shell.pay-shell .pay-overview-table .pay-card-heading>div{min-width:0;flex:1 1 180px}

/* Dialog dimensions remain fixed as sections change; only the section body scrolls. */
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog{width:min(900px,calc(100vw - 32px));height:min(720px,calc(100dvh - 32px));max-width:none;max-height:none;padding:16px;box-sizing:border-box;overflow:hidden;margin:auto}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog[open]{display:flex;flex-direction:column}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .pay-dialog-layout{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;gap:10px;margin:0}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog:is(.pay-dialog-layout){gap:10px}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .product-head{flex:0 0 auto;gap:12px;margin:0}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .product-head h2{font-size:21px;margin:0;line-height:1.3}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .product-head p{margin:4px 0 0}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog :is(.pay-dialog-tabs,.employee-detail-tabs){display:flex;flex:0 0 auto;flex-wrap:wrap;gap:4px;padding:4px;margin:0;background:var(--pay-background);border:1px solid var(--pay-border);border-radius:8px}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog :is(.pay-dialog-tabs,.employee-detail-tabs) button{border:0;border-radius:5px;padding:7px 10px;min-height:34px;font-size:14px;color:var(--pay-text);background:transparent}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog [role=tab][aria-selected=true]{background:var(--emerald);color:#fff}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .pay-dialog-body{flex:1;min-height:0;min-width:0;overflow-y:auto;overflow-x:hidden;padding:2px 4px;scrollbar-gutter:stable}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .pay-dialog-body>[role=tabpanel]{margin:0;padding:0;border:0;min-width:0}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .detail-section-head{margin:0 0 10px;padding:0 0 6px}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .detail-section-head h3{font-size:16px;margin:0}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog :is(label,input,select,textarea){font-size:15px}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog :is(input,select,textarea){min-height:36px;padding:7px 9px}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog :is(.hint,.muted,p,small){font-size:14px;line-height:1.45}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .pay-grid{gap:12px}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .benefit-row{padding:12px;margin:10px 0}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .employee-detail-hero{flex:0 0 auto;padding:10px;margin:0}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .employee-detail-hero h3{font-size:17px;margin:0}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .employee-detail-hero p{margin:4px 0 0}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .employee-detail-metrics>div{padding:10px}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .employee-detail-metrics strong{font-size:20px}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .form-error{flex:0 0 auto;margin:0;max-height:76px;overflow:auto}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .form-error:empty{display:none}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .actions{flex:0 0 auto;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;border-top:1px solid var(--pay-border);padding-top:10px;margin:0}
html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog.pay-delete-dialog{height:min(360px,calc(100dvh - 32px));width:min(640px,calc(100vw - 32px))}
@media(max-width:760px){html[data-theme=mono] .shell.pay-shell .pay-overview-charts{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);padding:12px}html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .pay-grid{grid-template-columns:minmax(0,1fr)}html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .employee-detail-hero{padding:8px}html[data-theme=mono] .shell.pay-shell .pay-sectioned-dialog .employee-detail-hero .employee-market{display:none}}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-person-body strong{font-size:14px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees .employee-map-person-body small{font-size:13px}
html[data-theme=mono] .shell.pay-shell .pay-screen-employees :is(.employee-map-footnote,.employee-map-demo-note,.employee-atlas-attribution){font-size:12px}
@media(max-width:760px){html[data-theme=mono] .shell.pay-shell .pay-area-chart text{font-size:24px}}
/* Keep the brand in view while the sidebar is collapsed. */
html[data-theme=mono] .shell.pay-shell .workspace{overflow-anchor:none}
html[data-theme=mono] .shell.pay-shell .topbar .pay-collapsed-brand{display:none;flex:none;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--pay-text);text-align:left;font-size:16px;font-weight:600;line-height:1.1;letter-spacing:-.5px}
html[data-theme=mono] .shell.pay-shell .pay-collapsed-brand img{display:block;width:30px;height:30px;flex:none}
html[data-theme=mono] .shell.pay-shell .pay-collapsed-brand small{color:var(--emerald);font-size:10px;letter-spacing:1.8px;line-height:1.2;margin-top:3px}
html[data-theme=mono] .shell.pay-shell.menu-collapsed .topbar .pay-collapsed-brand{display:flex}
@media(max-width:760px){
 html[data-theme=mono] .shell.pay-shell .topbar .pay-collapsed-brand{display:flex}
 html[data-theme=mono] .shell.pay-shell .topbar .menu-launch{margin-right:0}
 html[data-theme=mono] .shell.pay-shell .topbar .pay-search-wrap{min-width:0;margin-right:auto}
 html[data-theme=mono] .shell.pay-shell .topbar .account-menu{flex:none}
}