/* Virgo One UI v2 (design/ui-v2.md, D-058): navigation on every page, and the look of Today, the dashboard, Follow-ups, Sales performance, Credit and the order record.
   Colours, radii, shadow and font are the tokens of theme.css and nothing else; no colour is written here. Touch targets are 36 px or more, primary buttons 44 px;
   nothing scrolls sideways at 360 px. Loaded last on every page. */

/* ---- header: the person at the right, linking to Me ---- */
.bar { align-items:flex-end; }
.bar .who { display:flex; align-items:center; gap:8px; font-size:12px; text-align:right; line-height:1.25; color:var(--card); text-decoration:none; min-height:44px; }
.bar .who .av { width:36px; height:36px; border-radius:50%; background:var(--card); color:var(--primary); font-weight:700; display:grid; place-items:center; font-size:13px; flex:none; }
.bar .who .nm { display:block; }
.bar.has-who .tag#role { display:none; }
.bar .hdr-right { display:flex; align-items:center; justify-content:flex-end; gap:8px 10px; flex-wrap:wrap; min-width:0; margin-left:auto; }
.bar .hdr-right .tag { font-size:11px; font-weight:600; letter-spacing:.04em; border:1px solid var(--card); border-radius:999px; padding:1px 8px; white-space:nowrap; color:var(--card); }
@media (max-width:420px) { .bar .who .nm .tt { display:none; } }

/* ---- the shell: sidebar from 900 px, bottom tabs below ---- */
.shell { display:block; }
nav.side, .side { display:none; }
nav.tabs { display:flex; position:sticky; bottom:0; left:0; right:0; z-index:5; background:var(--card); border-top:1px solid var(--line); }
nav.tabs a { flex:1 1 0; min-width:0; min-height:56px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; padding:0 2px; font-size:11px; font-weight:500; line-height:1.2;
  color:var(--ink); text-decoration:none; position:relative; text-align:center; box-shadow:none; }
nav.tabs a.on { color:var(--primary); font-weight:700; box-shadow:inset 0 3px 0 var(--primary); background:var(--card); }
nav.tabs .ic, .side .ic { width:20px; height:20px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
nav.tabs .n { position:absolute; top:6px; left:calc(50% + 6px); background:var(--primary); color:var(--card); border-radius:999px; font-size:10px; min-width:18px; height:18px; line-height:18px; text-align:center; font-weight:700; padding:0 4px; }
body { padding-bottom:0; }
@media (min-width:900px) {
  nav.tabs { display:none; }
  .shell { display:grid; grid-template-columns:232px minmax(0, 1fr); align-items:start; min-height:calc(100vh - 60px); }
  .shell > main { max-width:none; padding:16px 28px 40px; min-width:0; }
  nav.side { display:flex; flex-direction:column; gap:4px; background:var(--card); border-right:1px solid var(--line); padding:16px 12px; min-height:calc(100vh - 60px); position:sticky; top:0; align-self:stretch; }
  .side .brand { padding:4px 10px 14px; font-weight:700; color:var(--primary); line-height:1.1; font-size:15px; }
  .side .brand small { display:block; color:var(--muted); font-weight:500; font-size:11px; margin-top:2px; }
  .side a { display:flex; align-items:center; gap:10px; min-height:40px; padding:0 12px; border-radius:999px; color:var(--ink); text-decoration:none; font-size:14px; font-weight:500; border:0; background:none; }
  .side a.on { background:var(--primary); color:var(--card); font-weight:600; }
  .side a .n2 { margin-left:auto; font-size:11px; font-weight:700; background:var(--tint-red); color:var(--ink); border-radius:999px; padding:0 8px; line-height:20px; }
  .side a.on .n2 { background:var(--card); color:var(--primary); }
  .side h6 { margin:14px 12px 2px; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); font-weight:600; }
}

