/* ===== Card style: Signal (crisp product UI) =====
   A header band per card, framed item lists, numbered tiles, mono metadata, brand blue.
   Linked with `disabled`; card-style.js enables this file only while Signal is the active style, so these
   fonts are never fetched otherwise. Fonts: Geist and Geist Mono, SIL OFL, self-hosted Latin subsets
   (see static/fonts/<family>/OFL.txt). Colours: palettes.css. */

@font-face{font-family:'Geist';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/static/fonts/geist/geist-latin-wght-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:100 900;font-display:swap;
  src:url('/static/fonts/geist-mono/geist-mono-latin-wght-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root[data-card-style="signal"]{
  --cs-fd:'Geist','Helvetica Neue',Arial,sans-serif;
  --cs-fb:'Geist','Helvetica Neue',Arial,sans-serif;
  --cs-fm:'Geist Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
}

/* header band: the chip row sits in a tinted strip; everything else keeps a 16px gutter */
:root[data-card-style="signal"] .pc-card{padding:0 0 16px;overflow:hidden;letter-spacing:-.003em}
:root[data-card-style="signal"] .pc-card > .pc-head{margin:0;padding:10px 16px;background:var(--cs-card-2);border-bottom:1px solid var(--cs-line)}
:root[data-card-style="signal"] .pc-card > :not(.pc-head){margin-left:16px;margin-right:16px}
:root[data-card-style="signal"] .pc-card > .pc-head + *,:root[data-card-style="signal"] .pc-card > :first-child:not(.pc-head){margin-top:14px}
:root[data-card-style="signal"] .pc-card > .pc-wide{width:auto}
:root[data-card-style="signal"] .pc-prompt{font-size:1.06em;font-weight:650;letter-spacing:-.01em}
:root[data-card-style="signal"] .pc-chip{border-radius:6px;font-family:var(--cs-fm);font-weight:500;font-size:.72em;min-height:22px}

/* go items in one framed list with numbered tiles */
:root[data-card-style="signal"] .pc-rows{margin-top:10px;border:1px solid var(--cs-line);border-radius:10px;overflow:hidden}
:root[data-card-style="signal"] .pc-row{padding:12px 14px}
:root[data-card-style="signal"] .pc-row:has(> .pc-detail:not([hidden])){background:var(--cs-card-2)}
:root[data-card-style="signal"] .pc-line{align-items:center}
:root[data-card-style="signal"] .pc-num{display:inline-grid;place-items:center;width:24px;min-width:24px;height:24px;border-radius:6px;
  border:1px solid var(--cs-line);background:var(--cs-card);font-size:.78em;align-self:center}
:root[data-card-style="signal"] .pc-detail{background:var(--cs-card)}
:root[data-card-style="signal"] .pc-ask-pending:not(:empty){padding:0 4px 0 12px;border:1px solid var(--cs-ls);border-radius:6px;background:var(--cs-card-2);font-family:var(--cs-fm);font-size:.8em}

/* buttons */
:root[data-card-style="signal"] .pc-btn{font-weight:550;box-shadow:0 1px 1px rgba(14,22,33,.06)}
:root[data-card-style="signal"] .pc-primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(14,22,33,.2)}
:root[data-card-style="signal"] .pc-more,:root[data-card-style="signal"] .pc-link{box-shadow:none}
:root[data-card-style="signal"] .pc-note:focus-visible,:root[data-card-style="signal"] .pc-form .pc-field-input:focus-visible{box-shadow:0 0 0 5px var(--cs-acc-soft)}

/* choice */
:root[data-card-style="signal"] .pc-choice .pc-option:has(.pc-input:checked){box-shadow:0 0 0 3px var(--cs-acc-soft)}
:root[data-card-style="signal"] .pc-option .pc-rec{border-radius:6px;border-color:transparent;font-family:var(--cs-fm);font-weight:500}

/* result and status */
:root[data-card-style="signal"] .pc-bar-track{height:14px;border-radius:4px}
:root[data-card-style="signal"] .pc-bar-fill{border-radius:4px}
:root[data-card-style="signal"] .pc-progress{height:8px}

/* tray: a header band like the cards */
:root[data-card-style="signal"] .pc-tray{padding:0;overflow:hidden}
:root[data-card-style="signal"] .pc-tray-top{margin:0;padding:10px 8px 10px 14px;background:var(--cs-card-2);border-bottom:1px solid var(--cs-line)}
:root[data-card-style="signal"] .pc-tray-list{padding:0 14px}
:root[data-card-style="signal"] .pc-tray-empty,:root[data-card-style="signal"] .pc-tray-foot{padding:8px 14px}
:root[data-card-style="signal"] .pc-tray-btn[data-state="waiting"]{box-shadow:0 1px 1px rgba(14,22,33,.06)}:root[data-card-style="signal"] .pc-tray-n{border-radius:var(--pb-radius-pill)}
:root[data-card-style="signal"] .pc-tray-strip{border-radius:10px}