/* round 9 (wipvalue, MG-07), built by its owner agent (R9-C1): existing variables only, so light, dark and the Dawg Walk skin all follow. */
.wv{display:flex;flex-direction:column;gap:10px;min-width:0}
.wv .sp{flex:1}
.wv .wv-card{padding:0;overflow:hidden;min-width:0}
.wv .wv-ch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--rule2)}
.wv .wv-ch h3{margin:0;font-size:14.5px;font-weight:800}
.wv .wv-ch .m{color:var(--ink2);font-size:12px}
.wv .wv-empty{padding:18px 16px;color:var(--ink2);font-size:13px;text-align:center}

/* toolbar */
.wv .wv-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wv .wv-adm{font:600 12px/1.2 var(--font);color:var(--ink2);min-width:0}
.wv .wv-mp{display:flex;align-items:center;gap:4px}
.wv .wv-sel{height:30px;min-width:170px;border:1px solid var(--rule);border-radius:6px;background:var(--paper);color:var(--ink);font:600 12.5px var(--font);padding:0 8px}

/* KPI tiles */
.wv .wv-kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0}
.wv .wv-kpi{padding:8px 12px 9px;min-width:0}
.wv .wv-kpi .v{font-size:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wv .wv-kpi .l{white-space:normal;line-height:1.3}
.wv .wv-kpi.warn .v{color:var(--red)}.wv .wv-kpi.good .v{color:var(--green)}.wv .wv-kpi.amb .v{color:var(--amber-t,var(--amber))}

/* stage flow */
.wv .wv-flow{display:flex;align-items:stretch;padding:10px 16px 8px;min-width:0}
.wv .wv-sb{flex:1;min-width:0;background:var(--paper);border:1px solid var(--rule);border-top:4px solid var(--c);border-radius:9px;padding:6px 10px 7px}
.wv .wv-sb.tot{background:var(--paper2)}
.wv .wv-sb h4{margin:0;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wv .wv-sb .v{font:800 21px/1.2 var(--font);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wv .wv-sb .h{font:600 12px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wv .wv-sb .h span{font:500 11.5px var(--font);color:var(--ink2)}
.wv .wv-sb .mlt{font:500 11.5px var(--font);font-variant-numeric:tabular-nums;color:var(--ink2);white-space:normal;line-height:1.3;margin-top:1px}.wv .wv-sb .mlt em{font-style:normal;color:var(--ink3)}
.wv .wv-sb .d{margin-top:4px;font:700 12px var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wv .wv-sb .d span{font:500 11px var(--font);color:var(--ink2)}
.wv .up{color:var(--amber)}.wv .dn{color:var(--green)}.wv .fl{color:var(--ink2)}
.wv .wv-ar{flex:none;width:18px;display:flex;align-items:center;justify-content:center;color:var(--ink3);font-size:11px}
.wv .wv-share{display:flex;height:16px;margin:0 16px 10px;border-radius:5px;overflow:hidden;background:var(--bg2)}
.wv .wv-share i{display:flex;align-items:center;justify-content:center;font:600 11px var(--font);font-style:normal;white-space:nowrap;overflow:hidden;color:#fff;text-shadow:0 0 2px rgba(0,0,0,.55)}
.wv .wv-share i.none{flex:1;color:var(--ink2);text-shadow:none}
.wv .wv-warn{margin:0 16px 10px;background:var(--amber-l);border:1px solid var(--amber);border-radius:8px;padding:6px 10px;font-size:12px;color:var(--ink)}
.wv>.wv-warn{margin:0}

/* two columns: aging + month-end */
.wv .wv-cols{display:grid;grid-template-columns:minmax(0,1fr) 364px;gap:14px;align-items:start}
.wv .wv-how{margin:0 16px 10px}
.wv .wv-pill{display:inline-block;font:700 11px/1 var(--font);padding:4px 8px;border-radius:11px;white-space:nowrap;background:var(--bg2);color:var(--ink2)}
.wv .wv-pill.red{background:var(--red-l);color:var(--red)}.wv .wv-pill.green{background:var(--green-l);color:var(--green)}.wv .wv-pill.amber{background:var(--amber-l);color:var(--ink)}.wv .wv-pill.grey{background:var(--grey-l);color:var(--ink2)}
.wv .wv-bk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:9px 14px 7px}
.wv .wv-bk div{border:1px solid var(--rule);border-top:3px solid var(--c);border-radius:8px;padding:5px 10px 6px;min-width:0}
.wv .wv-bk b{display:block;font-size:12px;font-weight:800}.wv .wv-bk span{display:block;font:600 12px var(--font);font-variant-numeric:tabular-nums;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wv .wv-bk div.hot{background:var(--red-l)}
.wv .wv-tw{overflow:auto;max-height:520px}
.wv .wv-ag{border-collapse:collapse;width:100%}
.wv .wv-ag th{position:sticky;top:0;font:700 11px/1.2 var(--font);letter-spacing:0;text-transform:none;color:var(--ink2);text-align:left;padding:6px 7px;border-bottom:1px solid var(--rule);background:var(--paper2);white-space:nowrap}
.wv .wv-ag td{padding:1px 7px;height:30px;border-bottom:1px solid var(--rule2);white-space:nowrap;font-size:12.5px;vertical-align:middle}
.wv .wv-ag th.r,.wv .wv-ag td.r{text-align:right}
.wv .wv-ag .wo b{display:block;font:600 12px/1.2 var(--mono)}.wv .wv-ag .wo small{display:block;font-size:11px;color:var(--ink2);line-height:1.25;max-width:230px;overflow:hidden;text-overflow:ellipsis}
.wv .wv-ag .n{font:500 12.5px var(--font);font-variant-numeric:tabular-nums}
.wv .wv-sd{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px}
.wv .wv-os{display:inline-block;font:700 11px/1 var(--font);padding:4px 8px;border-radius:11px;background:var(--bg2);color:var(--ink2);max-width:150px;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.wv .wv-dy{display:flex;align-items:center;gap:6px;font:700 12.5px var(--font);font-variant-numeric:tabular-nums}.wv .wv-dy .bar{width:48px;height:7px;background:var(--bg2);border-radius:4px;overflow:hidden}.wv .wv-dy .bar i{display:block;height:100%}
.wv .wv-nm{display:block;font:500 11px var(--font);font-style:normal;color:var(--ink3)}

/* month-end snapshot */
.wv .wv-snap{padding:8px 14px 12px}
.wv .wv-snap .big{font:800 16px/1.25 var(--font)}.wv .wv-snap .big span{font:500 12px var(--font);color:var(--ink2)}
.wv .wv-snap .sub2{font-size:11.5px;color:var(--ink2);margin-top:1px}
.wv .wv-hist{display:flex;align-items:flex-end;gap:10px;height:84px;margin-top:8px;border-bottom:1px solid var(--rule);padding:0 4px}
.wv .wv-hist .c{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;cursor:pointer;min-width:0}
.wv .wv-hist .c.nil{cursor:default}
.wv .wv-hist .c em{font:600 11px var(--font);font-variant-numeric:tabular-nums;font-style:normal;color:var(--ink2);margin-bottom:3px;white-space:nowrap}
.wv .wv-hist .c i{display:block;width:100%;background:var(--grey-l);border-radius:3px 3px 0 0}
.wv .wv-hist .c:not(.nil):hover i{background:var(--ink3)}.wv .wv-hist .c.on i{background:var(--red)}.wv .wv-hist .c.on em{color:var(--ink);font-weight:700}
.wv .wv-hist .c.live i{background:repeating-linear-gradient(45deg,var(--red-l) 0 4px,var(--paper2) 4px 8px);outline:1.5px dashed var(--red);outline-offset:-1.5px}
.wv .wv-hist .c.live.on i{background:repeating-linear-gradient(45deg,var(--red) 0 4px,var(--red-l) 4px 8px)}
.wv .wv-hl{display:flex;gap:10px;padding:3px 4px 0}.wv .wv-hl span{flex:1;min-width:0;text-align:center;font:500 11px/1.25 var(--font);color:var(--ink3)}.wv .wv-hl span b{display:block;font:700 11px var(--font);color:var(--ink2)}
.wv .wv-kv{margin-top:6px;font-size:12px}.wv .wv-kv div{display:flex;gap:10px;padding:4px 0;border-bottom:1px dashed var(--rule2)}
.wv .wv-kv div span:first-child{color:var(--ink2);width:112px;flex:none}.wv .wv-kv div span:last-child{font-weight:700;min-width:0}
.wv .wv-kv .warn{color:var(--red)}.wv .wv-kv .wrap{font-weight:600}
.wv .wv-brow{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}
.wv .wv-brow .btn.warn{border-color:var(--red);color:var(--red)}
.wv .wv-note{margin-top:6px;font-size:11.5px;color:var(--ink2)}

/* export dialog (app modal) */
.wv .wv-pop{font-size:12.5px;line-height:1.45;max-width:440px}
.wv .wv-pop .sec{font:700 11px/1.2 var(--font);color:var(--ink2);margin:10px 0 3px}
.wv .wv-pop .ck div{padding-left:16px;text-indent:-16px}.wv .wv-pop .ck div:before{content:'✓  ';color:var(--green);font-weight:800}
.wv .wv-w2{background:var(--amber-l);border:1px solid var(--amber);border-radius:8px;padding:6px 10px}
.wv .wv-pop .fn{font:500 11px var(--mono);color:var(--ink2);margin-top:8px}
.wv .wv-prow{display:flex;gap:8px;align-items:center;margin-top:12px}.wv .wv-prow .sp{flex:1}

/* tablet */
@media (max-width:1180px){
  .wv .wv-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
  .wv .wv-flow{flex-wrap:wrap;gap:8px}.wv .wv-sb{flex:1 1 calc(33% - 8px)}.wv .wv-ar{display:none}
}
@media (max-width:1500px){ .wv .wv-cols{grid-template-columns:minmax(0,1fr)} }
@media (max-width:800px){
  .wv .wv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wv .wv-sb{flex:1 1 calc(50% - 8px)}
  .wv .wv-bk{grid-template-columns:repeat(2,minmax(0,1fr))}
  .wv .wv-sel{min-width:130px}
}
.wv .wv-sb h4{text-transform:none;letter-spacing:0}