:root{
  --dw-bg:#0b0f14;
  --dw-card:#111820;
  --dw-bd:#263349;
  --dw-text:#f2f7ff;
  --dw-sub:#c0cce0;
  --dw-accent:#4bb7c0;

  --sev-green:#e7f3cc;
  --sev-yellow:#fff5b1;
  --sev-orange:#ffd19a;
  --sev-red:#ff9c9c;
  --sev-dred:#d16262;
  --sev-violet:#8c3d8f;
}
.deweko-warncenter{ color:var(--dw-text) }
.deweko-warncenter a{ color:#cfe6ff; text-decoration: underline; text-underline-offset: 2px; }
.deweko-warncenter a:hover{ color:#e8f2ff }
.deweko-warncenter .tw-card{ background:var(--dw-card); border:1px solid var(--dw-bd) }
.deweko-warncenter .tw-chip{ background:rgba(255,255,255,.08); border:1px solid var(--dw-bd); color:var(--dw-text) }
.deweko-warncenter .tw-card, .deweko-warncenter .tw-chip,
.deweko-warncenter input, .deweko-warncenter select, .deweko-warncenter button { color: var(--dw-text) !important; }
.deweko-warncenter #dwc-map{ height:56vh; min-height:340px; width:100%; }
.deweko-warncenter .leaflet-container{ background:#0f1722; border-radius: 0.75rem; border:1px solid var(--dw-bd); z-index: 1; }
.sev-ring-2{ box-shadow:0 0 0 2px rgba(0,0,0,.25), 0 0 0 4px rgba(255,255,255,.06) inset }
.dwd-legend{ position:absolute; right:10px; bottom:10px; background:rgba(0,0,0,.45); border:1px solid var(--dw-bd); border-radius:10px; padding:6px 10px; font-size:12px; z-index: 2; }
.dwd-legend div{ display:flex; align-items:center; gap:6px; margin:2px 0; }
.dwd-legend i{ width:12px; height:12px; display:inline-block; border-radius:2px; }

/* KPI 2..6 */
.deweko-warncenter .tw-card.kpi-2, .deweko-warncenter .tw-card.kpi-2 *{ background:var(--sev-yellow) !important; color:#111 !important; }
.deweko-warncenter .tw-card.kpi-3, .deweko-warncenter .tw-card.kpi-3 *{ background:var(--sev-orange) !important; color:#111 !important; }
.deweko-warncenter .tw-card.kpi-4, .deweko-warncenter .tw-card.kpi-4 *{ background:var(--sev-red) !important; color:#111 !important; }
.deweko-warncenter .tw-card.kpi-5, .deweko-warncenter .tw-card.kpi-5 *{ background:var(--sev-dred) !important; color:#fff !important; }
.deweko-warncenter .tw-card.kpi-6, .deweko-warncenter .tw-card.kpi-6 *{ background:var(--sev-violet) !important; color:#fff !important; }

/* Headline readability */
.deweko-warncenter [data-headline]{ color:#fff !important; text-shadow: 0 1px 1px rgba(0,0,0,.4); }