.app-page{position:fixed;inset:124px 32px 44px;z-index:4;min-height:0;background:#edf0f2;color:#28343f;font-size:13px}
/* Flat list pages must not inherit the overview's color/contrast frost layers. */
html,body{background:#edf0f2}
body:not([data-page=overview])::before,body:not([data-page=overview])::after{display:none!important}
body[data-page=equipment],body[data-page=alarms]{background:#edf0f2!important}
body:not([data-page=overview]) .masthead{background:#edf0f2; height:124px}
.equipment-page{display:grid;grid-template-columns:208px minmax(0,1fr);gap:30px;background:#edf0f2}
.category-sidebar{padding:25px 8px 20px 10px}.page-eyebrow{font-size:11px;letter-spacing:1.7px;color:#7a8996;font-weight:600;margin-bottom:9px}
.category-sidebar h2{font-size:19px;margin-bottom:30px}.category-sidebar nav{display:flex;flex-direction:column;gap:8px}.category-button{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;text-align:left;font-size:14px;border-radius:8px;color:#6b7b88;transition:background .15s}.category-button.active{background:#2878df;color:white;box-shadow:0 6px 18px #2878df1a}.category-button b{font-size:12px;font-weight:500;opacity:.8}.category-sidebar>p{font-size:11px;line-height:1.9;color:#8795a0;margin:32px 16px}
.equipment-main{display:flex;flex-direction:column;min-height:0;min-width:0;padding:23px 0 0}.fullpage-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:23px;flex-shrink:0}.fullpage-heading h2{font-size:26px;letter-spacing:-.6px;line-height:1.3}.fullpage-heading p{font-size:12px;color:#83919d;margin-top:8px}.page-search{display:flex;align-items:center;gap:10px;font-size:21px;color:#718598;border:1px solid #dce2e7;border-radius:8px;padding:0 13px;background:#f9fafb}.page-search input{min-width:230px;background:transparent;border:0;padding:11px 0;font-size:12px;outline-offset:0}
.equipment-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;overflow:auto;min-height:0;align-content:start;padding:1px 12px 18px 1px;scrollbar-gutter:stable}
.equipment-card{background:#fff;border:1px solid #e0e5e9;border-radius:12px;padding:21px;box-shadow:0 4px 20px #24384a04;min-width:0}.equipment-card-header{position:static!important;padding:0!important;display:flex!important;justify-content:space-between;align-items:center!important;height:auto!important;inset:auto!important;background:none!important;gap:12px;pointer-events:auto!important}.equipment-card-header small{font-size:11px;color:#91a0ac;display:block;margin-bottom:7px;letter-spacing:.6px}.equipment-card-header h3{font-size:18px;font-weight:650;letter-spacing:0}.card-status{font-size:11px;white-space:nowrap;border-radius:20px;padding:6px 8px;background:#eaf5ee;color:#397e67}.equipment-card[data-status=warning] .card-status,.card-status[data-status=warning]{background:#fff4df;color:#a2701d}.equipment-card[data-status=fault] .card-status,.card-status[data-status=fault]{background:#fff0f0;color:#ff0000}.equipment-card[data-status=offline] .card-status,.card-status[data-status=offline],.equipment-card[data-status=stopped] .card-status,.card-status[data-status=stopped]{background:#eff2f4;color:#7a8995}
.card-meta{display:flex;flex-direction:column;gap:4px;margin:14px 0 16px;color:#94a0aa;font:11px/1.5 Consolas,"Microsoft YaHei",monospace;overflow-wrap:anywhere}.card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;margin:0;padding:16px 0;border-top:1px solid #edf0f2}.card-metrics dt{font-size:11px;color:#7f8d98;margin-bottom:5px}.card-metrics dd{margin:0;white-space:nowrap}.card-metrics b{font-size:25px;letter-spacing:-.5px;font-weight:600;font-variant-numeric:tabular-nums}.card-metrics small{font-size:11px;color:#9ba6af;margin-left:5px}.card-load{margin-top:4px}.card-load>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#85939f}.card-load b{font-weight:500;color:#536776}.card-load-track{height:4px;background:#ecf0f3;border-radius:3px;margin-top:8px;overflow:hidden}.card-load-track i{height:100%;display:block;background:#2878df;transition:width .3s}.card-threshold{font-size:11px;color:#98a3ad;line-height:1.65;margin-top:13px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;margin-top:16px;padding-top:14px;border-top:1px solid #edf0f2;color:#9ba6af}.page-link{font-size:12px;color:#2878df;white-space:nowrap;padding:4px 0}
.alarm-center-page{display:flex;flex-direction:column;padding:23px 10px 0;overflow:hidden}.alarm-statistics{display:flex;gap:40px}.alarm-statistics>span{font-size:12px;color:#8795a0}.alarm-statistics b{display:block;font-size:29px;font-weight:600;color:#354757;margin-top:6px}.alarm-statistics>span:nth-child(2) b{color:#b67c22}.alarm-page-filters{display:flex;align-items:center;gap:22px;padding:16px 0 22px;flex-shrink:0}.alarm-page-filters>label:not(.page-search){display:flex;align-items:center;gap:10px;font-size:12px;color:#7b8a97}.alarm-page-filters select{font-size:12px;min-width:120px;padding:10px;background:#fafbfd;border:1px solid #dce2e7;border-radius:7px}.alarm-page-filters .page-search{margin-left:auto}.alarm-page-filters>span{font-size:12px;color:#8e9ba5}
.center-event-list{min-height:0;overflow:auto;scrollbar-gutter:stable;padding:0 12px 18px 0}.center-event{border:1px solid #dfe5ea;border-radius:10px;background:#fff;margin-bottom:15px;overflow:hidden}.event-heading{display:flex;align-items:center;gap:20px;padding:21px 24px}.event-severity{font-size:12px;border-radius:5px;padding:7px 13px;background:#fff2dd;color:#ad7924}.event-severity.fault{background:#eaf2ff;color:#2878df}.event-title{flex:1}.event-title h3{font-size:16px;letter-spacing:0}.event-title p{font-size:11px;color:#8c9ba7;margin-top:5px}.event-progress{font-size:12px;color:#658874}.event-progress[data-active=true]{color:#b67c22}.event-ack{font-size:12px;border:1px solid #c9dbef;color:#2878df;border-radius:5px;padding:8px 14px}.event-ack:disabled{color:#8c9ba7;background:#f5f7f9;border-color:transparent;opacity:1;cursor:default}.event-details{border-top:1px solid #edf0f3;padding:0 24px 16px}.event-details summary{font-size:12px;color:#7e8f9e;cursor:pointer;padding:12px 0}.event-triggers{background:#f7f9fb;border-radius:5px;padding:10px 14px}.event-triggers p{font-size:12px;line-height:1.9;color:#566b7d}.event-snapshot{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:16px;padding:18px 0}.event-snapshot small{display:block;font-size:11px;color:#98a5af;margin-bottom:6px}.event-snapshot b{font-size:14px;font-weight:500;color:#425a6d;font-variant-numeric:tabular-nums}.event-record{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:11px;line-height:1.7;color:#94a1ab}.event-record>span:first-child{font-family:Consolas,monospace}.page-empty{text-align:center;align-self:stretch;margin:auto;padding:70px 20px;color:#93a0ab;font-size:13px}.page-empty h3{font-size:18px;letter-spacing:0;color:#667f92;margin:12px 0}.page-empty p{font-size:12px}.empty-symbol{font-size:35px;color:#6f9a86}
@media(min-width:2300px) and (min-height:1250px){.app-page{inset:155px 44px 48px}.equipment-page{grid-template-columns:240px minmax(0,1fr);gap:40px}.equipment-card-grid{gap:24px}.equipment-card{padding:27px}.card-metrics{gap:23px}.card-metrics b{font-size:31px}.equipment-card-header h3{font-size:21px}.card-threshold{margin-top:20px}.card-footer{margin-top:22px}.category-button{padding:18px}.event-heading{padding:25px 30px}.event-details{padding:0 30px 20px}.event-snapshot{padding:25px 0}.center-event{margin-bottom:20px}}
@media(max-width:1650px){.equipment-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.equipment-page{grid-template-columns:175px minmax(0,1fr);gap:20px}.app-page{inset-inline:24px}.equipment-card{padding:17px}.card-metrics b{font-size:22px}.alarm-statistics{gap:22px}}
@media(max-width:1200px){.equipment-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.event-snapshot{grid-template-columns:repeat(4,1fr)}.alarm-page-filters{gap:12px;flex-wrap:wrap}.alarm-page-filters .page-search{margin-left:0}.alarm-page-filters>span{margin-left:auto}.fullpage-heading{align-items:flex-start}.page-search input{min-width:180px}.alarm-statistics{gap:15px}}
@media(max-width:700px){.app-page{inset:150px 14px 40px}.equipment-page{grid-template-columns:105px minmax(0,1fr);gap:12px}.category-sidebar{padding:16px 0}.category-sidebar h2{font-size:15px}.category-sidebar>p{display:none}.category-button{font-size:12px;padding:12px 8px}.equipment-card-grid{grid-template-columns:1fr;padding-right:4px}.fullpage-heading{flex-direction:column;gap:14px}.fullpage-heading h2{font-size:21px}.page-search input{width:100%;min-width:0}.equipment-main{padding-top:12px}.card-status{padding:5px}.equipment-card-header h3{font-size:16px}.event-heading{padding:15px;gap:12px;flex-wrap:wrap}.event-title{min-width:140px}.event-details{padding:0 15px 15px}.event-snapshot{grid-template-columns:repeat(2,1fr)}.event-record{gap:5px}.alarm-statistics{gap:25px}.alarm-statistics b{font-size:23px}.alarm-page-filters select{min-width:90px}.page-eyebrow{letter-spacing:.5px}}

/* Independently sized cards flow into the shortest available column. */
.center-event-list{--alarm-columns:2;display:grid;grid-template-columns:repeat(var(--alarm-columns),minmax(0,1fr));grid-auto-rows:8px;column-gap:20px;row-gap:0;align-content:start;align-items:start;flex:1}
.center-event{margin:0;min-width:0;align-self:start;overflow:hidden}
.event-heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 14px;padding:20px}
.event-severity{grid-column:1;grid-row:1;justify-self:start;white-space:nowrap}
.event-title{grid-column:2 / -1;grid-row:1;min-width:0}
.event-title h3{line-height:1.5}.event-title p{overflow-wrap:anywhere}
.event-progress{grid-column:1;grid-row:2;white-space:nowrap}
.event-ack{grid-column:2;grid-row:2;justify-self:end;white-space:nowrap}
.event-heading>.page-link{grid-column:3;grid-row:2}
.event-details{padding:0 20px 20px}
.event-snapshot{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;padding:20px 0}
.event-record{display:grid;gap:5px;overflow-wrap:anywhere}
.event-severity.fault{color:#ff0000;background:#fff0f0}
@media(min-width:1921px){.center-event-list{--alarm-columns:4}.event-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.event-snapshot{grid-template-columns:repeat(3,minmax(0,1fr))}}