/* UI2 reports (U6): report library + custom report sections. Shell and chart styles live in U1's report-shell.css / charts.css. */
.u6-lib{max-width:none;margin:0;padding:0}
.u6-lib-group{margin:18px 0 0}
.u6-lib-group h2{font-size:1rem;font-weight:650;margin:0 0 8px;color:#272C33}
.u6-lib-group ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px}
@media (min-width:900px){.u6-lib-group ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
.u6-lib-item{display:flex;flex-direction:column;gap:2px;width:100%;min-height:64px;padding:12px 14px;border:1px solid #E3E3E3;border-radius:14px;background:#fff;color:#272C33;text-decoration:none;text-align:left;font:inherit;cursor:pointer;box-sizing:border-box}
.u6-lib-item:hover,.u6-lib-item:focus-visible{border-color:#272C33;outline:none}
.u6-lib-name{font-weight:600}
.u6-lib-tpl{font-size:.8125rem;line-height:1.35;color:#6B7078}
.u6-loading{color:#6B7078;padding:16px}
.u6-route-status{margin:0;padding:8px 10px;border-radius:10px;background:#F5F6F7;color:#565C65;font-size:.875rem}
.u6-route-status[role="alert"]{background:#FFF4F2;color:#8E1B14}
.u6-skeleton-metric{display:flex;flex-direction:column;justify-content:center;gap:9px;min-width:0}
.u6-skeleton-metric i,.u6-skeleton-metric b,.u6-skeleton-rows i,.u6-skeleton-chart i{display:block;border-radius:5px;background:#ECEEF0}
.u6-skeleton-metric span i{width:58%;height:10px}.u6-skeleton-metric b{width:76%;height:22px}
.u6-skeleton-rows{display:grid;gap:10px}.u6-skeleton-rows i{height:38px}
.u6-skeleton-period{height:40px;width:min(100%,520px);border-radius:12px;background:#F0F2F4}
.u6-skeleton-chart{display:flex;align-items:flex-end;gap:3%;height:240px;padding:20px 18px 14px;border-bottom:1px solid #ECEEF0}
.u6-skeleton-chart i{flex:1;height:var(--u6-bar,42%)}.u6-skeleton-chart i:nth-child(2n){--u6-bar:67%}.u6-skeleton-chart i:nth-child(3n){--u6-bar:54%}.u6-skeleton-chart i:nth-child(4n){--u6-bar:82%}
.u6-failed-placeholder{display:flex;align-items:center;justify-content:center;min-height:220px;margin:0;color:#6B7078;font-size:.875rem;text-align:center}
.u6-route-failed .u6-skeleton-metric i,.u6-route-failed .u6-skeleton-metric b,.u6-route-failed .u6-skeleton-rows i,.u6-route-failed .u6-skeleton-chart i{background:#F0F2F4}
.u6-msg:empty{display:none}
.u6-msg{color:#B42318;font-size:.875rem;margin:8px 0}
.u6-warn{color:#8A5A00;font-size:.8125rem;margin:6px 0 0}
.u6-dive{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:.875rem}
.u6-dive:empty{display:none}
.u6-link{font:inherit;font-weight:600;color:#004AB5;background:none;border:0;padding:4px 0;cursor:pointer;text-decoration:none}
.u6-link:hover{text-decoration:underline}
.u6-select{font:inherit;margin-left:6px;padding:4px 8px;border:1px solid #D0D0D0;border-radius:8px;background:#fff;max-width:60vw}
/* horizontal bar list (premium types, star mix, aging, oldest first) */
.u6-hbars{list-style:none;margin:0;padding:0}
.u6-hbars li{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(60px,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #EFEFEF}
.u6-hbars li:last-child{border-bottom:0}
.u6-hb-name{min-width:0;overflow-wrap:anywhere;font-size:.875rem}
.u6-hb-name small{display:block;color:#6B7078;font-size:.75rem}
.u6-hb-track{display:block;height:10px;background:#F1F1F1;border-radius:5px;overflow:hidden}
.u6-hb-bar{display:block;height:100%;width:0;background:#272C33;border-radius:5px}
.u6-hbars b{font-variant-numeric:tabular-nums;font-size:.875rem;white-space:nowrap}
/* store page: days list; day page: dive chips + numbers */
.u6-days{list-style:none;margin:0;padding:0}
.u6-day{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #EFEFEF;color:#272C33;text-decoration:none;font-variant-numeric:tabular-nums}
a.u6-day:hover span{text-decoration:underline}
.u6-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.u6-chip{display:inline-block;padding:8px 12px;border:1px solid #D0D0D0;border-radius:999px;color:#272C33;text-decoration:none;font-size:.875rem}
.u6-chip[aria-disabled="true"]{color:#9AA0A6;border-style:dashed}
.u6-dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:12px 0 0;font-size:.875rem}
.u6-dl dt{color:#565C65}.u6-dl dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}
/* the trend matrix inside the shell's chart card: let it use the card width; it scrolls inside itself */
.u2r-chartbody .trend-matrix-wrap{margin:0;max-width:100%}
.u2r-chartbody .trend-matrix{max-height:min(70vh,760px)}
/* "Show labor breakdown" switch (§13): an obvious toggle, not a label */
.u6-switch{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:4px 12px 4px 6px;border:1.5px solid #0B2E6B;border-radius:999px;background:#fff;color:#0B2E6B;font:inherit;font-size:.8125rem;font-weight:650;cursor:pointer}
.u6-switch-track{position:relative;display:inline-block;width:30px;height:18px;border-radius:9px;background:#D5D8DC;transition:background .15s}
.u6-switch-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s}
.u6-switch[aria-checked="true"]{background:#0B2E6B;color:#fff}
.u6-switch[aria-checked="true"] .u6-switch-track{background:#3D6FC4}
.u6-switch[aria-checked="true"] .u6-switch-knob{left:14px}
.u6-switch:focus-visible{outline:2px solid #004AB5;outline-offset:2px}
/* POL-OTHER: tappable bar rows, neutral bars, empty buckets without a track */
.u6-hbars li{display:block;padding:0}
.u6-hb-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(60px,1fr) auto;align-items:center;gap:10px;min-height:44px;padding:8px 0}
a.u6-hb-row{cursor:pointer}a.u6-hb-row:hover .u6-hb-name{text-decoration:underline}a.u6-hb-row:focus-visible{outline:2px solid #004AB5;outline-offset:2px}
.u6-hb-bar.is-neutral{background:#8A93A0}.u6-hb-bar.is-warn{background:#D98A00}.u6-hb-bar.is-bad{background:#C0392B}
.u6-hb-track.is-empty{visibility:hidden}
