/* Overview module styles. Owned by the overview worker (T4a, B5, R2). Scoped under .gch-m-overview.
   Shared management pieces (gx-*: KPI tiles, meters, counts, item rows, portfolio table) live in css/jobs.css.
   The job page (DEV-334): a one-line header and the owner and architect, the finish band, two columns (Needs you and
   Waiting on others; Holding the schedule), the schedule lookahead (DEV-339), then labeled disclosures. Grouping is space and at most one
   hairline; orange is only today's line, "yours" and what needs a decision. */

.gch-m-overview{padding-bottom:var(--s12)}
.gch-m-overview .ov-me{color:var(--o-txt);font-weight:700}
.gch-m-overview .ov-none{padding:var(--s2) 0;color:var(--mid);font-size:13.5px}
.gch-m-overview .ov-more{margin-left:auto;font-size:13px;color:var(--ink2);text-decoration:none;white-space:nowrap;padding:4px 0}
.gch-m-overview .ov-more:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.gch-m-overview .ov-rowmore{display:block;padding:10px 0 0;font-size:13px;color:var(--ink2);text-decoration:none}
.gch-m-overview .ov-rowsbox .ov-rowmore{padding-left:var(--s3)}
.gch-m-overview .ov-rowmore:hover{color:var(--ink);text-decoration:underline}
.gch-m-overview .ov-inl{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.gch-m-overview .ov-inl:hover{text-decoration-color:currentColor}
.gch-m-overview .num-t{font-variant-numeric:tabular-nums}

/* ------------------------------------------------------------------ division header + sections */
.gch-m-overview .ov-dhead{flex:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.2fr);gap:var(--s6);padding:var(--s4) var(--gut) var(--s6);border-bottom:1px solid var(--line)}
.gch-m-overview .ov-dh-id h1{font-family:var(--disp);font-weight:700;font-size:28px;letter-spacing:-.02em;line-height:1.15}
.gch-m-overview .ov-dh-facts{margin:0;display:grid;grid-template-columns:repeat(5,minmax(0,auto));justify-content:start;gap:var(--s3) var(--s8);padding-left:var(--s6);border-left:1px solid var(--line);align-content:start}
.gch-m-overview .ov-dh-facts dt{font-size:12px;color:var(--mid)}
.gch-m-overview .ov-dh-facts dd{margin:2px 0 0;font-size:13.5px;font-weight:600}
.gch-m-overview .ov-dh-facts dd b{font-size:22px;font-weight:600}
.gch-m-overview .ov-dh-facts dd small{display:block;font-weight:400;color:var(--mid);font-size:12px}
.gch-m-overview .ov-kpiwrap{flex:none;padding:var(--s6) var(--gut) 0}
.gch-m-overview .ov-sec{flex:none;padding:var(--s8) var(--gut) 0}
.gch-m-overview .ov-sh{display:flex;align-items:baseline;gap:var(--s3);padding-bottom:var(--s3)}
.gch-m-overview .ov-sh h2{font-family:var(--disp);font-size:18px;font-weight:700;letter-spacing:-.01em}
.gch-m-overview .ov-sh .meta{font-size:13px;color:var(--mid)}
.gch-m-overview .ov-overdue .ov-sh{border-bottom:1px solid var(--line)}
.gch-m-overview .ov-overdue .gch-empty{padding-left:0}

