:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#111827;background:#eef1f5}*{box-sizing:border-box}body{margin:0}.topbar{background:#111827;color:white;padding:20px 26px;display:flex;justify-content:space-between;gap:20px;align-items:center}.topbar h1{margin:0;font-size:1.45rem}.topbar p{margin:4px 0 0;color:#cbd5e1}.status{display:flex;gap:8px;align-items:center;font-size:.9rem}.dot{width:10px;height:10px;border-radius:50%;background:#22c55e}.wrap{max-width:1280px;margin:22px auto;padding:0 16px 42px}.card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 5px 20px rgba(15,23,42,.06);margin-bottom:16px}.toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.toolbar label{font-weight:700;display:block;margin-bottom:6px}.toolbar select,.toolbar button{padding:11px 13px;border-radius:10px;border:1px solid #cbd5e1;font:inherit}.toolbar select{min-width:270px}.toolbar button{background:#111827;color:white;cursor:pointer}.toolbar-meta{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;color:#64748b;font-size:.85rem}.summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.summary-state{font-weight:800;letter-spacing:.08em;margin-bottom:5px}.overall-wrap{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:9px 14px}.lamp{display:inline-block;width:18px;height:18px;border-radius:50%;flex:0 0 auto;border:2px solid rgba(15,23,42,.1)}.lamp.mini{width:12px;height:12px;border-width:1px}.level-0.lamp{background:#22c55e}.level-1.lamp{background:#eab308}.level-2.lamp{background:#f97316}.level-3.lamp{background:#ef4444}.level-4.lamp{background:#7c3aed}.level-na.lamp{background:#94a3b8}.grid.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.grid .card{margin:0}.metric h2{font-size:.9rem;color:#475569;margin:0 0 10px}.value{font-size:1.9rem;font-weight:800}.value.small{font-size:1.25rem}.unit{color:#64748b;font-size:.85rem}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center}.section-head h2{margin:0 0 12px}.section-head span{color:#64748b;font-size:.85rem}.hazards{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.hazard-card{border:1px solid #e2e8f0;border-left:5px solid #94a3b8;border-radius:10px;padding:12px;background:#fff}.hazard-card.level-0{border-left-color:#22c55e}.hazard-card.level-1{border-left-color:#eab308}.hazard-card.level-2{border-left-color:#f97316}.hazard-card.level-3{border-left-color:#ef4444}.hazard-card.level-4{border-left-color:#7c3aed}.hazard-head{display:flex;align-items:center;gap:8px}.hazard-level{font-weight:800;margin-top:9px}.hazard-detail{font-size:.84rem;margin-top:5px}.hazard-source{font-size:.72rem;color:#64748b;margin-top:7px}.microcopy{font-size:.78rem;color:#64748b;margin:10px 0 0}.hourly{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.hour{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px;font-size:.87rem}.hour strong{display:block;margin-bottom:5px}.legend{display:flex;gap:14px;flex-wrap:wrap;margin:0 0 12px;color:#64748b;font-size:.78rem}.legend span{display:flex;align-items:center;gap:5px}.regional{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.municipality-tile{border:1px solid #e2e8f0;border-top:5px solid #94a3b8;border-radius:10px;padding:10px;cursor:pointer;background:#f8fafc}.municipality-tile.level-0{border-top-color:#22c55e}.municipality-tile.level-1{border-top-color:#eab308}.municipality-tile.level-2{border-top-color:#f97316}.municipality-tile.level-3{border-top-color:#ef4444}.municipality-tile.level-4{border-top-color:#7c3aed}.municipality-tile:hover{border-left-color:#94a3b8;border-right-color:#94a3b8;border-bottom-color:#94a3b8}.tile-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.municipality-tile strong{display:block;font-size:.88rem}.municipality-tile .temp{font-weight:800;font-size:1.2rem;margin-top:5px}.municipality-tile small{color:#64748b}.tile-level{font-size:.75rem;font-weight:700;margin-top:6px}.water-row{display:grid;grid-template-columns:2.1fr 1fr 1fr 1fr 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #e5e7eb;align-items:center}.water-row:last-child{border-bottom:0}.water-row small{color:#64748b}.alert-status{padding:12px;border:1px solid #cbd5e1;border-radius:10px;background:#f8fafc}.linkbar{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.linkbar a{display:inline-block;background:#111827;color:#fff;text-decoration:none;padding:9px 11px;border-radius:9px;font-size:.9rem}.notice{font-size:.9rem;border-left:5px solid #64748b}.error{color:#991b1b;background:#fef2f2;padding:10px;border-radius:8px}.loading{color:#64748b}.source{font-style:italic}@media(max-width:1050px){.grid.metrics{grid-template-columns:repeat(3,1fr)}.regional{grid-template-columns:repeat(4,1fr)}.hazards{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.hourly{grid-template-columns:repeat(3,1fr)}.regional{grid-template-columns:repeat(3,1fr)}.hazards{grid-template-columns:repeat(2,1fr)}.topbar{align-items:flex-start;flex-direction:column}.summary{align-items:flex-start;flex-direction:column}.toolbar-meta{margin-left:0;align-items:flex-start}.water-row{grid-template-columns:1.7fr 1fr 1fr}.water-row .optional{display:none}}@media(max-width:520px){.grid.metrics{grid-template-columns:repeat(2,1fr)}.hourly{grid-template-columns:repeat(2,1fr)}.regional{grid-template-columns:repeat(2,1fr)}.hazards{grid-template-columns:1fr}.toolbar select{min-width:100%;width:100%}}
.dual-summary{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dual-summary .card{margin-bottom:16px}.official-summary{border-left:5px solid #334155}.official-section{border-top:4px solid #334155}.official-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.official-card{border:1px solid #e2e8f0;border-top:5px solid #94a3b8;border-radius:10px;padding:13px;background:#f8fafc}.official-card.level-0{border-top-color:#22c55e}.official-card.level-1{border-top-color:#eab308}.official-card.level-2{border-top-color:#f97316}.official-card.level-3{border-top-color:#ef4444}.official-card.level-4{border-top-color:#7c3aed}.official-top{display:flex;justify-content:space-between;gap:10px}.official-top small{display:block;color:#64748b;margin-top:3px}.official-badge{font-size:.72rem;font-weight:700;background:#e2e8f0;padding:5px 8px;border-radius:999px;height:max-content}.official-card p{font-size:.86rem;min-height:38px}.official-card a{font-size:.82rem;font-weight:700;color:#0f172a}.official-time{font-size:.72rem;color:#64748b;margin:8px 0}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.health-item{display:flex;align-items:center;gap:9px;border:1px solid #e2e8f0;border-radius:10px;padding:10px;background:#f8fafc}.health-item small{display:block;color:#64748b;margin-top:2px}.health-dot{width:11px;height:11px;border-radius:50%;background:#94a3b8}.health-dot.ok{background:#22c55e}.health-dot.neutral{background:#94a3b8}.water-row span small{display:block;color:#64748b;margin-top:3px}@media(max-width:1050px){.official-grid{grid-template-columns:repeat(2,1fr)}.health-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.dual-summary{grid-template-columns:1fr}}@media(max-width:520px){.official-grid,.health-grid{grid-template-columns:1fr}}
.official-map{display:block;width:100%;max-height:190px;object-fit:contain;background:white;border:1px solid #e2e8f0;border-radius:8px;margin:10px 0}.official-map-link{display:block}.official-attribution{font-size:.7rem;color:#64748b;margin:7px 0}.official-badge{max-width:180px;text-align:center}.official-card{overflow:hidden}
.header-actions{display:flex;align-items:center;gap:16px}.toplink{color:#fff;text-decoration:none;border:1px solid #475569;padding:8px 11px;border-radius:9px;font-size:.85rem}.toplink:hover{background:#1e293b}.cache-summary{margin-top:12px;font-size:.78rem;color:#64748b}.login-wrap{max-width:460px;margin:70px auto;padding:0 16px}.login-card label{display:block;font-weight:700;margin:12px 0 5px}.login-card input{width:100%;padding:11px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}.login-card button,.action-button{margin-top:14px;background:#111827;color:#fff;border:0;padding:10px 13px;border-radius:9px;cursor:pointer;font:inherit}.login-error{color:#991b1b;margin-top:10px}.internal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.internal-stat{border:1px solid #e2e8f0;border-radius:10px;padding:13px;background:#f8fafc}.internal-stat strong{display:block;font-size:1.4rem}.event-row{padding:10px 0;border-bottom:1px solid #e5e7eb}.event-row:last-child{border-bottom:0}.event-row small{color:#64748b}.button-row{display:flex;gap:9px;flex-wrap:wrap}.button-row .action-button{margin-top:0}.muted{color:#64748b}.push-state{padding:10px;border:1px solid #e2e8f0;border-radius:9px;background:#f8fafc;margin-top:10px}@media(max-width:800px){.header-actions{align-items:flex-start;flex-direction:column}.internal-grid{grid-template-columns:1fr}}

.rules-head,.rules-row{display:grid;grid-template-columns:2fr .8fr 1.4fr 3fr;gap:12px;align-items:center;padding:10px 8px;border-bottom:1px solid #e5e7eb}.rules-head{background:#f8fafc;border-radius:8px 8px 0 0}.rules-row select{padding:7px;border:1px solid #cbd5e1;border-radius:7px;background:white}.rules-row small{color:#64748b}.rules-row label{display:flex;gap:6px;align-items:center}@media(max-width:800px){.rules-head{display:none}.rules-row{grid-template-columns:1fr 1fr}.rules-row small{grid-column:1/-1}}
.user-admin-layout{display:grid;grid-template-columns:360px 1fr;gap:16px;align-items:start}.user-list-card,.user-editor-card{margin-bottom:0}.action-button.compact{margin:0;padding:8px 10px}.action-button.secondary{background:#475569}.user-list{display:flex;flex-direction:column;gap:7px}.user-row{width:100%;text-align:left;border:1px solid #e2e8f0;background:#f8fafc;border-radius:10px;padding:11px;display:flex;justify-content:space-between;gap:10px;cursor:pointer}.user-row.selected{border-color:#334155;background:#eef2ff}.user-row strong,.user-row small{display:block}.user-row small{color:#64748b;margin-top:3px}.user-tags{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:.7rem}.user-tags em{font-style:normal;color:#64748b}.user-tags b{border-radius:999px;padding:2px 7px}.user-tags b.active{background:#dcfce7;color:#166534}.user-tags b.inactive{background:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label{font-weight:700;font-size:.86rem}.form-grid input,.form-grid select{display:block;width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:8px;margin-top:5px;font:inherit;background:#fff}.checkline{display:flex!important;gap:7px;align-items:center;font-weight:500!important}.checkline input{width:auto!important;margin:0!important}.checkline.prominent{margin:8px 0 12px;font-weight:700!important}.municipality-checks{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.municipality-check{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px}.user-rules{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.user-rule-row{display:grid;grid-template-columns:2.3fr 1fr 1.2fr;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #e5e7eb}.user-rule-row:last-child{border-bottom:0}.user-rule-row small{display:block;color:#64748b;margin-top:2px}.user-rule-row select{padding:7px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.device-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #e5e7eb}.device-row:last-child{border-bottom:0}.device-row small{display:block;color:#64748b;margin-top:2px}.admin-actions{margin-top:18px}.profile-summary{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.profile-summary strong{font-size:1.05rem}.profile-summary span{color:#64748b}.profile-summary em{font-style:normal;background:#fef3c7;color:#92400e;padding:3px 8px;border-radius:999px}.password-grid{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;margin-top:12px}.password-grid input{padding:9px;border:1px solid #cbd5e1;border-radius:8px;font:inherit}.password-grid .action-button{margin:0}@media(max-width:1000px){.user-admin-layout{grid-template-columns:1fr}.municipality-checks{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.form-grid,.password-grid{grid-template-columns:1fr}.municipality-checks{grid-template-columns:repeat(2,1fr)}.user-rule-row{grid-template-columns:1fr 1fr}.user-rule-row>div:first-child{grid-column:1/-1}}

.push-test-box{margin-top:18px;padding:16px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc}.push-test-box h3{margin-top:0}.push-test-box .form-grid{margin-bottom:10px}.push-test-box select{width:100%;padding:9px;border:1px solid #cbd5e1;border-radius:8px;background:#fff}

/* V6.4 Alarm- und Versandprotokoll */
.alarm-filter{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 16px}.alarm-filter select{min-width:180px}.event-title-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.event-badge{font-size:.78rem;padding:4px 8px;border-radius:999px;background:#e8eef5}.alarm-event.increase{border-left:4px solid #ef6c00}.alarm-event.decrease{border-left:4px solid #1f9d55}.alarm-event.failure{border-left:4px solid #d32f2f}.alarm-event.recovery{border-left:4px solid #2e7d32}.delivery-detail{padding:8px 0;line-height:1.45}.rules-head.v64,.rules-row.v64{grid-template-columns:1.4fr .7fr 1fr .8fr 1.6fr}@media(max-width:850px){.rules-head.v64{display:none}.rules-row.v64{grid-template-columns:1fr}.alarm-filter>*{width:100%}}