/* Paket A: auf .warnzentrale begrenzt; vorhandene obere/untere App-Leiste bleibt. */
.warnzentrale{--wz-bg:#061225;--wz-panel:#0c1d35;--wz-text:#edf5ff;--wz-muted:#b3c5de;--wz-line:#365675;--wz-accent:#52cfff;--wz-button:#153961;--wz-warn:#ffcf75;color:var(--wz-text);font:inherit;line-height:1.5;min-width:0;container-type:inline-size}
body[data-theme="hell"] .warnzentrale,body[data-theme="sonnenlicht"] .warnzentrale{--wz-bg:#f5f8fc;--wz-panel:#fff;--wz-text:#102536;--wz-muted:#41586b;--wz-line:#aabccc;--wz-accent:#005b9d;--wz-button:#e3edf8;--wz-warn:#774300}
body[data-theme="sonnenlicht"] .warnzentrale{--wz-bg:#fff;--wz-text:#000;--wz-muted:#252525;--wz-line:#202020;--wz-accent:#073c87;--wz-warn:#654300}
.warnzentrale *,.warnzentrale *::before,.warnzentrale *::after{box-sizing:border-box;min-width:0}
.warnzentrale h2,.warnzentrale h3,.warnzentrale h4,.warnzentrale p{margin:0 0 12px;color:inherit;overflow-wrap:anywhere}
.warnzentrale h2{font-size:clamp(24px,4cqi,34px);line-height:1.2}.warnzentrale h3{font-size:21px}.warnzentrale h4{font-size:17px}
.warnzentrale .wz-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}
.warnzentrale .wz-eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--wz-accent);margin-bottom:6px}
.warnzentrale .wz-intro,.warnzentrale .wz-caption{font-size:14px;color:var(--wz-muted)}
.warnzentrale .wz-status,.warnzentrale .wz-panel{border:1px solid var(--wz-line);border-radius:18px;padding:22px;background:var(--wz-panel);margin-bottom:20px}
.warnzentrale .wz-status{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;border-top:3px solid var(--wz-accent)}
.warnzentrale dl{margin:0}.warnzentrale dl>div{padding:8px 0;border-bottom:1px solid var(--wz-line)}
.warnzentrale dt{font-size:12px;color:var(--wz-muted)}.warnzentrale dd{margin:2px 0 0;overflow-wrap:anywhere;font-size:14px}
.warnzentrale .wz-note{font-size:14px;margin:10px 0}.warnzentrale .wz-warning{color:var(--wz-warn)}
.warnzentrale button,.warnzentrale input,.warnzentrale select,.warnzentrale summary{font:inherit;min-height:48px;border-radius:10px}
.warnzentrale button{padding:11px 16px;color:var(--wz-text);background:var(--wz-button);border:1px solid var(--wz-line);cursor:pointer;white-space:normal;overflow-wrap:anywhere}
.warnzentrale button:hover:not(:disabled){border-color:var(--wz-accent)}.warnzentrale button:disabled{opacity:.55;cursor:default}
.warnzentrale :is(button,input,select,summary):focus-visible{outline:3px solid var(--wz-accent);outline-offset:3px}
.warnzentrale .wz-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;gap:12px;align-items:end;margin:22px 0}
.warnzentrale label{font-size:13px;color:var(--wz-muted)}.warnzentrale input,.warnzentrale select{display:block;width:100%;margin-top:6px;padding:10px;background:var(--wz-bg);color:var(--wz-text);border:1px solid var(--wz-line)}
.warnzentrale .wz-layout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:20px}.warnzentrale .wz-layout:has([hidden]){grid-template-columns:1fr}
.warnzentrale [hidden]{display:none!important}.warnzentrale .wz-case{padding:18px 0;border-bottom:1px solid var(--wz-line)}.warnzentrale .wz-case:last-of-type{border-bottom:0}
.warnzentrale .wz-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.warnzentrale .wz-tags span{font-size:12px;color:var(--wz-accent);border:1px solid var(--wz-line);border-radius:8px;padding:4px 8px;overflow-wrap:anywhere}
.warnzentrale .wz-pager,.warnzentrale .wz-actions,.warnzentrale .wz-detail-heading{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}.warnzentrale .wz-pager>span{flex:1 1 160px;font-size:13px;color:var(--wz-muted)}
.warnzentrale .wz-detail-heading{justify-content:space-between;margin:0 0 18px}.warnzentrale .wz-events{list-style:none;padding:0;margin:12px 0 24px}.warnzentrale .wz-events li{padding:12px 0;border-bottom:1px solid var(--wz-line);overflow-wrap:anywhere}.warnzentrale .wz-events span{display:block;font-size:13px;color:var(--wz-muted)}
.warnzentrale details{margin-top:10px}.warnzentrale summary{padding:12px 0;cursor:pointer;color:var(--wz-accent)}.warnzentrale [data-wz-notice]:not(:empty){border-left:3px solid var(--wz-accent);padding:12px;margin-bottom:20px}
@container (max-width:850px){.warnzentrale .wz-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.warnzentrale .wz-layout{grid-template-columns:1fr}}
@container (max-width:550px){.warnzentrale .wz-heading{align-items:stretch;flex-direction:column}.warnzentrale .wz-status,.warnzentrale .wz-filters{grid-template-columns:1fr}.warnzentrale .wz-status,.warnzentrale .wz-panel{padding:16px;border-radius:14px}.warnzentrale .wz-actions{flex-direction:column;align-items:stretch}.warnzentrale .wz-pager button{flex:1 1 90px}}
