.wf { min-width:0; max-width:1180px; margin:0 auto; padding-bottom:80px; }
.wf h1 { font:700 28px var(--font-display); }
.wf h2 { font:600 17px var(--font-body); margin:0 0 12px; }
.wf h3 { font:600 14px var(--font-body); }
.wf-panel { padding:16px; margin-bottom:14px; min-width:0; }
.wf-filters { display:flex; flex-wrap:wrap; gap:12px; align-items:end; }
.wf-filters label { display:grid; gap:4px; flex:1 1 125px; min-width:0; font-size:13px; }
.wf-filters select { min-width:0; max-width:100%; min-height:44px; padding:8px; background:var(--surface); color:var(--ink); border:1px solid var(--line); border-radius:var(--r-card); }
.wf-tiles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:14px 0; }
.wf-tiles .pp-kpi { min-width:0; }
.wf-tiles .v { font-size:30px; overflow-wrap:anywhere; }
.wf-good { color:var(--ok); }.wf-bad { color:var(--crit); }
.wf .scroll { max-width:100%; background:var(--surface); overflow-x:auto; }
.wf-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; }
.wf-grid>.wf-panel { margin:0; }
.wf-grid+#method { margin-top:14px; }
.wf .ch-report { width:100%; max-width:100%; overflow:visible; }
.wf .ch-report text { font-size:11px; }
.wf .ch-report .ch-lbl { font-size:12px; }
.wf .ch-end { paint-order:stroke; stroke:var(--surface); stroke-width:3px; stroke-linejoin:round; }
.wf .ch-plot { overflow:visible; }
.ch-frame { position:relative; width:100%; }
.ch-frame>.ch-plot,.ch-frame>.ch-report { position:absolute; }
.ch-frame>.ch-report { inset:0; pointer-events:none; }
.ch-frame>.ch-report a { pointer-events:auto; }
.ch-multiples { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.ch-multiples>section { min-width:0; }
.wf-summary { width:100%; font-size:12px; font-variant-numeric:tabular-nums; }
.wf-summary th { font-size:11px; white-space:normal; }
.wf-summary th,.wf-summary td { padding:6px 5px; text-align:right; height:40px; box-sizing:border-box; }
.wf-summary th:first-child,.wf-summary td:first-child { text-align:left; white-space:nowrap; }
.wf-summary td { white-space:nowrap; }
.wf-summary a { color:inherit; text-decoration:none; }
.wf-summary a:hover,.wf-summary a:focus-visible { text-decoration:underline; }
.wf-summary .wf-spark { width:130px; min-width:130px; }
.wf .ch-spark { width:120px; height:28px; }
.wf-earlier { margin:8px 0; font-size:12px; }
.wf-earlier summary { cursor:pointer; }
.ch-legend { display:flex; flex-wrap:wrap; gap:4px 8px; font-size:11px; margin:0 0 8px; }
.ch-matrix { border-collapse:separate; border-spacing:2px; width:100%; font-size:12px; font-variant-numeric:tabular-nums; }
.ch-matrix th,.ch-matrix td { height:20px; padding:1px 4px; line-height:18px; text-align:center; white-space:nowrap; }
.ch-matrix th { font-weight:500; }
.ch-matrix th:first-child { text-align:left; }
.ch-matrix td a { color:inherit; text-decoration:none; display:block; }
.ch-matrix td a:hover,.ch-matrix td a:focus-visible { text-decoration:underline; }
.ch-matrix td { color:var(--wf-heat-light,var(--ink-3)); }
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .ch-matrix td { color:var(--wf-heat-dark,var(--ink-3)); }}
:root[data-theme="dark"] .ch-matrix td { color:var(--wf-heat-dark,var(--ink-3)); }
.ch-paired { display:grid; grid-template-columns:110px minmax(0,1fr) minmax(0,1fr); gap:10px; }
.ch-paired-heading { font-size:12px; line-height:16px; }
.ch-band-labels>div { height:22px; font-size:11px; line-height:22px; white-space:nowrap; }
.wf-series { font-variant-numeric:tabular-nums; }
.wf-series td { text-align:right; white-space:nowrap; }
.wf-series td:first-child { text-align:left; }
.wf-series tfoot td { white-space:normal; min-width:150px; font-size:11px; }
@media(min-width:1100px){.wf-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.wf-grid>.wf-panel { grid-column:1/-1; }.wf-grid>#bridge,.wf-grid>#turnover { grid-column:auto; }}
@media(max-width:680px){.ch-multiples{grid-template-columns:minmax(0,1fr)}.ch-paired{grid-template-columns:94px minmax(0,1fr) minmax(0,1fr);gap:6px}.wf-summary{min-width:850px}}
@media(max-width:680px){ .wf-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } .wf-tiles .pp-kpi { padding:12px; } .wf-tiles .v { font-size:28px; } }

.wf-filterbox { border:1px solid var(--line); background:var(--surface); border-radius:var(--r-card); padding:10px 12px; margin-top:12px; }
.wf-filterbox summary { min-height:24px; cursor:pointer; font-weight:600; font-size:13px; }
.wf-filterbox[open] summary { margin-bottom:12px; }

.ch-key { display:inline-flex; align-items:center; gap:5px; margin-right:8px; } .ch-key i { display:inline-block; width:10px; height:10px; border:1px solid var(--line-strong); }