/* ------------------------------------------------------------------ 1. the job's line, and who it is for */
.gch-m-overview .ov-jh{border-bottom:0;height:44px;padding-top:var(--s1)}
.gch-m-overview .ov-jh h1.nm{margin:0;line-height:1.2;white-space:nowrap}
.gch-m-overview .ov-jh .facts{margin-left:0;padding-left:0}
.gch-m-overview .ov-jh .ov-ro{margin-left:auto}
.gch-m-overview .ov-jh .ov-hist{margin-left:auto;padding-left:var(--s4);border-left:1px solid var(--line)}
.gch-m-overview .ov-divlink{text-decoration:none;color:var(--ink2)}
.gch-m-overview .ov-divlink:hover{color:var(--ink);text-decoration:underline;text-underline-offset:2px}
.gch-m-overview .ov-ro{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--mid);white-space:nowrap}
.gch-m-overview .ov-ro .i{width:15px;height:15px}
.gch-m-overview .ov-facts{flex:none;margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--s1) var(--s6);padding:0 var(--gut) var(--s4);border-bottom:1px solid var(--line);font-size:13.5px}
.gch-m-overview .ov-facts > div{display:flex;align-items:baseline;gap:var(--s2);min-width:0}
.gch-m-overview .ov-facts .ov-f-phase{display:none}
.gch-m-overview .ov-facts dt{font-size:12.5px;color:var(--mid);white-space:nowrap}
.gch-m-overview .ov-facts dd{margin:0;font-weight:600;min-width:0}
.gch-m-overview .ov-facts .mid{font-weight:400}
.gch-m-overview .ov-map{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.gch-m-overview .ov-map:hover{text-decoration-color:currentColor}
.gch-m-overview .ov-map .i{width:13px;height:13px;margin-left:5px;color:var(--mid);vertical-align:-1px}
.gch-m-overview .ov-whole{display:inline;margin-left:var(--s2);font-size:11.5px;font-weight:500;color:var(--mid)}

/* ------------------------------------------------------------------ 2. the finish band (and the bid band) */
.gch-m-overview .ov-finish{flex:none;display:grid;grid-template-columns:72px minmax(0,1fr) auto;column-gap:var(--s4);align-items:start;padding:var(--s4) var(--gut);border-bottom:1px solid var(--line)}
.gch-m-overview .ov-finish > .lbl{padding-top:5px}
.gch-m-overview .ov-fbody{min-width:0}
.gch-m-overview .ov-say{font-size:16px;line-height:1.5;color:var(--ink2)}
.gch-m-overview .ov-say b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.gch-m-overview .ov-say .sep,.gch-m-overview .ov-fsub .sep{margin:0 8px;color:var(--mid)}
.gch-m-overview .ov-say .gx-var{font-size:16px;font-weight:600;white-space:nowrap}
.gch-m-overview .ov-say .mid{font-size:14px}
.gch-m-overview .ov-fsub{margin-top:2px;font-size:13.5px;line-height:1.5;color:var(--mid)}
.gch-m-overview .ov-fsub .ov-inl{color:var(--ink2)}
.gch-m-overview .ov-bar-scroll{overflow-x:auto;padding:0 3px}
.gch-m-overview .ov-bar{position:relative;min-width:580px;margin-top:var(--s2)}
.gch-m-overview .ov-bar-scale{margin-top:var(--s2)}
.gch-m-overview .ov-months{position:relative;font-size:10px;line-height:16px;color:var(--mid)}
.gch-m-overview .ov-month-label{position:absolute;width:62px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}
.gch-m-overview .ov-bar-scale .ov-bar{margin-top:0}
.gch-m-overview .ov-month-segment{position:absolute;top:0;height:22px;border:1px solid var(--line2);border-top:0;pointer-events:none}
.gch-m-overview .ov-bar-window{display:flex;flex-wrap:wrap;gap:4px 8px;margin-top:var(--s2);font-size:11px;color:var(--mid)}
.gch-m-overview .ov-bar-date{position:absolute;width:max-content;white-space:nowrap;transform:translateX(-50%);font-size:11px;line-height:1.3;text-align:center}
.gch-m-overview .ov-bar-date small{display:block;font-size:10px;color:var(--mid)}
/* DEV-356 WS6-C: a phone's month labels and callout kickers at the 11.5px floor. */
@media (max-width:759px){.gch-m-overview .ov-months,.gch-m-overview .ov-bar-date small{font-size:11.5px}}
/* A bar panned part-way along fades at its left edge, so a cut month label does not read as a stray figure. It scrolls only below 760px. */
@media (max-width:759px){.gch-m-overview .ov-bar-scroll.is-panned{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px);mask-image:linear-gradient(90deg,transparent,#000 24px)}}
.gch-m-overview .ov-bar-date b{font-weight:600;font-variant-numeric:tabular-nums}
.gch-m-overview .ov-bar-date.is-first{transform:none;text-align:left}
.gch-m-overview .ov-bar-date.is-last{transform:translateX(-100%);text-align:right}
.gch-m-overview .ov-bar-date.st-today b{color:var(--o-txt)}
.gch-m-overview .ov-schedule{flex:none;margin:var(--s8) var(--gut) 0;padding-top:var(--s4);border-top:1px solid var(--line);min-width:0}
.gch-m-overview .ov-schedule-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:var(--s2)}
.gch-m-overview .ov-schedule-head h2{font-size:14px;font-weight:600;margin-right:auto}
.gch-m-overview .ov-schedule-switch{display:flex;gap:var(--s3)}
.gch-m-overview .ov-schedule-switch button{padding:4px 0;background:none;border:0;border-bottom:2px solid transparent;font:inherit;font-size:12px;color:var(--mid);cursor:pointer}
.gch-m-overview .ov-schedule-switch button[aria-pressed="true"]{border-bottom-color:var(--o);color:var(--ink);font-weight:600}
.gch-m-overview [data-ov-pane][hidden]{display:none}
.gch-m-overview .ov-dotwindow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;color:var(--mid);margin-bottom:var(--s2)}
.gch-m-overview .ov-dotwindow .ov-more{margin-left:auto}
.gch-m-overview .ov-dot-scroll{overflow:auto;padding:0 8px 3px 0}
.gch-m-overview .ov-dot-scroll:has(details[open]){padding-bottom:210px}
.gch-m-overview .ov-dots{min-width:620px}
.gch-m-overview .ov-dotscale,.gch-m-overview .ov-dotrow{display:grid;grid-template-columns:108px minmax(0,1fr);gap:8px;align-items:center}
.gch-m-overview .ov-dotscale{height:22px;font-size:10px;color:var(--mid)}
.gch-m-overview .ov-dotscale > div{position:relative;height:22px}
.gch-m-overview .ov-dotscale > div > span{position:absolute;white-space:nowrap}
.gch-m-overview .ov-dotrow > b{font-size:11px;font-weight:500;color:var(--ink2)}
.gch-m-overview .ov-dottrack{position:relative;height:25px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to right,transparent 0,transparent calc(12.5% - 1px),var(--line) calc(12.5% - 1px),var(--line) 12.5%)}
.gch-m-overview .ov-dotday{position:absolute;top:2px;transform:translateX(-50%)}
.gch-m-overview .ov-dotday > summary{display:grid;place-items:center;width:24px;height:24px;cursor:pointer;list-style:none}
.gch-m-overview .ov-dotday > summary::-webkit-details-marker{display:none}
.gch-m-overview .ov-dotday > summary i{width:9px;height:9px;border-radius:50%;background:var(--ink2);font-style:normal;font-size:10px;color:var(--bg);line-height:16px;text-align:center}
.gch-m-overview .ov-dotday > summary:has(i:not(:empty)) i{width:16px;height:16px}
.gch-m-overview .ov-dotday[open]{z-index:5}
.gch-m-overview .ov-dotday[open] summary i{background:var(--o)}
.gch-m-overview .ov-dotitems{position:absolute;top:26px;left:0;width:310px;max-height:200px;overflow:auto;padding:var(--s3);border:1px solid var(--edge);background:var(--bg);box-shadow:var(--shadow);font-size:12px}
.gch-m-overview .ov-dotday.is-right .ov-dotitems{left:auto;right:0}
.gch-m-overview .ov-dotitems .ov-up{display:flex;flex-wrap:wrap;gap:2px;font-size:12px}
.gch-m-overview .ov-dotitems .ov-up .t{flex-basis:100%}
.gch-m-overview .ov-lookahead{padding:var(--s3) 0 0;--ds-col:112px}
.gch-m-overview .ov-lookahead .ds-h{padding-bottom:var(--s2)}
.gch-m-overview .ov-lookahead .ds-h h2{font-size:13px}
.gch-m-overview .ov-workbar{display:block;position:relative;flex-basis:100%;height:4px;background:var(--tag-bg);margin:3px 0}
.gch-m-overview .ov-workbar i{position:absolute;height:4px;background:var(--ink2)}
.gch-m-overview .ov-milestone-widget .ms-wrap{padding:0}
.gch-m-overview .ov-milestone-widget .ms-head,.gch-m-overview .ov-milestone-widget .ms-row{grid-template-columns:minmax(160px,220px) minmax(135px,175px) 100px 105px minmax(280px,1fr)}
.gch-m-overview .ov-milestone-widget .ms-table{overflow-x:auto}
.gch-m-overview .ov-milestone-widget .ms-row{min-height:58px}
.gch-m-overview .ov-bar .trk{position:absolute;left:0;right:0;top:8px;height:6px;background:var(--tag-bg)}
.gch-m-overview .ov-bar .trk i{position:absolute;left:0;top:0;bottom:0;background:var(--ink2)}
.gch-m-overview .ov-bar .gap{position:absolute;top:0;bottom:0;min-width:3px}
.gch-m-overview .ov-bar .gap.is-late{background:repeating-linear-gradient(135deg,var(--danger) 0 3px,var(--bg) 3px 6px);box-shadow:inset 0 0 0 1px var(--danger)}
.gch-m-overview .ov-bar .gap.is-ok{background:var(--ok)}
.gch-m-overview .ov-bar .mk{position:absolute;top:4px;width:0;height:14px;border-left:2px solid var(--edge);transform:translateX(-1px)}
.gch-m-overview .ov-bar .mk-ntp{transform:none}
.gch-m-overview .ov-bar .mk-final{transform:translateX(-2px)}
.gch-m-overview .ov-bar .mk-contract{top:1px;height:20px;border-left:3px solid var(--ink);transform:translateX(-1.5px)}
.gch-m-overview .ov-bar .mk-forecast,.gch-m-overview .ov-bar .mk-sc-done,.gch-m-overview .ov-bar .mk-final-done{top:5px;width:11px;height:11px;border:2px solid var(--ink);background:var(--bg);transform:translateX(-50%) rotate(45deg)}
.gch-m-overview .ov-bar .mk-sc-done,.gch-m-overview .ov-bar .mk-final-done{background:var(--ok);border-color:var(--ok)}
.gch-m-overview .ov-bar .mk-today{top:0;height:22px;border-left:1px solid var(--o);transform:none}
.gch-m-overview .ov-finish .ov-dx{margin-top:var(--s1);border-top:0}
.gch-m-overview .ov-finish .ov-dx > summary{padding:6px 0}
.gch-m-overview .ov-finish .ov-dx > summary .t{font-size:13px;font-weight:600;color:var(--ink2)}
.gch-m-overview .ov-stops{list-style:none;margin:0;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,max-content);justify-content:start;gap:var(--s2) var(--s6)}
.gch-m-overview .ov-stops li{display:grid;grid-template-columns:14px auto;column-gap:6px;align-items:center;align-content:start}
.gch-m-overview .ov-stops .l{font-size:12px;line-height:1.3;color:var(--mid);max-width:17ch}
.gch-m-overview .ov-stops b{grid-column:2;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.gch-m-overview .ov-stops .g{justify-self:center;width:0;height:12px;border-left:2px solid var(--edge)}
.gch-m-overview .ov-stops .st-today .g{border-left:1px solid var(--o);height:14px}
.gch-m-overview .ov-stops .st-today b{color:var(--o-txt)}
.gch-m-overview .ov-stops .st-contract .g{border-left:3px solid var(--ink);height:14px}
.gch-m-overview .ov-stops .st-forecast .g,.gch-m-overview .ov-stops .st-sc-done .g,.gch-m-overview .ov-stops .st-final-done .g{width:9px;height:9px;border:2px solid var(--ink);transform:rotate(45deg)}
.gch-m-overview .ov-stops .st-sc-done .g,.gch-m-overview .ov-stops .st-final-done .g{background:var(--ok);border-color:var(--ok)}
.gch-m-overview .ov-pct{margin-top:var(--s3);max-width:90ch;font-size:13.5px;line-height:1.5;color:var(--ink2)}
.gch-m-overview .ov-pct b{color:var(--ink);font-weight:600}
.gch-m-overview .ov-progress-method{max-width:76ch;font-size:12.5px;line-height:1.5;color:var(--mid)}
.gch-m-overview .ov-prov{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s1) var(--s4);margin-top:var(--s2);font-size:12.5px;color:var(--mid)}
.gch-m-overview .ov-prov .ov-more{margin-left:0}
.gch-m-overview .ov-prov .btn{margin-left:-10px}
.gch-m-overview .ov-fact{margin-top:var(--s2)}
/* The bid band: due date and countdown, one line of what is in and owed, the one action on the right. */
.gch-m-overview .ov-bidlead .when{font-size:18px}
.gch-m-overview .ov-bidlead .count{font-weight:600;color:var(--ink)}
.gch-m-overview .ov-bidlead .sub{font-size:14px;color:var(--mid)}
.gch-m-overview .ov-bidn{list-style:none;margin:var(--s1) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:2px var(--s6);font-size:13.5px;color:var(--ink2)}
.gch-m-overview .ov-bf{color:inherit;text-decoration:none}
.gch-m-overview .ov-bf b{color:var(--ink);font-weight:600;font-variant-numeric:tabular-nums}
.gch-m-overview .ov-bf.is-hot b{color:var(--o-txt)}
.gch-m-overview a.ov-bf:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.gch-m-overview .ov-cta{align-self:center;border-color:var(--line2);white-space:nowrap}

