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}}*{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}