/* ---- designed states (U-09) ---- */
.vstate { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-card); box-shadow:var(--shadow); padding:24px 16px; text-align:center; margin:12px 0; }
.vstate .ico { width:56px; height:56px; border-radius:50%; background:var(--tint-grey); display:grid; place-items:center; margin:0 auto 12px; color:var(--ink); }
.vstate .ico.ok { background:var(--tint-ok); color:var(--ok-text); }
.vstate .ico svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.vstate h2 { margin:0 0 4px; font-size:18px; }
.vstate p { margin:0 0 14px; color:var(--muted); }
.vstate .btn2 { max-width:360px; margin-left:auto; margin-right:auto; }
.vwarn { background:var(--tint-warn); border:1px solid var(--warn); border-radius:var(--radius-card); padding:14px 16px; margin:12px 0; }
.vwarn h2, .vwarn b.h { display:block; margin:0 0 4px; font-size:15px; color:var(--ink); }
.vwarn p { margin:0 0 10px; font-size:13px; }
.vwarn small { color:var(--muted); display:block; margin-top:8px; }
.vwarn button { width:auto; min-width:120px; }

/* ---- shared parts of the v2 pages ---- */
body.v2 { font-size:14px; line-height:1.45; }
body.v2 main { padding:12px 16px 24px; max-width:none; }
.v2 .hint, .v2 .vsub { font-size:12px; color:var(--muted); margin:0; }
.v2 .vsub b { color:var(--ink); font-weight:600; }
.v2 .wd { color:var(--muted); font-size:.86em; font-weight:500; }
.v2 .n { font-variant-numeric:tabular-nums; }
.v2 .pill { white-space:nowrap; display:inline-flex; align-items:center; gap:4px; border-radius:999px; padding:2px 10px; font-size:12px; font-weight:600; line-height:20px; background:var(--tint-grey); color:var(--ink); border:0; min-height:0; }
.v2 .pill.red { background:var(--tint-red); } .v2 .pill.ok { background:var(--tint-ok); } .v2 .pill.warn { background:var(--tint-warn); }
.v2 .vtag { display:inline-block; border:1px solid var(--field-line); border-radius:999px; padding:1px 8px; font-size:11px; font-weight:600; color:var(--muted); background:var(--card); white-space:nowrap; }
.v2 .vcard { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-card); box-shadow:var(--shadow); padding:16px; min-width:0; }
.v2 .vcard h2 { font-size:15px; font-weight:600; margin:0 0 8px; display:flex; align-items:center; justify-content:space-between; gap:8px; flex-wrap:wrap; }
.v2 .vcard h2 small { font-size:12px; font-weight:400; color:var(--muted); }
.v2 .stack { display:flex; flex-direction:column; gap:12px; min-width:0; }
.btn2 { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:36px; padding:0 14px; border-radius:999px; border:1.5px solid var(--primary); background:var(--card); color:var(--primary);
  font-weight:700; font-size:13px; text-align:center; text-decoration:none; line-height:1.25; cursor:pointer; font-family:var(--font); width:auto; margin:0; }
.btn2.primary { background:var(--primary); color:var(--card); min-height:44px; font-size:14px; padding:0 18px; }
.btn2.block { display:flex; width:100%; }
.btn2.icon { min-width:44px; min-height:44px; padding:0; }
.btn2.ghost { border-color:transparent; color:var(--ink); font-weight:600; background:transparent; }
.v2 .vchips { display:flex; flex-wrap:wrap; gap:8px; margin:0; }
.v2 .vchip { display:inline-flex; align-items:center; gap:6px; min-height:36px; padding:0 14px; border-radius:999px; border:1.5px solid var(--primary); background:var(--card); color:var(--primary);
  font-size:13px; font-weight:600; text-decoration:none; cursor:pointer; font-family:var(--font); width:auto; margin:0; }
