/* Page styles for the rebuilt screens: the shared row, case and evidence pieces, then one section per page. */

/* Shared pieces: rows, kicker, call line, case, evidence, sheet */

/* ------------------------------------------------------------------ base */
.w7row,.w7card,.w7case,.w7hd,.w7sech,.w7gh,.w7nl,.w7end,.w7fresh,.w7sheet,.w7bulk,.w7legend-sample{font-family:var(--font-ui);color:var(--ink);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
.w7row *,.w7card *,.w7case *{box-sizing:border-box}
.w7row q,.w7card q,.w7case q,.w7sheet q{quotes:"\201C" "\201D"}
.w7i{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.w7num,.w7tn,.w7n,.w7ph,.w7rk{font-family:var(--font-num);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.01em}
.w7id{display:none}

/* ------------------------------------------------------------ the kicker */
.w7kick{display:flex;align-items:flex-start;gap:7px;font-size:12.5px;font-weight:650;letter-spacing:.01em;color:var(--mute);min-width:0;line-height:1.35}
.w7kick .w7g{width:18px;height:18px;flex:none;display:grid;place-items:center;margin-top:-1px}
.w7kick .w7kt{white-space:normal;min-width:0}
.w7kick .w7when{color:var(--mute);font-weight:550}
.w7k-found{color:var(--found)} .w7k-team{color:var(--team)} .w7k-svc{color:var(--svc)} .w7k-hand{color:var(--hand)}
.w7k-follow{color:var(--ink2)} .w7k-guard{color:var(--guard)} .w7k-sample{color:var(--sample)}

/* the source label, coloured by family */
.w7src{font-weight:650}
.w7src-fed,.w7src-fl{color:var(--found)} .w7src-ours{color:var(--ink2)} .w7src-notes{color:var(--team)} .w7src-notes.w7src-svc{color:var(--svc)} .w7src-read{color:var(--found)}

/* ------------------------------------------------------------ the header */
.w7hd{margin:0 0 6px}
.w7dateline{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.w7dateline img{height:12px;width:auto}
.w7h1{font-size:25px;line-height:1.2;letter-spacing:-.4px;margin:6px 0 2px;font-weight:700;color:var(--ink)}
.w7sub{font-size:15.5px;color:var(--ink2);margin:0}
.w7sub a{font-weight:650;color:var(--blue);text-decoration:none}
.w7chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 2px}
.w7chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 13px;border:1px solid var(--line);border-radius:18px;background:var(--card);color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;font-family:var(--font-ui)}
.w7chip .w7n{font-size:18px;line-height:1}
.w7chip.on{border-color:var(--found-line);background:var(--found-tint);color:var(--found)}
@media (min-width:821px){.w7h1{font-size:26px}}

/* ----------------------------------------------------------- section labels */
.w7sech{display:flex;align-items:baseline;gap:8px;margin:22px 2px 8px;font-size:12.5px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.w7sech .w7n{font-size:16px;letter-spacing:0;color:var(--ink)}
.w7sech .w7aside,.w7gh .w7aside{margin-left:auto;font-size:12.5px;font-weight:550;letter-spacing:0;text-transform:none;color:var(--mute)}
.w7gh{display:flex;align-items:baseline;gap:8px;padding:10px 16px 8px;background:var(--surf2);border-bottom:1px solid var(--line2);font-size:12px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--ink2)}
.w7gh .w7n{font-size:15px;letter-spacing:0;color:var(--ink)}
.w7list *+.w7gh{border-top:1px solid var(--line)}

/* ---------------------------------------------------------------- the list */
.w7list{container:w7list / inline-size;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
html[data-theme="road"] .w7list{border-color:var(--rule)}

/* ------------------------------------------------------ the row, phone shape */
.w7row{position:relative;padding:12px 16px 2px;cursor:pointer;outline:none}
.w7row+.w7row{border-top:1px solid var(--line2)}
.w7row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent-2)}
.w7row.sel{background:var(--sel)}
.w7row.sel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue)}
.w7nm{display:flex;align-items:baseline;gap:8px;margin-top:5px;flex-wrap:wrap}
.w7nm .w7name{font-size:17px;line-height:1.3;font-weight:700;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.w7rk{font-size:16px;color:var(--mute);min-width:12px}
.w7rm{font-size:13.5px;color:var(--mute);line-height:1.4}
.w7nm>.w7rm{flex-basis:100%;margin-top:1px}
.w7rt{font-size:15px;line-height:1.45;margin:6px 0 4px;color:var(--ink)}
.w7rq{font-size:15px;line-height:1.45;margin:6px 0 4px;color:var(--ink);padding-left:10px;border-left:3px solid var(--line)}
.w7tl{font-size:13px;color:var(--mute);margin:2px 0 6px;line-height:1.4}
.w7tl b{color:var(--ink2);font-weight:650}
.w7acts{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 12px}
.w7row .w7call{border-top:1px solid var(--line2)}
.w7row:not(.w7hascall) .w7rt,.w7row:not(.w7hascall) .w7rq{margin-bottom:12px}
.w7selbox{display:inline-flex;align-items:center;min-height:24px;margin-bottom:4px}
.w7sel{width:18px;height:18px;accent-color:var(--blue);margin:0}
.w7mk{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:11px;font-size:12px;font-weight:650;white-space:nowrap;background:var(--team-tint);color:var(--ink2);border:1px solid var(--line);vertical-align:1px}
.w7mk-fam{background:var(--found-tint);color:var(--found);border-color:var(--found-line)}
.w7mk-lease{background:var(--guard-tint);color:var(--guard);border-color:var(--guard-line)}
.w7stat{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--ink2);font-weight:550;white-space:nowrap}
.w7stat:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}
.w7stat[data-stage="quiet"]:before{background:var(--mute)} .w7stat[data-stage="hot"]:before{background:var(--amber)}
.w7stat[data-stage="new"]:before{background:var(--blue)} .w7stat[data-stage="customer"]:before{background:var(--navy)}
html[data-theme="dark"] .w7stat[data-stage="customer"]:before{background:var(--ink2)}