/* ------------------------------------------------------------------ 3. two columns: what needs you, then the schedule */
.gch-m-overview .ov-cols{flex:none;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:var(--s8) var(--s12);align-items:start;padding:var(--s6) var(--gut) 0}
.gch-m-overview .ov-col{min-width:0;display:flex;flex-direction:column;gap:var(--s8)}
.gch-m-overview .ov-sec2{min-width:0}
.gch-m-overview .ov-ch{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;min-height:32px;padding-bottom:var(--s2);border-bottom:1px solid var(--line)}
.gch-m-overview .ov-ch h2{font-family:var(--disp);font-size:18px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;color:var(--ink);position:relative;padding-bottom:7px}
.gch-m-overview .ov-ch h2::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:var(--o)}
.gch-m-overview .ov-ch .meta{font-size:12.5px;color:var(--mid)}
.gch-m-overview .ov-ch .ov-area,.gch-m-overview .ov-ch .ov-more{margin-left:auto;align-self:center}
.gch-m-overview .ov-items{list-style:none;margin:0;padding:0}
.gch-m-overview .ov-it{display:flex;align-items:baseline;gap:var(--s2);padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px;text-decoration:none;color:inherit}
.gch-m-overview .ov-it .k{flex:none;color:var(--mid)}
.gch-m-overview .ov-it .k .i{width:14px;height:14px;vertical-align:-2px}
.gch-m-overview .ov-it .vb{flex:none;width:68px;font-size:12.5px;font-weight:600;color:var(--ink2)}
.gch-m-overview .ov-it .n{flex:none;font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap}
/* A long title wraps under itself; it is not cut (FX1). */
.gch-m-overview .ov-it .t{flex:1;min-width:0;line-height:1.35}
.gch-m-overview .ov-it .d{flex:none;font-size:12.5px;white-space:nowrap}
.gch-m-overview a.ov-it:hover .t{text-decoration:underline;text-underline-offset:2px}
.gch-m-overview .ov-it.is-mine{padding-left:var(--s2);box-shadow:inset 2px 0 0 var(--o)}
.gch-m-overview .ov-it.is-doc .k{color:var(--o-txt)}
.gch-m-overview .ov-it[aria-expanded="true"]{background:var(--bg3)}
.gch-m-overview .ov-need{font-weight:600;color:var(--o-txt)}
.gch-m-overview .ov-mine{font-size:12.5px;color:var(--o-txt);white-space:nowrap}

