:root{--ink:#152e2a;--muted:#4e625d;--navy:#163d36;--cream:#f2f6f3;--line:#c5d2ca;--red:#ad2027;--green:#14733e;--radius:20px}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:20px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:4px solid #b16a00;outline-offset:4px}input{min-width:0;min-height:64px;width:100%;color:var(--ink);background:white;border:2px solid #899f92;border-radius:12px;padding:14px;line-height:1.4}input::placeholder{color:#576c62}[hidden]{display:none!important}h1,h2,h3,p{overflow-wrap:anywhere}.skip-link{position:absolute;top:-90px;left:16px;padding:16px;background:white;z-index:20}.skip-link:focus{top:10px}.masthead{background:var(--navy);color:white}.masthead-inner{max-width:1020px;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:auto}.brand{font-size:25px;text-decoration:none;font-weight:650}.brand b{color:#baf0cb}.connection{display:flex;align-items:center;gap:10px;border:1px solid #7e9b91;padding:8px 14px;border-radius:28px;font-weight:600}.status-dot{width:13px;height:13px;border-radius:50%;background:#b8c5bf;flex:none}.connection[data-state=connected] .status-dot{background:#92ecb1}.connection[data-state=error]{background:#8c2025;border-color:#ffc1bb}.connection[data-state=error] .status-dot{background:white}.connection[data-state=loading] .status-dot{background:#ffda83}.page{max-width:1020px;padding:0 28px;margin:auto}.page-heading{padding:28px 0 22px}h1{font-size:clamp(32px,4vw,44px);line-height:1.2;margin:0;font-weight:750}.page-heading p{margin:10px 0 0;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.section-heading h2{margin:0;font-size:28px}.count{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 9px;background:#dae7de;border-radius:10px;margin-left:8px;font-size:22px}.icon-button{min-height:64px;padding:12px 18px;background:white;border:2px solid #a4b8a9;border-radius:12px;color:var(--ink);font-weight:650}.icon-button:hover:enabled{background:#e4eee7}.sync-caption{margin:18px 0;color:var(--muted)}.empty-state{background:white;border:2px solid var(--line);border-radius:var(--radius);padding:32px 24px;text-align:center}.empty-icon{display:block;font-size:50px;font-weight:750;color:var(--green);line-height:1.2}.empty-state h3{font-size:28px;margin:12px 0}.empty-state p{margin:8px 0;color:var(--muted)}.alerts-list{display:grid;gap:24px}.alert-card{background:white;border:3px solid var(--red);border-radius:var(--radius);overflow:hidden}.alert-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:var(--red);color:white;padding:16px 22px;font-weight:750}.reason-label{font-size:23px}.alert-badges{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.test-badge{color:#132c26;background:white;border:2px solid currentColor;border-radius:8px;padding:1px 8px}.card-body{padding:24px}.person-row{display:flex;align-items:center;gap:16px}.avatar{display:grid;place-items:center;flex:none;background:#e5eee8;width:64px;height:64px;border-radius:50%;font-size:24px;font-weight:750}.person-name{font-size:32px;line-height:1.2;margin:0}.person-profile{margin:5px 0 0;color:var(--muted)}.alert-details{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:22px 0}.detail-label{display:block;color:var(--muted);font-weight:600;margin-bottom:5px}.location-text,.location-meta{margin:0}.location-text{overflow-wrap:anywhere}.map-link{display:inline-flex;align-items:center;min-height:64px;color:#075b87;font-weight:700;text-decoration-thickness:2px;text-underline-offset:4px}.ack-form{border-top:1px solid var(--line);padding-top:20px}.operator-label{display:block;margin-bottom:10px;font-weight:600}.ack-input-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(280px,1.15fr);gap:14px}.button{border:0;border-radius:14px;min-height:72px;line-height:1.25;padding:16px 20px;font-size:23px;font-weight:750}.button-primary{background:var(--navy);color:white;width:100%;margin-top:14px}.button-primary:hover:enabled{background:#245c50}.button-ack{background:var(--green);color:white}.button-ack:hover:enabled{background:#0b5e2f}.alert-card[data-status=acknowledged],.alert-card[data-status=resolved]{border-color:var(--green)}.alert-card[data-status=acknowledged] .alert-topline,.alert-card[data-status=resolved] .alert-topline{background:var(--green)}.acknowledgment{display:flex;align-items:flex-start;gap:14px;background:#e1f5e7;color:#095c2b;border-radius:14px;padding:18px;font-size:23px}.ack-icon{font-size:30px;line-height:1.1}.ack-time{font-size:20px;margin:6px 0 0}.alert-more{border-top:1px solid var(--line);margin-top:20px;padding-top:4px}.alert-more summary{min-height:60px;display:list-item;padding:14px 0;font-size:20px}.alert-more p{color:var(--muted);margin:8px 0}.card-message{color:#971a22;font-weight:650;margin:16px 0}.card-message:empty{display:none}.sidebar{display:grid;gap:16px;margin:28px 0}.side-card{background:white;border:2px solid var(--line);border-radius:16px;padding:0 22px}.side-card summary{min-height:72px;padding:20px 0;font-weight:700;font-size:22px;cursor:pointer}.side-card p{margin:0 0 20px}.side-card form{margin-bottom:20px}.side-card label{display:block;margin-bottom:10px;font-weight:600}.side-card[open] summary{border-bottom:1px solid var(--line);margin-bottom:20px}.channels{margin:0 0 22px;padding:0;list-style:none}.channels li{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.channel-state{color:#725419;font-weight:650}.channel-state.available{color:#116534}.connected-note{color:#116534;font-weight:700}.text-button{min-height:64px;font-weight:650;background:#e9f1eb;border:2px solid #a7b9ac;border-radius:12px;padding:12px 18px;margin-bottom:22px;color:var(--ink)}.inline-message,.error-message{color:#941d25;font-weight:650}.inline-message:empty{display:none}.error-message{background:#fff1ef;border:2px solid #b52c32;border-radius:14px;padding:18px;margin-bottom:20px}.page-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 0 32px;color:var(--muted)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
@media(max-width:650px){.masthead-inner{padding:18px 20px;align-items:flex-start;flex-direction:column;gap:12px}.page{padding:0 18px}.page-heading{padding:24px 0}.section-heading{gap:10px}.section-heading h2{font-size:26px}.icon-button{padding:12px;font-size:20px}.alert-topline{padding:14px 18px;align-items:flex-start;flex-direction:column}.alert-badges{gap:12px}.card-body{padding:20px 18px}.person-name{font-size:30px}.avatar{width:54px;height:54px;font-size:23px}.alert-details{grid-template-columns:1fr;gap:16px}.ack-input-row{grid-template-columns:1fr}.button-ack{min-height:80px;width:100%}.side-card{padding:0 18px}.channels li{flex-wrap:wrap}.count{margin-left:4px}.empty-state{padding:24px 18px}.page-footer{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
.history-panel{margin-top:24px;border:2px solid var(--line);border-radius:var(--radius);background:white;padding:0 20px}.history-panel>summary{min-height:76px;padding:18px 0;font-size:24px;font-weight:700;cursor:pointer}.history-panel[open]>summary{margin-bottom:20px;border-bottom:1px solid var(--line)}.history-panel .alerts-list{padding-bottom:20px}.history-panel .alert-card[data-status=resolved]{border-color:#647970}.history-panel .alert-card[data-status=resolved] .alert-topline{background:#4e6259}.empty-state[data-state=waiting] .empty-icon{color:var(--muted)}
@media(max-width:650px){.history-panel{padding:0 12px}.history-panel>summary{font-size:23px}}
.notification-panel{padding:22px 24px;margin-bottom:30px;background:white;border:2px solid var(--line);border-radius:var(--radius)}.notification-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.notification-heading h2{font-size:26px;margin:0}.push-state{font-weight:650;color:#725419}.push-state[data-active=true]{color:var(--green)}.notification-panel p{margin:14px 0 0}.notification-panel form>label:first-child{display:block;margin:20px 0 10px;font-weight:650}.notification-panel .button-notify{width:100%;background:#075b87;color:white;margin-top:20px}.notification-panel .text-button{margin:20px 0 0}.remember-label{display:flex;align-items:flex-start;gap:14px;min-height:64px;margin-top:18px;cursor:pointer}.remember-label input{width:30px;height:30px;min-height:30px;flex:none;margin:0;accent-color:var(--green)}.notification-panel .remember-help{margin-top:0;color:var(--muted)}.responder-list{list-style:none;padding:0;margin:8px 0 0}.responder-list li+li{margin-top:8px}.acknowledgment+.ack-form{margin-top:20px}.responder-list li{overflow-wrap:anywhere}.acknowledgment>div{min-width:0}
@media(max-width:650px){.notification-panel{padding:20px 18px}.notification-heading{align-items:flex-start;flex-direction:column}.notification-heading h2{font-size:26px}}
.location-summary{border:2px solid #b4c9d4;background:#edf5fa;border-radius:14px;padding:18px;margin:0 0 22px}.location-summary p{margin:0}.location-freshness{font-size:23px;line-height:1.4;font-weight:750}.location-accuracy{color:var(--muted);margin-top:6px!important}.location-note{margin-top:10px!important}.location-summary[data-state=aging],.location-summary[data-state=stale],.location-summary[data-state=unknown]{background:#fff5df;border-color:#b16a00}.location-summary[data-state=stale] .location-freshness{color:#7d4300}.location-summary[data-state=none],.location-summary[data-state=recorded]{background:#f1f4f2;border-color:var(--line)}.location-summary .map-link{display:flex;justify-content:center;width:100%;min-height:72px;margin-top:16px;padding:14px 18px;background:#075b87;color:white;border-radius:12px;font-size:23px;line-height:1.35;text-decoration:none;text-align:center}.location-summary .map-link:hover{background:#064868}
.person-site{margin:6px 0 0;font-weight:650}.security-panel{margin-top:32px;padding-top:24px;border-top:2px solid var(--line)}.security-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.security-card{padding:20px;background:white;border:2px solid #b16a00;border-radius:16px;min-width:0}.security-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.security-card h3{font-size:26px;line-height:1.3;margin:0}.security-card p{margin:10px 0 0}.security-site{color:var(--muted)}.security-status{font-size:22px;font-weight:750;color:#805000}.security-contact,.security-deadline{font-size:20px}.security-card[data-state=recent]{border-color:var(--green)}.security-card[data-state=recent] .security-status{color:var(--green)}.security-card[data-state=overdue],.security-card[data-state=alert]{border-color:var(--red);background:#fff4f2}.security-card[data-state=overdue] .security-status,.security-card[data-state=alert] .security-status{color:var(--red)}.security-card[data-state=ended]{border-color:var(--line);background:#f7f9f7}.security-card[data-state=ended] .security-status{color:var(--muted)}.security-panel[data-fresh=false]> .sync-caption{color:#805000;font-weight:650}.security-empty{padding:20px;background:white;border:2px solid var(--line);border-radius:16px}.security-panel .history-panel .security-list{padding-bottom:20px}
@media(max-width:650px){.security-list{grid-template-columns:1fr}.security-card{padding:18px}.security-card h3{font-size:26px}}