/* === PDF FAILURE BANNER STYLES ===========================================
   Shared stylesheet for the customer-facing 422 banner rendered when
   POST /api/generate-pdf or POST /api/generate-team-pdf returns
   `{status: 'pdf_failed' | 'pdf_not_ready', retryable, message, supportEmail}`.

   Loaded by:
     - custom-ia-scorecard-team-report.hbs        (team report download)
     - custom-ia-scorecard-report.hbs             (individual report download)
     - custom-intelligence-age-scorecard.hbs      (executive briefing download)

   Origin: extracted from team-report.css + executive-briefing.js inline
   <style> injection in PR chore/pdf-failure-css-consolidation (closing the
   Copilot R1 C2 path-B follow-up).

   CSS-var sourcing (Copilot R1 C1/C2 on PR #316): all three surfaces define
   `--teal` and `--fs` — team-report.hbs imports them via shared.css; the
   two EB surfaces define them inline in their own `:root{}` blocks and
   include `body.fs-n / fs-l / fs-xl` font-size selector rules. The rules
   below use `var(--teal, #30ffeb)` and `calc(...*var(--fs, 1))` so the
   banner inherits theme color + font-size scaling on all three surfaces,
   AND degrades safely to the literal fallback if a future surface ever
   omits the vars. Status-tier colors (red `#ef4444` for pdf_failed, amber
   `#f59e0b` for pdf_not_ready) stay literal because they are not
   theme-tier — the design system intentionally restricts `--teal/--purple/
   --space/--titanium` to brand colors.
   ========================================================================== */
.pdf-failure-banner{
  margin-top:16px;
  padding:14px 18px;
  border-radius:8px;
  background:rgba(239,68,68,0.08);
  border-left:3px solid #ef4444;
  font-size:calc(13px*var(--fs, 1));
  color:#e2e2e1;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.pdf-failure-banner.pdf-failure-pdf_not_ready{
  background:rgba(245,158,11,0.08);
  border-left-color:#f59e0b;
}
.pdf-failure-banner .pdf-failure-msg{line-height:1.6}
.pdf-failure-banner .pdf-failure-mailto{
  align-self:flex-start;
  color:var(--teal, #30ffeb);
  text-decoration:none;
  font-weight:600;
  font-size:calc(12px*var(--fs, 1));
  padding:8px 14px;
  background:rgba(48,255,235,0.06);
  border:1px solid rgba(48,255,235,0.2);
  border-radius:6px;
  transition:.2s;
}
.pdf-failure-banner .pdf-failure-mailto:hover{
  background:rgba(48,255,235,0.12);
  color:#fff;
}