.v2 .vchip b { font-weight:700; color:inherit; }
.v2 .vchip.on { background:var(--primary); color:var(--card); }
.v2 .vchip.plain { border-color:var(--field-line); color:var(--ink); }
.v2 .vchip.plain.on { background:var(--ink); border-color:var(--ink); color:var(--card); }
.v2 .vfilters { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.v2 .vsel { display:inline-flex; align-items:center; gap:8px; min-height:40px; padding:0 4px 0 14px; border:1.5px solid var(--field-line); border-radius:var(--radius-input); background:var(--card); font-size:13px; color:var(--ink); max-width:100%; }
.v2 .vsel span { color:var(--muted); white-space:nowrap; }
.v2 .vsel select, .v2 .vfilters input[type=search] { border:0; background:transparent; min-height:38px; font:inherit; font-weight:600; color:var(--ink); padding:0 8px; width:auto; max-width:100%; text-overflow:ellipsis; }
.v2 .vfilters input[type=search] { border:1.5px solid var(--field-line); border-radius:var(--radius-input); background:var(--card); min-height:40px; font-weight:400; padding:0 14px; flex:1 1 180px; min-width:0; }
.v2 .prog { position:relative; height:10px; background:var(--tint-grey); border-radius:6px; }
.v2 .prog i { position:absolute; left:0; top:0; bottom:0; border-radius:6px; background:var(--ok); display:block; }
.v2 .prog i.w { background:var(--warn); } .v2 .prog i.r { background:var(--primary); } .v2 .prog i.n { background:var(--field-line); }
.v2 .prog u { position:absolute; top:-4px; bottom:-4px; width:2px; background:var(--ink); }
.v2 .up { color:var(--ok-text); font-weight:600; } .v2 .dn { color:var(--primary); font-weight:600; }
.v2 .dashnote { border:1.5px dashed var(--field-line); background:var(--tint-grey); border-radius:var(--radius-input); padding:10px 12px; font-size:12px; color:var(--muted); }
.v2 .foot { font-size:11px; color:var(--muted); text-align:center; padding:8px 0 4px; }
.v2 .vkv { display:flex; justify-content:space-between; gap:12px; padding:8px 0; border-top:1px solid var(--line); font-size:13px; }
.v2 .vkv:first-child { border-top:0; } .v2 .vkv span { color:var(--muted); } .v2 .vkv b { font-weight:600; text-align:right; overflow-wrap:anywhere; }
.v2 .ladder { display:flex; flex-wrap:wrap; align-items:center; margin-top:10px; font-size:12px; color:var(--muted); }
.v2 .ladder i { width:14px; height:14px; border-radius:50%; border:2px solid var(--field-line); background:var(--card); display:block; }
.v2 .ladder i.d { background:var(--primary); border-color:var(--primary); }
.v2 .ladder i.c { border-color:var(--primary); background:var(--card); box-shadow:0 0 0 3px var(--tint-red); }
.v2 .ladder s { width:16px; height:2px; background:var(--field-line); display:block; } .v2 .ladder s.d { background:var(--primary); }
.v2 .ladder .tx { flex-basis:100%; margin:6px 0 0; line-height:1.3; }
.v2 table.vt { width:100%; border-collapse:collapse; font-size:13px; }
.v2 table.vt th { font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); font-weight:600; text-align:left; padding:8px 10px; background:var(--tint-grey); }
.v2 table.vt td { padding:10px; border-top:1px solid var(--line); vertical-align:middle; overflow-wrap:anywhere; }
.v2 table.vt th.r, .v2 table.vt td.r { text-align:right; }
.v2 table.vt tr.hl td { background:var(--tint-red); }

