/* Search page skin (Designer, 10 Oct 2026): the live search.html keeps its markup, ids and classes (.hg*); this file restyles them to the terminal demo's look and adds the
   agency tile, the vehicle chip cell and the 3-band match chip. Load after pages.css and ui.css, before search.html's own <style id="hgcss"> is NOT possible (the fragment
   inlines it), so load this AFTER the page: build.js appends <link rel="stylesheet" href="search-skin.css"> right before </head> for search.html only. */
.hg { max-width: none; }
.hgh1 { font: 600 26px/1.15 var(--stencil) !important; letter-spacing: -.02em !important; margin: 2px 0 14px !important; }
.hgcard { border-radius: 10px; box-shadow: none; padding: 12px 16px 6px; }
.hgbar { border-bottom: 1px dashed var(--w-line, #cfd8e3); padding-bottom: 10px; }
.hgb { height: 32px; border-radius: 8px; font: 500 13px var(--cond); letter-spacing: 0; text-transform: none; }
.hgdark, .hgblue { background: var(--w-strong, #0b1019); border-color: var(--w-strong, #0b1019); }
.hgr { grid-template-columns: 150px minmax(0, 1fr); min-height: 44px; padding: 4px 0; }
.hglw { font: 500 13.5px var(--cond); }
.hgbox, .hgin, .hgsel { border-radius: 8px; min-height: 34px; height: auto; }
.hgchip { height: 24px; border-radius: 6px; background: var(--w-strong, #0b1019); font: 500 12.5px var(--cond); }
.hgchip.out { background: var(--w-bad, #a3321f); }
.hgmode { height: 26px; font: 600 10.5px var(--mono); }
/* source tabs */
.hgtabs { margin: 14px 0 0; gap: 2px; }
.hgtab { height: 36px; padding: 0 12px; font: 500 13.5px var(--cond); }
.hgtab.on { border-bottom-color: var(--obj); }
.hgtab .hgct { background: var(--w-surface2, #eef1f5); } .hgtab.on .hgct { background: var(--w-strong, #0b1019); }
/* the table: hairline rows, muted uppercase heads */
.hgtw { border: 1px solid var(--soft); border-radius: 0 0 10px 10px; }
.hgt { min-width: 980px; font-size: 14px; }
.hgt th { font: 600 10.5px var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--dim); padding: 8px 8px; border-bottom: 1px solid var(--soft); background: var(--w-surface2, #fafbfc); }
.hgt th button.on { color: var(--w-text, #0b1019); } .hgt th button i { color: var(--w-line, #c9d2de); } .hgt th button.on i { color: var(--obj); }
.hgt td { padding: 8px 8px 2px; }
.hgt tr.r td { border-top: 1px solid var(--w-line, #eef1f5); }
.hgt tr.d td { padding: 0 8px 10px; font-size: 12.5px; }
.hgt td.t a { font-weight: 500; font-size: 14px; color: var(--w-info, #1d5fa0); }
.hgt td.mt { width: 92px; }
/* match: the 3-band chip replaces the 21-step ramp (pages.js WX.pct is untouched for the other pages) */
.hgt .hgpct, .hgt .dbsc2 { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; height: 24px; padding: 0 7px; border-radius: 999px; font: 700 12px var(--cond); border: 1px solid transparent; }
.hgt .hgpct[data-pct] { background: var(--w-surface2, #f1f4f8) !important; color: var(--dim) !important; border-color: var(--soft); }
.hgt .hgpct.hi, .hgt .hgpct[data-band="hi"] { background: var(--w-ok-bg, #e3f4ec) !important; color: var(--w-ok, #1f6b50) !important; border-color: #b9e0cb; }
.hgt .hgpct.mid, .hgt .hgpct[data-band="mid"] { background: var(--w-warn-bg, #fbf0d9) !important; color: var(--w-warn, #8f6510) !important; border-color: #ecd8a3; }
.hgt .hgpct.lo, .hgt .hgpct[data-band="lo"] { background: var(--w-bad-bg, #fde8e4) !important; color: var(--w-bad, #a3321f) !important; border-color: #f1c2b9; }
/* agency cell: tile + name, the office code muted */
.hgt td.ag { white-space: nowrap; width: 18%; }
.hgt td.ag .hgagency { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: var(--w-text, #0b1019); max-width: 260px; }
.hgt td.ag .hgagency-name { overflow: hidden; text-overflow: ellipsis; }
.hgt td.ag .hgagency-code { font: 500 11.5px var(--code); color: var(--dim); }
.hgt td.ag .hgseal { display: none; } /* the seal moves into the .w-org tile (search-row.js agCell) */
.hgt td.ag .w-org { flex: none; }
/* set-aside cell carries the vehicle chip on a second line */
.hgt td.sa { width: 10%; font: 500 12.5px var(--cond); color: var(--ink2); white-space: normal; } .hgt td.sa .vchip { margin-top: 3px; }
/* deadline dot */
.hgt .hgdl { background: var(--w-ok, #1f6b50); } .hgt .hgdl.soon { background: var(--obj); } .hgt .hgdl.past { background: #b3bcc8; }
/* actions: 28 px icon buttons */
.hgt .sv button, .hglink { border-radius: 6px !important; }
.hgt .sv .svt.on, .hgt .sv .svp.on, .hgt .sv button.on { background: var(--accent-bg, #fbf0d9) !important; border-color: var(--obj) !important; color: var(--obj2, #8f6510) !important; }
/* flags under the title stay; same chip shape as .w-chip */
.hgf { border-radius: 6px; font: 500 11.5px var(--cond); }
/* pager */
.hgpg button { border-radius: 6px; height: 32px; min-width: 32px; font: 500 13px var(--cond); } .hgpg button.on { background: var(--w-strong, #0b1019); border-color: var(--w-strong, #0b1019); }
/* vehicle filter row (search-row.js adds it as a .hgr row) */
.hgveh .vseg .vlbl { display: none; }
.hgveh .w-seg button { height: 30px; }
@media (max-width: 800px) { .hgr { grid-template-columns: 1fr; } .hgt { min-width: 0; } }