/* Small semantic accents on the compact black-navigation layout. */
html[data-theme=mono]{--pay-blue:#315fce;--pay-blue-soft:#edf3ff;--pay-teal:#167b71;--pay-teal-soft:#e7f6f2;--pay-violet:#7650ad;--pay-violet-soft:#f2edfa;--pay-amber:#a66a1e;--pay-amber-soft:#fff4e4;--pay-line:#e4e7ed}
.ui-icon{display:inline-block;vertical-align:-.18em;width:1em;height:1em;flex:none}
.pay-nav-icon .ui-icon{width:17px;height:17px}
html[data-theme=mono] .pay-shell .sidebar nav button[data-pay-section=statistics] .pay-nav-icon{color:#9cb8ff}
html[data-theme=mono] .pay-shell .sidebar nav button[data-pay-section=market] .pay-nav-icon{color:#89dbc7}
html[data-theme=mono] .pay-shell .sidebar nav button[data-pay-section=employees] .pay-nav-icon{color:#d1b6f5}
html[data-theme=mono] .pay-shell .sidebar nav button[aria-current=page]{box-shadow:inset 3px 0 var(--pay-blue)}
html[data-theme=mono] .pay-shell .sidebar nav button[aria-current=page] .pay-nav-icon{color:#aecaef}
.pay-kpi-icon,.bi-glyph,.table-glyph{display:inline-grid;place-items:center;flex:none;border-radius:8px}
.pay-kpi-icon .ui-icon,.bi-glyph .ui-icon{width:18px;height:18px}
.table-glyph{width:21px;height:21px;margin-right:6px;vertical-align:middle}
.table-glyph .ui-icon{width:13px;height:13px}
.tone-blue{--tone:var(--pay-blue);--tone-soft:var(--pay-blue-soft)}
.tone-teal{--tone:var(--pay-teal);--tone-soft:var(--pay-teal-soft)}
.tone-violet{--tone:var(--pay-violet);--tone-soft:var(--pay-violet-soft)}
.tone-amber{--tone:var(--pay-amber);--tone-soft:var(--pay-amber-soft)}
.tone-blue,.tone-teal,.tone-violet,.tone-amber{color:var(--tone)}
.pay-kpi-icon,.bi-glyph,.table-glyph{color:var(--tone);background:var(--tone-soft)}
html[data-theme=mono] .workspace .pay-snapshot>div.pay-kpi{position:relative;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;background:linear-gradient(105deg,var(--tone-soft),#fff 54%);border-color:var(--pay-line);border-left:3px solid var(--tone);padding:8px 10px}
.pay-kpi-icon{grid-row:1/3;width:28px;height:28px}
html[data-theme=mono] .workspace .pay-snapshot .pay-kpi strong{color:var(--tone);font-size:21px}
html[data-theme=mono] .workspace .pay-snapshot .pay-kpi>span:last-child{font-size:10.5px;line-height:1.2;color:#4d586b}
.pay-fast-results .product-head h2 .ui-icon{color:var(--pay-blue);margin-right:4px}
html[data-theme=mono] .workspace-pay .table-wrap th{background:#f2f5fa;color:#4d5b72}
html[data-theme=mono] .workspace-pay .table-wrap tbody tr:hover td{background:#f3f7ff}
html[data-theme=mono] .workspace-pay .status-ok,html[data-theme=mono] .workspace-pay .status-review{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:3px 6px;font-size:11px}
html[data-theme=mono] .workspace-pay .status-ok{color:var(--pay-teal);background:var(--pay-teal-soft)}
html[data-theme=mono] .workspace-pay .status-review{color:var(--pay-amber);background:var(--pay-amber-soft)}
html[data-theme=mono] .workspace-pay .employee-market.within{color:var(--pay-teal);background:var(--pay-teal-soft)}
html[data-theme=mono] .workspace-pay .employee-market.below,html[data-theme=mono] .workspace-pay .quality-issue{color:var(--pay-amber);background:var(--pay-amber-soft)}
html[data-theme=mono] .workspace-pay .employee-summary>div:nth-child(1){border-left:3px solid var(--pay-blue);background:var(--pay-blue-soft)}
html[data-theme=mono] .workspace-pay .employee-summary>div:nth-child(2){border-left:3px solid var(--pay-amber);background:var(--pay-amber-soft)}
html[data-theme=mono] .workspace-pay .employee-summary>div:nth-child(3){border-left:3px solid var(--pay-teal);background:var(--pay-teal-soft)}
html[data-theme=mono] .workspace-pay .employee-summary>div:nth-child(4){border-left:3px solid var(--pay-violet);background:var(--pay-violet-soft)}
html[data-theme=mono] .workspace-pay .employee-summary>div:nth-child(2) strong{color:var(--pay-amber)}
html[data-theme=mono] .workspace-pay .employee-summary>div:nth-child(3) strong{color:var(--pay-teal)}
html[data-theme=mono] .workspace-pay .employee-summary>div:nth-child(4) strong{color:var(--pay-violet)}
html[data-theme=mono] .workspace:not(.workspace-pay) .stats .card.stat:nth-child(1){border-left:3px solid var(--pay-blue);background:var(--pay-blue-soft)}
html[data-theme=mono] .workspace:not(.workspace-pay) .stats .card.stat:nth-child(2){border-left:3px solid var(--pay-violet);background:var(--pay-violet-soft)}
html[data-theme=mono] .workspace:not(.workspace-pay) .stats .card.stat:nth-child(3){border-left:3px solid var(--pay-teal);background:var(--pay-teal-soft)}
html[data-theme=mono] .workspace:not(.workspace-pay) .stats .card.stat:nth-child(1) strong{color:var(--pay-blue)}
html[data-theme=mono] .workspace:not(.workspace-pay) .stats .card.stat:nth-child(2) strong{color:var(--pay-violet)}
html[data-theme=mono] .workspace:not(.workspace-pay) .stats .card.stat:nth-child(3) strong{color:var(--pay-teal)}
html[data-theme=mono] .workspace:not(.workspace-pay) .stats .card.stat{position:relative}
.stat-icon{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:31px;height:31px;border-radius:8px;background:var(--tone-soft);color:var(--tone)}
.stat-icon .ui-icon{width:17px;height:17px}

.pay-bi{--bi-text:#1c2430;--bi-muted:#647084;--bi-border:#e1e6ed;color:var(--bi-text)}
.bi-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:0 0 10px}
.bi-eyebrow{font-size:10px!important;color:var(--pay-blue)!important;font-weight:800;letter-spacing:.1em;margin:0 0 3px!important}
.bi-intro h2{font-size:20px!important;margin:0 0 2px!important}
.bi-intro p:last-child{font-size:12px;margin:0;color:var(--bi-muted)}
.bi-data-tag{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:var(--pay-teal-soft);color:var(--pay-teal);font-size:11px;font-weight:700;white-space:nowrap}
.bi-filters{display:grid;grid-template-columns:1fr 1fr 1.1fr 1.2fr auto;gap:7px;align-items:end;margin:0 0 9px}
.bi-filters label{min-width:0;margin:0!important;font-size:11px;color:#4b5869}
.bi-filters select,.bi-filters input{display:block;width:100%;margin:3px 0 0!important;background:#fff!important;border:1px solid var(--bi-border)!important}
.bi-clear{white-space:nowrap}
.bi-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 9px}
.bi-kpi{display:grid;grid-template-columns:29px 1fr;grid-template-rows:auto auto;gap:0 8px;align-items:center;min-width:0;padding:8px 10px;background:linear-gradient(105deg,var(--tone-soft),#fff 58%);border:1px solid var(--bi-border);border-left:3px solid var(--tone);border-radius:7px}
.bi-kpi .bi-glyph{grid-row:1/3;width:28px;height:28px}
.bi-kpi strong{font-size:20px;line-height:1.1;color:var(--tone)}
.bi-kpi>span:last-child{font-size:10px;color:#5c6878;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bi-top-grid,.bi-bottom-grid{display:grid;gap:9px;margin-bottom:9px;align-items:stretch}
.bi-top-grid{grid-template-columns:270px minmax(0,1fr)}
.bi-bottom-grid{grid-template-columns:1fr 1fr}
.bi-panel{min-width:0;padding:11px 12px;border:1px solid var(--bi-border);border-radius:8px;background:#fff}
.bi-panel-head{display:flex;align-items:center;gap:8px;margin:0 0 10px}
.bi-panel-head .bi-glyph{width:30px;height:30px}
.bi-panel-head h3{font-size:14px;margin:0 0 1px;color:var(--bi-text)}
.bi-panel-head p{font-size:10px!important;color:var(--bi-muted);margin:0!important}
.bi-area-row,.bi-status-row{display:grid;align-items:center;gap:7px;width:100%;padding:5px 3px;background:none;border:0;text-align:left;color:var(--bi-text);font-size:11px}
.bi-area-row{grid-template-columns:105px minmax(0,1fr) 23px}
.bi-area-row:hover,.bi-area-row.is-selected,.bi-status-row:hover,.bi-status-row.is-selected{background:#f4f7ff;border-radius:5px}
.bi-area-row.is-selected .bi-area-name{color:var(--pay-blue);font-weight:750}
.bi-area-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bi-area-track,.bi-status-track{display:block;width:100%;height:7px;border:0;background:#eef1f4;border-radius:9px;overflow:hidden;appearance:none}
.bi-area-track::-webkit-progress-bar,.bi-status-track::-webkit-progress-bar{background:#eef1f4;border-radius:9px}
.bi-area-track::-webkit-progress-value{background:var(--pay-blue);border-radius:9px}
.bi-area-track::-moz-progress-bar{background:var(--pay-blue);border-radius:9px}
.bi-status-track::-webkit-progress-value{background:var(--tone);border-radius:9px}
.bi-status-track::-moz-progress-bar{background:var(--tone);border-radius:9px}
.bi-area-row strong,.bi-status-row strong{font-size:11px;text-align:right}
.bi-range-row{display:grid;grid-template-columns:minmax(105px,160px) minmax(75px,1fr) 148px;align-items:center;gap:9px;width:100%;min-height:41px;padding:4px 5px;border:0;border-bottom:1px solid #f0f2f5;background:#fff;color:var(--bi-text);text-align:left}
.bi-range-row:hover,.bi-range-row.is-selected{background:#f2f6ff}
.bi-range-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bi-range-name strong,.bi-range-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bi-range-name strong{font-size:11px}
.bi-range-name small{font-size:9px;color:var(--bi-muted)}
.bi-range-plot{position:relative;display:block;height:20px;background:linear-gradient(to bottom,transparent 9px,#e8edf3 9px,#e8edf3 11px,transparent 11px)}
.bi-range-band{position:absolute;top:7px;height:6px;border-radius:6px;background:var(--pay-blue)}
.bi-range-mid{position:absolute;top:4px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--pay-teal);border:2px solid #fff;box-shadow:0 0 0 1px var(--pay-teal)}
.bi-range-mid.is-level{border-radius:2px;transform:rotate(45deg)}
.bi-range-amount{text-align:right;font-size:10px;white-space:nowrap;font-variant-numeric:tabular-nums}
.bi-axis{display:flex;justify-content:space-between;padding:4px 153px 0 169px;font-size:9px;color:var(--bi-muted)}
.bi-more{font-size:11px!important;padding:4px!important;margin-top:3px}
.bi-empty{padding:12px 4px;margin:0!important;color:var(--bi-muted);font-size:12px!important}
.bi-status-row{grid-template-columns:9px 70px minmax(0,1fr) 20px}
.bi-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--tone)}
.tone-below{--tone:var(--pay-amber)}.tone-within{--tone:var(--pay-teal)}.tone-above{--tone:var(--pay-violet)}
.bi-company-list{margin-top:7px;border-top:1px solid var(--bi-border)}
.bi-company-list>div{display:grid;grid-template-columns:9px minmax(85px,1fr) auto minmax(92px,1fr);align-items:center;gap:7px;padding:5px 3px;border-bottom:1px solid #f1f2f4;font-size:10px}
.bi-company-list strong,.bi-company-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bi-company-list small{color:var(--bi-muted);font-size:9px}
.bi-source-title{display:flex;align-items:flex-start;gap:8px}
.bi-source-title .bi-glyph{width:30px;height:30px}
.bi-source-title h3{font-size:14px;margin:0 0 1px}
.bi-source-title p{font-size:10px!important;margin:0!important;color:var(--bi-muted)}
.bi-source-values{display:flex;gap:5px;margin:10px 0;padding:8px;background:#f6f8fb;border-radius:6px}
.bi-source-values>div{flex:1;min-width:0}
.bi-source-values small,.bi-source-values strong{display:block}
.bi-source-values small{font-size:9px;color:var(--bi-muted)}
.bi-source-values strong{font-size:12px;white-space:nowrap}
.bi-method,.bi-limit{font-size:10.5px!important;line-height:1.35!important;margin:5px 0!important}
.bi-limit{color:var(--bi-muted)!important}
.bi-source-foot{display:flex;justify-content:space-between;gap:7px;padding-top:8px;border-top:1px solid var(--bi-border);font-size:10px;color:var(--bi-muted)}
.bi-source-foot a{color:var(--pay-blue)!important;font-weight:700;text-decoration:none}
.bi-table{padding-bottom:4px}
.bi-table .table-wrap{max-height:320px;overflow:auto}
.bi-table table{min-width:710px}
.bi-table td{font-size:10.5px!important}
.bi-table td small{display:block;font-size:9px;color:var(--bi-muted)}
.bi-table-pick{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--pay-blue);font-size:10.5px;text-align:left;padding:0;font-weight:700}
.bi-table-pick .ui-icon{width:13px;height:13px}
.bi-table tbody tr.is-selected td{background:var(--pay-blue-soft)!important}
.bi-disclaimer{font-size:10px!important;color:var(--bi-muted)!important;margin:3px 0 0!important}
@media(max-width:1100px){.bi-top-grid{grid-template-columns:230px minmax(0,1fr)}.bi-range-row{grid-template-columns:130px minmax(70px,1fr) 125px}.bi-range-amount{font-size:9px}.bi-axis{padding-right:130px;padding-left:139px}.bi-filters{grid-template-columns:repeat(2,minmax(0,1fr)) auto}.bi-filters label:nth-child(3){grid-column:1}.bi-filters label:nth-child(4){grid-column:2}.bi-clear{grid-column:3;grid-row:1/3}}
@media(max-width:850px){.bi-top-grid,.bi-bottom-grid{grid-template-columns:1fr}.bi-area-row{grid-template-columns:130px minmax(0,1fr) 23px}.bi-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-range-row{grid-template-columns:140px minmax(70px,1fr) 140px}.bi-axis{padding-left:149px;padding-right:145px}}
@media(max-width:600px){.bi-intro{display:block}.bi-data-tag{margin-top:7px}.bi-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.bi-clear{grid-column:1/-1;grid-row:auto}.bi-range-row{grid-template-columns:minmax(75px,110px) minmax(45px,1fr);gap:5px}.bi-range-amount{grid-column:1/-1;text-align:left;padding-left:2px}.bi-axis{padding-left:115px;padding-right:5px}.bi-company-list>div{grid-template-columns:9px minmax(70px,1fr) auto}.bi-company-list small{grid-column:2/-1}.bi-source-values{flex-wrap:wrap}.bi-source-values>div{flex-basis:90px}}