/* ---- Today (U-01, U-02) ---- */
.v2 .counts { display:grid; grid-template-columns:repeat(3, 1fr); gap:8px; margin:0; }
.v2 .count { background:var(--card); border:1px solid var(--line); border-radius:var(--radius-card); box-shadow:var(--shadow); padding:8px 4px; text-align:center; min-height:56px; color:inherit; text-decoration:none; display:block; }
.v2 .count b { display:block; font-size:22px; font-weight:700; line-height:1.1; }
.v2 .count span { font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); font-weight:500; }
.v2 .count.hot b { color:var(--primary); }
.v2 .strip { display:block; color:inherit; text-decoration:none; padding:12px; }
.v2 .strip .top { display:flex; justify-content:space-between; gap:8px; font-size:12px; font-weight:600; }
.v2 .strip .big { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 8px; margin:4px 0 8px; }
.v2 .strip .big b { font-size:20px; }
.v2 .item { background:var(--card); border:1px solid var(--line); border-left:5px solid var(--field-line); border-radius:var(--radius-card); box-shadow:var(--shadow); padding:14px; min-width:0; list-style:none; margin:0; }
.v2 .item.late { border-left-color:var(--primary); } .v2 .item.today { border-left-color:var(--warn); }
.v2 .item .top { display:flex; gap:10px; align-items:flex-start; }
.v2 .rk { width:26px; height:26px; border-radius:50%; background:var(--primary); color:var(--card); font-weight:700; font-size:13px; display:grid; place-items:center; flex:none; margin-top:1px; }
.v2 .item h3 { font-size:15px; font-weight:600; line-height:1.3; margin:0; min-width:0; overflow-wrap:anywhere; }
.v2 .item h3 a { color:var(--ink); text-decoration:none; display:inline-block; min-height:36px; padding:4px 0; }
.v2 .item .pr { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:6px; }
.v2 .item .pr .val { margin-left:auto; font-weight:700; font-size:14px; white-space:nowrap; }
.v2 .item .meta { display:flex; flex-wrap:wrap; gap:2px 12px; color:var(--muted); font-size:12px; margin-top:8px; }
.v2 .item .meta b { color:var(--ink); font-weight:600; }
.v2 .item .why { margin-top:6px; font-size:12px; color:var(--muted); display:flex; flex-wrap:wrap; gap:4px 6px; align-items:center; }
.v2 .item .why b { color:var(--ink); font-weight:600; }
.v2 .item .acts { margin-top:12px; display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.v2 .item .acts .btn2.primary { grid-column:1/-1; }
.v2 .item .auto, .v2 .auto { margin-top:10px; font-size:12px; color:var(--ok-text); display:flex; gap:6px; align-items:flex-start; }
.v2 .item .nosn { grid-column:1/-1; font-size:12px; color:var(--muted); display:flex; gap:4px; align-items:center; line-height:1.3; min-height:20px; }
.v2 .items { display:flex; flex-direction:column; gap:12px; list-style:none; padding:0; margin:12px 0; }

/* ---- Dashboard (U-04, U-12) ---- */
.v2 .tiles6 { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:8px; }
.v2 .tile { display:block; background:var(--card); border:1px solid var(--line); border-radius:var(--radius-card); box-shadow:var(--shadow); padding:12px 14px; color:inherit; text-decoration:none; min-height:44px; min-width:0; text-align:left; }
.v2 .tile .l { font-size:11px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); font-weight:500; display:flex; justify-content:space-between; gap:6px; }
.v2 .tile .v { font-size:26px; font-weight:700; line-height:1.15; margin-top:2px; display:block; color:var(--ink); }
.v2 .tile .s { font-size:12px; color:var(--muted); margin-top:2px; display:block; }
.v2 .tile.hot { border:2px solid var(--primary); }
.v2 .pace-row { padding:10px 0; border-top:1px solid var(--line); }
.v2 .pace-row:first-child { border-top:0; }
.v2 .pace-row .h { display:flex; justify-content:space-between; gap:8px; align-items:center; flex-wrap:wrap; margin-bottom:6px; }
.v2 .bars .b { display:block; padding:6px 0; color:var(--ink); text-decoration:none; min-height:44px; }
.v2 .bars .b .h { display:flex; justify-content:space-between; gap:8px; font-size:14px; }
.v2 .bars .b .h.dark { color:var(--primary); font-weight:700; }
.v2 .bars .b .prog { margin-top:6px; }
svg.chart { width:100%; height:auto; display:block; }
svg.chart .gl { stroke:var(--line); } svg.chart .tx { fill:var(--muted); font-size:11px; }
svg.chart .area { fill:var(--tint-red); } svg.chart .ln { fill:none; stroke:var(--primary); stroke-width:3; stroke-linejoin:round; }
svg.chart .tg { fill:none; stroke:var(--ink); stroke-width:2; stroke-dasharray:5 4; } svg.chart .pt { fill:var(--primary); stroke:var(--card); stroke-width:2; }
.v2 .legend { display:flex; gap:16px; font-size:12px; margin-top:6px; flex-wrap:wrap; }
.v2 .legend i { width:8px; height:8px; border-radius:50%; display:inline-block; margin-right:4px; background:var(--primary); }
.v2 .legend i.k { background:var(--ink); }
.v2 .needs-list { display:flex; flex-direction:column; gap:8px; list-style:none; margin:0; padding:0; }
.v2 .needs-list .item { padding:12px; }
.v2 .needs-list .item .acts { grid-template-columns:1fr; }
@media (min-width:900px) {
  .v2 .tiles6 { grid-template-columns:repeat(6, minmax(0, 1fr)); gap:12px; }
  .v2 .dash2 { display:grid; grid-template-columns:minmax(0, 2fr) minmax(0, 1fr); gap:16px; align-items:start; }
  .v2 .dash2 .col { display:flex; flex-direction:column; gap:16px; min-width:0; }
  .v2 .needs-list .item { display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:8px 16px; align-items:center; }
  .v2 .needs-list .item .acts { margin-top:0; grid-template-columns:auto; }
  .v2 .needs-list .item .acts .btn2 { min-width:170px; }
}

