/* R45: calmer Google-like analytics controls; single responsive chart + ranking. */
.layout.stats-active .workspace{padding:13px 20px 20px}
.layout.stats-active .workspace>.workbench,
.layout.stats-active .workspace>.workspace-toolbar,
.layout.stats-active .workspace>.scope-summary{display:none!important}
.layout:not(.stats-active) .stats-workspace{display:none}
.layout.stats-active .stats-workspace{display:block;min-width:0;min-height:calc(100vh - var(--topbar) - 30px)}
.side-views{display:grid;gap:4px;margin:0 0 19px}
.side-views button{border:0;border-radius:7px;background:transparent;display:flex;align-items:center;
 justify-content:space-between;text-align:left;padding:10px 11px;color:#60798b;font-size:13px;font-weight:620;cursor:pointer;
 transition:background .16s ease,color .16s ease,transform .16s ease}
.side-views button:hover{background:#eff4f7;color:#285f83}
.side-views button.active{color:#1b618f;background:#e7f1f8;font-weight:740}
.side-views button.active::after{content:'•';font-size:13px;color:#367cb2}
.as-stats{color:#314a5b;animation:as-stats-enter .3s cubic-bezier(.2,.7,.3,1) both;max-width:1800px}
@keyframes as-stats-enter{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:none}}
.as-stats-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 0 19px}
.as-stats-heading h2{font-size:22px;font-weight:740;letter-spacing:-.35px;margin:0 0 5px}
.as-stats-heading span{font-size:13px;color:#90a0ac}
.as-stats-export{background:#fff;border:1px solid #dae4eb;border-radius:8px;color:#486b82;font-size:12px;padding:9px 12px;white-space:nowrap}
.as-stats-export:hover{background:#f1f7fb;border-color:#bdd6e6}
.as-stats-filters{display:grid;grid-template-columns:repeat(5,minmax(115px,1fr));gap:12px;padding:15px;
 background:#fff;border:1px solid #e7edf0;border-radius:11px}
.as-stats-filters label{font-size:12px;font-weight:590;color:#6e8393;display:flex;flex-direction:column;gap:7px;min-width:0}
.as-stats-filters select{appearance:auto;width:100%;height:37px;border:1px solid #dce6ed;border-radius:7px;
 background:#fafcfd;color:#334d60;font-size:13px;font-weight:610;padding:0 8px;min-width:0;cursor:pointer}
.as-stats-filters select:focus-visible,.as-stats button:focus-visible{outline:2px solid #64a8d2;outline-offset:2px}
.as-stats-inline{display:flex;align-items:baseline;gap:24px;flex-wrap:wrap;padding:21px 1px 17px}
.as-stats-inline>div{display:flex;align-items:baseline;gap:8px}
.as-stats-inline span{font-size:12px;color:#8297a5}
.as-stats-inline strong{font-size:20px;font-weight:735;color:#38617c;font-variant-numeric:tabular-nums}
.as-stats-inline small{font-size:12px;color:#758b9c;font-weight:450}
.as-stats-visual{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(285px,1fr);gap:15px;min-width:0}
.as-stats-chart,.as-stats-rank{border:1px solid #e3eaf0;border-radius:11px;background:#fff;min-width:0;overflow:hidden}
.as-stats-chart{padding:17px 18px 14px;min-height:470px}
.as-stats-chart-header,.as-stats-rank-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.as-stats-chart h3,.as-stats-rank h3{font-size:15px;font-weight:700;margin:0}
.as-stats-chart-switch{display:flex;padding:3px;background:#f3f6f8;border-radius:7px;gap:2px}
.as-stats-chart-switch button{border:0;background:transparent;border-radius:5px;padding:5px 10px;color:#7c91a1;font-size:12px;cursor:pointer}
.as-stats-chart-switch button.active{background:white;color:#22628e;box-shadow:0 1px 3px #d7e3e9}
.as-stats-chart-canvas{width:100%;height:385px;min-height:300px}
.as-stats-rank{padding:17px 0 10px}
.as-stats-rank-head{padding:0 16px 14px;border-bottom:1px solid #edf1f4}
.as-stats-rank-head button{border:0;background:transparent;color:#6d8595;font-size:12px;cursor:pointer}
.as-stats-rank-table{max-height:425px;overflow-y:auto;scrollbar-width:thin}
.as-stats-rank-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto 10px;align-items:center;gap:8px;
 padding:10px 16px;border:0;border-bottom:1px solid #f0f3f5;background:white;width:100%;text-align:left;cursor:pointer;
 transition:background .14s ease}
.as-stats-rank-row:hover{background:#f3f8fb}
.as-rank-index{font-size:11px;color:#adb9c2}
.as-rank-name{font-size:13px;color:#455f72;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.as-stats-rank-row strong{font-size:14px;color:#265f89;font-variant-numeric:tabular-nums}
.as-rank-unit{font-size:11px;color:#90a2af;white-space:nowrap}
.as-rank-chevron{color:#a2b3bf;font-size:15px}
.as-stats-foot{display:flex;gap:10px 20px;align-items:center;flex-wrap:wrap;padding:15px 2px;
 color:#8296a5;font-size:12px}
.as-stats-foot strong{color:#a36d40;font-weight:620}
@media(max-width:1450px){
 .as-stats-filters{grid-template-columns:repeat(3,minmax(130px,1fr))}
 .as-stats-visual{grid-template-columns:minmax(0,1.4fr) minmax(255px,1fr)}
 .as-stats-chart-canvas{height:350px}
 .as-stats-chart{min-height:430px}
}
@media(max-width:1050px){
 .as-stats-visual{grid-template-columns:minmax(0,1fr)}
 .as-stats-chart{min-height:320px}
 .as-stats-chart-canvas{height:290px}
 .as-stats-filters{grid-template-columns:repeat(2,minmax(130px,1fr))}
}
@media(prefers-reduced-motion:reduce){.as-stats,.side-views button,.as-stats-rank-row{animation:none!important;transition:none!important}}
.reduce-animations .as-stats,.reduce-animations .side-views button,.reduce-animations .as-stats-rank-row{animation:none!important;transition:none!important}


/* R45 review 2: clearer secondary labels and restrained empty states. */
.as-stats-empty{font-size:13px;color:#8ca0ae;padding:23px 16px;margin:0;text-align:center}
.as-stats-filters label{font-size:13px;color:#647f91}
.as-stats-filters select{font-size:14px}
.as-stats-inline span{font-size:13px}
.as-stats-rank-row{min-height:43px}
.as-rank-name{font-size:14px}
.as-stats-rank-row strong{font-size:15px}
.as-stats-foot{font-size:12.5px;line-height:1.55}

/* R45 final: high-contrast, restrained labels and keyboard focus */
.as-stats-heading h2{color:#294a60}
.as-stats-chart h3,.as-stats-rank h3{color:#33556a}
.as-stats-filters label{color:#546f82}
.as-stats-inline strong{color:#255f86}
.as-stats-rank-row:hover .as-rank-name{color:#1e668f}
.as-stats-chart-switch button:focus-visible,.as-stats-rank-head button:focus-visible{outline:2px solid #5296c4;outline-offset:2px}


/* R47 interactive polish: linked chart/rank hover and deliberate empty states. */
.as-stats-chart{position:relative}
.as-stats-chart-empty{
 display:none;position:absolute;left:25%;right:25%;top:45%;z-index:2;
 align-items:center;justify-content:center;text-align:center;
 color:#8298a9;background:rgba(250,252,253,.95);border:1px dashed #d9e5ec;
 border-radius:9px;padding:16px;font-size:14px;font-weight:580;pointer-events:none;
}
.as-stats-chart.is-empty .as-stats-chart-empty{display:flex}
.as-stats-chart.is-empty .as-stats-chart-canvas{opacity:.38}
.as-stats-rank-row.is-linked{background:#eaf5fc}
.as-stats-rank-row.is-linked .as-rank-name,.as-stats-rank-row.is-linked strong{color:#1b699b}
.as-stats-filters select:focus-visible{outline:2px solid #5ca6d7;outline-offset:2px}
@media(max-width:1450px){.as-stats-chart-empty{left:15%;right:15%}}

/* R51 · Single authoritative refinement of P109 interactive surfaces.
   Popup surfaces overlay; selected view is a highlight, not an enclosing card.
   Keep controls compact and the viewport width stable when scrollbars appear. */
html{scrollbar-gutter:stable}
.topbar{overflow:visible}
.topbar .top-global-actions{gap:8px;min-width:0}
.topbar .top-history{
 display:inline-flex;flex:0 0 auto;align-items:center;gap:1px;
 padding:0 8px 0 0;margin-right:0;
 border:0;border-right:1px solid #e6ebeb;border-radius:0;
 background:transparent;box-shadow:none;
}
.top-history button{
 display:grid;place-items:center;width:30px;height:30px;padding:0;
 border:0;border-radius:7px;background:transparent;box-shadow:none;
 color:#617579;opacity:1;cursor:pointer;
 transition:background .15s ease,color .15s ease,opacity .15s ease;
}
.top-history button svg{fill:none;stroke:currentColor;stroke-width:1.8;
 stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.top-history button:hover:not(:disabled){color:#2c5a54;background:rgba(91,137,123,.09);box-shadow:none}
.top-history button:active:not(:disabled){background:rgba(91,137,123,.14)}
.top-history button:disabled{color:#b9c5c5;opacity:.52;cursor:default}
.top-history button:focus-visible{outline:2px solid #9cbdb1;outline-offset:1px}

/* Main views: discrete text highlight, no filled selection rectangle and
   no mini-card around the 01/02 index. Secondary filters sit farther inward. */
.side-primary-nav{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e8eeee}
.side-primary-title{font-size:11px;font-weight:630;letter-spacing:.025em;color:#90a09e;
 padding:0 11px 7px}
.side-primary-nav .side-views{display:grid;gap:3px;margin:0}
.side-primary-nav .side-views button{
 position:relative;display:grid;grid-template-columns:26px minmax(0,1fr);
 align-items:center;justify-content:start;gap:8px;
 min-height:41px;padding:6px 10px 6px 13px;
 background:transparent!important;border:0!important;border-radius:5px;
 color:#71827f;font-size:13px;font-weight:560;text-align:left;
 box-shadow:none!important;
}
.side-primary-nav .side-views button:hover{background:rgba(105,148,133,.055)!important;color:#3c6b61}
.side-primary-nav .side-views button.active{
 color:#2b6557;font-weight:720;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
.side-primary-nav .side-views button.active::after{display:none!important}
.side-primary-nav .side-views button.active::before{
 content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;
 border-radius:4px;background:#74aa96;
}
.side-view-index,.side-primary-nav .side-views button.active .side-view-index{
 display:block;min-width:0;height:auto;padding:0;border:0!important;border-radius:0;
 background:transparent!important;color:#97a9a4;font-size:11px;
 font-variant-numeric:tabular-nums;font-weight:620;line-height:1.5;box-shadow:none!important;
}
.side-primary-nav .side-views button.active .side-view-index{color:#4e947b;font-weight:760}
.side-view-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Data-management subpages share the same quiet selected-state language. */
.side-subnav button.active{
 background:transparent!important;color:#336f5d;font-weight:720;
 box-shadow:inset 3px 0 0 #84b29d;border-radius:3px;
}
.side-subnav button:hover{background:rgba(107,153,133,.065)!important}
.side-calendar .cal-day.selected{
 background:rgba(126,176,153,.17)!important;
 color:#367b64!important;box-shadow:none!important;font-weight:750;
}
.side-refinements{
 margin:9px 0 0 17px;padding:7px 0 1px 11px;
 border-left:1px solid #e3ece9;background:transparent;
}
.side-refinements-title{margin-bottom:4px;color:#94a7a1;font-weight:630;font-size:10px}
.layout:not(.workspace-mode-classic) .side-bottom .side-refinements .side-filter{
 display:grid;grid-template-columns:52px minmax(0,1fr)!important;
 gap:5px;align-items:center;padding:7px 0 0!important;
 margin:0!important;border:0!important;
}
.side-refinements .side-filter .side-label{
 margin:0;color:#80928e;font-size:11px;font-weight:580;
}
.side-refinements .side-filter .status-filter-control{min-width:0;width:100%}
.side-refinements .status-filter-button{
 min-width:0;width:100%;height:30px!important;
 padding-inline:8px;border:1px solid #e0e9e6;border-radius:6px;
 background:#fff;color:#526d65;font-size:11.5px;
 box-shadow:none;
}
.side-refinements .status-filter-button:hover{border-color:#c4d8cf;background:#fafcfb}
.side-refinements .judgment-mode-switch{
 width:100%;min-width:0;margin:0;border-radius:6px;
 background:#f2f6f4;border:1px solid #edf1ef;
}
.side-refinements .judgment-mode-switch button{font-size:11.5px}
.side-refinements .status-filter-menu{font-size:12px}
.layout:not(.workspace-mode-classic) .side-bottom .status-filter-menu{
 position:absolute!important;left:auto!important;right:0!important;
 top:auto!important;bottom:calc(100% + 7px)!important;
 width:min(188px,calc(var(--p109-side) - 25px))!important;
 background:#fff;border:1px solid #e1e9e6;border-radius:9px;
 box-shadow:0 12px 28px rgba(49,87,73,.12);
}
.layout:not(.workspace-mode-classic) .side-bottom .status-filter-menu button:hover{
 background:#edf5f0;color:#366f5a;
}

/* Top popovers must float above the content and never participate in layout. */
.topbar .month-popover,.topbar .import-popover{
 position:absolute!important;z-index:140;
 top:calc(100% + 8px)!important;
 right:0;max-height:min(440px,calc(100vh - var(--topbar) - 15px));
}
.topbar .month-popover{left:auto;width:220px}
.topbar .import-popover{width:248px}
.topbar .month-popover.open,.topbar .import-popover.open{
 pointer-events:auto;visibility:visible;
}
.month-actions,.month-anchor,.import-anchor{min-width:0}
.as-stats{max-width:1800px}
/* Narrow native selects without consuming entire grid tracks. At 1366px all
   five controls retain one line; smaller layouts wrap without overlapping. */
.as-stats-filters{
 display:flex!important;flex-wrap:wrap;align-items:center;align-content:center;
 justify-content:flex-start;gap:10px 13px!important;
 padding:11px 14px!important;
 border:1px solid #e8eeeb;border-radius:10px;background:#fff;
}
.as-stats-filters label{
 display:grid!important;grid-template-columns:max-content minmax(0,1fr);
 align-items:center;gap:7px!important;flex:0 0 auto;min-width:155px;
 margin:0;color:#70877d;font-size:12px;line-height:1.2;
 font-weight:610;white-space:nowrap;
}
.as-stats-filters label:nth-child(1){width:155px}
.as-stats-filters label:nth-child(2){width:250px}
.as-stats-filters label:nth-child(3){width:190px}
.as-stats-filters label:nth-child(4){width:208px}
.as-stats-filters label:nth-child(5){width:155px}
.as-stats-filters select{
 width:100%;min-width:0;max-width:100%;
 height:33px;padding:0 25px 0 9px;
 appearance:none;-webkit-appearance:none;
 border:1px solid #dce7e1;border-radius:7px;
 background-color:#fbfcfb;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath d='m7 10 5 5 5-5' fill='none' stroke='%237b9186' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.7'/%3E%3C/svg%3E");
 background-position:right 7px center;background-repeat:no-repeat;
 color:#3e5b51;font-size:12px!important;font-weight:610;
 box-shadow:none;cursor:pointer;
 transition:border-color .16s ease,background-color .16s ease;
}
.as-stats-filters select:hover{border-color:#bdd5c9;background-color:#fff}
.as-stats-filters select:focus-visible{
 outline:2px solid rgba(109,167,142,.55);outline-offset:1px;
}
.as-stats-rank-table{scrollbar-gutter:stable}
.as-stats-rank-row:hover,.as-stats-rank-row.is-linked{background:#f0f7f2}
.as-stats-rank-row.is-linked .as-rank-name,
.as-stats-rank-row.is-linked strong{color:#3c7b66}
.as-stats-chart-switch button.active{color:#3e7868;box-shadow:0 1px 3px rgba(80,115,96,.1)}
.as-stats-export:hover{border-color:#bfd8cb;background:#f6faf7}
@media(max-width:1320px){
 .topbar .top-global-actions{gap:5px}
 .top-history button{width:27px;height:28px}
}
@media(max-width:1200px){
 .as-stats-filters{gap:9px 12px!important}
 .as-stats-filters label:nth-child(2){width:240px}
}
@media(max-width:820px){
 .topbar{overflow:visible!important}
 .as-stats-filters{gap:8px!important;padding:10px!important}
 .as-stats-filters label{width:calc(50% - 5px)!important;min-width:155px}
}
@media(prefers-reduced-motion:reduce){
 .top-history button,.as-stats-filters select,.side-primary-nav .side-views button{
  transition:none!important;
 }
}
.reduce-animations .top-history button,
.reduce-animations .as-stats-filters select,
.reduce-animations .side-primary-nav .side-views button{transition:none!important}

/* R54 · Single authoritative visual system for the statistics workspace.
   Minimal chrome, soft indigo-blue marks and one uninterrupted toolbar line.
   Original R52/R53 competing layout declarations are retired. */
.layout.workspace-mode-stats{
 display:grid!important;grid-template-columns:var(--p109-side) minmax(0,1fr)!important;
 width:100%;max-width:100%;min-height:calc(100vh - var(--topbar));
}
.layout.workspace-mode-stats>.sidebar{
 display:flex!important;flex-direction:column;position:sticky;top:var(--topbar);
 width:var(--p109-side);height:calc(100vh - var(--topbar));min-height:0;
 overflow:hidden;padding:0 13px 12px;background:#f8fafc;border-right:1px solid #e6eaf0;
}
.layout.workspace-mode-stats>.workspace{
 width:auto!important;min-width:0!important;max-width:none!important;min-height:0;
 padding:11px 15px 12px!important;overflow:hidden!important;
}
.layout.workspace-mode-stats .workspace>.workspace-toolbar,
.layout.workspace-mode-stats .workspace>.workbench,
.layout.workspace-mode-stats .workspace>.scope-summary{display:none!important}
.layout.workspace-mode-stats .stats-workspace{display:block!important;min-width:0;min-height:0!important}
.layout.workspace-mode-stats .as-stats{
 display:flex;flex-direction:column;min-width:0;max-width:none;width:100%;
 height:calc(100vh - var(--topbar) - 23px);min-height:480px;
 color:#30445f;
}
/* Left sidebar: only navigation context, scope, export, and the existing calendar. */
.stats-side-controls{display:flex;flex-direction:column;gap:9px;padding:23px 9px 16px;min-width:0}
.stats-side-heading{color:#6c7e94;font-size:12px;font-weight:720;letter-spacing:.015em;margin-bottom:4px}
.stats-side-field{display:flex;flex-direction:column;gap:6px;font-size:11px;
 font-weight:600;color:#7b8ba1}
.stats-side-field select{width:100%;height:35px;padding:0 10px;min-width:0;
 border:1px solid #dce4ee;border-radius:8px;background:#fff;
 color:#344b67;font-size:12px;font-weight:590;cursor:pointer;
 box-shadow:0 1px 1px rgba(30,59,97,.018)}
.stats-side-field select:hover{border-color:#bdd0e8}
.stats-side-field select:focus-visible{outline:2px solid rgba(93,142,224,.35);outline-offset:1px}
.stats-side-export{display:flex;align-items:center;justify-content:space-between;gap:8px;
 margin-top:9px;width:100%;min-height:35px;padding:0 11px;
 background:#fff;color:#476b9e;border:1px solid #dce5f0;border-radius:8px;
 font-size:12px;font-weight:640;cursor:pointer}
.stats-side-export:hover{background:#f4f8fe;border-color:#bcd0ee;color:#2e65ac}
.stats-side-export:focus-visible{outline:2px solid #8bb3f5;outline-offset:1px}
/* Header: title + all five filters + live total, precisely one visual row. */
.layout.workspace-mode-stats .as-stats-heading{
 display:flex;flex:0 0 auto;flex-wrap:nowrap!important;gap:11px;align-items:center;
 justify-content:space-between;padding:0 0 10px;margin:0;min-height:46px;min-width:0;
}
.layout.workspace-mode-stats .as-stats-heading h2{
 margin:0;flex:0 0 auto;white-space:nowrap;letter-spacing:-.3px;
 font-size:18px;font-weight:750;color:#244264;line-height:34px;
}
.layout.workspace-mode-stats .as-stats-filters{
 display:flex!important;flex:1 1 auto;flex-wrap:nowrap!important;align-items:center;
 justify-content:flex-start;gap:7px!important;
 min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;
 border:0!important;border-radius:0;background:transparent!important;
 padding:0!important;margin:0!important;
}
.layout.workspace-mode-stats .as-stats-filters::-webkit-scrollbar{display:none}
.layout.workspace-mode-stats .as-stats-filters label{
 display:inline-flex!important;flex:0 0 auto;align-items:center;gap:5px!important;
 width:auto!important;min-width:0!important;margin:0;
 white-space:nowrap;color:#788ba3;font-size:11px;font-weight:600;
}
.layout.workspace-mode-stats .as-stats-filters label:nth-child(1) select{width:101px}
.layout.workspace-mode-stats .as-stats-filters label:nth-child(2) select{width:158px}
.layout.workspace-mode-stats .as-stats-filters label:nth-child(3) select{width:108px}
.layout.workspace-mode-stats .as-stats-filters label:nth-child(4) select{width:126px}
.layout.workspace-mode-stats .as-stats-filters label:nth-child(5) select{width:90px}
.layout.workspace-mode-stats .as-stats-filters select{
 display:block;height:32px;min-width:0;max-width:100%;margin:0!important;
 border:1px solid #dbe4ef;border-radius:7px;background-color:#fff;
 color:#394f6e;font-size:11.5px!important;font-weight:620;line-height:1.2;
 padding:0 23px 0 8px;cursor:pointer;
}
.layout.workspace-mode-stats .as-stats-filters select:hover{border-color:#bdd0e9}
.layout.workspace-mode-stats .as-stats-filters select:focus-visible{
 outline:2px solid rgba(83,137,220,.32);outline-offset:1px;
}
.as-stats-total{display:flex;flex:0 0 auto;align-items:baseline;gap:7px;
 min-width:0;white-space:nowrap;color:#8998aa}
.as-stats-total>span{font-size:11px;font-weight:610}
.as-stats-total strong{display:inline-flex;align-items:baseline;gap:4px;
 color:#235990;font-size:20px;font-weight:750;font-variant-numeric:tabular-nums}
.as-stats-total small{font-size:11px;color:#7e92a8;font-weight:510}
/* Everything below the single toolbar is data, at full available height. */
.layout.workspace-mode-stats .as-stats-visual{
 display:grid;flex:1 1 auto;grid-template-columns:minmax(0,1fr) minmax(238px,286px)!important;
 gap:11px;align-items:stretch;min-height:0;min-width:0;
}
.layout.workspace-mode-stats .as-stats-chart,
.layout.workspace-mode-stats .as-stats-rank{
 display:flex;flex-direction:column;min-width:0;min-height:0;
 background:#fff;border:1px solid #e0e8f1;border-radius:12px;
 box-shadow:0 1px 2px rgba(41,65,101,.018);overflow:hidden;
}
.layout.workspace-mode-stats .as-stats-chart{padding:12px 12px 4px!important;position:relative}
.layout.workspace-mode-stats .as-stats-chart-header{
 flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
 align-items:center;gap:8px;min-height:37px;
}
.as-stats-chart-metric{font-size:12px;color:#8798b0;overflow:hidden;
 white-space:nowrap;text-overflow:ellipsis}
.layout.workspace-mode-stats .as-stats-chart-context{
 justify-self:center;font-size:15px;font-weight:730;letter-spacing:-.1px;
 color:#314c70;white-space:nowrap;text-align:center;margin:0;
}
.as-stats-chart-switch{justify-self:end}
.as-stats-chart-switch button.active{color:#2d67b1}
.as-stats-chart-switch button:disabled{opacity:.35;cursor:not-allowed}
.layout.workspace-mode-stats .as-stats-chart-canvas{
 display:block;flex:1 1 auto;align-self:stretch;width:100%;
 height:auto!important;min-height:0!important;
}
.layout.workspace-mode-stats .as-stats-rank{padding:12px 0 0!important}
.layout.workspace-mode-stats .as-stats-rank-head{flex:0 0 auto;padding:0 11px 10px}
.layout.workspace-mode-stats .as-stats-rank-table{
 flex:1 1 auto;min-height:0;max-height:none!important;
 overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;
 scrollbar-gutter:stable;padding-bottom:0;
}
.as-rank-entry{border-bottom:1px solid #edf2f7}
.as-rank-entry>.as-stats-rank-row{
 display:grid;grid-template-columns:20px minmax(0,1fr) auto auto 10px;
 align-items:center;min-height:39px;gap:6px;padding:9px 10px;
 border:0;background:#fff;text-align:left;cursor:pointer;
}
.as-rank-entry .as-rank-index{font-size:10px;color:#a3b0c2}
.as-rank-entry .as-rank-name{font-size:12px;color:#536780}
.as-rank-entry .as-rank-unit{font-size:10px;color:#9cabc0}
.as-rank-entry .as-stats-rank-row strong{font-size:13px;color:#375d8a;font-weight:730}
.as-rank-entry .as-rank-chevron{font-size:16px;color:#9daec0;transition:transform .15s ease}
.as-stats-rank-row:hover{background:#f7faff!important}
.as-stats-rank-row.is-linked{background:transparent!important}
.as-stats-rank-row.is-linked .as-rank-name,
.as-stats-rank-row.is-linked strong{color:#276bbe!important;font-weight:760}
.as-rank-entry.is-expanded>.as-stats-rank-row{background:#f5f8fe!important}
.as-rank-entry.is-expanded .as-rank-chevron{transform:rotate(180deg);color:#5189d0}
.as-rank-detail{padding:7px 10px 10px 34px;background:#f9fbff;
 border-top:1px solid #e9eff9}
.as-rank-detail[hidden]{display:none!important}
.as-rank-breakdown{display:grid;gap:0;margin:0;padding:2px 0;border:0}
.as-rank-breakdown>div{display:flex;gap:9px;justify-content:space-between;align-items:center;
 padding:7px 0;border-bottom:1px solid #ecf1f9;font-size:11.5px;color:#7c8da4}
.as-rank-breakdown>div:last-child{border-bottom:0}
.as-rank-breakdown strong{font-size:11.5px;color:#3c608f;font-weight:670}
.as-rank-breakdown p{font-size:11px;color:#8798ad}
.as-rank-drill{display:inline-flex;align-items:center;gap:7px;margin-top:7px;
 min-height:26px;padding:0 9px;border-radius:6px;border:1px solid #dbe6f5;
 color:#3f75ba;background:#edf4ff;font-size:11px;font-weight:670;cursor:pointer}
.as-rank-drill:hover{background:#e4efff}
@media(max-width:1490px){
 .layout.workspace-mode-stats .as-stats-heading{gap:8px}
 .layout.workspace-mode-stats .as-stats-heading h2{font-size:17px}
 .layout.workspace-mode-stats .as-stats-filters{gap:5px!important}
 .layout.workspace-mode-stats .as-stats-filters select{font-size:11px!important}
 .layout.workspace-mode-stats .as-stats-filters label:nth-child(2) select{width:146px}
 .layout.workspace-mode-stats .as-stats-filters label:nth-child(4) select{width:111px}
 .layout.workspace-mode-stats .as-stats-visual{grid-template-columns:minmax(0,1fr) 265px!important}
}
@media(max-width:1110px){
 .layout.workspace-mode-stats .as-stats-heading h2{font-size:16px}
 .layout.workspace-mode-stats .as-stats-visual{grid-template-columns:minmax(0,1fr) 244px!important}
 .layout.workspace-mode-stats .as-stats-filters label:nth-child(2) select{width:131px}
}
@media(max-width:850px){
 .layout.workspace-mode-stats .as-stats-visual{grid-template-columns:minmax(0,1fr)!important;overflow:visible}
 .layout.workspace-mode-stats .as-stats{height:auto;min-height:calc(100vh - var(--topbar) - 23px)}
 .layout.workspace-mode-stats .as-stats-chart-canvas{height:400px!important}
 .layout.workspace-mode-stats .as-stats-rank-table{max-height:340px!important}
}
@media(max-width:780px){
 .layout.workspace-mode-stats{grid-template-columns:1fr!important}
 .layout.workspace-mode-stats>.sidebar{display:flex!important;width:100%;
  height:auto;position:static;max-height:180px}
 .layout.workspace-mode-stats .stats-side-controls{padding:9px 6px}
 .layout.workspace-mode-stats .stats-side-controls .stats-side-field{max-width:240px}
 .layout.workspace-mode-stats .as-stats-total strong{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .as-rank-entry .as-rank-chevron{transition:none!important}
}

/* Only explicit automatic intervals expose the inclusion controls.
   The layer is positioned over ECharts without disturbing its dataZoom. */
.music-track-panel{position:relative}
.overtime-review-layer{position:absolute;inset:0;z-index:14;pointer-events:none;overflow:hidden}
.overtime-review-actions{position:absolute;display:flex;align-items:center;gap:1px;
 height:20px;padding:2px;background:rgba(255,255,255,.90);
 border:1px solid rgba(178,107,145,.36);border-radius:5px;
 pointer-events:auto;box-shadow:0 1px 3px rgba(95,57,80,.08)}
.overtime-review-actions.is-excluded{background:rgba(255,255,255,.65);opacity:.5}
.overtime-review-btn{display:grid;place-items:center;width:20px;height:16px;
 padding:0;border:0;border-radius:3px;background:transparent;
 color:#a07c91;font-size:13px;line-height:1;cursor:pointer}
.overtime-review-btn.chosen{background:#d2a7bf;color:#633951;font-weight:750}
.overtime-review-actions.is-excluded .overtime-review-btn.chosen{background:#eee0e8;color:#b188a0}
.overtime-review-btn:hover,.overtime-review-btn:focus-visible{background:#f1dce7;color:#793d61;outline:none}

/* R55 · Automatic overtime discoverability. */
.person-day.has-auto-overtime{position:relative}
.person-day.has-auto-overtime::after{z-index:1}
.person-day-check{z-index:1;}
.person-day.has-auto-overtime::after{
 content:"";position:absolute;left:2px;top:3px;width:5px;height:5px;
 border-radius:50%;background:#c279a2;box-shadow:0 0 0 1.5px rgba(255,255,255,.9);
 pointer-events:none;
}
.timeline-auto-dock{
 display:flex;align-items:center;flex:0 0 auto;
 padding:5px 9px 4px;margin:0 3px 2px;
 min-height:30px;background:#fbfcfe;border-bottom:1px solid #eff1f6;
}
.timeline-auto-dock .timeline-auto-tools{
 padding-left:0;border-left:0;flex-wrap:wrap;row-gap:3px;
}
.timeline-auto-tools{
 display:flex;gap:6px;align-items:center;min-width:0;
 padding-left:9px;border-left:1px solid #e6eaf0;color:#8a617a;
 font-size:11px;white-space:nowrap;
}
.timeline-auto-label{display:inline-flex;align-items:center;gap:5px;font-weight:680;color:#9b587c}
.timeline-auto-label::before{content:"";width:12px;height:7px;border:1px solid #d09cb8;
 background:repeating-linear-gradient(125deg,rgba(184,110,155,.5) 0px,rgba(184,110,155,.5) 2px,rgba(250,243,248,.7) 2px,rgba(250,243,248,.7) 5px);
 border-radius:2px}
.timeline-auto-tools button{
 border:1px solid #eadbe5;background:#fff7fb;border-radius:6px;
 color:#995a7b;padding:4px 7px;font:inherit;font-weight:670;
 cursor:pointer;white-space:nowrap;
}
.timeline-auto-tools button:hover{background:#f7eaf1;border-color:#d7afc7}
.timeline-auto-tools button:focus-visible{outline:2px solid #d7a5c5;outline-offset:1px}
.timeline-auto-none{color:#9d98a1;overflow:hidden;text-overflow:ellipsis}
.overtime-review-actions{z-index:3;opacity:1}
.overtime-review-actions.is-excluded{opacity:.64}
@media(max-width:1200px){
 .analysis-head-timeline-tools{flex-wrap:wrap;row-gap:5px}
 .timeline-auto-tools{font-size:10px}
 .timeline-auto-none{display:none}
}

/* R56: automatic overtime review appears on hover, not as persistent floating buttons. */
.overtime-review-actions{
 opacity:0!important;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease;
 box-shadow:0 2px 7px rgba(79,48,69,.11);
}
.overtime-review-actions:is(.is-hovered,:hover,:focus-within){
 opacity:1!important;transform:translateY(0);
}
.overtime-review-actions.is-excluded:is(.is-hovered,:hover,:focus-within){opacity:1!important}
.timeline-auto-dock{justify-content:flex-end;background:transparent;border-bottom:0;padding:1px 7px 2px}
.timeline-auto-tools{margin-left:auto!important;border-left:0!important}
.timeline-auto-tools button{display:flex;align-items:center;gap:5px;padding:5px 9px!important;
 border-radius:7px;background:#fff9fc;color:#975c7d;font-size:11px}
.timeline-auto-tools button strong{font-variant-numeric:tabular-nums;color:#7e4365}
.timeline-auto-tools button .timeline-auto-hatch{
 width:11px;height:8px;border-radius:2px;border:1px solid #c98aac;
 background:repeating-linear-gradient(125deg,#ce9db7 0px,#ce9db7 2px,#f7eaf2 2px,#f7eaf2 4px)
}
.layout.workspace-mode-stats .as-stats-filters label{
 display:flex!important;flex-direction:row!important;align-items:center!important;
 justify-content:flex-start!important;min-height:32px;gap:6px!important;
}
.layout.workspace-mode-stats .as-stats-filters select,
.layout.workspace-mode-stats .as-stats-filters select:focus,
.layout.workspace-mode-stats .as-stats-filters select:focus-visible,
.stats-side-field select:focus,.stats-side-field select:focus-visible{
 outline:none!important;box-shadow:none!important;
}
.layout.workspace-mode-stats .as-stats-filters select:focus-visible,
.stats-side-field select:focus-visible{border-color:#9db6d7!important}
.as-stats-stack-legend{display:flex;align-items:center;justify-content:center;gap:17px;
 color:#7e8fa3;font-size:11px;min-height:23px;margin-bottom:1px}
.as-stats-stack-legend span{display:inline-flex;align-items:center;gap:5px}
.as-stats-stack-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.as-stats-stack-legend .legend-registered{background:linear-gradient(#bf6971,#e5a3aa)}
.as-stats-stack-legend .legend-automatic{background:linear-gradient(#d99196,#efc1c2)}
@media(prefers-reduced-motion:reduce){.overtime-review-actions{transition:none}}