/* assets/watch-ui.css — proven lists, watches and alerts (assets/watch-ui.js), on the plat map at night
   (assets/plat.css, docs/DESIGN.md). Tokens only. Everything here sits on warm paper: coral-ink for a lit tell,
   gold-ink for a lead, mono for parcel keys and the survey-style "checked" stamps. */
.wu-count{font-size:14.5px;color:var(--ink-mute);margin:6px 0 14px}
.wu-count b{color:var(--ink);font-variant-numeric:tabular-nums}
.wu-count a{color:var(--coral-ink)}
.wu-empty{color:var(--ink-mute);font-size:15px;padding:10px 0}
.wu-bad{color:var(--bad-ink);font-size:15px;padding:10px 0}
.wu-when{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--ink-mute)}
.wu-proof{font-size:12.5px;color:var(--ok-ink)}
.wu-btns{display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start}
.wu-btns .btn,.wu-watch .btn,.wu-alert .btn{border-color:var(--paper-line);color:var(--ink);background:transparent}
.wu-btns .btn:hover:not([disabled]),.wu-watch .btn:hover,.wu-alert .btn:hover{border-color:var(--ink)}
.wu-btns .btn[disabled]{opacity:.45;cursor:not-allowed}
.wu-btns .btn.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.wu-link{background:none;border:0;padding:0;font:inherit;color:var(--coral-ink);text-decoration:underline;cursor:pointer;text-align:left}

/* the county picker */
.wu-pick{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 18px;padding:12px 0;border-bottom:1px solid var(--paper-line)}
.wu-pick .eyebrow{color:var(--ink-mute);margin-right:6px}
.wu-pick label{display:inline-flex;gap:6px;align-items:center;border:1.5px solid var(--paper-line);border-radius:999px;padding:4px 12px;font-size:14.5px;cursor:pointer}
.wu-pick label:has(input:checked){border-color:var(--ink);background:var(--paper-2)}
.wu-pick input{accent-color:var(--coral-ink)}
.wu-pick .wu-when{flex-basis:100%}
.wu-filter{flex:1 1 220px;min-width:0;border:1.5px solid var(--paper-line);border-radius:999px;padding:6px 14px;font:inherit;font-size:14.5px;background:var(--paper);color:var(--ink)}

/* presets: one row each, a plat-sheet table rather than a grid of cards */
.wu-group{margin:18px 0 6px}
.wu-group h2{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-ink);border-bottom:1px solid var(--paper-line);padding-bottom:6px;margin:0}
.wu-group h2 span{color:var(--ink-mute)}
.wu-presets,.wu-rows,.wu-watches,.wu-alerts,.wu-tells{list-style:none;margin:0;padding:0}
.wu-preset{display:grid;grid-template-columns:1fr auto;gap:8px 18px;padding:12px 0;border-bottom:1px dotted var(--paper-line)}
.wu-preset h3{font-family:var(--display);font-size:18px;font-weight:600;margin:0;color:var(--ink)}
.wu-preset p{font-size:14px;color:var(--ink-mute);margin:2px 0 4px}
.wu-tls{display:flex;flex-wrap:wrap;gap:4px 14px}
.wu-tl{font-size:12.5px;color:var(--ink)}
.wu-tl i{font-style:normal;color:var(--ok-ink)}
@media (max-width:720px){.wu-preset{grid-template-columns:1fr}}

/* a built list */
.wu-lhead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:8px}
.wu-lhead h2{font-size:26px;margin:2px 0}
.wu-lhead .eyebrow{color:var(--coral-ink)}
.wu-fw{font-family:var(--mono);font-size:12px;color:var(--ink-mute)}
.wu-row{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:6px 18px;padding:10px 0;border-bottom:1px solid var(--paper-line)}
.wu-row.missing{grid-template-columns:1fr auto;color:var(--ink-mute)}
.wu-rhead{display:flex;flex-direction:column;gap:2px}
.wu-rhead a{font-weight:700;color:var(--ink)}
.wu-sub{font-size:13px;color:var(--ink-mute)}
.wu-key{font-size:11.5px;color:var(--ink-mute)}
.wu-tells{display:flex;flex-direction:column;gap:6px}
.wu-tell{display:flex;flex-wrap:wrap;gap:2px 10px;align-items:baseline;border-left:2px solid var(--ok-ink);padding-left:8px}
.wu-tell.distress{border-left-color:var(--coral-ink)}
.wu-tell b{font-size:14px;color:var(--ink)}
@media (max-width:720px){.wu-row{grid-template-columns:1fr}}

/* watches */
.wu-watch{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:8px 0;border-bottom:1px dotted var(--paper-line);font-size:14.5px}
.wu-watch a{color:var(--coral-ink)}
.wu-kind{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);min-width:52px}
.wu-watch .btn{margin-left:auto}

/* alerts: a survey log, newest first */
.wu-alert{display:grid;gap:3px;padding:10px 0 10px 14px;border-bottom:1px solid var(--paper-line);position:relative}
.wu-alert::before{content:"";position:absolute;left:0;top:15px;width:7px;height:7px;border-radius:50%;background:var(--ok-ink)}
.wu-alert.gained::before{background:var(--coral)}
.wu-alert.read{opacity:.72}
.wu-alert.read::before{background:var(--paper-line)}
.wu-ah{display:flex;flex-wrap:wrap;gap:6px;align-items:baseline;font-size:15px;color:var(--ink)}
.wu-chg{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-ink)}
.wu-alert.lost .wu-chg{color:var(--ink-mute)}
.wu-lead{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink);border:1px solid var(--gold-ink);border-radius:3px;padding:0 5px}
.wu-alert a.mono{font-size:12.5px;color:var(--ink)}
.wu-alert .btn{justify-self:start;margin-top:4px}