/* Waiting on others: one row per court; only overdue items are named under it */
.gch-m-overview .ov-courts{list-style:none;margin:0;padding:0}
.gch-m-overview .ov-court{border-bottom:1px solid var(--line)}
.gch-m-overview .ov-court-h{display:flex;align-items:baseline;gap:var(--s2);padding:9px 0;text-decoration:none;color:inherit}
.gch-m-overview .ov-court-h .t{font-size:13.5px;font-weight:600;color:var(--ink)}
.gch-m-overview .ov-court-h .n{font-size:13.5px;font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums}
.gch-m-overview .ov-court-h .gx-late{font-size:12.5px;white-space:nowrap}
.gch-m-overview .ov-court-h .go{margin-left:auto;font-size:12.5px;color:var(--mid);white-space:nowrap}
.gch-m-overview a.ov-court-h:hover .t,.gch-m-overview a.ov-court-h:hover .go{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.gch-m-overview .ov-court.is-empty .ov-court-h .t,.gch-m-overview .ov-court.is-empty .ov-court-h .n{color:var(--mid);font-weight:500}
.gch-m-overview .ov-court .ov-items{padding:0 0 var(--s1) 22px}
.gch-m-overview .ov-court .ov-it{padding:6px 0;border-bottom:0;border-top:1px solid var(--line)}
.gch-m-overview .ov-court .ov-rowmore{padding:2px 0 var(--s2) 22px}
.gch-m-overview .ov-court .ov-none{padding:0 0 var(--s2);font-size:13px}
/* What the bid still needs: groups of packages and questions */
.gch-m-overview .ov-bidneeds section.ov-court{border-bottom:0;padding-top:var(--s2)}
.gch-m-overview .ov-bidneeds section.ov-court .ov-items{padding-left:0}
.gch-m-overview .ov-bidneeds section.ov-court .ov-it{padding:7px 0}

/* Holding the schedule */
.gch-m-overview .ov-rb-it .t{white-space:normal}
.gch-m-overview .ov-rb-it .t b{display:block;font-weight:600}
.gch-m-overview .ov-rb-it .t small{display:block;font-size:12.5px;color:var(--mid)}
.gch-m-overview .ov-rb-ref{display:block;padding:0 0 7px;margin-top:-3px;font-size:12.5px;color:var(--ink2);text-decoration:none}
.gch-m-overview .ov-rb-ref:hover{color:var(--ink);text-decoration:underline}

/* Coming up: one dated list */
.gch-m-overview .ov-ups{list-style:none;margin:0;padding:0}
.gch-m-overview .ov-up{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px var(--s2);padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px;text-decoration:none;color:inherit}
.gch-m-overview .ov-up .t{flex:1 1 160px;min-width:0;line-height:1.35}
.gch-m-overview .ov-up .t small{margin-left:6px;font-size:12.5px;color:var(--mid)}
.gch-m-overview .ov-up .t small.kd{margin-left:4px;font-size:11.5px}
.gch-m-overview .ov-up .d{flex:none;font-size:12.5px;color:var(--ink2);font-variant-numeric:tabular-nums;white-space:nowrap}
.gch-m-overview .ov-up .gx-var{font-size:12.5px;white-space:nowrap}
.gch-m-overview a.ov-up:hover .t{text-decoration:underline;text-underline-offset:2px}
.gch-m-overview .ov-crit{flex:none;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.gch-m-overview .ov-acts{flex-basis:100%;order:3;font-size:12.5px;color:var(--mid)}
.gch-m-overview .ov-next .ov-dx{margin-top:var(--s2);border-top:0}

/* ------------------------------------------------------------------ 4. disclosures */
.gch-m-overview .ov-moresec{flex:none;margin:var(--s8) var(--gut) 0;border-bottom:1px solid var(--line)}
.gch-m-overview .ov-dx{border-top:1px solid var(--line)}
.gch-m-overview .ov-dx > summary{display:flex;align-items:center;gap:var(--s2);min-height:44px;padding:var(--s2) 0;cursor:pointer;list-style:none}
.gch-m-overview .ov-dx > summary::-webkit-details-marker{display:none}
.gch-m-overview .ov-dx > summary .car{flex:none;width:16px;height:16px;color:var(--mid);transition:transform var(--t-hover) var(--ease)}
.gch-m-overview .ov-dx:not([open]) > summary .car{transform:rotate(-90deg)}
.gch-m-overview .ov-dx > summary .t{flex:none;font-size:14.5px;font-weight:600;white-space:nowrap}
.gch-m-overview .ov-dx > summary .s{min-width:0;margin-left:var(--s2);font-size:13px;color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-overview .ov-dx > summary:hover .t{text-decoration:underline;text-underline-offset:3px}
.gch-m-overview .ov-dx > summary:focus-visible{outline:2px solid var(--o);outline-offset:3px}
.gch-m-overview .ov-dxb{padding:0 0 var(--s4) 24px}
.gch-m-overview .ov-main-dx{border-top:0}
.gch-m-overview .ov-main-dx > summary{flex-wrap:wrap;gap:2px 10px;padding-top:0;border-bottom:1px solid var(--line);align-items:baseline}
.gch-m-overview .ov-main-dx > summary .car{align-self:center}
.gch-m-overview .ov-main-dx > summary .t{position:relative;max-width:calc(100% - 26px);padding-bottom:7px;font-family:var(--disp);font-size:18px;font-weight:700;letter-spacing:-.01em;white-space:normal}
.gch-m-overview .ov-main-dx > summary .t::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:var(--o)}
.gch-m-overview .ov-main-dx > summary .s{margin-left:26px;flex:1 1 150px;overflow:visible;white-space:normal;font-size:12.5px}
.gch-m-overview .ov-main-dx > .ov-dxb{padding-left:0}
.gch-m-overview .ov-section-tools{display:flex;justify-content:flex-end;padding-top:var(--s1)}
.gch-m-overview .ov-court-dx{border-top:0}
.gch-m-overview .ov-court-dx > summary{flex-wrap:wrap;gap:2px 8px;padding:9px 0}
.gch-m-overview .ov-court-dx > summary .t{flex:1;min-width:0;white-space:normal;font-size:13.5px}
.gch-m-overview .ov-court-dx > summary .s{margin-left:0;flex:none;overflow:visible;white-space:normal;font-size:12.5px}
.gch-m-overview .ov-court-dx .n{font-weight:600;font-variant-numeric:tabular-nums}
.gch-m-overview .ov-court-dx > .ov-dxb{padding:0 0 var(--s1) 24px}
.gch-m-overview .ov-court-dx .ov-rowmore,.gch-m-overview .ov-court-dx .ov-items{padding-left:0}
.gch-m-overview .ov-court.is-empty .ov-court-dx > summary .t{font-weight:500;color:var(--mid)}
.gch-m-overview .ov-finish .ov-dxb,.gch-m-overview .ov-next .ov-dxb{padding-left:0}
/* Field and documents */
.gch-m-overview .ov-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.gch-m-overview .ov-cell{display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--s3) var(--s4);border-left:1px solid var(--line);text-decoration:none;color:inherit}
.gch-m-overview .ov-cell:first-child{border-left:0;padding-left:0}
.gch-m-overview .ov-cell .k{font-size:12.5px;color:var(--mid)}
.gch-m-overview .ov-cell .v{font-size:16px;font-weight:600;line-height:1.3}
.gch-m-overview .ov-cell .v small{font-size:13px;font-weight:500;color:var(--mid)}
.gch-m-overview .ov-cell .s{font-size:12.5px;color:var(--ink2)}
.gch-m-overview a.ov-cell:hover{background:var(--bg2)}
.gch-m-overview a.ov-cell:hover .k{color:var(--ink)}
/* Team and quick links */
.gch-m-overview .ov-whos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s8)}
.gch-m-overview .ov-who{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s2);align-items:center;padding:6px 0;border-bottom:1px solid var(--line)}
.gch-m-overview .ov-who .r{color:var(--ink2)}
.gch-m-overview .ov-who .nm{min-width:0}
.gch-m-overview .ov-who .nm b{display:block;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-overview .ov-who .nm b .ov-me{font-size:12px;margin-left:4px}
.gch-m-overview .ov-who .nm small{display:block;font-size:12px;line-height:1.3;color:var(--mid)}
.gch-m-overview .ov-who .acts{display:flex;align-items:center;gap:2px}
.gch-m-overview .ov-tel{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:0 6px;font-size:13px;color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid transparent}
.gch-m-overview .ov-tel .i{width:14px;height:14px;color:var(--mid)}
.gch-m-overview .ov-mail{display:inline-grid;place-items:center;width:32px;height:30px;color:var(--ink2);border:1px solid transparent}
.gch-m-overview .ov-mail .i{width:16px;height:16px}
.gch-m-overview .ov-tel:hover,.gch-m-overview .ov-mail:hover{border-color:var(--edge);background:var(--bg3);color:var(--ink)}
.gch-m-overview .ov-allc{padding-top:var(--s2)}
.gch-m-overview .ov-ql{padding-top:var(--s4)}
.gch-m-overview .ov-ql-h{display:flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:30px;border-bottom:1px solid var(--line)}
.gch-m-overview .ov-ql-h h3{color:var(--ink2)}
/* The button ends on the column's edge: a negative margin here made the column 10px wider than itself (FX1). */
.gch-m-overview .ov-ql-h .btn{padding-right:0}
.gch-m-overview .ov-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s8)}
.gch-m-overview .ov-links li{display:flex;align-items:stretch;border-bottom:1px solid var(--line)}
.gch-m-overview .ov-links a{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--s2);padding:6px 0;text-decoration:none;color:inherit}
.gch-m-overview .ov-links .t{font-size:13.5px;font-weight:600;line-height:1.3}
.gch-m-overview .ov-links small{grid-column:1;font-size:12px;color:var(--mid);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-overview .ov-links small .co{color:var(--ink2)}
.gch-m-overview .ov-links a .i{grid-column:2;grid-row:1 / span 2;align-self:center;width:14px;height:14px;color:var(--mid)}
.gch-m-overview .ov-links a:hover .t{text-decoration:underline;text-underline-offset:2px}
.gch-m-overview .ov-ed{flex:none;display:inline-grid;place-items:center;width:32px;margin-left:var(--s1);background:none;border:1px solid transparent;color:var(--mid);cursor:pointer}
.gch-m-overview .ov-ed .i{width:15px;height:15px}
.gch-m-overview .ov-ed:hover,.gch-m-overview .ov-ed:focus-visible{border-color:var(--edge);background:var(--bg3);color:var(--ink)}
/* Job details */
.gch-m-overview .ov-desc{max-width:76ch;margin-bottom:var(--s4);font-size:13.5px;line-height:1.55;color:var(--ink2)}
.gch-m-overview .ov-ev{display:inline-flex;align-items:center;gap:4px;margin-left:4px;padding:1px 6px;background:var(--tag-bg);font-size:12.5px;white-space:nowrap;vertical-align:1px}
.gch-m-overview .ov-ev a{color:var(--ink);font-weight:600;text-decoration:none}
.gch-m-overview .ov-ev a:hover{text-decoration:underline;text-underline-offset:2px}
.gch-m-overview .ov-ev .ev-k{font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--mid)}
.gch-m-overview .ov-ev .sep{color:var(--mid)}
.gch-m-overview .ov-jfl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3) var(--s6)}
.gch-m-overview .ov-jfl dt{font-size:12px;color:var(--mid)}
.gch-m-overview .ov-jfl dd{margin:2px 0 0;font-size:13.5px;font-weight:600}
.gch-m-overview .ov-jfl dd .mid{font-weight:400}
.gch-m-overview .ov-jfl dd .ov-whole{display:block;margin-left:0}
/* DEV-353: the job's region under its address, read from the ZIP. */
.gch-m-overview .ov-jfl dd .ov-region{display:block;margin-top:2px;font-size:12.5px;color:var(--ink2)}
.gch-m-overview .ov-linkbtn{padding:0;background:none;border:0;color:var(--ink);font:inherit;text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:2px;cursor:pointer}
.gch-m-overview .ov-linkbtn:hover{text-decoration-color:currentColor}
.gch-m-overview .ov-jfl [data-fact="address"]{grid-column:span 2}