/* ---- Follow-ups (U-06) ---- */
.v2 .seg { display:flex; border:1.5px solid var(--primary); border-radius:999px; overflow:hidden; background:var(--card); }
.v2 .seg button { flex:1; min-height:40px; display:flex; align-items:center; justify-content:center; gap:6px; text-align:center; font-size:13px; font-weight:700; color:var(--primary); padding:0 6px; border:0; border-radius:0; background:transparent; margin:0; width:auto; font-family:var(--font); cursor:pointer; }
.v2 .seg button.on { background:var(--primary); color:var(--card); }
.v2 .fu-row { background:var(--card); border:1px solid var(--line); border-left:5px solid var(--field-line); border-radius:var(--radius-card); box-shadow:var(--shadow); padding:14px; display:flex; flex-direction:column; gap:8px; min-width:0; list-style:none; }
.v2 .fu-row.late { border-left-color:var(--primary); }
.v2 .fu-row h3 { margin:0; font-size:15px; font-weight:600; line-height:1.3; overflow-wrap:anywhere; }
.v2 .fu-row .kind { align-self:flex-start; }
.v2 .fu-row .age { font-size:13px; }
.v2 .fu-row .age b { font-weight:700; }
.v2 .fu-row .age .prog { margin-top:6px; }
.v2 .fu-row .hist { background:var(--tint-grey); border-radius:var(--radius-input); padding:12px; font-size:13px; }
.v2 .fu-row .hist ol { margin:8px 0 0; padding:0 0 0 18px; }
.v2 .fu-row .hist li { margin:0 0 6px; }
.v2 .fu-list { display:flex; flex-direction:column; gap:12px; list-style:none; margin:0; padding:0; }
@media (min-width:900px) {
  .v2 .fu-row { display:grid; grid-template-columns:minmax(0, 3fr) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.2fr) minmax(0, 1.6fr) minmax(0, 1fr) 150px; gap:12px; align-items:center; }
  .v2 .fu-row .hist { grid-column:1 / -1; }
}

/* ---- Sales performance (U-08) ---- */
.v2 .crumbs { display:flex; flex-wrap:wrap; gap:6px; align-items:center; }
.v2 .crumbs .vchip { border-color:var(--field-line); color:var(--ink); }
.v2 .crumbs .vchip.on { background:var(--ink); border-color:var(--ink); color:var(--card); }
.v2 .crumbs span.sep { color:var(--muted); }
.v2 .perf-row { padding:12px 0; border-top:1px solid var(--line); display:grid; grid-template-columns:minmax(0, 1fr) auto; gap:6px 12px; align-items:center; }
.v2 .perf-row:first-child { border-top:0; }
.v2 .perf-row .full { grid-column:1 / -1; }
.v2 .perf-row .nm { font-weight:600; font-size:15px; }
.v2 .perf-row .nums { font-size:12px; color:var(--muted); display:flex; flex-wrap:wrap; gap:2px 14px; }
.v2 .perf-row .nums b { color:var(--ink); }
.v2 .perf-row .go { min-width:44px; min-height:44px; padding:0; }

