/* Alarme, Abwehr und private Kanäle – kompakte Karten im selben Designsystem. */
.regel3-statusillustration{display:block;max-width:100%;height:auto;flex:none}.regel3-statuskarte{margin:0 0 16px;padding:18px;border:1px solid #d4dcd3;border-radius:17px;background:#fffdf8;color:var(--tinte);box-shadow:var(--schatten-klein);overflow-wrap:anywhere}.regel3-statuskarte[data-zustand="gefangen"],.regel3-statuskarte[data-zustand="gefahr"]{border-color:#d58d94;border-top:5px solid var(--koralle)}.regel3-statuskarte[data-zustand="gebunden"],.regel3-statuskarte[data-zustand="wartend"]{border-color:#d6bb6d;background:#fff9e8}.regel3-statuskarte[data-zustand="erfolg"]{border-left:5px solid var(--gras)}.regel3-statuskarte[data-zustand="pause"],.regel3-statuskarte[data-zustand="offline"]{border-color:#b9c2ba}.regel3-kopf{display:flex;align-items:flex-start;gap:12px;margin-bottom:11px}.regel3-kopf>.spiel-icon{flex:none;width:29px;height:29px;margin-top:2px}.regel3-kopf>div{min-width:0;flex:1}.regel3-kopf h2,.regel3-kopf h3{margin:0 0 5px;line-height:1.1}.regel3-kopf p,.regel3-statuskarte p{margin:7px 0}.regel3-leise{color:var(--tinte-weich);font-size:13px}.regel3-hinweis{margin:11px 0;padding:11px 13px;border:1px solid #d9c27e;border-radius:11px;background:#faf1d5;font-size:13px;line-height:1.45;text-align:left;overflow-wrap:anywhere}.regel3-hinweis p{margin:6px 0}.regel3-hinweis small{display:block;margin-top:5px}.regel3-hinweis[data-art="gefahr"]{border-color:#d28e94;background:#fbeded;color:#9f222c}.regel3-gefangen{border-left:5px solid var(--koralle);overflow-wrap:anywhere}.regel3-gefangen h2{display:flex;align-items:center;gap:8px}.regel3-alarmzugang{display:flex;flex:0 0 100%;flex-wrap:wrap;gap:7px;min-width:0;max-width:100%;max-height:min(22vh,145px);overflow-y:auto;overscroll-behavior:contain}.regel3-alarmzugang>.knopf{flex:1 1 180px;min-width:0;min-height:44px;white-space:normal}.regel3-timer{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:13px 0 7px}.regel3-timer time,.regel3-wert{font:800 32px/1 var(--schrift-display);font-variant-numeric:tabular-nums}.regel3-timer[data-dringend="true"] time{color:var(--koralle-dunkel)}.regel3-fortschritt{height:9px;border-radius:99px;background:#e2e7df;overflow:hidden}.regel3-fortschritt>span{display:block;width:clamp(0%,var(--fortschritt,0%),100%);height:100%;border-radius:99px;background:var(--gras);transition:width var(--mittel) ease-out}.regel3-fortschritt[data-art="gefahr"]>span{background:var(--koralle)}.regel3-kosten{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;margin:13px 0}.regel3-kosten dt,.regel3-kosten dd{margin:0}.regel3-kosten dd{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.regel3-aktionen{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.regel3-aktionen>button,.regel3-schnellzugriff>button{min-height:46px;min-width:0;padding:10px 13px;border:1px solid #bcc9bd;border-radius:11px;background:#fffdf8;color:var(--tinte);font-weight:700}.regel3-aktionen>button{flex:1 1 130px}.regel3-aktionen>button.primaer{border-color:var(--gras-dunkel);background:var(--gras);color:#fff}.regel3-aktionen>button.risiko{border-color:var(--koralle-dunkel);background:var(--koralle);color:#fff}.regel3-aktionen>button:disabled,.regel3-schnellzugriff>button:disabled{opacity:.45;cursor:default}.regel3-schnellzugriff{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:13px 0}.regel3-schnellzugriff>button{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;padding:10px 6px;font-size:13px}.regel3-formfeld{display:block;margin:13px 0;font-weight:700}.regel3-formfeld>span{display:block;margin-bottom:6px}.regel3-formfeld :is(input,textarea,select){width:100%;min-width:0;min-height:47px;padding:11px;border:1px solid #bdc9be;border-radius:11px;background:#fffdf8;color:var(--tinte);font:inherit}.regel3-formfeld textarea{min-height:84px;resize:vertical;user-select:text}.regel3-chat{max-height:min(42vh,360px);margin:13px 0;padding:3px;overflow-y:auto;overscroll-behavior:contain}.regel3-chat>p{margin:0 0 8px;padding:10px 12px;border:1px solid #dce2d9;border-radius:11px;background:#fffdf8;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere}#regel3-alarm-zeit{justify-content:center;color:var(--koralle-dunkel);font:800 26px var(--schrift-display);font-variant-numeric:tabular-nums}#regel3-chat-form{min-width:0;text-align:left}#regel3-chat-form textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:80px;resize:vertical}#regel3-chat-status{font-size:13px;overflow-wrap:anywhere}#regel3-abwehr .knopf+.knopf{margin-top:8px}.regel3-nachricht{margin:0 20px 9px 0;padding:10px 12px;border:1px solid #dce2d9;border-radius:12px;background:#fffdf8;overflow-wrap:anywhere}.regel3-nachricht[data-eigen="true"]{margin:0 0 9px 20px;border-color:#b9d2bf;background:#eaf4e9}.regel3-nachricht p{margin:4px 0;white-space:pre-wrap;user-select:text}.regel3-nachricht header{display:flex;justify-content:space-between;gap:8px;color:var(--tinte-weich);font-size:12px}.regel3-sendestatus{display:flex;align-items:center;gap:6px;color:var(--tinte-weich);font-size:12px}.regel3-sendestatus[data-status="fehler"]{color:var(--koralle-dunkel)}.regel3-sendestatus[data-status="bestaetigt"]{color:var(--gras-dunkel)}.regel3-sprueche{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.regel3-sprueche button{min-height:44px;padding:8px 10px;border:1px solid #d6ddd3;border-radius:9px;background:#f5f3eb;text-align:left}.regel3-bilanz{overflow-x:auto}.regel3-bilanz table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.regel3-bilanz :is(th,td){padding:9px 6px;border-bottom:1px solid #e0e4dc;text-align:left;vertical-align:top}.regel3-bilanz :is(th,td):last-child{text-align:right;white-space:nowrap}.regel3-bilanz tr[data-summe="true"]{border-top:2px solid var(--himmel-dunkel);background:#f0f2ea;font-weight:800}.regel3-bilanz .einnahme{color:var(--gras-dunkel)}.regel3-bilanz .ausgabe{color:var(--koralle-dunkel)}.regel3-bilanz-zeile{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:9px 0;border-bottom:1px solid #e0e4dc;font-size:13px;text-align:left;overflow-wrap:anywhere}.regel3-bilanz-zeile strong{text-align:right;font-variant-numeric:tabular-nums}#bilanz-datum{min-width:0;max-width:100%}.regel3-eingang{animation:regel3-eingang var(--mittel) ease-out both}@keyframes regel3-eingang{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:350px){.regel3-statuskarte{padding:14px}.regel3-kosten{gap:7px}.regel3-kopf{gap:8px}}
@media(prefers-reduced-motion:reduce){.regel3-eingang{animation:none}.regel3-fortschritt>span{transition:none}}