/* ------------------------------------------------------------------ a closeout leads with punch and closeout documents */
.gch-m-overview .ov-lead{flex:none;display:grid;gap:var(--s8);padding:var(--s4) var(--gut);border-bottom:1px solid var(--line)}
.gch-m-overview .ov-closelead{grid-template-columns:repeat(2,minmax(0,1fr))}
.gch-m-overview .ov-lc{min-width:0}
.gch-m-overview .ov-big{padding-top:var(--s3);font-size:14px;color:var(--ink2)}
.gch-m-overview .ov-big b{margin-right:4px;font-size:22px;font-weight:600;line-height:1.15;color:var(--ink);font-variant-numeric:tabular-nums}
.gch-m-overview .ov-big .x{margin-left:var(--s3);padding-left:var(--s3);border-left:1px solid var(--line)}
.gch-m-overview .ov-by{margin-top:var(--s2);font-size:13px;color:var(--ink2)}
.gch-m-overview .ov-by b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.gch-m-overview .ov-by .sep{margin:0 8px;color:var(--mid)}

/* ------------------------------------------------------------------ a court's full list (…/overview/with-<court>) */
.gch-m-overview.is-court{padding-bottom:0}
.gch-m-overview.is-court .ov-jh{border-bottom:1px solid var(--line);height:48px;padding-top:0}
.gch-m-overview .ov-back{margin-left:-10px}
.gch-m-overview .ov-ctabs{flex:none;display:flex;gap:var(--s6);padding:0 var(--gut);margin-bottom:var(--s3);border-bottom:1px solid var(--line);overflow-x:auto}
.gch-m-overview .ov-ctabs a{padding:var(--s2) 0;border-bottom:2px solid transparent;font-size:13.5px;color:var(--ink2);text-decoration:none;white-space:nowrap}
.gch-m-overview .ov-ctabs a:hover{color:var(--ink)}
.gch-m-overview .ov-ctabs a.is-on{border-bottom-color:var(--o);color:var(--ink);font-weight:600}
.gch-m-overview .ov-ctabs .n{margin-left:4px;color:var(--mid);font-weight:500;font-variant-numeric:tabular-nums}
.gch-m-overview .ov-ltool{display:inline-flex;align-items:center;gap:6px;color:var(--ink2);white-space:nowrap}
.gch-m-overview .ov-ltool .i{width:15px;height:15px;color:var(--mid)}

