/* ===== Card style: Afterburn (bold, dark first; brand blue #2a93c1 + orange #f1420b) =====
   Gradient edges, heavy grotesque prompts, pill buttons, an ember Go.
   Linked with `disabled`; card-style.js enables this file only while Afterburn is the active style, so
   these fonts are never fetched otherwise. Fonts: Bricolage Grotesque and JetBrains Mono, SIL OFL,
   self-hosted Latin subsets (see static/fonts/<family>/OFL.txt). Colours: palettes.css. */

@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-display:swap;
  src:url('/static/fonts/bricolage-grotesque/bricolage-grotesque-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:'JetBrains Mono';font-style:normal;font-weight:100 800;font-display:swap;
  src:url('/static/fonts/jetbrains-mono/jetbrains-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="afterburn"]{
  --cs-fd:'Bricolage Grotesque','Arial Black','Helvetica Neue',Arial,sans-serif;
  --cs-fb:'Bricolage Grotesque','Helvetica Neue',Arial,sans-serif;
  --cs-fm:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,Consolas,monospace;
}

/* gradient edge (blue to ember) and a lit top seam */
:root[data-card-style="afterburn"] .pc-card{border:1px solid transparent;
  background:linear-gradient(var(--cs-card),var(--cs-card)) padding-box,
    linear-gradient(135deg,var(--cs-edge1),var(--cs-line) 40%,var(--cs-line) 60%,var(--cs-edge2)) border-box}
:root[data-card-style="afterburn"] .pc-card::after{content:"";position:absolute;left:18px;right:18px;top:-1px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--cs-acc2),transparent);opacity:.7}
:root[data-card-style="afterburn"] .pc-card[data-state="expired"]{background:linear-gradient(var(--cs-card-2),var(--cs-card-2)) padding-box,
  linear-gradient(var(--cs-line),var(--cs-line)) border-box}
:root[data-card-style="afterburn"] .pc-card[data-state="expired"]::after{display:none}
:root[data-card-style="afterburn"] .pc-chip{border:1px solid currentColor;border-radius:6px;font-family:var(--cs-fm);font-weight:600;font-size:.7em;
  letter-spacing:.08em;text-transform:uppercase}
:root[data-card-style="afterburn"] .pc-prompt{font-size:1.45em;font-weight:800;letter-spacing:-.03em;line-height:1.12}
:root[data-card-style="afterburn"] .pc-label{font-size:1.04em;font-weight:650}

/* go rows: numbered tiles that light up while the item is open */
:root[data-card-style="afterburn"] .pc-line{align-items:center}
:root[data-card-style="afterburn"] .pc-num{display:inline-grid;place-items:center;width:30px;min-width:30px;height:30px;border-radius:9px;
  background:var(--cs-card-2);border:1px solid var(--cs-line);color:var(--cs-ink);font-size:.8em;align-self:center}
:root[data-card-style="afterburn"] .pc-row:has(> .pc-detail:not([hidden])) .pc-num{background:var(--cs-acc);border-color:var(--cs-acc);color:var(--cs-on-acc)}
:root[data-card-style="afterburn"] .pc-detail{border-radius:14px}
:root[data-card-style="afterburn"] .pc-ask-pending:not(:empty){padding:0 6px 0 14px;border:1px solid var(--cs-acc);border-radius:14px;background:var(--cs-card)}

/* buttons: pills, an ember gradient Go (solid in light) */
:root[data-card-style="afterburn"] .pc-btn{padding:0 18px;font-weight:700}
:root[data-card-style="afterburn"] .pc-primary:hover:not(:disabled){box-shadow:0 0 0 4px rgba(241,66,11,.18),0 10px 24px -8px rgba(241,66,11,.7)}
:root[data-card-style="afterburn"] .pc-btn:not(.pc-primary):not(.pc-more):not(.pc-link):hover:not(:disabled){box-shadow:0 0 0 3px var(--cs-acc-soft)}
:root[data-card-style="afterburn"] .pc-note:focus-visible,:root[data-card-style="afterburn"] .pc-form .pc-field-input:focus-visible{box-shadow:0 0 0 6px var(--cs-acc-soft)}

/* choice */
:root[data-card-style="afterburn"] .pc-choice .pc-option,:root[data-card-style="afterburn"] .pc-choice .pc-option:first-child{border-radius:14px;min-height:56px}
:root[data-card-style="afterburn"] .pc-choice .pc-option:has(.pc-input:checked){box-shadow:0 0 24px -10px var(--cs-acc2)}
:root[data-card-style="afterburn"] .pc-option .pc-rec{border-radius:6px;font-family:var(--cs-fm);text-transform:uppercase;font-size:.66em;letter-spacing:.08em}

/* result and status: blue-to-ember fills */
:root[data-card-style="afterburn"] .pc-bar-track{height:14px;border-radius:10px;background:var(--cs-card-2)}
:root[data-card-style="afterburn"] .pc-bar-fill{background:linear-gradient(90deg,var(--cs-edge1),var(--cs-acc2))}
:root[data-card-style="afterburn"] .pc-bar:first-child .pc-bar-fill{background:linear-gradient(90deg,var(--cs-go-a),var(--cs-go-b))}
:root[data-card-style="afterburn"] .pc-progress{height:12px;background:var(--cs-card-2)}
:root[data-card-style="afterburn"] .pc-progress-fill{background:linear-gradient(90deg,var(--cs-edge1),var(--cs-acc2) 60%,var(--cs-go-a))}
:root[data-card-style="afterburn"] .pc-line-path{stroke-width:2.5}

/* tray */
:root[data-card-style="afterburn"] .pc-tray{border:1px solid transparent;border-radius:18px;
  background:linear-gradient(var(--cs-card),var(--cs-card)) padding-box,linear-gradient(135deg,var(--cs-edge2),var(--cs-line) 50%,var(--cs-edge1)) border-box}
:root[data-card-style="afterburn"] .pc-tray-btn[data-state="waiting"]{border-color:var(--cs-acc)}:root[data-card-style="afterburn"] .pc-tray-n{box-shadow:0 0 0 2px var(--cs-acc-soft)}
:root[data-card-style="afterburn"] .pc-tray-strip{border-radius:18px;border-color:var(--cs-acc)}

@media (prefers-reduced-motion: no-preference){
  :root[data-card-style="afterburn"] .pc-status-card[data-state="running"] .pc-chip::before{animation:pc-cs-pulse 1.6s ease-out infinite}
}
@keyframes pc-cs-pulse{0%{box-shadow:0 0 0 0 currentColor}100%{box-shadow:0 0 0 6px transparent}}