app-alarm-detail .drawer-backdrop{background:#081f307a;inset:0;position:fixed;z-index:40}app-alarm-detail .detail-drawer{background:#f5f8fa;box-shadow:-14px 0 42px #081f3040;height:100dvh;max-width:720px;overflow-y:auto;position:fixed;right:0;top:0;width:min(96vw,720px);z-index:41}app-alarm-detail .detail-header{align-items:flex-start;background:linear-gradient(135deg,#063b66,#075583);color:#fff;display:flex;justify-content:space-between;padding:24px 28px}app-alarm-detail .detail-header p,app-alarm-detail .detail-header h2{margin:0 0 4px}app-alarm-detail .detail-header p,app-alarm-detail .section-kicker{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}app-alarm-detail .detail-header span{color:#d7ebf7}app-alarm-detail .icon-button{align-items:center;background:#ffffff1f;border:0;border-radius:50%;color:#fff;display:flex;font-size:1.6rem;height:40px;justify-content:center;width:40px}app-alarm-detail .icon-button:hover{background:#ffffff38}app-alarm-detail .detail-body{display:grid;gap:14px;padding:18px}app-alarm-detail .alarm-identity,app-alarm-detail .detail-section{background:#fff;border:1px solid #dce7ee;border-radius:13px;padding:18px}app-alarm-detail .alarm-identity{align-items:center;display:flex;justify-content:space-between}app-alarm-detail .identity-heading{align-items:center;display:flex;gap:12px}app-alarm-detail .identity-heading h3{color:#183f5c;margin:3px 0 0}app-alarm-detail .alarm-symbol{align-items:center;background:#fce1e1;border-radius:10px;color:#ae2424;display:flex;font-size:1.25rem;font-weight:900;height:44px;justify-content:center;width:44px}app-alarm-detail .badge{border-radius:999px;display:inline-block;font-size:.7rem;font-weight:800;margin:3px;padding:6px 10px}app-alarm-detail .severity--critical,app-alarm-detail .state--active{background:#ffe0e0;color:#9d1d1d}app-alarm-detail .severity--warning,app-alarm-detail .state--acknowledged{background:#fff0cc;color:#805700}app-alarm-detail .severity--information{background:#ddecfa;color:#185d8b}app-alarm-detail .state--resolved,app-alarm-detail .communication--online{background:#dcf2e6;color:#167448}app-alarm-detail .communication--warning{background:#fff0cc;color:#805700}app-alarm-detail .communication--offline{background:#ffe0e0;color:#9d1d1d}app-alarm-detail .metric-comparison{display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}app-alarm-detail .metric-card{background:#fff;border:1px solid #dce7ee;border-radius:12px;display:grid;gap:5px;padding:16px}app-alarm-detail .metric-card--trigger{border-top:3px solid #d34b42}app-alarm-detail .metric-card--live{border-top:3px solid #1980b5}app-alarm-detail .metric-card--change{border-top:3px solid #7a68ad}app-alarm-detail .metric-card strong{color:#153b56;font-size:1.45rem}app-alarm-detail .metric-card strong small{font-size:.75rem}app-alarm-detail .metric-card>span:last-child{color:#718596;font-size:.72rem}app-alarm-detail .section-heading{align-items:center;display:flex;gap:11px;margin-bottom:16px}app-alarm-detail .section-heading h3,app-alarm-detail .section-heading p{margin:0}app-alarm-detail .section-heading h3{color:#234d69}app-alarm-detail .section-heading p{color:#7a8d9a;font-size:.76rem;margin-top:2px}app-alarm-detail .section-icon{align-items:center;background:#fbe5e4;border-radius:9px;color:#a93631;display:flex;font-size:.72rem;font-weight:900;height:34px;justify-content:center;width:34px}app-alarm-detail .section-icon--live{background:#e0eff8;color:#126891}app-alarm-detail .section-icon--operator{background:#e5f2e9;color:#1f7648}app-alarm-detail .section-icon--timeline{background:#ece8f7;color:#665398}app-alarm-detail .information-grid{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin:0}app-alarm-detail .information-grid div{min-width:0}app-alarm-detail .information-grid dt{color:#708595;font-size:.68rem;font-weight:800;text-transform:uppercase}app-alarm-detail .information-grid dd{color:#264b64;margin:4px 0 0;overflow-wrap:anywhere}app-alarm-detail .value-emphasis{font-size:1.15rem;font-weight:800}app-alarm-detail .communication{border-radius:999px;display:inline-block;font-size:.7rem;font-weight:800;padding:5px 9px}app-alarm-detail .operator-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}app-alarm-detail .operator-grid article{background:#f7fafb;border-radius:9px;display:grid;gap:5px;padding:13px}app-alarm-detail .operator-grid strong{color:#294d67}app-alarm-detail .operator-grid>article>span:not(.section-kicker){color:#718596;font-size:.76rem}app-alarm-detail .acknowledge-button{margin-top:14px;width:100%}app-alarm-detail blockquote{background:#eef4f7;border-left:3px solid #7aa6bd;color:#4f697a;font-size:.78rem;margin:7px 0 0;padding:8px 10px}app-alarm-detail .timeline-list{list-style:none;margin:0;padding:0}app-alarm-detail .timeline-item{display:grid;gap:13px;grid-template-columns:34px 1fr;min-height:88px;position:relative}app-alarm-detail .timeline-item:not(.timeline-item--last):before{background:#cbdbe4;content:"";height:calc(100% - 33px);left:16px;position:absolute;top:34px;width:2px}app-alarm-detail .timeline-marker{align-items:center;background:#f5dfdf;border:2px solid #fff;border-radius:50%;color:#9d2828;display:flex;font-size:.66rem;font-weight:900;height:34px;justify-content:center;z-index:1}app-alarm-detail .state-marker--acknowledged{background:#fff0cc;color:#805700}app-alarm-detail .state-marker--resolved{background:#dcf2e6;color:#167448}app-alarm-detail .timeline-content{padding:3px 0 18px}app-alarm-detail .timeline-title{align-items:baseline;display:flex;gap:8px;justify-content:space-between}app-alarm-detail .timeline-title strong{color:#294d67}app-alarm-detail .timeline-title time,app-alarm-detail .timeline-content>span{color:#758a99;font-size:.74rem}app-alarm-detail .timeline-content p{color:#536d7e;margin:5px 0 2px}app-alarm-detail .timeline-empty{align-items:center;color:#718596;display:flex;gap:8px}app-alarm-detail button:focus-visible,app-alarm-detail .detail-drawer:focus-visible{outline:3px solid #65bce8;outline-offset:2px}@media(max-width:620px){app-alarm-detail .detail-header,app-alarm-detail .detail-body{padding:15px}app-alarm-detail .alarm-identity{align-items:flex-start;gap:12px}app-alarm-detail .badge-row{text-align:right}app-alarm-detail .metric-comparison,app-alarm-detail .operator-grid{grid-template-columns:1fr}app-alarm-detail .information-grid{grid-template-columns:1fr}app-alarm-detail .metric-card{padding:14px}}app-alarm-list .header-actions{align-items:center;display:flex;gap:12px}app-alarm-list .refresh-status{align-items:center;color:#627b8c;display:flex;font-size:.76rem;gap:6px}app-alarm-list .refresh-status>span{animation:pulse 2s infinite;background:#27a362;border-radius:50%;height:8px;width:8px}app-alarm-list .summary-note{color:#718596;font-size:.78rem;margin:0 0 8px}app-alarm-list .summary-grid article{box-shadow:0 5px 16px #1137500f;min-height:105px}app-alarm-list .summary-grid article>span{align-items:center;display:flex;gap:6px}app-alarm-list .summary-grid i{align-items:center;background:#e7f1f7;border-radius:50%;display:inline-flex;font-size:.62rem;font-style:normal;height:20px;justify-content:center;width:20px}app-alarm-list .summary-grid small{color:#8a9ba7;display:block;font-size:.67rem;margin-top:2px}app-alarm-list .summary--critical{border-left-color:#c92727!important}app-alarm-list .summary--critical i{background:#fde4e4!important;color:#ad2222}app-alarm-list .summary--warning{border-left-color:#db9d0a!important}app-alarm-list .summary--warning i{background:#fff0cc!important;color:#805700}app-alarm-list .summary--resolved{border-left-color:#26935b!important}app-alarm-list .summary--resolved i{background:#dcf2e6!important;color:#167448}app-alarm-list .filter-panel{box-shadow:inset 0 1px #fff}app-alarm-list .filter-panel input:focus-visible,app-alarm-list .filter-panel select:focus-visible,app-alarm-list button:focus-visible{outline:3px solid rgba(25,128,181,.28);outline-offset:2px}app-alarm-list .result-bar{align-items:center;background:#f8fbfc;border-bottom:1px solid #e4edf2;color:#687e8e;display:flex;font-size:.76rem;gap:4px;justify-content:space-between;padding:10px 14px}app-alarm-list .result-bar strong{color:#274d67}app-alarm-list .result-bar span{color:#8798a4}app-alarm-list tbody tr{transition:background-color .15s ease,box-shadow .15s ease}app-alarm-list tbody tr:hover{background:#f7fbfd}app-alarm-list .alarm-row--critical{background:#fff8f8;box-shadow:inset 4px 0 #ce3030}app-alarm-list .alarm-row--critical:hover{background:#fff3f3}app-alarm-list .alarm-type{align-items:center;display:flex;font-weight:700;gap:7px}app-alarm-list .alarm-type i{align-items:center;background:#f6e8e7;border-radius:7px;color:#a8322d;display:inline-flex;font-size:.68rem;font-style:normal;height:25px;justify-content:center;width:25px}app-alarm-list .value-label{color:#8395a2;display:block;font-size:.62rem;font-weight:800;text-transform:uppercase}app-alarm-list .load-more{border-top:1px solid #e4edf2}app-alarm-list .load-more p{color:#718596;font-size:.74rem;margin:0 0 8px}app-alarm-list .visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}app-alarm-list .detail-loading{background:#153f5b;border-radius:8px;bottom:18px;color:#fff;padding:10px 15px;position:fixed;right:18px;z-index:50}@media(max-width:720px){app-alarm-list .page-header--actions{align-items:stretch;flex-direction:column;gap:14px}app-alarm-list .header-actions{justify-content:space-between}app-alarm-list .summary-grid article{min-height:92px}app-alarm-list .result-bar{align-items:flex-start;flex-direction:column}app-alarm-list td.actions{align-items:stretch;flex-direction:column;gap:6px}app-alarm-list .actions .table-action{margin:0;width:100%}app-alarm-list .alarm-row--critical{box-shadow:inset 4px 0 #ce3030}}@keyframes pulse{50%{box-shadow:0 0 0 4px #27a36226}}app-site-overview .expanded-row td{border:0;padding:0}app-site-overview .expanded-shell{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .22s ease,opacity .18s ease}app-site-overview .expanded-content{min-height:0;overflow:hidden}app-site-overview .expanded-row--open .expanded-shell{grid-template-rows:1fr;opacity:1}app-site-overview .detail-card{background:linear-gradient(135deg,#f7fafc,#eef6fa);border:1px solid #ccdee7;border-radius:10px;box-shadow:inset 0 1px #fff;display:grid;gap:22px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 12px 12px;padding:18px}app-site-overview .detail-card h3{color:#17425f;font-size:.76rem;margin:0 0 12px;text-transform:uppercase}app-site-overview .detail-card dl{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}app-site-overview .detail-card dl div{min-width:0}app-site-overview .detail-card dt{color:#718596;font-size:.62rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}app-site-overview .detail-card dd{color:#173e5b;font-size:.76rem;font-weight:750;margin:3px 0 0;overflow-wrap:anywhere}app-site-overview .telemetry-value,app-site-overview .trend-value{align-items:center;display:inline-flex;gap:5px}app-site-overview .trend-value b{color:#087ab2;font-size:1rem}app-site-overview .empty-state{align-items:center;color:#637b8c;display:flex;flex-direction:column;justify-content:center;min-height:320px;padding:36px 20px;text-align:center}app-site-overview .empty-state__icon{align-items:center;background:#eaf3f7;border-radius:50%;color:#2d759d;display:inline-flex;font-size:1.8rem;height:56px;justify-content:center;margin-bottom:14px;width:56px}app-site-overview .empty-state strong{color:#244a64;font-size:.95rem}app-site-overview .empty-state p{font-size:.78rem;line-height:1.5;margin:6px 0 0;max-width:360px}app-site-overview .visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}app-site-detail .thresholds{border-top:1px solid #e3eaee;margin-top:17px;padding-top:16px}app-site-detail .section-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:10px}app-site-detail .section-heading p{color:#718697;font-size:.58rem;font-weight:800;letter-spacing:.05em;margin:0 0 2px;text-transform:uppercase}app-site-detail .section-heading h3{margin:0}app-site-detail .section-heading>span{color:#718697;font-size:.62rem;font-weight:750}app-site-detail .threshold-grid{display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr))}app-site-detail .threshold-card{background:#f7fafb;border:1px solid #e0e8ec;border-left:4px solid #718596;border-radius:8px;display:grid;gap:5px;padding:10px}app-site-detail .threshold-card span{color:#687f90;font-size:.61rem;font-weight:800;text-transform:uppercase}app-site-detail .threshold-card b{color:#294a61;font-size:.8rem}app-site-detail .threshold-card--critical{border-left-color:#d82f3b}app-site-detail .threshold-card--low{border-left-color:#f08a16}app-site-detail .threshold-card--normal{border-left-color:#1f9d55;grid-column:1/-1}app-site-detail .threshold-card--high{border-left-color:#e1b800}app-site-detail .threshold-card--flood{border-left-color:#8e111b}app-site-detail .threshold-empty{align-items:flex-start;background:#f7f9fa;border:1px dashed #c7d5dc;border-radius:9px;color:#6d8291;display:flex;flex-direction:column;gap:4px;padding:13px}app-site-detail .threshold-empty strong{color:#405f72;font-size:.75rem}app-site-detail .threshold-empty span{font-size:.68rem;line-height:1.4}app-site-detail .action-box{align-items:flex-start;background:#eef7fc;border:1px solid #cee2ee;border-left:4px solid #1476ad;border-radius:9px;display:flex;gap:11px;margin-top:16px;padding:13px}app-site-detail .action-icon{align-items:center;background:#1476ad;border-radius:50%;color:#fff;display:inline-flex;flex:0 0 24px;font-size:.75rem;font-weight:900;height:24px;justify-content:center}app-site-detail .action-box h3{margin-top:1px}app-site-detail .action-box p{color:#38586d;font-size:.74rem;line-height:1.45;margin:0}app-site-detail .placeholder-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:12px}app-site-detail .placeholder-grid div{background:#fafcfd;border:1px solid #dce6eb;border-radius:8px;padding:10px}app-site-detail .placeholder-grid span{color:#718697;display:block;font-size:.59rem;font-weight:800;text-transform:uppercase}app-site-detail .placeholder-grid strong{color:#3d5a6e;display:block;font-size:.69rem;line-height:1.35;margin-top:4px}@media(prefers-reduced-motion:reduce){app-site-overview .site-row,app-site-overview .expand-button,app-site-overview .expanded-shell{transition:none}}@media(max-width:760px){app-site-overview .overview-table-wrap{max-height:none;overflow:visible}app-site-overview table,app-site-overview tbody,app-site-overview .site-row,app-site-overview .site-row td{display:block;min-width:0;width:100%}app-site-overview thead{display:none}app-site-overview .site-row{border-bottom:8px solid #edf3f6;padding:8px 0}app-site-overview .site-row td{align-items:center;border:0;display:flex;justify-content:space-between;padding:8px 14px;text-align:right}app-site-overview .site-row td:before{color:#718596;content:attr(data-label);font-size:.62rem;font-weight:850;margin-right:15px;text-transform:uppercase}app-site-overview .expanded-row,app-site-overview .expanded-row td{display:block;width:100%}app-site-overview .expanded-row{border-bottom:8px solid #edf3f6}app-site-overview .site-row:has(+.expanded-row--open){border-bottom:0}app-site-overview .selected-row{box-shadow:inset 4px 0 #0b78ad}app-site-overview .detail-card{grid-template-columns:1fr;margin:0 8px 10px;padding:14px}app-site-overview .detail-card dl{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){app-site-detail .detail-panel{padding:16px}app-site-detail header{align-items:flex-start;flex-direction:column;margin:-16px -16px 16px;padding:16px}app-site-detail .detail-summary,app-site-detail .placeholder-grid,app-site-detail .telemetry-meta{grid-template-columns:1fr}app-site-detail .signal-section{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:460px){app-site-overview .detail-card dl{grid-template-columns:1fr}}@media(max-width:380px){app-site-detail .threshold-grid,app-site-detail .signal-section{grid-template-columns:1fr}app-site-detail .threshold-card--normal,app-site-detail .signal-card:first-child{grid-column:auto}}*{box-sizing:border-box}:root{color:#18384f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none}body{background:#f2f6f8;margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.button{border:0;border-radius:8px;font-size:.84rem;font-weight:700;padding:10px 16px}.button--primary{background:#0b68a0;color:#fff}.button--primary:hover:not(:disabled){background:#085684}.button--secondary{background:#e2f0f8;color:#075b8b}.button--ghost{background:#ffffff24;color:#fff}.button--wide{width:100%}.page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.page-header--actions{align-items:center}.page-header h1{color:#153b56;font-size:clamp(1.65rem,3vw,2.1rem);margin:4px 0 7px}.page-header p:not(.eyebrow){color:#708494;margin:0}.eyebrow{color:#1980b5;font-size:.72rem;font-weight:800;letter-spacing:.1em;margin:0;text-transform:uppercase}.alert{border-radius:9px;font-size:.86rem;margin-bottom:18px;padding:12px 14px}.alert--error{background:#fce8e8;border:1px solid #f2caca;color:#9f2828}.alert--success{background:#e2f4ea;border:1px solid #c4e6d2;color:#176d43}.placeholder-panel{background:#fff;border:1px dashed #b9cad7;border-radius:13px;min-height:240px;padding:36px}.placeholder-panel h2{color:#294d67;margin:0 0 10px}.placeholder-panel p{color:#718596;margin:0}