/*
 * PMF UI Phase G1 Custom CSS (Tailwind-Erweiterungen)
 * Spec: PMF_UI_Phase_G_Operations_Spec_v1_0
 *
 * Konvention: hell-weisser Hintergrund (#fafaf7 oder #ffffff), pastellfarbene
 * Tags, keine dark backgrounds. Tailwind-Klassen bleiben primaer; hier nur
 * was Tailwind nicht idiomatisch deckt (Print-CSS, Header-Farbregel-Sticky,
 * HTMX-Loading-Indicator).
 */

/* ============================================================================
 * Schrift-Override (Tailwind hat keine Iowan-Default)
 * ============================================================================ */
body {
  font-feature-settings: "kern" 1, "liga" 1;
  -webkit-font-smoothing: antialiased;
}

/* ============================================================================
 * Header-Farbregel-Sticky (s11_b Header-Farbregel Regime-Fit)
 * Wird in Lagebericht-View dynamisch via class="status-header-{green|amber|red}"
 * gesetzt.
 * ============================================================================ */
.status-header {
  position: sticky;
  top: 0;
  z-index: 40;
  border-left: 4px solid;
  padding: 0.5rem 1rem;
  font-family: "JetBrains Mono", monospace;
  font-size: 0.75rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.status-header-green {
  background: #e8f0e3;
  border-color: #5a8a5a;
  color: #3d6b3d;
}
.status-header-amber {
  background: #fff8e7;
  border-color: #c4a85e;
  color: #8a7440;
}
.status-header-red {
  background: #fae8e8;
  border-color: #a04848;
  color: #783030;
}

/* ============================================================================
 * HTMX Loading-Indicator (fuer Page-2 State-Transitions + Page-3 Refresh)
 * ============================================================================ */
.htmx-indicator {
  display: none;
}
.htmx-request .htmx-indicator,
.htmx-request.htmx-indicator {
  display: inline-block;
}

/* ============================================================================
 * Pastel-Tags (kompakte Status-Indikatoren in Listen)
 * ============================================================================ */
.pmf-tag {
  display: inline-block;
  padding: 0.125rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-family: "JetBrains Mono", monospace;
  letter-spacing: 0.03em;
  border: 1px solid;
}
.pmf-tag-success { background: #e8f0e3; color: #3d6b3d; border-color: #5a8a5a; }
.pmf-tag-warn    { background: #fff8e7; color: #8a7440; border-color: #c4a85e; }
.pmf-tag-danger  { background: #fae8e8; color: #783030; border-color: #a04848; }
.pmf-tag-info    { background: #eef3f9; color: #2e5278; border-color: #4a7ca8; }
.pmf-tag-neutral { background: #f4f4f0; color: #6b6b6b; border-color: #d4d4d0; }

/* ============================================================================
 * Print-Stylesheet (Page 1 Lagebericht-Print)
 * ============================================================================ */
@media print {
  nav, footer, .no-print { display: none !important; }
  body { background: white !important; color: black !important; }
  .status-header { position: static !important; }
  main { padding: 0 !important; max-width: none !important; }
  a { text-decoration: none !important; color: black !important; }
}