.critical-alarm-banner{background:linear-gradient(120deg,#8c1327,#b51e32);color:#fff;border:2px solid #ff6b7e;border-radius:17px;padding:22px;margin-top:22px;box-shadow:0 8px 30px #c7162933}.critical-banner-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.critical-banner-heading>div{display:flex;gap:13px;align-items:center}.critical-banner-heading>div>.icon{width:32px;height:32px}.critical-banner-heading span{font-size:12px;letter-spacing:1.3px;font-weight:700}.critical-banner-heading h2{font-size:23px;color:#fff}.critical-button{background:#fff;color:#a0142a;border:1px solid #fff;border-radius:10px;padding:12px 17px;min-height:46px;font-size:15px;font-weight:750}.critical-button.subtle{background:transparent;color:#fff;border-color:#ffffff80}.critical-banner-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.critical-alarm-tile{display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:#29000e35;border:1px solid #ffffff60;border-radius:12px;padding:16px;text-align:left;color:#fff}.critical-kind{font-size:19px;font-weight:800;display:flex;align-items:center;gap:9px;line-height:1.35}.critical-alarm-tile b{font-size:16px}.critical-alarm-tile>span:not(.critical-kind),.critical-alarm-tile small{font-size:13px;color:#fff}.critical-alarm-banner>p{font-size:13px;color:#ffedf0;margin-top:14px}.critical-alarm-popup{position:fixed;inset:20px 24px auto auto;margin:0;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;z-index:10000;background:#af1029;color:#fff;border:2px solid #ff8293;border-radius:18px;padding:22px;box-shadow:0 18px 70px #0009;font-size:16px}.critical-alarm-popup[popover]::backdrop{background:transparent;pointer-events:none}.critical-popup-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.critical-popup-top>span{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1px}.critical-popup-top>button{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #ffffff66;border-radius:10px;color:#fff}.critical-alarm-popup h2{font-size:27px;line-height:1.15;color:#fff;letter-spacing:.3px;margin-bottom:14px}.critical-alarm-popup>b{font-size:18px;display:block}.critical-alarm-popup p{font-size:16px;line-height:1.5;margin:13px 0}.critical-popup-time{font-size:13px;color:#ffebee}.critical-popup-actions{display:flex;gap:10px;margin:20px 0 14px;flex-wrap:wrap}.critical-alarm-popup>small{display:block;color:#ffe8ee;font-size:12px;line-height:1.5}.critical-detail-dialog{width:min(690px,calc(100vw - 28px))}.critical-detail-list{display:grid;gap:14px}.critical-detail-list article{padding:18px;border:2px solid #d73650;border-radius:12px}.critical-detail-list h3{color:var(--red);font-size:21px;margin-bottom:10px}.critical-detail-list small{font-size:13px}.critical-detail-list p{margin:10px 0}.critical-detail-list .dialog-actions{margin-top:14px}
@media(max-width:600px){.critical-alarm-popup{inset:12px 14px auto auto;padding:18px}.critical-alarm-popup h2{font-size:24px}.critical-banner-heading{align-items:flex-start;flex-direction:column}.critical-banner-heading .critical-button{width:100%}.critical-alarm-banner{padding:17px}.critical-banner-heading h2{font-size:21px}.critical-banner-grid{grid-template-columns:1fr}.critical-kind{font-size:18px}}
.critical-service-grid{display:grid;gap:10px;margin:15px 0}.critical-detail-dialog form{display:grid;gap:14px;margin:22px 0}.critical-detail-dialog label{display:grid;gap:7px}.critical-detail-dialog textarea{min-height:90px}.household-card{display:flex;flex-direction:column;gap:12px}.household-contacts{display:grid;gap:14px;flex:1}.household-contacts>div{display:grid;gap:5px;border-bottom:1px solid var(--border);padding-bottom:12px}.household-contacts a{color:var(--mint);font-weight:700}.household-contacts small,.household-contacts span{color:var(--muted)}.household-member{padding:15px 0;border-bottom:1px solid var(--border);margin-bottom:15px}.household-member button{margin:8px 8px 0 0}.event-content .secondary{margin:5px 4px 0 0}.household-card h2{margin:0}.critical-alarm-banner+.page-heading{margin-top:22px}