/* reports.css — Reports ▸ Engineer performance (reports.js). Tokens only, so light and dark both read. */
.rpt-bar{gap:8px}
.rpt-bar input[type=date]{width:auto;min-width:140px}
.rpt-bar select{width:auto;max-width:210px}
.rpt-bar .btn svg{width:14px;height:14px}
.rpt-tz{display:inline-flex;align-items:center;gap:5px;font-size:12px;margin-left:auto}
.rpt-tz svg{width:14px;height:14px}
.rpt-tabs{margin-bottom:12px}
#rptBody{transition:opacity .15s}
#rptBody.rpt-busy{opacity:.55;pointer-events:none}
.stats.rpt-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr))}
.rpt-stats .stat{min-width:0}
.rpt-stats .stat .v{font-size:21px}
.rpt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px}
.rpt-grid>.card{min-width:0}
.rpt-hdn{margin-left:auto;font-weight:400;font-size:12px}
.rpt-sub{margin-top:14px;padding-top:12px;border-top:1px solid var(--line-soft)}
.rpt-pop{max-height:360px;overflow:auto;padding:4px 6px;min-width:220px}
.rpt-pop-hd{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 6px;border-bottom:1px solid var(--line);margin-bottom:4px}
/* legend swatches */
.rpt-sw-c1{background:var(--c1)}
.rpt-sw-c4{background:var(--c4)}
.legend .li .sw.rpt-sw-cap{background:none;border-top:2px solid var(--ink);height:0;width:14px;border-radius:0;align-self:center}
.rpt-sw-win{background:color-mix(in srgb,var(--c3) 22%,transparent);border:1px solid color-mix(in srgb,var(--c3) 55%,transparent)}
.legend .li .sw.rpt-sw-out{background:transparent;border:2px solid var(--bad)}
/* chart marks */
.rpt-cap{stroke:var(--ink);stroke-width:2;stroke-linecap:round}
.rpt-win{fill:color-mix(in srgb,var(--c3) 14%,transparent);stroke:color-mix(in srgb,var(--c3) 45%,transparent);stroke-width:1}
.rpt-ent{cursor:pointer}
.rpt-ent.b{fill:var(--c1)}
.rpt-ent.nb{fill:var(--c4)}
.rpt-ent.out{stroke:var(--bad);stroke-width:1.6}
.rpt-ent:hover{opacity:.82}
.ian-tk.rpt-off{fill:var(--mut2);font-style:italic}
.ian-tk.rpt-untimed{fill:var(--warn);font-weight:600;cursor:help}
/* overview table */
.rpt-tbl td{white-space:nowrap}
.rpt-tbl td:first-child{white-space:normal;min-width:190px}
.rpt-tbl .hint{margin-top:2px}
.rpt-eng,.rpt-cell{cursor:pointer;color:inherit}
.rpt-eng:hover,.rpt-cell:hover{text-decoration:none;color:var(--accent)}
.rpt-cell{display:inline-block;min-width:24px;border-radius:4px;padding:1px 3px}
.rpt-cell:hover{background:var(--accent-bg)}
.rpt-util{display:inline-flex;align-items:center;gap:6px}
.rpt-meter{fill:var(--surface3)}
.rpt-meter-v.lo{fill:var(--c8)}
.rpt-meter-v.mid{fill:var(--c4)}
.rpt-meter-v.ok{fill:var(--c3)}
.rpt-meter-v.hi{fill:var(--c7)}
.rpt-ok{color:var(--ok);font-weight:600}
.rpt-warn{color:var(--warn);font-weight:600}
.rpt-bad{color:var(--bad);font-weight:600}
.tag.rpt-warnbg{background:var(--warn-bg);color:var(--warn);border-color:transparent}
/* one engineer */
.rpt-win-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;margin:0 0 12px}
.rpt-win-chip svg{width:14px;height:14px;color:var(--mut)}
.rpt-dtabs{margin:0;padding:0 8px}
.rpt-list{max-height:520px}
.rpt-hbars{display:grid;gap:9px}
.rpt-hb{display:grid;grid-template-columns:minmax(90px,160px) 1fr 64px;align-items:center;gap:10px;font-size:12.5px}
.rpt-hb b{text-align:right;font-variant-numeric:tabular-nums}
.rpt-hb .l{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rpt-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.rpt-type h4,.rpt-h4{margin:0 0 6px;font-size:12.5px;color:var(--ink2)}
.rpt-h4{margin-top:18px}
.rpt-type td{padding:5px 8px}
.rpt-slasum{padding-bottom:0}
.rpt-notes summary{cursor:pointer;list-style:none}
.rpt-notes summary::-webkit-details-marker{display:none}
.rpt-notes ul{margin:0;padding-left:18px;display:grid;gap:6px;color:var(--ink2);font-size:12.5px}
/* work-day drawer */
.rpt-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:0 12px}
.rpt-days{display:flex;flex-wrap:wrap;gap:2px 12px}
.rpt-ov{border:1px solid var(--line);border-radius:var(--radius-sm);margin:6px 0;background:var(--surface2)}
.rpt-ov summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px;cursor:pointer}
.rpt-ov summary .chk{margin:0!important}
.rpt-ovb{padding:0 10px 10px;border-top:1px solid var(--line)}
@media (max-width:700px){.rpt-grid{grid-template-columns:1fr}.rpt-tz{margin-left:0}}