/* ------------------------------------------------------------------ the area chooser: the button is the filter indicator */
.gch-m-overview .ov-area{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 var(--s2);background:none;border:1px solid transparent;color:var(--ink);font:inherit;font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer;min-width:0;max-width:240px}
.gch-m-overview .ov-area:hover,.gch-m-overview .ov-area[aria-expanded="true"]{border-color:var(--edge);background:var(--bg3)}
.gch-m-overview .ov-area .k{color:var(--mid);font-weight:500}
.gch-m-overview .ov-area .v{overflow:hidden;text-overflow:ellipsis}
.gch-m-overview .ov-area.is-on .v{color:var(--o-txt)}
.gch-m-overview .ov-area .car{width:14px;height:14px;color:var(--mid)}
.gch-pop-areas .ov-areas button.is-on{box-shadow:inset 2px 0 0 var(--o);font-weight:600}
.gch-pop-areas .ov-areas button.is-child > span:first-child{padding-left:var(--s3)}
.gch-pop-areas .ov-areas-none{padding:var(--s3) var(--s4);font-size:13px;color:var(--mid);border-bottom:1px solid var(--line)}
.gch-pop-areas .ov-areas .n{white-space:nowrap}
/* the compact job header's next-milestone link (every job tool) */
.gch-jobhead.is-compact .facts a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:3px}
.gch-jobhead.is-compact .facts a:hover{text-decoration-color:currentColor}