/* ---- order record (U-07) ---- */
.v2 .crumb { font-size:12px; color:var(--muted); padding:0 0 8px; }
.v2 .crumb a { color:var(--muted); }
.v2 .stagebar { display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:3px; margin:12px 0 6px; }
.v2 .stagebar i { height:8px; border-radius:4px; background:var(--tint-grey); display:block; }
.v2 .stagebar i.d { background:var(--ok); } .v2 .stagebar i.c { background:var(--primary); }
.v2 .next { border:2px solid var(--primary); border-radius:var(--radius-card); background:var(--card); padding:16px; }
.v2 .next h2 { margin:0 0 6px; font-size:15px; }
.v2 .tl { list-style:none; margin:0; padding:0; }
.v2 .tl li { display:grid; grid-template-columns:32px minmax(0, 1fr); gap:10px; padding-bottom:16px; position:relative; }
.v2 .tl li::before { content:""; position:absolute; left:15px; top:32px; bottom:0; width:2px; background:var(--line); }
.v2 .tl li:last-child::before { display:none; }
.v2 .tl .ic { width:32px; height:32px; border-radius:50%; display:grid; place-items:center; background:var(--tint-grey); color:var(--ink); }
.v2 .tl .ic svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.v2 .tl .ic.red { background:var(--tint-red); color:var(--primary); } .v2 .tl .ic.ok { background:var(--tint-ok); color:var(--ok-text); } .v2 .tl .ic.warn { background:var(--tint-warn); color:var(--warn); }
.v2 .tl .t { font-size:13px; font-weight:600; line-height:1.3; overflow-wrap:anywhere; }
.v2 .tl .m { font-size:12px; color:var(--muted); margin-top:2px; }
.v2 .tl .x { margin-top:6px; font-size:12px; background:var(--tint-grey); border-radius:8px; padding:8px 10px; }
.v2 .stickybar { position:sticky; bottom:56px; background:var(--card); border-top:1px solid var(--line); padding:10px 16px; display:flex; gap:8px; margin:12px -16px 0; z-index:4; }
.v2 .stickybar .btn2.primary { flex:1; }
@media (min-width:900px) {
  .v2 .rec2 { display:grid; grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); gap:16px; align-items:start; }
  .v2 .rec2 .col { display:flex; flex-direction:column; gap:16px; min-width:0; }
  .v2 .stickybar { display:none; }
}

/* dashboard grid areas: on a phone the order is Needs you, the rows, the chart, where orders wait; from 900 px the chart and the bars sit beside Needs you and the rows below */
.v2 .dash2 { display:flex; flex-direction:column; gap:12px; }
@media (min-width:900px) {
  .v2 .dash2 { display:grid; grid-template-columns:minmax(0, 2fr) minmax(0, 1fr); grid-template-areas:"needs chart" "needs wait" "rows rows"; gap:16px; align-items:start; }
  .v2 #needs-card { grid-area:needs; } .v2 #chart-card { grid-area:chart; } .v2 #wait-card { grid-area:wait; } .v2 #rows-card { grid-area:rows; }
}
.v2 .tile .v, .v2 .tile .s, .v2 .tile .v small { text-transform:none; letter-spacing:0; }
.v2 .tile .v { font-size:26px; color:var(--ink); }
.v2 .tile .s { font-size:12px; color:var(--muted); }
.v2 .count span { font-size:11px; }
svg.ic { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.auto svg.ic, .nosn svg.ic { width:14px; height:14px; margin-top:2px; }
@media (min-width:900px) { .v2 .dash2 { grid-template-areas:"needs chart" "rows wait"; } }

.v2 .perf-row .go { font-size:22px; line-height:1; }
.v2 .crumb { display:flex; align-items:center; gap:4px; }
.v2 .crumb a { display:inline-flex; align-items:center; min-height:36px; }
.v2 .fu-row .ladder s { width:8px; }
.v2 .fu-row h3 span.plain { color:var(--ink); }
.bar .hdr-right { flex-wrap:nowrap; }
@media (max-width:560px) { .bar .hdr-right .tag + .who .nm { display:none; } }              /* a form code and the avatar side by side on a phone: the name is on Me */
/* large rupee figures (real data runs to crore) wrap inside the tile instead of widening the page */
.v2 .tile .v { overflow-wrap:anywhere; }