/* ------------------------------------------------------ the row, desk shape */
@container w7list (min-width: 560px){
  .w7row{display:grid;grid-template-columns:minmax(0,1fr) 172px;gap:1px 14px;padding:8px 14px 8px 18px;align-items:start}
  .w7row.sel:before{width:3px}
  .w7selbox{grid-column:1;grid-row:1;margin:0 0 2px}
  .w7kick{order:3;grid-column:1;font-size:12.5px;margin:2px 0 0}
  .w7kick .w7g{width:15px;height:15px}
  .w7kick .w7i{width:15px;height:15px}
  .w7nm{order:1;grid-column:1;margin-top:0;flex-wrap:nowrap;align-items:center;min-width:0}
  .w7nm .w7name{font-size:15px;white-space:nowrap;flex:none}
  .w7nm>.w7rm{flex-basis:auto;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:13px}
  .w7rt,.w7rq{order:2;grid-column:1;font-size:14px;line-height:1.4;margin:2px 0}
  .w7rq{padding-left:8px}
  .w7tl{order:2;grid-column:1;margin:0}
  .w7samples{order:2;grid-column:1}
  .w7row:not(.w7hascall) .w7rt,.w7row:not(.w7hascall) .w7rq{margin-bottom:2px}
  .w7row .w7call{grid-column:2;grid-row:1 / span 4;border-top:0;padding:0;justify-content:flex-end;text-align:right;align-self:center}
  .w7row .w7call .w7wl{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .w7row .w7call .w7tn{font-size:21px;line-height:1.15}
  .w7row .w7dial{display:none}
  .w7acts{grid-column:2;grid-row:4;justify-content:flex-end;padding:2px 0 0;gap:6px}
  .w7acts .w7btn{min-height:34px;font-size:13px;padding:0 11px;border-radius:8px}
}
/* `.w7desk` is a hint only: the row takes the desk shape by the list's width
   (the container query above), so a desk list squeezed onto a phone reads as phone rows. */

/* ----------------------------------------------------------- the call line */
.w7call{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 12px}
.w7call .w7who{min-width:0}
.w7wl{font-size:13.5px;color:var(--mute);line-height:1.35}
.w7wl b{color:var(--ink2);font-weight:650}
.w7tn{display:block;font-size:32px;line-height:1.1;color:var(--ink);white-space:nowrap;text-decoration:none}
.w7tn:hover{color:var(--blue)}
.w7tip{font-size:13px;color:var(--mute);margin-top:3px;line-height:1.35}
.w7nophone{display:block;font-family:var(--font-num);font-weight:600;font-size:17px;color:var(--faint);margin-top:2px}
.w7dial{width:52px;height:52px;border-radius:50%;background:var(--dial);color:#fff;display:grid;place-items:center;flex:none;text-decoration:none}
.w7dial .w7i{width:23px;height:23px;stroke:#fff}
.w7call-row .w7tn{font-size:26px}
.w7call-row .w7dial{width:48px;height:48px}
.w7call-row .w7dial .w7i{width:21px;height:21px}
.w7call-case .w7tn{font-size:32px}
.w7call-pane .w7tn{font-size:34px}
@container w7case (min-width:700px){.w7call-case .w7tn{font-size:34px}}
.w7ph{font-size:16px;color:var(--ink2);white-space:nowrap;text-decoration:none}
.w7alt .w7ph:hover{color:var(--blue)}

/* --------------------------------------------------------------- buttons */
.w7btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 15px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:650 14.5px/1 var(--font-ui);white-space:nowrap;cursor:pointer;text-decoration:none;transition:background var(--dur-1) var(--ease),border-color var(--dur-1) var(--ease),color var(--dur-1) var(--ease)}
.w7btn:hover{background:var(--surf2);border-color:var(--rule2)}
.w7btn:disabled{opacity:.5;cursor:default}
.w7btn-sm{min-height:40px;font-size:14px;padding:0 13px}
.w7btn-xs{min-height:34px;font-size:13px;padding:0 11px;border-radius:8px}
.w7btn.w7pri{background:var(--blue);border-color:var(--blue);color:#fff}
.w7btn.w7pri:hover{background:var(--bluedk);border-color:var(--bluedk)}
.w7btn.w7go{background:var(--dial);border-color:var(--dial);color:#fff}
.w7btn.w7go .w7i{stroke:#fff}
.w7btn.w7quiet{color:var(--mute)}
.w7btn .w7i{width:17px;height:17px}
.w7link{font-weight:650;color:var(--blue);text-decoration:none}
.w7link:hover{text-decoration:underline}
html[data-theme="dark"] .w7btn.w7pri{background:#286fc0;border-color:#286fc0;color:#fff}
html[data-theme="road"] .w7btn{border-color:var(--rule)}

/* -------------------------------------------------- the one-line notes */
.w7nl{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;padding:11px 13px;border:1px dashed var(--rule2);border-radius:12px;font-size:14px;line-height:1.45;color:var(--ink2)}
.w7nl .w7i{width:18px;height:18px;flex:none;margin-top:1px;color:var(--mute)}
.w7nl.w7guard{border-color:var(--guard-line);background:var(--guard-tint)}
.w7nl.w7guard .w7i{color:var(--guard)}
.w7nl b{color:var(--ink)}
.w7nl.w7checked .w7i{color:var(--svc)}

/* ---------------------------------------------- the end line, freshness */
.w7end{margin:22px 2px 0;font-size:15px;color:var(--ink2)}
.w7end b{color:var(--ink)}
.w7fresh{font-size:12.5px;color:var(--mute);margin-top:6px;line-height:1.5}
.w7fresh a{font-weight:600;color:var(--blue);text-decoration:none}

/* ---------------------------------------------------- evidence lines */
.w7ev{list-style:none;margin:0;padding:0}
.w7evl{display:grid;grid-template-columns:24px minmax(0,1fr);gap:0 9px;padding:9px 0}
.w7ev li+li{border-top:1px solid var(--line2)}
.w7m{grid-row:span 2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 12px/1 var(--font-ui);margin-top:1px;background:var(--found);color:#fff}
.w7m-note{background:var(--card);color:var(--team);border:1.5px solid var(--team)}
.w7m-read{background:var(--card);color:var(--found);border:1.5px dashed var(--found)}
.w7m-guard{background:var(--guard);color:#fff}
.w7m-sample{background:var(--card);color:var(--sample);border:1.5px dashed var(--sample)}
.w7m-sample .w7i{width:13px;height:13px}
html[data-theme="dark"] .w7m{color:#04121C}
html[data-theme="dark"] .w7m-note,html[data-theme="dark"] .w7m-read,html[data-theme="dark"] .w7m-sample{color:inherit;background:var(--card)}
html[data-theme="dark"] .w7m-note{color:var(--team)} html[data-theme="dark"] .w7m-read{color:var(--found)} html[data-theme="dark"] .w7m-sample{color:var(--sample)}
.w7evl .w7t{font-size:14.5px;line-height:1.45;color:var(--ink)}
.w7evl .w7s{font-size:12.5px;color:var(--mute);margin-top:2px;line-height:1.4}
.w7evl .w7s a{color:var(--blue);font-weight:650;text-decoration:underline;text-underline-offset:2px}
.w7evl .w7s a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.w7more{padding:9px 0 2px;font-size:13.5px;color:var(--mute);list-style:none}
.w7more .w7link,.w7more a{font-weight:650}
.w7more-d{display:none}
@media (min-width:821px){.w7id{display:inline}.w7more-t:has(+.w7more-d){display:none}.w7more-d{display:inline}}
sup.w7c{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;margin-left:2px;border-radius:9px;background:var(--found-tint);color:var(--found);font:700 12px/1 var(--font-ui);vertical-align:1px;line-height:1}
sup.w7c-note{background:var(--team-tint);color:var(--team)} sup.w7c-guard{background:var(--guard-tint);color:var(--guard)} sup.w7c-read{background:var(--found-tint);color:var(--found)}
.w7guardbox sup.w7c-guard{background:var(--card)}

/* ------------------------------------------------------- what to say */
.w7say{margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--surf2);border:1px solid var(--line)}
.w7say .w7lb{display:block;font-size:12.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-bottom:4px}
.w7say p{margin:0;font-size:15px;line-height:1.5;color:var(--ink)}
.w7say .w7by{font-size:12.5px;color:var(--mute);margin-top:6px}
.w7conf{list-style:none;margin:10px 0 0;padding:10px 0 0;border-top:1px solid var(--line2)}
.w7conf li{font-size:13px;color:var(--mute);line-height:1.45;padding:2px 0}
.w7conf li b{color:var(--ink2);font-weight:650}

/* ----------------------------------------------------------- the case */
.w7case{min-width:0}
.w7backlink{display:inline-flex;align-items:center;gap:4px;font-size:15px;font-weight:650;color:var(--ink);text-decoration:none;min-height:44px;margin:-8px 0 0 -4px}
.w7backlink .w7i{width:20px;height:20px}
.w7kicker{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.w7case h1.w7cname{font-size:28px;line-height:1.15;letter-spacing:-.4px;margin:6px 0 3px;font-weight:700;color:var(--ink)}
.w7aka{font-size:14px;color:var(--ink2);line-height:1.45}
.w7metaline{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-top:7px;font-size:13.5px;color:var(--mute)}
.w7sum{font-size:16.5px;line-height:1.45;margin:12px 0 0;color:var(--ink)}
.w7ch-acts{padding:12px 0 0}
.w7csec{margin-top:20px;min-width:0}
.w7csec>h2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);margin:0 0 8px;font-family:var(--font-ui)}
.w7csec>h2 .w7q{width:22px;height:22px;border-radius:6px;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 12.5px/1 var(--font-ui);letter-spacing:0;flex:none}
html[data-theme="dark"] .w7csec>h2 .w7q{background:var(--ink2);color:#04121C}
.w7csec>h2 .w7aside{margin-left:auto;font-size:12.5px;font-weight:550;letter-spacing:0;text-transform:none;color:var(--mute)}
.w7panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;min-width:0}
.w7panel+.w7panel{margin-top:10px}
.w7panel .w7call{border-top:0;padding-top:2px}
html[data-theme="road"] .w7panel{border-color:var(--rule)}
.w7callout{display:flex;gap:10px;align-items:flex-start;margin:4px 0 2px;padding:10px 12px;border-radius:10px;background:var(--found-tint);border:1px solid var(--found-line);font-size:14px;line-height:1.45;color:var(--ink)}
.w7callout .w7i{width:18px;height:18px;flex:none;color:var(--found);margin-top:1px}
.w7alt{font-size:13.5px;color:var(--mute);line-height:1.45;margin-top:8px}
.w7alt b{color:var(--ink2);font-weight:650}
.w7guardbox{border:1px solid var(--guard-line);background:var(--guard-tint);border-radius:12px;padding:12px 14px}
.w7lead{display:flex;gap:9px;font-size:15.5px;line-height:1.45;color:var(--ink);font-weight:600}
.w7lead .w7i{width:19px;height:19px;flex:none;color:var(--guard);margin-top:2px}
.w7guardbox .w7ev li{border-color:var(--guard-line)}
.w7runline{font-size:15px;line-height:1.5;margin:0 0 10px;color:var(--ink)}
.w7runline b{font-weight:650}
.w7ove .w7runline{margin:0}
.w7match{margin-top:10px;border-color:var(--found-line);background:var(--found-tint)}
.w7match .w7runline{margin:6px 0 4px}
.w7match .w7acts{padding:10px 0 0}
.w7why-empty,.w7told-empty,.w7runs-empty{margin-top:0}
.w7recs{list-style:none;margin:0;padding:0}
.w7recs li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;line-height:1.35}
.w7recs li+li{border-top:1px solid var(--line2)}
.w7recs li span:last-child{color:var(--mute);white-space:nowrap;text-align:right}
@media (max-width:560px){.w7recs li{display:block}.w7recs li span{display:block;text-align:left}.w7recs li span:last-child{margin-top:2px;font-size:13px;white-space:normal}}
.w7cand{margin-top:10px;padding:10px 12px;border:1px dashed var(--rule2);border-radius:10px;font-size:13.5px;color:var(--ink2);line-height:1.45}
.w7cand .w7acts{padding:8px 0 0}
.w7records .w7acts{padding:10px 0 0}

/* charts: inline, token-coloured, never without the numbers in words */
.w7makebar{display:flex;height:14px;border-radius:7px;overflow:hidden;background:var(--line2)}
.w7makebar i{display:block;height:100%}
.w7makebar i+i{box-shadow:inset 1px 0 0 var(--card)}
.w7legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12.5px;color:var(--mute)}
.w7legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.w7legend span:before{content:"";width:9px;height:9px;border-radius:2px;background:var(--c,var(--others))}
.w7years{display:flex;align-items:flex-end;gap:3px;height:54px;margin-top:12px}
.w7years i{flex:1;background:var(--others);border-radius:2px 2px 0 0;min-height:2px}
.w7years i.w7due{background:var(--age)} .w7years i.w7new{background:var(--newunit)}
.w7yax{display:flex;gap:3px;margin-top:3px}
.w7yax span{flex:1;text-align:center;font-size:12px;color:var(--mute);font-variant-numeric:tabular-nums}
.w7ownbar{display:flex;height:10px;border-radius:5px;overflow:hidden;margin:6px 0 2px;background:var(--line2)}
.w7ownbar i{display:block;height:100%}
.w7sublb{font-size:13px;color:var(--mute);margin-top:12px;font-weight:600}

/* the full case on a wide screen: two columns, DOM order kept.
   Container queries, not media queries: the case lays out by its own width, so
   a case inside a narrow column on a desk reads as the phone case. */
.w7case{container:w7case / inline-size}
@container w7case (max-width:699px){.w7desk-only{display:none}}
@container w7case (min-width:1060px){
  .w7case:not(.w7compact) .w7cbody{display:grid;grid-template-columns:minmax(0,1fr) 540px;gap:0 24px;align-items:start;grid-template-areas:"who run" "why run" "told recs" "guard recs" "say recs" "cur cur"}
  .w7case:not(.w7compact) .w7s-who{grid-area:who} .w7case:not(.w7compact) .w7s-why{grid-area:why}
  .w7case:not(.w7compact) .w7s-run{grid-area:run} .w7case:not(.w7compact) .w7s-told{grid-area:told}
  .w7case:not(.w7compact) .w7s-guard{grid-area:guard} .w7case:not(.w7compact) .w7s-say{grid-area:say}
  .w7case:not(.w7compact) .w7s-recs{grid-area:recs} .w7case:not(.w7compact) .w7s-cur{grid-area:cur}
  .w7case:not(.w7compact) h1.w7cname{font-size:32px}
  .w7case:not(.w7compact) .w7sum{font-size:18px}
  .w7case:not(.w7compact) .w7ch{display:grid;grid-template-columns:minmax(0,860px) auto;gap:0 24px;align-items:start}
  .w7case:not(.w7compact) .w7ch>*{grid-column:1}
  .w7case:not(.w7compact) .w7ch .w7ch-acts{grid-column:2;grid-row:2 / span 3;padding-top:20px}
}

/* the compact case: the sticky desk pane */
.w7compact{background:var(--card);border:1px solid var(--line);border-radius:14px}
.w7compact .w7ph{padding:16px 20px 12px;border-bottom:1px solid var(--line2)}
.w7compact .w7ph .w7cname{font-size:24px;line-height:1.2;letter-spacing:-.3px;margin:6px 0 2px;font-weight:700;font-family:var(--font-ui)}
.w7compact .w7ph .w7metaline{gap:4px 10px;margin-top:2px}
.w7case .w7metaline,.w7case .w7metaline>span{font-family:var(--font-ui);letter-spacing:0}
.w7case .w7metaline>span:not(.w7stat){font-size:13.5px;font-weight:400}
.w7compact .w7ph .w7id{display:inline}
.w7compact .w7open{font-size:13.5px;font-weight:650;color:var(--blue);text-decoration:none;font-family:var(--font-ui)}
.w7compact .w7pb{padding:4px 20px 18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 22px}
.w7compact .w7csec{margin-top:16px;grid-column:1 / -1}
.w7compact .w7s-run,.w7compact .w7s-told{grid-column:auto}
.w7compact .w7panel{border:0;padding:0;background:transparent;border-radius:0}
.w7compact .w7panel+.w7panel{margin-top:8px}
.w7compact .w7who-panel .w7call{padding-top:2px}
.w7compact .w7s-cur{grid-column:1 / -1}
.w7compact .w7legend-sample{margin-top:8px}
@container w7case (max-width:600px){.w7compact .w7pb{grid-template-columns:minmax(0,1fr)}.w7compact .w7s-run,.w7compact .w7s-told{grid-column:1 / -1}}

/* ---------------------------------------------- the outcome set, once */
.w7ob-lb{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:12px 0 6px}
.w7ob,.w7og,.w6d .k4acts.w7ob,.w7obwrap .k4acts.w7ob,.w7sheet .k4acts.w7og{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.w7ob .k4b,.w7og .k4b,.w7sheet .k4b{min-height:44px;padding:0 6px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:650 14px/1 var(--font-ui);cursor:pointer;white-space:nowrap}
.w7ob .k4b:hover,.w7og .k4b:hover{background:var(--surf2);border-color:var(--rule2)}
.w7ob .k4b[aria-pressed="false"],.w7og .k4b[aria-pressed="false"]{background:var(--card);color:var(--ink)}
.w7ob .k4b:disabled,.w7og .k4b:disabled{opacity:.5;cursor:default}
.w7ob .k4open{display:none}
.w7about{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:var(--mute);margin-top:8px;line-height:1.45}
.w7about .w7i,.w7about>svg{width:16px;height:16px;flex:none;color:var(--dial);margin-top:1px}
.w7about b{color:var(--ink2);font-weight:650}
.w7about a{color:var(--blue);text-decoration:none;font-weight:600}
.w6d .w7ob{margin:0}
.w6d .w7ob .k4b{font-family:var(--font-ui);font-weight:650}
@media (max-width:480px){.w7ob,.w6d .k4acts.w7ob,.w7obwrap .k4acts.w7ob{grid-template-columns:1fr 1fr}}

/* ------------------------------------------------- the after-call sheet */
.w7sheetwrap{position:fixed;inset:0;z-index:60}
.w7scrim{position:absolute;inset:0;background:rgba(16,28,38,.38)}
.w7sheetwrap .w7sheet{position:absolute;left:0;right:0;bottom:0;animation:w7-rise var(--dur-2) var(--ease) both}
.w7sheetwrap.closing .w7sheet{animation:w7-sink var(--dur-2) var(--ease) forwards}
.w7sheetwrap.closing .w7scrim{animation:sig-fade-out var(--dur-2) var(--ease) forwards}
.w7sheet{background:var(--card);border-radius:18px 18px 0 0;padding:10px 16px calc(26px + env(safe-area-inset-bottom));box-shadow:var(--shadow-float);max-width:640px;margin:0 auto}
.w7grab{width:40px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 12px}
.w7back4{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.w7sheet h3{font-size:21px;line-height:1.25;margin:4px 0 4px;font-weight:700;color:var(--ink);font-family:var(--font-ui)}
.w7sheet p{font-size:14.5px;color:var(--mute);margin:0 0 14px}
.w7sheet .w7og{grid-template-columns:1fr 1fr;gap:10px}
.w7sheet .w7og .k4b{min-height:56px;font-size:16px}
.w7aboutpick{margin-top:10px}
.w7aboutpick .w7lb{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.w7aboutpick .w7chips{margin:0}
.w7aboutpick .w7chip{min-height:40px;font-size:13.5px;white-space:normal;text-align:left}
.w7aboutpick .w7chip .w7n{font-size:15px}
@keyframes w7-rise{from{transform:translateY(24px);opacity:0}to{transform:none;opacity:1}}
@keyframes w7-sink{from{transform:none;opacity:1}to{transform:translateY(24px);opacity:0}}

/* ---------------------------------------------------------- the sample */
.w7sample{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--sample);letter-spacing:.02em;white-space:nowrap}
.w7sample-x{font-weight:550;white-space:normal}
.is-sample{border-left:3px dashed var(--sample)!important;padding-left:12px}
.w7row.is-sample{border-left:3px dashed var(--sample);padding-left:13px}
.w7row.is-sample.sel:before{display:none}
.w7evl.is-sample{border-left:0!important;padding-left:0}
.w7evl.is-sample .w7t{color:var(--ink2)}
.w7samples{margin:4px 0 8px;display:grid;gap:6px}
.w7sampleitem{padding:6px 0 6px 10px;border-left:3px dashed var(--sample);font-size:13.5px;line-height:1.4;color:var(--ink2)}
.w7sampleitem .w7t{display:block}
.w7sampleitem .w7s{display:block;font-size:12.5px;color:var(--mute);margin-top:1px}
.w7legend-sample{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;padding:8px 12px;border:1px dashed var(--sample-line);border-radius:10px;background:var(--sample-tint);font-size:13px;line-height:1.4;color:var(--ink2)}
.w7legend-sample .w7i{color:var(--sample);width:16px;height:16px;margin-top:1px}
@media (max-width:480px){.w7row .w7sample-x,.w7evl .w7sample-x{display:none}}

/* ---------------------------------------------------- the Start here card */
.w7card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px 4px}
.w7card.w7start{border-color:var(--found-line)}
.w7card .w7co{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:8px 0 1px}
.w7card .w7co b{font-size:19px;line-height:1.25;font-weight:700;color:var(--ink)}
.w7card .w7claim{font-size:16px;line-height:1.45;margin:8px 0 12px;color:var(--ink)}
.w7card .w7call{border-top:1px solid var(--line2)}
.w7why{margin:0 -16px}
.w7whys{display:flex;align-items:center;justify-content:space-between;min-height:46px;border-top:1px solid var(--line2);padding:0 16px;color:var(--blue);font-size:15px;font-weight:650;cursor:pointer;list-style:none}
.w7whys::-webkit-details-marker{display:none}
.w7whys .w7i{width:18px;height:18px;transition:transform var(--dur-1) var(--ease)}
.w7why[open]>.w7whys .w7i{transform:rotate(90deg)}
.w7whyb{padding:4px 16px 14px}
html[data-theme="road"] .w7card{border-color:var(--rule)}

/* --------------------------------------------- the bulk bar, the meter */
.w7bulk{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:10px;background:var(--navy);color:#fff;font-size:14px;flex-wrap:wrap}
html[data-theme="dark"] .w7bulk{background:var(--surf2);color:var(--ink);border:1px solid var(--line)}
.w7bulk .w7who{display:flex;gap:14px;flex-wrap:wrap;opacity:.95}
.w7bulk .w7who span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.w7bulk .w7note2{margin-left:auto;font-size:12.5px;opacity:.85;max-width:330px;line-height:1.35}
.w7bulk .w7btn{min-height:36px}
.w7bulk .w7onnavy{background:transparent;border-color:rgba(255,255,255,.4);color:#fff}
html[data-theme="dark"] .w7bulk .w7onnavy{border-color:var(--rule2);color:var(--ink)}
.w7av{width:36px;height:36px;border-radius:50%;background:var(--bluetint);color:var(--blue);display:inline-grid;place-items:center;font-size:12.5px;font-weight:700;letter-spacing:.02em;flex:none}
.w7av-sm{width:26px;height:26px;font-size:10.5px}
.w7meter{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--ink2);white-space:nowrap}
.w7meter i{width:8px;height:8px;border-radius:50%;background:var(--mute)}
.w7meter.w7met i{background:var(--green)}

/* ------------------------------------------------------------ road mode */
html[data-theme="road"] .w7call .w7tn{font-size:36px}
html[data-theme="road"] .w7call-row .w7tn{font-size:29px}
html[data-theme="road"] .w7card .w7claim,html[data-theme="road"] .w7rt,html[data-theme="road"] .w7rq{font-size:17px}
html[data-theme="road"] .w7kick,html[data-theme="road"] .w7rm{font-size:13.5px}
@container w7list (min-width: 560px){html[data-theme="road"] .w7row .w7call .w7tn{font-size:23px}html[data-theme="road"] .w7rt,html[data-theme="road"] .w7rq{font-size:15px}}

/* ---------------------------------------------------- reduced motion */
@media (prefers-reduced-motion:reduce){.w7sheetwrap .w7sheet,.w7sheetwrap.closing .w7sheet,.w7sheetwrap.closing .w7scrim{animation-duration:1ms}}

/* ------------------------------------------------ #/styleguide specimens */
/* Frames for the admin-only styleguide only; no product page uses these. */
.w7sgphone{max-width:390px;padding:14px 16px;background:var(--page);border:1px solid var(--line);border-radius:14px}
.w7sgdesk{max-width:1100px}
.w7sgnote{margin:-4px 0 12px;max-width:900px;font-size:12.5px;line-height:1.5;color:var(--mute)}
.w7sgwide{max-width:1400px;padding:16px 20px;background:var(--page);border:1px solid var(--line);border-radius:14px}
.w7sgsheet .w7sheet{position:static;box-shadow:none;border:1px solid var(--line);border-radius:18px;max-width:none}
.w7sgpanewrap{max-width:720px}
.w7sgglyphs .w7sgglyph{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:56px;font-size:12px;color:var(--mute)}
.w7sgglyphs .w7i{width:20px;height:20px}
.w7sg .w6sgbody{gap:18px}
.w7sg .w6sglb{font-size:12px;color:var(--mute);letter-spacing:.06em;line-height:1.4}
.w7case .w7kick,.w7case .w7kick .w7kt,.w7legend-sample span{font-family:var(--font-ui)}
.w7legend-sample span{font-weight:500}
.w7sgglyphs small{font-size:12px}
/* the case meta line's " · " separators; the gap carries the spacing */
.w7metaline .w7sep{font-style:normal;color:var(--faint);margin:0 -4px}
.w7metaline .w7id .w7sep{margin:0 8px 0 0}

/* "On our lot" under What to say (in_stock). */
.w7lot { margin-top: 10px; }
.w7lot .w7lb { display: block; font-size: 12.5px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; color: var(--ink2); margin-bottom: 4px; }

/* Gate: ui.js avatar() paints an inline colour; the rebuild's avatar is always the light
   blue chip (the mockups), and the initials must stay readable on it. */
.w7av { background: var(--bluetint) !important; color: var(--blue); }

/* Today */

.w7tday{display:block;max-width:760px;margin:0 auto;padding-bottom:12px}
.w7t-preview{display:flex;align-items:baseline;gap:6px 16px;flex-wrap:wrap;margin:0 0 14px;padding:11px 15px;border:1px solid var(--line);border-left:4px solid var(--blue,#2463a6);border-radius:10px;background:var(--surf2);font-size:13px;line-height:1.45;color:var(--ink2)}
.w7t-preview b{font-size:14px;color:var(--ink)}
.w7tday[data-preview="1"] .w7tn{cursor:default;text-decoration:none}
.w7t-pane{display:none}
.w7t-desk{display:none}
.w7t-sec{scroll-margin-top:72px}
.w7t-head{margin-bottom:4px}
.w7t-head .w7nl{margin-top:12px}
.w7t-head .w7legend-sample{margin-top:12px}
.w7t-eyebrow{margin:16px 2px 8px;font-size:12.5px;font-weight:750;letter-spacing:.07em;text-transform:uppercase;color:var(--ink2);font-family:var(--font-ui)}
.w7t-sec .w7t-eyebrow+.w7t-phone{margin-bottom:12px}
.w7t-startsec .w7sech{margin-top:14px}
.w7tday .w7card .w7why{margin-bottom:0}
.w7tday .w7end{margin-top:26px}
.w7tday .w7row.w7hascall .w7call{padding-bottom:12px}
.w7tday .w7acts{padding-bottom:14px}
/* the phone never draws a selected row: selection is the desk's */
.w7tday .w7row.sel{background:transparent}
.w7tday .w7row.sel:before{display:none}
.w7t-panenote{display:flex;flex-direction:column;gap:4px;padding:22px 20px;border:1px dashed var(--rule2);border-radius:14px;font-size:14.5px;color:var(--mute)}
.w7t-panenote b{color:var(--ink);font-size:16px}
.w7tday .anim-leave{animation:sig-slide-out var(--dur-3) var(--ease) forwards;overflow:hidden;pointer-events:none}

/* ------------------------------------------------------------------ desk */
@media (min-width:1300px){
  .w7tday{display:grid;grid-template-columns:minmax(0,1fr) 720px;gap:0 24px;align-items:start;max-width:none;margin:0}
  .w7t-main{min-width:0}
  .w7t-phone{display:none}
  .w7t-desk{display:block}
  .w7row.w7t-desk{display:grid}

  .w7t-head .w7hd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 16px;align-items:end;margin-bottom:10px}
  .w7t-head .w7hd>*{grid-column:1}
  .w7t-head .w7hd>.w7chips{grid-column:2;grid-row:2 / span 2;margin:0;align-self:end;flex-wrap:nowrap}
  .w7t-head .w7h1{font-size:26px;margin-top:4px}
  .w7t-head .w7sub{font-size:15.5px}
  .w7t-head .w7nl,.w7t-head .w7legend-sample{margin:0 0 10px}
  .w7t-head .w7legend-sample{padding:6px 12px}

  /* one list, group heads inside it */
  .w7t-body{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
  .w7t-body .w7list{border:0;border-radius:0;background:transparent}
  .w7t-body .w7sech{margin:0;padding:7px 16px 5px;background:var(--surf2);border-bottom:1px solid var(--line2);font-size:12px}
  .w7t-body .w7sech .w7n{font-size:15px}
  .w7t-sec+.w7t-sec{border-top:1px solid var(--line)}
  .w7t-body .w7nl{margin:0;border:0;border-top:1px dashed var(--rule2);border-radius:0;padding:8px 16px;font-size:13px;line-height:1.4}
  .w7t-body .w7nl.w7guard{border-top-color:var(--guard-line)}
  .w7tday{padding-bottom:0}
  .w7tday .w7row{padding-top:5px;padding-bottom:5px}
  /* At a normal laptop width the 720px case leaves the list below the shared
     kit's 560px container breakpoint. Without this the left column switches
     back to its phone cards and repeats the entire case beside the case. Keep
     it a scannable desk list at every width where the pane is visible. */
  .w7t-body .w7list .w7row{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:1px 12px;align-items:start;padding:8px 12px 8px 16px}
  .w7t-body .w7list .w7row .w7nm{order:1;grid-column:1;min-width:0;margin:0;flex-wrap:wrap;gap:1px 6px}
  .w7t-body .w7list .w7row .w7nm .w7name{font-size:15px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .w7t-body .w7list .w7row .w7nm>.w7rm{flex-basis:100%;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12.5px}
  .w7t-body .w7list .w7row .w7kick{order:3;grid-column:1;font-size:12.5px;margin:1px 0 0}
  .w7t-body .w7list .w7row .w7rt,.w7t-body .w7list .w7row .w7rq,.w7t-body .w7list .w7row .w7tl,.w7t-body .w7list .w7row .w7samples{order:2;grid-column:1}
  .w7t-body .w7list .w7row .w7call{grid-column:2;grid-row:1 / span 4;border-top:0;align-self:start;justify-content:flex-end;text-align:right;padding:0}
  .w7t-body .w7list .w7row .w7call .w7wl{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .w7t-body .w7list .w7row .w7call .w7tn{font-size:19px;line-height:1.15}
  .w7t-body .w7list .w7row .w7dial{display:none}
  .w7tday .w7row .w7rt,.w7tday .w7row .w7rq{margin:1px 0;line-height:1.38}
  .w7tday .w7row .w7kick{margin-top:1px}
  .w7tday .w7row .w7nm .w7name{line-height:1.25}
  .w7tday .w7row.w7hascall .w7call{padding-bottom:0}
  .w7tday .w7row .w7acts{padding-bottom:0}
  .w7tday .w7row.sel{background:var(--sel)}
  .w7tday .w7row.sel:before{display:block}
  .w7tday .w7row:hover:not(.sel){background:var(--surf2)}
  /* the number sits at the top of the right column, Claim it directly under it,
     so an up-for-grabs row is no taller than a call row */
  .w7tday .w7row .w7call{grid-row:1 / span 2;align-self:start;padding-top:2px}
  .w7tday .w7row:has(.w7acts){min-height:96px}
  .w7tday .w7row .w7acts{position:absolute;right:14px;bottom:10px;padding:0}
  .w7tday .w7row .w7acts .w7btn{min-height:32px}
  /* a sample item under a desk row keeps its label and source on one line
     (desk rows at most 110px); the full sentence is its title and
     sits, numbered with its label, in the case pane beside the list */
  .w7tday .w7row .w7samples{margin:1px 0 2px;grid-column:1 / -1}
  .w7tday .w7row .w7sampleitem{display:flex;gap:8px;align-items:baseline;padding:1px 0 1px 9px;font-size:13px;white-space:nowrap;min-width:0}
  .w7tday .w7row .w7sampleitem .w7t{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .w7tday .w7row .w7sampleitem .w7s{flex:none;margin:0}

  /* Height budget (<= 1,800px on the real book): a desk row reads in at most
     two lines of sentence and one of team line, the rest in its title and the pane beside
     it; an up-for-grabs row keeps Claim it clear of any sample line (those sit in the case). */
  .w7tday .w7row .w7tl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .w7tday .w7row .w7rt,.w7tday .w7row .w7rq,.w7tday .w7row .w7claim{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .w7tday .w7row:has(.w7acts) .w7samples{display:none}

  /* the case pane: sticky under the nav, scrolls inside itself */
  .w7t-pane{display:block;position:sticky;top:var(--w7t-top,76px);max-height:calc(100vh - var(--w7t-top,76px) - 12px);overflow:auto;overscroll-behavior:contain;border-radius:14px;scrollbar-width:thin}
  .w7t-pane .w6d.w7pane{padding:0;border:0;background:transparent}
  .w7tday .w7end{margin-top:6px}
  .w7t-main>.w7legend-sample{margin:8px 0 0;padding:5px 12px}
}

/* ------------------------------------------------------------- road mode */
/* Road mode raises the number to 36px and sentences to 17px; the page keeps the
   layout and only lets the Start here card breathe a little more. */
html[data-theme="road"] .w7tday .w7card{border-width:2px}
html[data-theme="road"] .w7t-body{border-color:var(--rule)}

/* the section's quiet aside ("nobody at Southport owns these") takes its own
   line on a phone rather than squeezing the label */
@media (max-width:1299px){
  .w7tday .w7sech{flex-wrap:wrap;row-gap:0}
  .w7tday .w7sech .w7aside{flex-basis:100%;margin-left:0;margin-top:1px}
}

/* The after-call sheet's four buttons sit two by two. The
   four-across outcome rule above outranks the sheet rule on specificity, which
   cut "Left message" off at 390px; this restores the intent without
   touching the kit. */
.w7sheetwrap .w7sheet .k4acts.w7og{grid-template-columns:1fr 1fr}
.w7sheetwrap .w7sheet:focus{outline:none}


/* Salesperson work queues: compact evidence, visible source and next action. */
.w7tday.w7t-organized .w7t-coverage { margin:7px 0 0; font-size:12px; color:var(--mute); }
.w7tday.w7t-organized .w7t-sec { border-radius:7px; }
.w7tday.w7t-organized .w7t-sec .w7sech { padding:10px 14px; color:var(--ink); background:color-mix(in srgb,var(--blue) 7%,var(--card)); letter-spacing:.02em; font-size:12px; font-weight:750; }
.w7tday.w7t-organized [data-section=due] .w7sech { background:color-mix(in srgb,var(--warning) 10%,var(--card)); border-left:3px solid var(--warning); }
.w7tday.w7t-organized [data-section=assigned] .w7sech { border-left:3px solid var(--blue); }
.w7tday.w7t-organized :is([data-section=research],[data-section=grabs]) .w7sech { background:var(--surface-2); border-left:3px solid var(--ink-muted); }
.w7tday.w7t-organized .w7t-sec .w7sech .w7aside { color:var(--ink2); font-size:11.5px; font-weight:500; letter-spacing:0; text-transform:none; }
.w7tday.w7t-organized .w7t-body .w7row .w7rq,
.w7tday.w7t-organized .w7t-body .w7row .w7rt { font-size:13px; line-height:1.45; -webkit-line-clamp:3; margin:5px 0; }
.w7tday.w7t-organized .w7t-body .w7row .w7rq { padding-left:9px; border-left:2px solid var(--blue); }
.w7tday.w7t-organized .w7t-body .w7row .w7kick { font-size:11.5px; color:var(--ink2); }
.w7tday.w7t-organized .w7t-body .w7row .w7nm .w7name { color:var(--ink); font-size:15px; font-weight:750; white-space:normal; line-height:1.3; }
.w7tday.w7t-organized .w7t-body .w7row .w7t-next { grid-column:1 / -1; order:6; display:flex; align-items:baseline; gap:7px; padding:7px 0 3px; color:var(--ink2); font-size:12px; line-height:1.35; }
.w7tday.w7t-organized .w7t-next>span { color:var(--blue); font-size:10px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; white-space:nowrap; }
.w7tday.w7t-organized .w7t-next>b { font-weight:600; }
.w7tday.w7t-organized .w7t-body .w7row:has(.w7acts) .w7t-next { padding-bottom:40px; }
.w7tday.w7t-organized .w7t-body .w7row.sel { background:color-mix(in srgb,var(--blue) 6%,var(--card)); }
.w7tday.w7t-organized .w7t-context:empty { display:none; }
@media(min-width:1300px) {
  .w7tday.w7t-organized { grid-template-columns:minmax(0,1.1fr) minmax(450px,1fr); }
  .w7tday.w7t-organized .w7t-body .w7list .w7row { padding:10px 14px; gap:2px 12px; }
  .w7tday.w7t-organized .w7t-body .w7list .w7row .w7kick { order:4; }
  .w7tday.w7t-organized .w7t-body .w7row .w7tl { font-size:12px; color:var(--ink2); }
}
@media(max-width:1299px) {
  .w7tday.w7t-organized .w7t-body .w7row .w7t-next { padding:6px 0 10px; }
  .w7tday.w7t-organized .w7t-body .w7row .w7kick { font-size:12px; }
  .w7tday.w7t-organized .w7t-next>span { font-size:11px; }
}

/* Company record */

/* ----------------------------------------------------------------- the page */
.w7c-page{container:w7cpage / inline-size;min-width:0;max-width:1480px;font-family:var(--font-ui);color:var(--ink)}

/* The back link. On a phone it reads as the case's back bar ("‹ Today"); on a
   desk it is a breadcrumb with the kicker ("‹ TODAY / COMPANY CASE · 5 RECORDS"),
   and the header's own kicker line steps aside so the words are said once. */
.w7c-crumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin:0 0 2px}
.w7c-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin-left:-6px;padding:0 6px;
  color:var(--ink);font-size:17px;font-weight:650;text-decoration:none;border-radius:8px}
.w7c-back .w7i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.w7c-back:hover{background:var(--surface-2)}
.w7c-back:focus-visible{outline:2px solid var(--blue);outline-offset:1px}
.w7c-ck{display:none}
.w7c-ck i{font-style:normal;color:var(--line2);margin-right:10px}

@container w7cpage (min-width:1060px){
  .w7c-crumb{margin:0 0 4px}
  .w7c-back,.w7c-ck{font-size:12.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);min-height:28px}
  .w7c-back .w7i{width:15px;height:15px}
  .w7c-ck{display:inline-flex;align-items:center}
  .w7c-page .w7case:not(.w7compact) .w7ch>.w7kicker{display:none}
  .w7c-page .w7case:not(.w7compact) h1.w7cname{margin-top:2px}
  .w7c-page .w7case:not(.w7compact) .w7ch .w7ch-acts{padding-top:6px;grid-row:1 / span 3}
}

/* The desk case is dense by design: it holds the richest family to
   one screen of who, why and what they run and to 1,800px overall. */
@container w7cpage (min-width:1060px){
  .w7c-page .w7csec{margin-top:16px}
  .w7c-page .w7ch .w7sum{margin-top:10px}
  .w7c-page .w7evl{padding:7px 0}
  .w7c-page .w7s-cur{grid-column:1 / -1}
  /* The header takes the width the actions leave; the summary stays readable. */
  .w7c-page .w7case:not(.w7compact) .w7ch{grid-template-columns:minmax(0,1fr) auto}
  .w7c-page .w7case:not(.w7compact) .w7ch .w7sum{max-width:880px}
  .w7c-page .w7ch .w7legend-sample{margin-top:10px;max-width:880px}
  .w7c-page .w7case:not(.w7compact) .w7cbody{margin-top:12px}
}

.w7c-page .w7c-torecs{display:none}
@container w7cpage (min-width:1060px){.w7c-page .w7ch-acts .w7c-torecs{display:inline-flex}}

/* The dealer's own history is part of the case, not an obscure tab. */
.w7c-history{display:inline-flex;align-items:center;min-height:44px;margin:8px 0 14px;padding:10px 14px;
  border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-size:14px}
.w7c-history:hover{border-color:var(--blue);background:var(--card)}
.w7c-history:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* The case remains the lead, while the record's everyday CRM work has a visible
   route into its existing tabs and controls. */
.w7c-crmrail{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:8px 0 14px;padding:9px 11px;
  border:1px solid var(--line);border-left:3px solid var(--found);border-radius:10px;background:var(--surface-2)}
.w7c-crmlabel{margin-right:4px;color:var(--mute);font-size:11.5px;font-weight:750;letter-spacing:.06em;text-transform:uppercase}
.w7c-crmrail .w7c-crmlink{display:inline-flex;align-items:center;justify-content:center;min-height:36px;margin:0;padding:6px 10px;
  border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);font:650 13px/1.25 var(--font-ui);
  text-decoration:none;cursor:pointer}
.w7c-crmrail .w7c-history{border-color:var(--found-line);color:var(--found);background:var(--found-tint)}
.w7c-crmrail .w7c-crmlink:hover{border-color:var(--found);background:var(--found-tint);color:var(--ink)}
.w7c-crmrail .w7c-crmlink:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:820px){.w7c-crmrail{gap:6px;padding:8px}.w7c-crmlabel{width:100%}.w7c-crmrail .w7c-crmlink{font-size:12.5px}}

.w7c-utility{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center;margin:0 0 16px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.w7c-utility-place{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 9px;min-width:0;font-size:13px;color:var(--ink2)}
.w7c-utility-place b{color:var(--ink);font-size:13px}.w7c-utility-label{color:var(--mute);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.w7c-utility-links{display:flex;align-items:center;flex-wrap:wrap;gap:5px 12px;font-size:12.5px}
.w7c-utility-links a{color:var(--blue);font-weight:750;text-decoration:none}.w7c-utility-links a:hover{text-decoration:underline}
.w7c-utility-links span{color:var(--mute)}
.w7c-utility p{grid-column:1/-1;margin:0;color:var(--mute);font-size:12px;line-height:1.35}
@media(max-width:820px){
  .w7c-utility{display:block;margin:0 0 15px;padding:11px 13px}
  .w7c-utility-place{display:grid;gap:2px;line-height:1.35}
  .w7c-utility-label{margin-bottom:2px}
  .w7c-utility-links{margin-top:8px;gap:6px 14px}
  .w7c-utility p{margin-top:7px}
}

/* On a phone, lead with the call decision. The complete case evidence follows. */
.w7c-mobilelead{display:none}
.w7c-crmdrawer>summary,.w7c-whomore>summary{display:none}
@media (max-width:820px){
  .w7c-page .w7case:not(.w7compact) .w7ch{display:none}
  .w7c-mobilelead{display:block;margin:4px 0 14px}
  .w7c-mobilekicker{display:block;color:var(--mute);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
  .w7c-mobilelead h1{margin:5px 0 6px;color:var(--ink);font:750 29px/1.1 var(--font-ui);letter-spacing:-.035em}
  .w7c-mobilemeta{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;color:var(--mute);font-size:13px;line-height:1.3}
  .w7c-mobile-status{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink2);font-size:12px;font-weight:700}
  .w7c-decision{margin-top:13px;padding:15px 17px 14px;border:1px solid var(--found-line);border-left:4px solid var(--found);border-radius:12px;background:var(--card)}
  .w7c-decision-label,.w7c-mobilefacts>div>span{display:block;color:var(--found);font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
  .w7c-decision p{margin:5px 0 6px;color:var(--ink);font-size:17px;line-height:1.3}
  .w7c-decision p b{font-weight:800}.w7c-decision p span{color:var(--ink2);font-size:14px}
  .w7c-decision-phone{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--found);font:750 30px/1.1 var(--font-num);text-decoration:none;white-space:nowrap}
  .w7c-decision-phone span{font:700 18px/1 var(--font-ui)}
  .w7c-decision-nophone{color:var(--mute);font-size:15px;font-weight:650}
  .w7c-mobilefacts{display:grid;gap:8px;margin-top:10px}
  .w7c-mobilefacts>div{padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
  .w7c-mobilefacts>div p{margin:4px 0 0;color:var(--ink);font-size:14px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .w7c-mobilefacts .w7c-mobilecaution{border-color:var(--guard-line);background:var(--guard-tint)}
  .w7c-mobilefacts .w7c-mobilecaution>span{color:var(--guard)}
  .w7c-mobilecontext{margin-top:8px;color:var(--ink2);font-size:13px}
  .w7c-mobilecontext>summary{min-height:35px;padding:8px 1px;cursor:pointer;color:var(--blue);font-weight:700}
  .w7c-mobilecontext p{margin:7px 0;line-height:1.45}
  .w7c-crmdrawer{margin:0 0 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
  .w7c-crmdrawer>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:9px 12px;cursor:pointer;list-style:none;color:var(--ink);font-size:14px;font-weight:750}
  .w7c-crmdrawer>summary::-webkit-details-marker,.w7c-whomore>summary::-webkit-details-marker{display:none}
  .w7c-crmdrawer>summary small{margin-left:auto;color:var(--mute);font-size:12px;font-weight:550;text-align:right}
  .w7c-crmdrawer>summary .w7i{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2}
  .w7c-crmdrawer[open]>summary .w7i{transform:rotate(90deg)}
  .w7c-crmdrawer .w7c-crmrail{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
  .w7c-crmdrawer .w7c-crmlabel{display:none}
  .w7c-whomore{margin-top:6px;border-top:1px solid var(--line)}
  .w7c-whomore>summary{display:block;min-height:44px;padding:12px 0 5px;cursor:pointer;color:var(--blue);font-size:13px;font-weight:750}
  .w7c-whomore>summary:after{content:'⌄';float:right;color:var(--mute)}
  .w7c-whomore[open]>summary:after{transform:rotate(180deg)}
}

/* The done state after a manager answers a candidate. */
.w7c-done{font-size:13px;color:var(--ink2);margin-top:8px}

/* ------------------------------------------- one tap deeper: the record */
.w7c-more{margin-top:18px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.w7c-more>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;cursor:pointer;list-style:none;
  font-size:14.5px;font-weight:650;color:var(--ink);border-radius:12px}
.w7c-more>summary::-webkit-details-marker{display:none}
.w7c-more>summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.w7c-more>summary .w7c-mc{font-size:13px;font-weight:500;color:var(--mute)}
.w7c-more>summary .w7i{width:16px;height:16px;margin-left:auto;fill:none;stroke:var(--mute);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--dur-1) var(--ease)}
.w7c-more[open]>summary .w7i{transform:rotate(90deg)}
.w7c-more[open]>summary{border-bottom:1px solid var(--line2);border-radius:12px 12px 0 0}
.w7c-mb{padding:12px 14px 14px;min-width:0}
.w7c-acct{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 0 10px;font-size:13.5px;color:var(--ink2)}
.w7c-acl{font-size:12px;font-weight:750;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.w7c-more>.w7c-mb>.w7c-acct>.w7c-acl{flex-basis:100%;overflow-wrap:anywhere}
.w7c-acctscope{flex-basis:100%;font-size:12px;line-height:1.45;color:var(--mute)}
.w7c-more .w7c-own{max-width:none}
.w7c-more .w7c-own .ol{max-width:none}
.w7c-more .w7c-own select{min-width:156px;max-width:230px}
.w7c-stage{display:inline-flex;align-items:center;gap:6px}
.w7c-stage i{width:8px;height:8px;border-radius:50%;display:inline-block}
.w7c-parked{width:100%}
.w7c-rec{margin:0;padding:0}

/* ------------------------------------------------- the phone's sticky bar */
.w7c-bar{display:none}
@media (max-width:820px){
  .w7c-page{padding:0 4px}
  .w7c-bar{display:flex;background:var(--card);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom))}
  .w7c-bar a,.w7c-bar button{height:52px;border-radius:10px;font-family:var(--font-ui);font-size:17px;font-weight:700;letter-spacing:0}
  .w7c-bar .c1{background:var(--dial);color:#fff}
  .w7c-bar .c2{background:var(--blue);color:#fff}
  .w7c-bar .w7i{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  .w7c-bar a:focus-visible,.w7c-bar button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
}
html[data-theme="dark"] .w7c-bar .c1,html[data-theme="dark"] .w7c-bar .c2{color:#04121C}
html[data-theme="road"] .w7c-bar a,html[data-theme="road"] .w7c-bar button{font-size:18px}
@media (prefers-reduced-motion:reduce){.w7c-more>summary .w7i{transition:none}}

/* Packed desk columns (company.js layoutDesk): rows are 4px, each section spans
   its own height plus a 16px gap, so the two columns never share row heights. */
@container w7case (min-width:1060px){
  .w7c-page .w7case:not(.w7compact) .w7cbody.w7c-mas{grid-template-areas:none;grid-auto-rows:4px;row-gap:0;align-items:start}
  .w7c-page .w7case:not(.w7compact) .w7cbody.w7c-mas>*{grid-area:auto;margin-top:0;align-self:start}
}

/* Road mode on the case: the number at 36px, the reading
   text one step up, on the high-contrast palette the tokens already carry. */
html[data-theme="road"] .w7c-page .w7call-case .w7tn{font-size:36px}
@media (max-width:820px){
  html[data-theme="road"] .w7c-page .w7sum{font-size:17.5px}
  html[data-theme="road"] .w7c-page .w7evl .w7t,html[data-theme="road"] .w7c-page .w7say p,html[data-theme="road"] .w7c-page .w7runline{font-size:16px}
}
html[data-theme="road"] .w7c-back{color:var(--ink)}

/* The record's own controls, one tap deeper, keep the phone's 12px floor:
   the owner avatar and word, the tab counts, the note chips. */
.w7c-mb .own .ini{font-size:12px}
.w7c-mb .own .ol,.w7c-mb .w6tab .w6tc{font-size:12px}
.w7c-mb .w6chips .w6chip{font-size:12.5px}

/* The decoded VIN illustrations remain informational. Tinted row edges and
   year/class typography add scan cues without making artwork look clickable. */
.w7c-page .fleet-image-note{font-size:12px}
.w7c-page .w7c-classscope{margin:8px 0 0;font-size:12px;line-height:1.45;color:var(--mute)}
.w7c-page .w4load{display:block;width:100%;min-height:38px;margin:10px 0 4px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--accent);font:700 13px var(--font-ui);cursor:pointer}
.w7c-page .w4load:hover,.w7c-page .w4load:focus-visible{border-color:var(--accent);background:var(--bluetint)}
.w7c-page .fleet-visuals tbody tr{border-left:3px solid var(--found-line);background:linear-gradient(90deg,var(--found-tint),var(--card) 38%)}
.w7c-page .fleet-visuals tbody tr:hover{border-left-color:var(--found);background:var(--found-tint)}
.w7c-page .fleet-visuals .fleet-photo{border-color:var(--found-line);background:var(--surface)}
.w7c-page .fleet-visuals .fleet-unit-year{color:var(--found);font-family:var(--font-num);font-weight:750}
.w7c-page .fleet-visuals .fleet-unit-class{color:var(--ink2);font-weight:700}
.w7c-page .fleet-visuals .fleet-vin,.w7c-page .fleet-visuals .fleet-model-caption{font-size:12px}
@media(max-width:600px){
  .w7c-page .fleet-visuals tbody tr{padding:12px 8px 12px 10px}
  .w7c-page .fleet-visuals .fleet-identity strong,.w7c-page .fleet-visuals td[data-label]:before{font-size:12px}
  .w7c-page .fleet-visuals .fleet-vin,.w7c-page .fleet-visuals .fleet-model-caption{font-size:12px}
}

/* Phone rhythm: the richest family stays near 3,359px. */
@media (max-width:820px){
  .w7c-page .w7csec{margin-top:16px}
  .w7c-page .w7evl{padding:8px 0}
  .w7c-page .w7ch-acts{padding-top:10px}
  .w7c-page .w7ch .w7legend-sample{margin-top:10px}
  /* Records on a phone: name, then who has it, both flush left. */
  .w7c-page .w7recs li{padding:6px 0}
  .w7c-page .w7recs li span:last-child{text-align:left}
}

/* Market and prospects */

.w7f{font-family:var(--font-ui);color:var(--ink);max-width:1440px;margin:0 auto}
.w7f *{box-sizing:border-box}
.w7f-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ------------------------------------------------------------- the header */
.w7f-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 10px}
.w7f-hl{min-width:0}
.w7f-hd .w7h1{margin:6px 0 2px}
.w7f-def{max-width:900px;line-height:1.45}
.w7f-scope{display:flex;gap:4px;padding:4px;border-radius:12px;background:var(--surf2);border:1px solid var(--line);flex:none}
.w7f-scope a{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:9px;border:1px solid transparent;font-size:14px;font-weight:650;color:var(--mute);white-space:nowrap;text-decoration:none}
.w7f-scope a .w7n{font-size:17px}
.w7f-scope a.on{background:var(--card);color:var(--ink);border-color:var(--line)}
.w7f-scope a:not(.on):hover{color:var(--ink)}

/* ------------------------------------------------------------ the filters */
.w7f-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:2px 0 8px}
.w7f-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}
.w7f-fl{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin:0 4px 0 10px}
.w7f-fl:first-child{margin-left:0}
.w7f-fc{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:17px;background:var(--card);font:600 13.5px/1 var(--font-ui);color:var(--ink2);white-space:nowrap;cursor:pointer}
.w7f-fc:hover{border-color:var(--rule2)}
.w7f-fc .w7f-c{font-family:var(--font-num);font-weight:700;font-size:15px;color:var(--mute);font-variant-numeric:tabular-nums}
.w7f-fc.on{background:var(--found-tint);border-color:var(--found-line);color:var(--found)}
.w7f-fc.on .w7f-c{color:var(--found)}
.w7f-fc .w7i{width:14px;height:14px}
.w7f-toggle{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--surf2);flex:none}
.w7f-toggle a{min-height:32px;padding:0 12px;display:flex;align-items:center;gap:6px;border-radius:7px;border:1px solid transparent;font-size:13.5px;font-weight:650;color:var(--mute);text-decoration:none}
.w7f-toggle a.on{background:var(--card);color:var(--ink);border-color:var(--line)}
.w7f-toggle .w7i{width:15px;height:15px}
.w7f .w7legend-sample{margin:0 0 8px;padding:6px 12px}

/* --------------------------------------------------------- list and pane */
.w7f-split{display:grid;grid-template-columns:minmax(0,1fr) 470px;gap:24px;align-items:start}
.w7f-main{min-width:0}
.w7f-box{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin-top:10px}
.w7f-boxh{display:flex;align-items:baseline;gap:10px;padding:12px 16px 10px;border-bottom:1px solid var(--line2)}
.w7f-boxh h2{font-size:15.5px;font-weight:700;margin:0;color:var(--ink)}
.w7f-aside{margin-left:auto;font-size:13px;color:var(--mute)}
.w7f-boxf,.w7f-listf{padding:10px 16px 12px;font-size:13px;color:var(--mute);border-top:1px solid var(--line2);line-height:1.5}
.w7f-listf{border-top:0;padding:10px 2px 0}
.w7f-maykey{color:var(--guard)}
.w7f-empty{margin-top:10px}
html[data-theme="road"] .w7f-box{border-color:var(--rule)}

/* the bulk bar: the kit's navy bar, and a quiet hint while nothing is ticked */
.w7f .w7bulk{min-height:56px}
.w7f .w7bulk .w7btn:first-of-type{margin-left:auto}
.w7f .w7bulk .w7who span{font-size:14px}
.w7f-bulkhint{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 14px;border:1px dashed var(--rule2);border-radius:10px;font-size:13.5px;color:var(--mute);line-height:1.4}
.w7f-bulkhint .w7i{color:var(--hand);flex:none}
.w7f-bulkhint b{color:var(--ink2)}
.w7f-assign{margin-top:8px;padding:10px 14px 12px;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.w7f-assign-h{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-bottom:4px}
.w7f-assign ul{list-style:none;margin:0;padding:0}
.w7f-assign li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--line2);font-size:14px}
.w7f-assign li:first-child{border-top:0}
.w7f-assign-n{font-weight:650;min-width:0}
.w7f-assign-f{display:flex;justify-content:flex-end;padding-top:8px}

/* the rep picker: a native select dressed as the mockup's "Hand to Connor" control */
.w7f-repsel{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 8px 0 6px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);white-space:nowrap}
.w7f-repsel select{appearance:none;-webkit-appearance:none;border:0;background:transparent;font:650 13.5px/1 var(--font-ui);color:var(--ink);padding:0 18px 0 0;min-height:34px;cursor:pointer}
.w7f-repsel select:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px;border-radius:4px}
.w7f-repsel>.w7i{position:absolute;right:8px;width:14px;height:14px;color:var(--mute);pointer-events:none}
.w7f-repsel .w7av-sm{width:24px;height:24px;font-size:10.5px}

/* ------------------------------------------------------------- the table */
.w7f-tbl{width:100%;border-collapse:collapse}
.w7f-tbl th{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--mute);text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);background:var(--surf2);white-space:nowrap}
.w7f-tbl td{padding:10px 12px;border-bottom:1px solid var(--line2);font-size:14px;vertical-align:middle;color:var(--ink)}
.w7f-tbl tbody tr:last-child td{border-bottom:0}
.w7f-tbl .w7f-rt{text-align:right}
.w7f-tbl .w7f-mute{color:var(--mute)}
.w7f-sub{display:block;font-size:12.5px;color:var(--mute);margin-top:1px;font-weight:400}
.w7f-cbc{width:36px;padding-right:0!important}
.w7f-r{cursor:pointer;outline:none}
.w7f-r:hover td{background:var(--surf2)}
.w7f-r:focus-visible td{box-shadow:inset 0 0 0 9999px var(--sel)}
.w7f-r.sel td{background:var(--sel)}
.w7f-r.sel td:first-child{box-shadow:inset 3px 0 0 var(--blue)}
.w7f-nm{font-weight:650}
.w7f-namebtn{border:0;background:none;padding:0;color:var(--blue);font:inherit;font-weight:650;text-align:left;text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.w7f-namebtn:hover{color:var(--ink)}
.w7f-namebtn:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:2px}
.w7f-maybe{color:var(--guard)}
.w7f-where,.w7f-owns,.w7f-off,.w7f-filed{white-space:nowrap}
.w7f-filed{color:var(--mute)}
.w7f-trk{font-family:var(--font-num);font-weight:700;font-size:20px;font-variant-numeric:tabular-nums;color:var(--ink)}
.w7f-offn{display:block}
.w7f-none{color:var(--mute)}
.w7f-tel{display:block;font-family:var(--font-num);font-weight:700;font-size:16px;letter-spacing:.01em;color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums}
.w7f-tel:hover{color:var(--blue)}
.w7f-ph{display:none}
.w7f-hassample td{border-bottom:0}
.w7f-sr-row td{padding:0 12px 8px}
.w7f-sr-row .w7sampleitem{margin:0;padding:2px 0 2px 10px;font-size:13px}
.w7f-sr-row .w7sampleitem .w7t,.w7f-sr-row .w7sampleitem .w7s{display:inline;margin:0}
.w7f-sr-row .w7sampleitem .w7s:before{content:" "}
.w7f .w7sel{width:18px;height:18px;accent-color:var(--blue);margin:0;cursor:pointer;vertical-align:middle}
.w7f-tbl td.w7f-cbc{line-height:0}

/* the pager: ends the list on this screen; the count is the server's */
.w7f-pager{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:10px}
.w7f-pager>:last-child{justify-self:end}
.w7f-pg{font-size:13.5px;color:var(--mute);font-variant-numeric:tabular-nums}

/* scope 2: the kit's list rows with a checkbox and In our systems */
.w7f-ulist{margin-top:10px}
.w7f-ulist .w7row{padding-left:46px}
.w7f-ulist .w7selbox{position:absolute;left:16px;top:12px;margin:0}
@container w7list (min-width:560px){.w7f-ulist .w7selbox{grid-column:auto;grid-row:auto;top:10px}}
.w7f-sys{font-size:12.5px;color:var(--mute);margin:0 0 6px;line-height:1.4}
@container w7list (min-width:560px){
  .w7f-ulist .w7row{padding-left:46px}
  .w7f-sys{order:2;grid-column:1;margin:0 0 2px}
}

/* ------------------------------------------------------------- the pane */
.w7f-pane{position:sticky;top:80px;max-height:calc(100vh - 96px);overflow:auto;border-radius:14px;overscroll-behavior:contain}
.w7f-pane .w7compact{border-radius:14px}
.w7f-panebar{display:none}
.w7f-paneload{padding:20px;display:grid;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:14px}
.w7f-pane .w7compact .w7pb{grid-template-columns:minmax(0,1fr)}
.w7f-pane .w7compact .w7s-run,.w7f-pane .w7compact .w7s-told{grid-column:1 / -1}
.w7f-pane .w7compact .w7ph .w7cname{font-size:24px}
.w7f-pane .w7kick{font-size:12.5px}
.w7f-handout{grid-column:1 / -1;margin-top:14px;border:1px solid var(--found-line);background:var(--found-tint);border-radius:12px;padding:12px 14px}
.w7f-hrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.w7f-hrow .w7btn{min-height:36px}
.w7f-why{font-size:13.5px;color:var(--ink2);line-height:1.45;margin-top:8px}
.w7f-linkbtn{display:inline;min-height:0;padding:0;border:0;background:none;color:var(--blue);font:inherit;font-weight:600;cursor:pointer}
.w7f-linkbtn:hover{background:none;text-decoration:underline}
.w7f-preview{margin-top:10px;padding:10px 12px;border-radius:10px;background:var(--card);border:1px solid var(--line);font-size:13.5px;line-height:1.5;color:var(--ink2)}
.w7f-preview b{color:var(--ink)}
.w7f-maypanel{border-color:var(--guard-line);background:var(--guard-tint)}
.w7f-mayline{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--ink2)}
.w7f-mayline .w7i{width:18px;height:18px;flex:none;color:var(--guard);margin-top:1px}
.w7f-mayline b{color:var(--ink)}
.w7f-maypanel .w7acts{padding:10px 0 0}
.w7f-fresh{margin:10px 2px 0}
.w7f-companydetails{grid-column:1/-1;margin:10px 0 2px;padding:14px 15px;border:1px solid var(--line);border-radius:11px;background:var(--surf2)}
.w7f-companydetails-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap}
.w7f-companydetails-head>span{font-size:13px;font-weight:750;color:var(--ink)}
.w7f-companydetails-head small{font-size:11.5px;color:var(--mute)}
.w7f-companydetails-address{margin:8px 0 0;font-size:14px;font-weight:600;line-height:1.4;color:var(--ink2)}
.w7f-companydetails-links{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.w7f-companydetails-links a{display:inline-flex;align-items:center;min-height:32px;padding:5px 10px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--blue);font-size:12.5px;font-weight:700;text-decoration:none}
.w7f-companydetails-links a:hover{border-color:var(--blue);background:var(--sel)}
.w7f-companydetails-links a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.w7f-companydetails-note{margin:9px 0 0;color:var(--mute);font-size:12px;line-height:1.45}

/* --------------------------------------------------------------- the map */
.w7f-mapgrid{display:grid;grid-template-columns:460px minmax(0,1fr);gap:24px;align-items:start}
.w7f-mapgrid .w7f-box{margin-top:0}
.w7f-mapbox{padding:10px}
.w7f-mapsvg{display:block;width:100%;height:auto;border-radius:8px}
.w7f-water{fill:var(--surf2)}
.w7f-land{fill:var(--card);stroke:var(--line);stroke-width:1.2}
.w7f-ring{fill:none;stroke:var(--mute);stroke-width:1.2;stroke-dasharray:5 5;opacity:.8}
.w7f-town circle{fill:var(--found);fill-opacity:.2;stroke:var(--found);stroke-opacity:.55;stroke-width:1.2;cursor:pointer;transition:fill-opacity var(--dur-1) var(--ease)}
.w7f-town:hover circle,.w7f-town:focus-visible circle,.w7f-town.on circle{fill-opacity:.45;stroke-opacity:1}
.w7f-town:focus{outline:none}
.w7f-store rect{fill:var(--navy);stroke:var(--card);stroke-width:2}
.w7f-store text{font:700 17px var(--font-ui);fill:var(--navy);paint-order:stroke;stroke:var(--card);stroke-width:4px}
html[data-theme="dark"] .w7f-store rect{fill:var(--ink)}
html[data-theme="dark"] .w7f-store text{fill:var(--ink)}
.w7f-towntbl td{padding:10px 12px}

/* ------------------------------------------------------------ road mode */
html[data-theme="road"] .w7f-tel{font-size:18px}
html[data-theme="road"] .w7f-fc,html[data-theme="road"] .w7f-toggle{border-color:var(--rule)}

/* ---------------------------------------------- narrower desks and phones */
@media (max-width:1180px){
  .w7f-split{grid-template-columns:minmax(0,1fr)}
  .w7f-pane{position:fixed;inset:0;z-index:50;max-height:none;border-radius:0;background:var(--page);padding:8px 16px 96px;display:none}
  .w7f-pane.open{display:block}
  .w7f-panebar{display:flex;align-items:center;min-height:48px}
  .w7f-pane .w7compact{border-radius:12px}
  .w7f-mapgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:820px){
  .w7f-hd{display:block}
  .w7f-scope{margin-top:12px;width:100%}
  .w7f-scope a{flex:1 1 0;min-width:0;white-space:normal;line-height:1.2;padding:6px 10px;min-height:48px;font-size:13.5px;justify-content:space-between}
  .w7f-bar{display:block}
  .w7f-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;margin-right:-16px;padding-right:16px}
  .w7f-filters::-webkit-scrollbar{display:none}
  .w7f-toggle{margin-top:8px;width:max-content}
  .w7f-fc{min-height:40px}
  .w7f-bulkhint{min-height:0;font-size:13px}
  .w7f .w7bulk .w7who{flex-basis:100%;order:2}
  .w7f .w7bulk .w7btn{min-height:44px}
  /* the table becomes one card per fleet: name, where, trucks and owns, the officer and the number */
  .w7f-tbl thead{display:none}
  .w7f-tbl,.w7f-tbl tbody{display:block}
  .w7f-tbl tr.w7f-r{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-areas:"cb fleet trk" "cb where owns" "cb off off" "cb filed filed";gap:2px 10px;padding:12px 14px;border-bottom:1px solid var(--line2)}
  .w7f-tbl tr.w7f-hassample{border-bottom:0}
  .w7f-tbl tr.w7f-r td{display:block;padding:0;border:0;background:none;white-space:normal}
  .w7f-r.sel{background:var(--sel);box-shadow:inset 3px 0 0 var(--blue)}
  .w7f-r.sel td:first-child{box-shadow:none}
  .w7f-tbl .w7f-cbc{grid-area:cb;width:auto;padding-top:2px}
  .w7f-tbl .w7f-fleet{grid-area:fleet;font-size:16px}
  .w7f-tbl .w7f-where{grid-area:where;font-size:13.5px;color:var(--ink2)}
  .w7f-tbl .w7f-where .w7f-sub{display:inline;margin:0}
  .w7f-tbl .w7f-where .w7f-sub:before{content:" · "}
  .w7f-tbl td.w7f-rt:not(.w7f-owns){grid-area:trk;text-align:right}
  .w7f-tbl .w7f-owns{grid-area:owns;text-align:right;font-size:13px;color:var(--mute)}
  .w7f-tbl .w7f-off{grid-area:off;display:flex!important;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 12px;margin-top:6px;font-size:13.5px;color:var(--ink2)}
  .w7f-tbl .w7f-offn{display:inline}
  .w7f-tbl .w7f-tel{display:inline-flex;align-items:center;min-height:44px;font-size:22px}
  .w7f-tbl .w7f-filed{grid-area:filed;font-size:12.5px}
  .w7f-ph{display:inline}
  .w7f-trk{font-size:18px}
  .w7f-tbl tr.w7f-sr-row{display:block;padding:0 14px 12px 54px;border-bottom:1px solid var(--line2)}
  .w7f-tbl tr.w7f-sr-row td{display:block;padding:0;border:0}
  .w7f-tbl tr.w7f-sr-row td:first-child{display:none}
  .w7f-towntbl thead{display:table-header-group}
  .w7f-towntbl,.w7f-towntbl tbody{display:table;width:100%}
  .w7f-towntbl tbody{display:table-row-group}
  .w7f-pager{grid-template-columns:auto 1fr auto}
  .w7f-pager .w7btn{min-height:44px}
  .w7f-pg{text-align:center}
}

/* The Month */

/* Exactly one 1440 x 900 screen. The browser check measures
 * scrollHeight <= 900 at 1440 x 900 on .w7r-page. */
.w7r-page { max-width: 1440px; margin: 0 auto; padding: 10px 28px 10px; }

.w7r-tabs { display: flex; gap: 4px; margin-bottom: 8px; border-bottom: 1px solid var(--line, #E2E7EC); }
.w7r-tabs a { padding: 5px 4px 6px; margin-right: 18px; font-size: 13.5px; font-weight: 650; color: var(--mute, #6C7B86); text-decoration: none; border-bottom: 2px solid transparent; }
.w7r-tabs a.on { color: var(--ink, #101C26); border-bottom-color: var(--found, #176ac2); }
.w7r-tabs a:hover { color: var(--ink, #101C26); }

.w7r-hd { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 8px; }
.w7r-dateline { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--mute, #6C7B86); }
.w7r-h1 { font-size: 23px; line-height: 1.18; letter-spacing: -.4px; margin: 4px 0 2px; font-weight: 700; color: var(--ink, #101C26); }
.w7r-sub { font-size: 14px; line-height: 1.35; color: var(--ink2, #3B4A55); margin: 0; max-width: 900px; }
.w7r-hdactions { flex: none; }

/* -- the four counts, joined by arrows ------------------------------------ */
.w7r-kpis { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--line, #E2E7EC); border-radius: 12px; background: var(--card, #fff); overflow: hidden; }
.w7r-kpi { padding: 8px 18px 8px; position: relative; }
.w7r-kpi + .w7r-kpi { border-left: 1px solid var(--line, #E2E7EC); }
.w7r-kl { font-size: 12.5px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase; color: var(--mute, #6C7B86); }
.w7r-kn { font-family: var(--font-num, 'Rajdhani', 'Inter', system-ui, sans-serif); font-weight: 700; font-size: 34px; line-height: 1.05; color: var(--ink, #101C26); margin-top: 2px; }
.w7r-kn.na { font-size: 26px; color: var(--mute, #6C7B86); line-height: 1.3; }
.w7r-ks { font-size: 13px; color: var(--ink2, #3B4A55); line-height: 1.3; }
.w7r-kw { font-size: 12.5px; color: var(--mute, #6C7B86); margin-top: 3px; line-height: 1.3; }
.w7r-kw.reason { color: var(--guard, #936313); }
.w7r-arr { position: absolute; right: -9px; top: 26px; width: 18px; height: 18px; border-radius: 50%; background: var(--card, #fff); border: 1px solid var(--line, #E2E7EC); display: grid; place-items: center; z-index: 2; color: var(--mute, #6C7B86); }
.w7r-arr svg { width: 11px; height: 11px; }

/* -- sample preview on the Sold tile --------------------------------------- */
.w7r-sample { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 6px; padding: 6px 12px; font-size: 12.5px; line-height: 1.3; color: var(--ink2, #3B4A55); border-left: 2px dashed var(--sample, #a0338a); background: var(--sample-tint, #fbeef8); border-radius: 0 8px 8px 0; }
.w7r-samplabel { font-size: 12px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; color: var(--sample, #a0338a); }
.w7r-samplive { color: var(--mute, #6C7B86); }

/* -- the three-column grid: examples | team use | coverage ---------------- */
.w7r-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 14px; margin-top: 8px; align-items: start; }
.w7r-box { background: var(--card, #fff); border: 1px solid var(--line, #E2E7EC); border-radius: 12px; padding: 0 14px 8px; }
.w7r-boxh { display: flex; align-items: baseline; gap: 10px; padding: 8px 0 6px; border-bottom: 1px solid var(--line2, #EDF1F4); }
.w7r-boxh h2 { font-size: 14.5px; font-weight: 700; margin: 0; color: var(--ink, #101C26); }
.w7r-aside { margin-left: auto; font-size: 12.5px; color: var(--mute, #6C7B86); }

/* -- Business we would have missed: real trails, dashed = not yet --------- */
.w7r-ex { padding: 6px 0; border-top: 1px solid var(--line2, #EDF1F4); }
.w7r-examples .w7r-boxh + .w7r-ex { border-top: none; }
.w7r-exhd { display: flex; gap: 8px; align-items: baseline; flex-wrap: wrap; }
.w7r-exhd b { font-size: 14px; color: var(--ink, #101C26); }
.w7r-exmeta { font-size: 12.5px; color: var(--mute, #6C7B86); }
.w7r-extext { font-size: 13px; line-height: 1.35; margin-top: 2px; color: var(--ink2, #3B4A55); }
.w7r-trail { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-top: 5px; }
.w7r-trail span { display: inline-flex; align-items: center; height: 22px; padding: 0 8px; border-radius: 11px; font-size: 12px; font-weight: 650; white-space: nowrap; }
.w7r-trail span.y { background: var(--found-tint, #edf5ff); border: 1px solid var(--found-line, #cfe2fb); color: var(--found, #176ac2); }
.w7r-trail span.p { border: 1px dashed var(--line, #E2E7EC); color: var(--mute, #6C7B86); }
.w7r-trail svg { width: 11px; height: 11px; color: var(--mute, #6C7B86); flex: none; }

/* -- Is the team using it? -------------------------------------------------- */
.w7r-teamp { margin: 0 0 6px; font-size: 13px; line-height: 1.35; color: var(--ink2, #3B4A55); }
.w7r-hbar { display: grid; grid-template-columns: 58px minmax(0, 1fr) 32px; gap: 8px; align-items: center; font-size: 13px; margin: 3px 0; }
.w7r-hn { color: var(--ink2, #3B4A55); }
.w7r-ht { height: 10px; border-radius: 5px; background: var(--line2, #EDF1F4); overflow: hidden; }
.w7r-ht i { display: block; height: 100%; background: var(--found, #176ac2); }
.w7r-hv { text-align: right; font-variant-numeric: tabular-nums; font-weight: 650; color: var(--ink, #101C26); }

/* -- How much of the market do we know? / Who we lost to ------------------- */
.w7r-cov { display: grid; grid-template-columns: 172px minmax(0, 1fr) 50px; gap: 6px 10px; align-items: center; font-size: 13.5px; }
.w7r-covl { font-size: 13.5px; color: var(--ink2, #3B4A55); }
.w7r-covbar { height: 12px; border-radius: 6px; background: var(--line2, #EDF1F4); position: relative; overflow: hidden; }
.w7r-covbar i { position: absolute; left: 0; top: 0; bottom: 0; background: var(--found, #176ac2); opacity: .85; border-radius: 6px; }
.w7r-covbar.zero i { background: var(--others, #b9c6d3); }
.w7r-covv { font-variant-numeric: tabular-nums; text-align: right; font-weight: 650; color: var(--ink, #101C26); }
.w7r-lost-label { margin-top: 8px; font-size: 12px; color: var(--mute, #6C7B86); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.w7r-losttext { margin: 3px 0 0; font-size: 13px; line-height: 1.4; color: var(--ink2, #3B4A55); }

/* -- freshness ---------------------------------------------------------- */
.w7r-fresh { font-size: 12px; color: var(--mute, #6C7B86); margin-top: 5px; line-height: 1.4; }
.w7r-freshfoot { margin-top: 8px; padding-top: 6px; border-top: 1px solid var(--line, #E2E7EC); }

@media (max-width: 900px) {
  .w7r-grid { grid-template-columns: 1fr; }
  .w7r-kpis { grid-template-columns: repeat(2, 1fr); }
  .w7r-kpi + .w7r-kpi:nth-child(3) { border-left: none; }
}

/* Team, and Data and connections */

.w7heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:4px 0 22px}
.w7heading h2{font-size:26px;line-height:1.3;letter-spacing:-.6px;margin:6px 0}
.w7heading p{font-size:13px;line-height:1.7;color:var(--mute);margin:0;max-width:60ch}
.w7eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:1.4px;color:var(--mute)}

/* --------------------------------------------------------------- tabs -- */
.w7tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 22px;overflow-x:auto}
.w7tabs a{display:inline-flex;align-items:center;padding:11px 4px;margin-right:22px;font-size:13px;font-weight:600;color:var(--mute);text-decoration:none;white-space:nowrap;position:relative}
.w7tabs a.on{color:var(--ink)}
.w7tabs a.on:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--found,#176ac2)}
.w7pane{min-height:120px}
.w7loading{padding:40px 0;color:var(--mute);font-size:13px;text-align:center}

/* --------------------------------------------------------- freshness -- */
.w7fresh{display:flex;align-items:center;gap:8px;color:var(--mute);font-size:12px;margin:0 0 18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.w7fresh svg{width:14px;height:14px;flex:none}

/* ------------------------------------------------------------ people -- */
.w7people{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.w7person{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:18px;min-width:0}
.w7p-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.w7p-id{display:grid;gap:2px;min-width:0;flex:1}
.w7p-id b{font-size:14px;font-weight:650}
.w7p-id small{font-size:12px;color:var(--mute)}
.w7p-id small.w7p-nosign{color:var(--guard,#936313)}
.w7p-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:12px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2);margin-bottom:12px}
.w7p-stats .w7pstat{display:grid;gap:3px;text-align:center}
.w7p-stats .w7pstat b{font-family:var(--font-num,'Rajdhani','Inter',sans-serif);font-size:18px;font-weight:700}
.w7p-stats .w7pstat b .w7guard{color:var(--guard,#936313)}
.w7p-stats .w7pstat small{font-size:12px;color:var(--mute);line-height:1.3}
.w7p-stats .w7pstat.unk b{color:var(--mute);font-weight:500}
.w7p-biggest{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12.5px;margin-bottom:12px}
.w7p-biggest small{font-size:12px;color:var(--mute);white-space:nowrap}
.w7p-biggest span{font-weight:600;text-align:right}
.w7p-notes>small{display:block;font-size:12px;color:var(--mute);margin-bottom:8px}
.w7pn-list{display:grid;gap:8px}
.w7pn{border-left:2px solid var(--team-tint,#f3f5f8);padding-left:10px;font-size:12px;line-height:1.55}
.w7pn-who{display:block;font-weight:600;color:var(--team,#5b6b7c)}
.w7pn-who small{font-size:12px;font-weight:400;color:var(--mute)}
.w7pn-what{display:block;color:var(--ink2)}
.w7pn-co{display:block;color:var(--mute);font-size:12px;margin-top:1px}
.w7pn-empty{font-size:12px;color:var(--mute)}

/* --------------------------------------------------------- hand-outs -- */
.w7hsum{font-size:13px;color:var(--ink2);margin-bottom:16px}
.w7hlist{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.w7hrow{display:grid;grid-template-columns:1.4fr 1.2fr .9fr .6fr;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line2)}
.w7hrow:last-child{border-bottom:0}
.w7hhead{background:var(--surf2);font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--mute);font-weight:650}
.w7h-co b{display:block;font-size:13px}
.w7h-co small{color:var(--mute);font-size:12px}
.w7h-from{font-size:12px;color:var(--ink2)}
.w7h-state{font-size:12px;font-weight:600}
.w7h-picked_up{color:var(--dial,#227355)}
.w7h-waiting{color:var(--guard,#936313)}
.w7h-released,.w7h-unknown{color:var(--mute)}
.w7h-days{font-family:var(--font-num,'Rajdhani','Inter',sans-serif);font-size:13px;text-align:right}

/* ------------------------------------------------------------ changed -- */
.w7changed{display:grid;gap:2px}
.w7chrow{display:flex;gap:12px;padding:14px 4px;border-bottom:1px solid var(--line2)}
.w7chrow:last-child{border-bottom:0}
.w7chrow svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--team,#5b6b7c)}
.w7ch-who{font-size:12px;color:var(--mute);margin-bottom:3px}
.w7ch-date{color:var(--mute)}
.w7ch-sentence{font-size:13.5px;color:var(--ink);line-height:1.5}
.w7ch-quote{font-size:12.5px;color:var(--ink2);margin-top:4px;font-style:italic}

/* --------------------------------------------------------- month stub -- */
.w7monthstub{border:1px dashed var(--line);border-radius:10px;padding:32px 24px;text-align:center;color:var(--mute)}
.w7monthstub h3{font-size:15px;color:var(--ink);margin:0 0 8px}
.w7monthstub p{font-size:12.5px;line-height:1.6;margin:0;max-width:46ch;margin:0 auto}

/* ==================================================================== */
/* Data and connections                                                 */
/* ==================================================================== */
.w7conn{padding:0}
.w7c-legend{display:flex;align-items:center;gap:8px;background:var(--sample-tint,#fbeef8);border:1px solid var(--sample-line,#e8bfdd);color:var(--sample,#a0338a);border-radius:8px;padding:10px 14px;font-size:12px;margin:0 0 20px}
.w7c-legend svg{width:15px;height:15px;flex:none}
.w7c-group{font-size:12px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--mute);margin:22px 0 12px}
.w7c-group:first-of-type{margin-top:0}
.w7c-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.w7c-card{border:1px solid var(--line);border-radius:10px;background:var(--card);padding:18px;min-width:0}
.w7c-card.is-pending{border-style:dashed}
.w7c-card.is-sample{border-left:3px dashed var(--sample,#a0338a)}
.w7c-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}
.w7c-top h3{font-size:14.5px;font-weight:650;margin:0}
.w7c-status{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:3px 7px;border-radius:5px;white-space:nowrap}
.w7c-status.w7c-stored{color:var(--blue);background:var(--bluetint)}
.w7c-status.w7c-pending{color:var(--mute);background:var(--surf2)}
.w7c-status.w7c-sample{color:var(--sample,#a0338a);background:var(--sample-tint,#fbeef8)}
.w7c-adds{font-size:12.5px;line-height:1.65;color:var(--ink2);margin:0 0 10px}
.w7c-fact{font-size:12px;color:var(--mute);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.w7c-dates{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.w7c-dates b{color:var(--ink2);font-weight:650}
.w7c-samplebadge{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--sample,#a0338a)}
.w7c-samplebadge svg{width:12px;height:12px}
.w7c-waits{color:var(--mute)}
.w7c-card>a{display:inline-block;font-size:12px;color:var(--found,#176ac2);margin-top:12px}
.w7c-update{margin-top:14px;padding-top:12px;border-top:1px solid var(--line2,#edf1f4)}
.w7c-update p{font-size:12px;line-height:1.55;color:var(--ink2);margin:0 0 8px}
.w7c-update small{display:block;font-size:11px;line-height:1.4;color:var(--mute);margin-bottom:8px}
.w7c-update .w7c-upload{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 10px;border:1px solid var(--found-line,#cfe2fb);border-radius:6px;background:var(--found-tint,#edf5ff);color:var(--found,#176ac2);font-size:12px;font-weight:700;text-decoration:none}
.w7c-update .w7c-upload:hover,.w7c-update .w7c-upload:focus-visible{background:var(--sel,#f3f8fe);text-decoration:underline;text-underline-offset:2px}
.w7c-update .w7c-upload:focus-visible{outline:2px solid var(--found,#176ac2);outline-offset:2px}
.w7c-feednote{margin-top:12px;padding-top:10px;border-top:1px solid var(--line2,#edf1f4);color:var(--mute);font-size:11px;line-height:1.45}
.w7c-empty{padding:40px 0;text-align:center;color:var(--mute);font-size:13px}

@media (max-width:700px){
  .w7people,.w7c-grid{grid-template-columns:1fr}
  .w7p-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}
  .w7hrow{grid-template-columns:1fr;gap:4px;padding:14px}
  .w7hhead{display:none}
  .w7h-days{text-align:left}
  .w7heading{display:block}
  .w7heading h2{font-size:24px}
}

/* Companies */

.w7cwrap { display: flex; flex-direction: column; gap: 0; }

/* -------------------------------------------------------------- search --- */
.w7csearch {
  display: flex; align-items: center; gap: 10px;
  height: 48px; padding: 0 14px; margin: 0 0 12px;
  border: 1px solid var(--line, #E2E7EC); border-radius: 12px;
  background: var(--card, #fff); color: var(--mute, #6C7B86);
}
.w7csearch .w7ci { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.8; }
.w7csearch input {
  flex: 1; min-width: 0; border: 0; background: transparent; outline: none;
  font: inherit; font-size: 16px; color: var(--ink, #101C26);
}
.w7csearch input::placeholder { color: var(--mute, #6C7B86); }

/* -------------------------------------------------------------- lenses --- */
.w7clenses {
  display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch;
  margin: 0 -16px 14px; padding: 0 16px 2px; scrollbar-width: none;
}
.w7clenses::-webkit-scrollbar { display: none; }
.w7cchip {
  display: inline-flex; align-items: center; gap: 6px; flex: none;
  min-height: 36px; padding: 0 13px; white-space: nowrap;
  border: 1px solid var(--line, #E2E7EC); border-radius: 18px;
  background: var(--card, #fff); color: var(--ink2, #3B4A55);
  font-size: 14.5px; font-weight: 600; text-decoration: none;
}
.w7cchip .w7cn { font-family: var(--font-num, 'Rajdhani','Inter',sans-serif); font-weight: 700; font-size: 15.5px; line-height: 1; }
.w7cchip.on {
  border-color: var(--found-line, #cfe2fb); background: var(--found-tint, #edf5ff);
  color: var(--found, #176ac2);
}

/* --------------------------------------------------------- section head - */
.w7csech {
  display: flex; align-items: baseline; gap: 8px; margin: 0 2px 8px;
  font-size: 12.5px; font-weight: 750; letter-spacing: .07em; text-transform: uppercase;
  color: var(--ink2, #3B4A55);
}
.w7csech .w7cn2 { font-family: var(--font-num, 'Rajdhani','Inter',sans-serif); font-size: 16px; letter-spacing: 0; text-transform: none; color: var(--ink, #101C26); }
.w7csech .w7caside { margin-left: auto; font-size: 12.5px; font-weight: 550; letter-spacing: 0; text-transform: none; color: var(--mute, #6C7B86); }

/* ------------------------------------------------------------- the list -- */
.w7clist {
  border: 1px solid var(--line, #E2E7EC); border-radius: 14px; overflow: hidden;
  background: var(--card, #fff);
}
.w7clist.busy { opacity: .6; }

.w7crow {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  gap: 2px 12px; align-items: center; padding: 12px 16px; cursor: pointer;
}
.w7crow + .w7crow { border-top: 1px solid var(--line2, #EDF1F4); }
.w7crow:hover, .w7crow:focus-within { background: var(--sel, #f3f8fe); }

.w7c-main { grid-column: 1; min-width: 0; display: block; color: inherit; text-decoration: none; border-radius: 4px; }
.w7c-main:focus-visible, .w7c-open:focus-visible, .w7c-tel:focus-visible { outline: 2px solid var(--found, #176ac2); outline-offset: 3px; }
.w7c-name-line { display: inline; }
.w7c-nm { display: inline; font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--ink, #101C26); }
.w7c-main:hover .w7c-nm, .w7c-main:focus-visible .w7c-nm { color: var(--found, #176ac2); text-decoration: underline; text-underline-offset: 3px; }
.w7c-fam {
  margin-left: 8px; padding: 1px 7px; border-radius: 9px; vertical-align: 1px;
  font-size: 12px; font-weight: 700; color: var(--mute, #6C7B86);
  background: var(--line2, #EDF1F4);
}
.w7c-meta { display: block; font-size: 13px; color: var(--mute, #6C7B86); }

.w7c-actions { grid-row: 1; grid-column: 2; display: flex; align-items: center; justify-content: flex-end; gap: 16px; }
.w7c-tel {
  white-space: nowrap; text-decoration: none;
  font-family: var(--font-num, 'Rajdhani','Inter',sans-serif); font-weight: 700; font-size: 22px;
  color: var(--ink, #101C26);
}
.w7c-tel:hover, .w7c-tel:focus-visible { color: var(--dial, #227355); text-decoration: underline; text-underline-offset: 3px; }
.w7c-nonum { font-size: 12.5px; color: var(--mute, #6C7B86); white-space: nowrap; }
.w7c-open { display: inline-flex; align-items: center; gap: 4px; flex: none; min-height: 32px; padding: 4px 7px; border-radius: 6px; color: var(--found, #176ac2); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.w7c-open:hover, .w7c-open:focus-visible { background: var(--found-tint, #edf5ff); text-decoration: underline; text-underline-offset: 2px; }
.w7c-open svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; }

/* --------------------------------------------------------------- sample -- */
.w7crow.is-sample {
  background: var(--sample-tint, #fbeef8);
  border-left: 3px dashed var(--sample, #a0338a);
  padding-left: 13px;
  grid-template-columns: minmax(0, 1fr);
}
.w7crow.is-sample .w7c-nm { color: var(--ink2, #3B4A55); }
.w7crow.is-sample .w7c-actions { grid-row: auto; grid-column: 1; justify-content: space-between; width: 100%; margin-top: 4px; }
.w7c-samplekick {
  grid-column: 1 / -1; display: flex; align-items: flex-start; gap: 6px;
  font-size: 12px; font-weight: 700; color: var(--sample, #a0338a); margin-bottom: 4px;
}
.w7c-samplekick svg { margin-top: 2px; }
.w7c-samplekick svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.8; }

/* ---------------------------------------------------------------- end --- */
.w7cend, .w7endl {
  margin: 16px 2px 0; font-size: 14.5px; color: var(--ink2, #3B4A55); text-align: left;
}
button.w7endl-more {
  display: block; width: 100%; border: 0; background: transparent; padding: 0;
  font: inherit; color: inherit; cursor: pointer; text-decoration: none;
}
button.w7endl-more:hover { text-decoration: underline; }
.w7endl b { color: var(--ink, #101C26); }

@media (min-width: 820px) {
  .w7csearch { max-width: 520px; }
  .w7crow { padding: 13px 18px; }
}
@media (max-width: 640px) {
  .w7crow { grid-template-columns: minmax(0, 1fr); gap: 6px; padding: 13px 15px; }
  .w7c-actions { grid-column: 1; grid-row: auto; justify-content: space-between; min-width: 0; }
  .w7c-tel { font-size: 18px; }
  .w7c-open { margin-left: auto; }
}

/* Territory */

.tv-page{max-width:1600px;margin:0 auto;color:var(--ink);font-family:Inter,system-ui,sans-serif}
.tv-page *{box-sizing:border-box}
.tv-eyebrow{display:block;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.tv-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.9fr);gap:35px;align-items:end;min-height:220px;margin-bottom:15px;padding:31px 36px;background:radial-gradient(circle at 83% 10%,#1264a2 0,transparent 40%),linear-gradient(115deg,#0d263f,#0c3b60);color:#fff;border-radius:12px;overflow:hidden}
.tv-hero .tv-eyebrow{color:#89d7fb}.tv-hero h1{font-size:clamp(32px,3.5vw,51px);line-height:1.03;letter-spacing:-.045em;margin:9px 0 10px;font-weight:750}.tv-hero h1 em{font-style:normal;color:#87dbff}.tv-hero p{max-width:630px;color:#d6e9f4;line-height:1.5;font-size:13px;margin:0}
.tv-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff35;border-radius:9px;background:#ffffff12}.tv-metrics>div{padding:17px 13px;min-width:0}.tv-metrics>div+div{border-left:1px solid #ffffff30}.tv-metrics b{display:block;font-family:Rajdhani,Inter,sans-serif;font-size:29px;line-height:1;font-weight:750;font-variant-numeric:tabular-nums}.tv-metrics span{display:block;margin-top:5px;color:#d7eaf5;font-size:10px;line-height:1.3}
.tv-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:13px}.tv-scopes{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.tv-scopes button{border:0;background:transparent;color:var(--ink-muted);font-size:12px;font-weight:700;padding:8px 14px;border-radius:5px;cursor:pointer}.tv-scopes button.on{background:var(--accent);color:#fff}.tv-toolbar label{font-size:10px;color:var(--ink-muted);font-weight:700;display:flex;flex-direction:column;gap:4px;min-width:270px}.tv-toolbar input{width:100%;height:38px;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:0 11px;font-size:12px}
.tv-grid-layout{display:grid;grid-template-columns:minmax(270px,310px) minmax(390px,1fr) minmax(260px,295px);gap:12px;align-items:start}.tv-grid-layout>section,.tv-grid-layout>aside{background:var(--surface);border:1px solid var(--line);border-radius:9px;min-width:0;overflow:hidden}.tv-list,.tv-plan{height:min(720px,calc(100vh - 148px));min-height:560px;display:flex;flex-direction:column}.tv-list-head,.tv-plan-head{padding:20px;border-bottom:1px solid var(--line)}.tv-list-head h2,.tv-plan-head h2,.tv-map-title h2{font-size:22px;line-height:1.15;letter-spacing:-.025em;margin:6px 0;color:var(--ink)}.tv-list-head p,.tv-plan-head p,.tv-map-title p{font-size:11px;line-height:1.45;color:var(--ink-muted);margin:0}.tv-list-scroll{overflow:auto;min-height:0;flex:1}.tv-list.busy{opacity:.65}.tv-account{border-bottom:1px solid var(--line);padding:13px 17px;display:grid;gap:5px}.tv-account:hover{background:var(--surface-2)}.tv-account-top{display:flex;justify-content:space-between;gap:6px;align-items:start}.tv-account-name{font-size:13px;font-weight:800;line-height:1.25;color:var(--ink);text-decoration:none}.tv-account-name:hover,.tv-account-name:focus-visible{color:var(--accent);text-decoration:underline}.tv-customer{font-size:8px;text-transform:uppercase;letter-spacing:.08em;color:var(--positive);border:1px solid currentColor;border-radius:4px;padding:2px 4px;white-space:nowrap}.tv-account-meta{font-size:10px;color:var(--ink-muted)}.tv-contact{font-size:11px;line-height:1.3}.tv-contact b{color:var(--ink)}.tv-contact a{color:var(--accent);font-weight:800;text-decoration:none}.tv-contact.muted{color:var(--ink-faint)}.tv-account-foot{display:flex;align-items:end;justify-content:space-between;gap:5px;margin-top:2px}.tv-account-foot span{font-size:9px;color:var(--ink-muted);line-height:1.3}.tv-account-foot button,.tv-more{border:1px solid var(--accent);border-radius:5px;background:transparent;color:var(--accent);font-size:10px;font-weight:800;padding:6px 8px;cursor:pointer;white-space:nowrap}.tv-account-foot button:hover,.tv-more:hover{background:var(--accent);color:#fff}.tv-account-foot button:disabled{border-color:var(--line);color:var(--ink-faint);background:transparent;cursor:default}.tv-more{margin:10px 17px}.tv-empty{padding:22px;color:var(--ink-muted);font-size:12px;line-height:1.5}
.tv-segments{display:flex;gap:4px;margin-top:13px;padding:3px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2)}.tv-segments button{flex:1;min-width:0;border:0;border-radius:5px;background:transparent;color:var(--ink-muted);padding:6px 3px;font-size:10px;font-weight:800;cursor:pointer}.tv-segments button.on{background:var(--surface);color:var(--accent);box-shadow:0 1px 4px #00000014}.tv-mail-only{font-size:9px;color:var(--ink-faint)}
.tv-mapcol{min-height:680px}.tv-map-title{display:flex;align-items:start;flex-direction:column;padding:18px 21px 10px}.tv-map-title h2{margin-bottom:2px}.tv-mapframe{position:relative;margin:0 10px;background:#eaf6fc;overflow:hidden;border:1px solid #d8eaf3;border-radius:8px}.tv-map{display:block;width:100%;max-height:605px}.tv-grid{stroke:#c7e2ef;stroke-width:.7;fill:none}.tv-land{fill:#fff;stroke:#a0c5d6;stroke-width:.85}.tv-water{fill:#65a0bd;font-style:italic;letter-spacing:.22em;font-size:13px}.tv-state{fill:#668fa4;font-size:11px;letter-spacing:.42em}.tv-pin{cursor:pointer;outline:none}.tv-halo{fill:#5ba5e638;opacity:.7;transition:opacity var(--dur-1) var(--ease)}.tv-dot{fill:#2479bd;stroke:#fff;stroke-width:1.4;transition:fill var(--dur-1) var(--ease)}.tv-pin:hover .tv-dot,.tv-pin:focus-visible .tv-dot,.tv-pin.picked .tv-dot{fill:#ef8f21}.tv-pin:hover .tv-halo,.tv-pin:focus-visible .tv-halo,.tv-pin.picked .tv-halo{opacity:1;fill:#ef8f2152}.tv-label{fill:#294c61;font-size:9px;font-weight:700;paint-order:stroke;stroke:#eaf6fc;stroke-width:3px;pointer-events:none}.tv-maplegend{position:absolute;left:14px;bottom:27px;padding:7px 10px;background:#fffffff2;border-radius:5px;color:#365668;font-size:9px;line-height:1.4}.tv-maplegend b{font-size:11px;color:#174a72}.tv-attribution{position:absolute;left:15px;bottom:8px;color:#5d8296;font-size:8px}.tv-townrail{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:12px 14px}.tv-townrail>b{font-size:10px;color:var(--ink-muted);margin-right:5px}.tv-townrail button{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:5px;font-size:9px;padding:5px 7px;cursor:pointer}.tv-townrail button.on,.tv-townrail button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface))}.tv-townrail span{font-weight:800;color:var(--accent)}
.tv-plan-head h2 span{font-size:13px;color:var(--accent)}.tv-stops{list-style:none;margin:0;padding:5px 0;overflow:auto;flex:1}.tv-stops li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;padding:11px 14px;border-bottom:1px solid var(--line);align-items:start}.tv-stop-n{background:var(--accent);color:#fff;border-radius:50%;font-size:10px;font-weight:800;line-height:22px;text-align:center}.tv-stops b{display:block;font-size:11px;line-height:1.25}.tv-stops small{display:block;color:var(--ink-muted);line-height:1.3;margin-top:3px}.tv-stop-actions{grid-column:2;display:flex;gap:4px}.tv-stop-actions button{width:26px;height:25px;background:var(--surface-2);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:13px;cursor:pointer}.tv-stop-actions button:disabled{opacity:.35;cursor:default}.tv-plan-empty{flex:1;padding:24px 20px;color:var(--ink-muted);font-size:12px;line-height:1.5;background:var(--surface-2)}.tv-directions{display:flex;align-items:center;justify-content:space-between;margin:13px 13px 0;padding:11px 12px;border-radius:6px;background:var(--accent);color:#fff!important;text-decoration:none;font-size:11px;font-weight:800}.tv-directions:hover{filter:brightness(1.1)}.tv-plan-note{color:var(--ink-muted);font-size:9px;line-height:1.4;margin:12px 15px 17px}.tv-footer{padding:11px 3px 20px;color:var(--ink-muted);font-size:10px;line-height:1.5}
html[data-theme="dark"] .tv-mapframe{background:#183447;border-color:#2c5266}html[data-theme="dark"] .tv-land{fill:#27485c;stroke:#6495aa}html[data-theme="dark"] .tv-grid{stroke:#3c687a}html[data-theme="dark"] .tv-label{fill:#e2f5ff;stroke:#183447}html[data-theme="dark"] .tv-maplegend{background:#183447e8;color:#d6e9f4}html[data-theme="dark"] .tv-maplegend b{color:#d2efff}
@media(max-width:1200px){.tv-grid-layout{grid-template-columns:minmax(270px,330px) minmax(0,1fr)}.tv-plan{grid-column:1/-1;height:auto;min-height:0}.tv-stops{display:grid;grid-template-columns:repeat(3,1fr)}.tv-mapcol{min-height:0}}
@media(max-width:760px){.tv-hero{grid-template-columns:1fr;padding:23px 19px;min-height:0;gap:22px}.tv-hero h1{font-size:36px}.tv-metrics b{font-size:23px}.tv-toolbar{align-items:stretch;flex-direction:column}.tv-toolbar label{min-width:0}.tv-grid-layout{display:flex;flex-direction:column}.tv-grid-layout>section,.tv-grid-layout>aside{width:100%}.tv-mapcol{order:0}.tv-list{order:1;height:500px;min-height:0}.tv-plan{order:2}.tv-map{max-height:420px}.tv-stops{display:block}.tv-maplegend{font-size:8px}.tv-map-title{padding:16px}.tv-townrail{max-height:100px;overflow:auto}}
/* Six real places now fit in the desk nav without pushing the account menu offscreen. */
.tv-map{touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.tv-map.is-panning,.tv-map.is-panning .tv-pin{cursor:grabbing}.tv-map:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.tv-maptools{position:absolute;z-index:2;top:12px;right:12px;display:flex;align-items:center;gap:0;border:1px solid #b7d3e2;border-radius:7px;overflow:hidden;background:#fff;color:#174a72}.tv-maptools button{min-width:38px;min-height:38px;border:0;background:transparent;color:inherit;font:700 22px/1 Inter,system-ui,sans-serif;cursor:pointer}.tv-maptools button:hover{background:#e0f0fb}.tv-maptools button:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.tv-maptools button:disabled{opacity:.35;cursor:default}.tv-maptools output{min-width:43px;text-align:center;font-size:11px;font-weight:750;font-variant-numeric:tabular-nums}.tv-maptools .tv-map-fit{border-left:1px solid #cbdfe9;padding:0 11px;font-size:11px;white-space:nowrap}.tv-map-hint{position:absolute;z-index:1;top:59px;right:14px;color:#42687d;font-size:10px;pointer-events:none}.tv-maplegend,.tv-attribution{pointer-events:none}html[data-theme="dark"] .tv-maptools{background:#183447;border-color:#52788c;color:#e2f5ff}html[data-theme="dark"] .tv-maptools button:hover{background:#2b5069}html[data-theme="dark"] .tv-map-hint{color:#b3d5e7}
@media(max-width:1450px) and (min-width:701px){.side{gap:10px;padding-left:22px;padding-right:22px}.side .brand{width:145px;margin-right:4px}.side .s7lockup{width:145px}.side nav.sw-primary-nav a{padding-left:9px;padding-right:9px;font-size:11px}.side .srch{min-width:205px;width:205px}.sw-profile summary>span:not(.av){display:none}}

/* Found map and visit plan */

.w7f-mapgrid.w7v-mapgrid{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(370px,.84fr);gap:18px;align-items:start}
.w7v-mapcol,.w7v-side{min-width:0}
.w7v-side{display:grid;gap:14px}
.w7v-mapgrid .w7f-box{margin-top:0}
.w7v-mapgrid .w7f-mapbox{padding:0;background:var(--card)}
.w7v-maphead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:15px 18px 12px;border-bottom:1px solid var(--line2)}
.w7v-maphead b{font-size:17px;color:var(--ink)}
.w7v-maphead span{font-size:13px;color:var(--mute)}
.w7v-mapgrid .w7f-mapsvg{width:100%;max-height:690px;border-radius:0;background:var(--surf2)}
.w7v-mapgrid .w7f-town{cursor:pointer}
.w7v-mapgrid svg a:focus-visible .w7f-town circle{fill-opacity:.45;stroke-opacity:1;stroke-width:2.5}
.w7v-mapgrid .w7f-towncount{font:700 11px var(--font-ui);fill:var(--found);pointer-events:none;paint-order:stroke;stroke:var(--card);stroke-width:2px}
.w7v-mapgrid .w7f-town.on circle{fill:var(--found);fill-opacity:.42;stroke-width:2.5}
.w7v-mapgrid .w7f-town.on .w7f-towncount{fill:var(--ink)}
.w7v-mapnote,.w7v-nomatch{padding:10px 16px;font-size:13px;line-height:1.45;color:var(--mute)}
.w7v-mapnote{border-top:1px solid var(--line2)}
.w7v-nomatch{padding:9px 3px}
.w7v-towns .w7f-boxh{align-items:center}
.w7v-towns .w7f-boxh button{margin-left:auto}
.w7v-townhelp{padding:10px 16px;border-bottom:1px solid var(--line2);font-size:13px;line-height:1.4;color:var(--mute)}
.w7v-towns .w7f-towntbl td{padding:7px 10px}
.w7v-towns .w7f-towntbl th{padding:8px 10px}
.w7v-towns .w7f-towntbl .w7f-trk{font-size:16px}
.w7v-empty{padding:16px;color:var(--mute);font-size:14px;line-height:1.5}
.w7v-fleets,.w7v-stops{list-style:none;margin:0;padding:0}
.w7v-fleet{position:relative;padding:12px 16px;border-bottom:1px solid var(--line2)}
.w7v-fleet:last-child{border-bottom:0}
.w7v-fleetname{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;border:0;background:transparent;padding:0;text-align:left;color:var(--ink);font:700 15px/1.3 var(--font-ui);cursor:pointer}
.w7v-fleetname:hover{text-decoration:underline;text-decoration-color:var(--blue)}
.w7v-fleetname span{flex:none;color:var(--blue);font-size:12px;font-weight:650}
.w7v-fleetmeta{margin-top:3px;font-size:12px;color:var(--ink2)}
.w7v-address{margin:7px 0 8px;font-size:13px;color:var(--mute);line-height:1.35}
.w7v-fleet .w7btn{min-height:32px}
.w7v-fleet .w7v-added{color:var(--positive);border-color:var(--positive);opacity:1}
.w7v-blocked{display:inline-block;color:var(--guard);font-size:12px;font-weight:600}
.w7v-towns .w7f-pager{padding:0 12px 10px;margin-top:8px}
.w7v-plan{border-color:var(--found-line)}
.w7v-plan .w7f-boxh{background:var(--found-tint)}
.w7v-body{padding:0 16px 14px}
.w7v-help{font-size:13px;line-height:1.45;color:var(--ink2);margin:12px 0}
.w7v-plan .w7v-empty{padding:14px;border:1px dashed var(--rule2);border-radius:9px;background:var(--surf2)}
.w7v-stops{border-top:1px solid var(--line2)}
.w7v-stops li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line2)}
.w7v-num{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:50%;background:var(--found);color:#fff;font-family:var(--font-num);font-size:15px;font-weight:700}
.w7v-stop{display:grid;gap:2px;min-width:0;flex:1}
.w7v-stop b{font-size:13.5px;color:var(--ink);line-height:1.25}
.w7v-stop small{font-size:12px;color:var(--mute);line-height:1.3}
.w7v-order{display:flex;gap:3px}
.w7v-order button{width:29px;height:29px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);font-size:16px;cursor:pointer}
.w7v-order button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}
.w7v-order button:disabled{opacity:.35;cursor:default}
.w7v-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}
.w7v-go{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:40px;font-size:13.5px}
.w7v-disabled{opacity:.5;cursor:default}
.w7v-caveat{font-size:12px;color:var(--mute);line-height:1.45;margin:10px 0 0}
.w7v-mapgrid button:focus-visible,.w7v-mapgrid a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
@media(max-width:1100px){.w7f-mapgrid.w7v-mapgrid{grid-template-columns:minmax(0,1fr)}.w7v-mapgrid .w7f-mapsvg{max-height:600px}}
@media(max-width:650px){.w7v-mapgrid .w7f-mapsvg{max-height:440px}.w7v-maphead{padding:11px 13px}.w7v-fleetname{display:block}.w7v-fleetname span{display:block;margin-top:2px}.w7v-towns .w7f-towntbl th:nth-child(2),.w7v-towns .w7f-towntbl td:nth-child(2){display:none}.w7v-towns .w7f-towntbl .w7btn{font-size:12px}}