/* ------------------------------------------------------------------ an uploaded package: received and stored */
.gch-m-overview .ov-intake{flex:none;margin:var(--s4) var(--gut) 0;padding:var(--s4);background:var(--bg2);border:1px solid var(--line2)}
.gch-m-overview .ov-ih{display:flex;align-items:center;gap:var(--s3)}
.gch-m-overview .ov-ih h2{font-family:var(--disp);font-size:18px;font-weight:700;letter-spacing:-.01em}
.gch-m-overview .ov-ih .btn{margin-left:auto;border-color:var(--line2)}
.gch-m-overview .ov-idet{margin-top:4px;max-width:90ch;font-size:14px;line-height:1.5;color:var(--ink2)}
.gch-m-overview .ov-ifiles{list-style:none;margin:var(--s3) 0 0;padding:0;border-top:1px solid var(--line)}
.gch-m-overview .ov-ifiles li{display:flex;align-items:baseline;gap:var(--s3);padding:6px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.gch-m-overview .ov-ifiles .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gch-m-overview .ov-ifiles .st{font-size:12.5px;color:var(--mid)}

/* ------------------------------------------------------------------ "Why this needs you": beside the page, which keeps its own scroll */
.gch-m-overview.has-why{flex-direction:row;overflow:hidden;padding-bottom:0}
.gch-m-overview .ov-body{flex:1;min-width:0;overflow-y:auto;display:flex;flex-direction:column;padding-bottom:var(--s12);container-type:inline-size;container-name:gchmain}
.gch-m-overview .ov-why{flex:none;width:var(--panel-w);min-height:0;overflow-y:auto;background:var(--bg2);border-left:1px solid var(--line2)}
.gch-m-overview .ov-why-h{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s4);background:var(--bg2);border-bottom:1px solid var(--line)}
.gch-m-overview .ov-why-h h2{font-family:var(--disp);font-size:17px;font-weight:700}
.gch-m-overview .ov-why-h .btn{margin-left:auto}
.gch-m-overview .ov-why-b{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s4)}
.gch-m-overview .why-q{font-size:16px;font-weight:600;line-height:1.4}
.gch-m-overview .why-meta{font-size:12.5px;color:var(--mid)}
.gch-m-overview .why-find{font-size:14px;line-height:1.5;color:var(--ink2)}
.gch-m-overview .why-src{display:flex;flex-direction:column;gap:var(--s3)}
.gch-m-overview .why-card{background:var(--bg);border:1px solid var(--line2)}
.gch-m-overview .why-card .doc{display:flex;align-items:flex-start;gap:var(--s3);padding:var(--s3)}
.gch-m-overview .doc-k{flex:none;display:inline-grid;place-items:center;width:34px;height:40px;font-size:10.5px;font-weight:700;letter-spacing:.05em;color:var(--on-o);background:var(--o);clip-path:var(--chamfer)}
.gch-m-overview .doc-k.is-no{color:var(--ink2);background:var(--line2)}
.gch-m-overview .doc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.gch-m-overview .doc-n{font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.gch-m-overview .doc-m{font-size:12.5px;color:var(--ink2)}
.gch-m-overview .doc-m .sep{margin:0 6px;color:var(--mid)}
.gch-m-overview .why-quote{margin:0;padding:var(--s2) var(--s3) var(--s3);border-top:1px solid var(--line);font-size:13.5px;line-height:1.5;color:var(--ink)}
.gch-m-overview .why-none{padding:var(--s2) var(--s3) var(--s3);border-top:1px solid var(--line);font-size:13px;color:var(--mid)}
.gch-m-overview .why-stop{padding:var(--s3);background:var(--flag-bg);font-size:13.5px;line-height:1.5}
.gch-m-overview .why-go a{font-weight:600;color:var(--o-txt);text-decoration:none}
.gch-m-overview .why-go a:hover{text-decoration:underline;text-underline-offset:3px}

/* ------------------------------------------------------------------ narrower widths */
@container gchmain (max-width:1240px){
  .gch-m-overview .ov-dh-facts{grid-template-columns:repeat(3,minmax(0,auto))}
  .gch-m-overview .ov-cols{gap:var(--s8)}
  .gch-m-overview .ov-jfl{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container gchmain (max-width:1040px){
  .gch-m-overview .ov-dhead{grid-template-columns:minmax(0,1fr)}
  .gch-m-overview .ov-dh-facts{padding-left:0;border-left:0}
  .gch-m-overview .ov-cols{grid-template-columns:minmax(0,1fr)}
  .gch-m-overview .ov-whos,.gch-m-overview .ov-links{grid-template-columns:minmax(0,1fr)}
  .gch-m-overview .ov-strip{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
  .gch-m-overview .ov-cell:nth-child(odd){border-left:0;padding-left:0}
  .gch-m-overview .ov-cell:nth-child(n+3){border-top:1px solid var(--line)}
}
@container gchmain (max-width:760px){
  /* A phone: one column; the finish's label sits over it; the action stays reachable. */
  .gch-m-overview .ov-jh{border-bottom:1px solid var(--line);height:48px;padding-top:0}
  .gch-m-overview .ov-jh .facts{display:flex;margin-left:auto}
  .gch-m-overview .ov-jh .ov-ro{display:none}
  .gch-m-overview .ov-facts{flex-direction:column;gap:var(--s1);padding-top:var(--s3)}
  .gch-m-overview .ov-facts > div,.gch-m-overview .ov-facts .ov-f-phase{display:grid;grid-template-columns:84px minmax(0,1fr)}
  .gch-m-overview .ov-finish{grid-template-columns:minmax(0,1fr);row-gap:var(--s1)}
  .gch-m-overview .ov-finish > .lbl{padding-top:0}
  .gch-m-overview .ov-cta{justify-self:start;margin-top:var(--s2)}
  .gch-m-overview .ov-say,.gch-m-overview .ov-say .gx-var{font-size:15px}
  .gch-m-overview .ov-say .sep,.gch-m-overview .ov-fsub .sep{margin:0 6px}
  .gch-m-overview .ov-stops{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2) var(--s3)}
  .gch-m-overview .ov-stops .l{white-space:normal}
  .gch-m-overview .ov-cols{gap:var(--s6);padding-top:var(--s4)}
  .gch-m-overview .ov-col{gap:var(--s6)}
  /* An item row: the icon, verb, number and due date on one line, the title under them. */
  .gch-m-overview .ov-it:not(.ov-rb-it){display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;column-gap:var(--s2);row-gap:2px;align-items:baseline}
  .gch-m-overview .ov-it:not(.ov-rb-it) .k{grid-column:1;grid-row:1}
  .gch-m-overview .ov-it:not(.ov-rb-it) .vb{grid-column:2;grid-row:1;width:auto}
  .gch-m-overview .ov-it:not(.ov-rb-it) .n{grid-column:3;grid-row:1}
  .gch-m-overview .ov-it:not(.ov-rb-it) .d{grid-column:4;grid-row:1;text-align:right}
  .gch-m-overview .ov-it:not(.ov-rb-it) .t{grid-column:1 / -1;grid-row:2}
  .gch-m-overview .ov-rb-it,.gch-m-overview .ov-up{flex-wrap:wrap}
  .gch-m-overview .ov-court .ov-items,.gch-m-overview .ov-court .ov-rowmore{padding-left:0}
  .gch-m-overview .ov-moresec{margin-top:var(--s6)}
  .gch-m-overview .ov-dx > summary{flex-wrap:wrap;row-gap:0}
  /* DEV-356 WS6-C: the basis leaves room for the indent, so the line no longer pans the page sideways. */
  .gch-m-overview .ov-dx > summary .s{flex-basis:calc(100% - 24px);margin-left:24px;white-space:normal}
  .gch-m-overview .ov-dxb{padding-left:0}
  .gch-m-overview .ov-tel{min-height:40px}
  .gch-m-overview .ov-mail{width:40px;height:40px}
  .gch-m-overview .ov-cell{padding:var(--s3)}
  .gch-m-overview .ov-closelead{grid-template-columns:minmax(0,1fr);gap:var(--s6)}
  .gch-m-overview .ov-jfl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gch-m-overview .ov-dh-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s4)}
  .gch-m-overview .ov-sec{padding-top:var(--s6)}
  .gch-m-overview .ov-sh{flex-wrap:wrap;row-gap:2px}
  .gch-m-overview .ov-sh h2{white-space:nowrap}
  .gch-m-overview .ov-sh .meta{order:3;flex-basis:100%}
  .gch-m-overview.has-why .ov-body{display:none}
  .gch-m-overview.has-why .ov-why{width:100%;border-left:0}
  .gch-m-overview .ov-ctabs{gap:var(--s4)}
}