header{height:96px;gap:18px}
.evolution-logo{width:158px;height:66px;object-fit:contain;object-position:left center}
.header-marks{margin-left:auto;display:flex;align-items:center;gap:14px}
header em{margin-left:0}
@media(max-width:780px){
  header{padding:0 14px;height:86px;gap:10px}
  .evolution-logo{width:108px;height:50px}
  header>div>small{display:none}
  header h1{font-size:16px}
}

/* Expanded equipment tables */
#pumps{overflow-x:auto}.thead.wide,.pump.wide{grid-template-columns:130px repeat(5,minmax(165px,1fr));min-width:1080px}.pump.wide>a{padding:8px 12px;display:grid;grid-template-columns:1fr auto;gap:3px 8px}.pump.wide>a small{grid-column:1 / -1;width:auto}.pump.wide>a code{font:11px monospace}.equipment-head,.equipment-row{display:grid;grid-template-columns:minmax(220px,1.2fr) minmax(180px,1fr) minmax(220px,1fr);align-items:center}.equipment-head{padding:10px 22px;background:#0d202d;color:#718b9b;font-size:9px;font-weight:bold;letter-spacing:.13em}.equipment-row{min-height:58px;padding:0 22px;border-top:1px solid #172c39}.equipment-row:nth-child(odd){background:#0c1c27}.equipment-row>strong{font-size:13px}.equipment-row>span{color:var(--muted);font-size:12px}.equipment-row>a{font:12px monospace;color:#d7e6ed;border-left:1px solid #1d3340;padding:13px 18px;display:flex;align-items:center;gap:12px}.equipment-row>a:hover{color:var(--cyan);background:#0d2935}.equipment-row>a b{margin-left:auto}
@media(max-width:780px){.thead.wide,.pump.wide{grid-template-columns:120px repeat(5,170px)}.equipment-panel>div:last-child{overflow-x:auto}.equipment-head,.equipment-row{grid-template-columns:180px 160px 190px;min-width:530px}}

/* Grouped network sections */
.network-panel{margin-bottom:22px}.network-row{display:grid;grid-template-columns:185px minmax(0,1fr);border-top:1px solid #172c39;min-height:78px}.network-row:first-child{border-top:0}.group-name{padding:17px 20px;background:#0d202d;border-right:1px solid #1d3340;display:flex;flex-direction:column;justify-content:center}.group-name strong{font-size:13px}.group-name span{font-size:8px;color:#718b9b;letter-spacing:.12em;margin-top:5px}.device-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(175px,1fr);overflow-x:auto}.device-strip>a{min-width:175px;padding:13px 15px;border-left:1px solid #1d3340;display:grid;grid-template-columns:1fr auto;gap:6px 8px;align-content:center}.device-strip>a:first-child{border-left:0}.device-strip>a:hover{color:var(--cyan);background:#0d2935}.device-strip>a small{grid-column:1 / -1;width:auto;color:#91a9b7;line-height:1.3;letter-spacing:.06em}.device-strip>a code{font:11px monospace;color:#d7e6ed}.device-strip>a b{color:#627f90}
@media(max-width:780px){.network-row{grid-template-columns:135px minmax(0,1fr)}.group-name{padding:14px 12px}.device-strip{grid-auto-columns:170px}}
#datavan .device-strip{overflow-x:visible}
@media(max-width:780px){#datavan .device-strip{overflow-x:auto}}
.thead.wide,.pump.wide{grid-template-columns:130px repeat(6,minmax(165px,1fr));min-width:1260px}
@media(max-width:780px){.thead.wide,.pump.wide{grid-template-columns:120px repeat(6,170px)}}

/* Trailer detail pages */
.pump-page-link{color:inherit}.pump-page-link b{margin-left:auto;color:var(--cyan);font-size:18px}.group-name>a{display:flex;align-items:center;gap:10px}.group-name>a b{font-size:8px;color:var(--cyan);letter-spacing:.08em}.trailer-workspace{max-width:1320px;margin:auto;padding:42px 28px 64px}.back-button{margin-left:auto;border:1px solid #255064;border-radius:6px;padding:10px 13px;color:#a7bdc8;font-size:10px;font-weight:bold;letter-spacing:.08em}.back-button:hover{border-color:var(--cyan);color:var(--cyan)}.trailer-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.trailer-heading h2{font-size:32px;margin:7px 0}.trailer-heading>div>p:last-child{margin:0;color:var(--muted)}.device-total{border:1px solid var(--line);border-radius:9px;background:#0b1b27;padding:13px 22px}.device-total strong,.device-total span{display:block}.device-total strong{font-size:22px}.device-total span{font-size:9px;color:var(--muted);margin-top:4px;letter-spacing:.08em}.trailer-table-head,.trailer-device-row{display:grid;grid-template-columns:55px minmax(260px,1.6fr) minmax(170px,1fr) minmax(170px,1fr) 105px;align-items:center}.trailer-table-head{padding:11px 18px;background:#0d202d;color:#718b9b;font-size:9px;font-weight:bold;letter-spacing:.13em}.trailer-device-row{min-height:52px;padding:0 18px;border-top:1px solid #172c39}.trailer-device-row:nth-child(odd){background:#0c1c27}.trailer-device-row i{font:10px monospace;color:#608090}.trailer-device-row strong{font-size:12px}.trailer-device-row code{font:12px monospace;color:#b9cbd4}.trailer-device-row>a,.trailer-device-row .tbd{justify-self:end;border:1px solid #294351;border-radius:5px;padding:7px 9px;font-size:9px;font-weight:bold;color:var(--cyan)}.trailer-device-row>a:hover{border-color:var(--cyan);background:#0d2935}.trailer-device-row .tbd{color:#718b9b}
@media(max-width:780px){.trailer-workspace{padding:28px 14px}.trailer-heading{display:block}.device-total{display:inline-block;margin-top:18px}.trailer-panel{overflow-x:auto}.trailer-table-head,.trailer-device-row{grid-template-columns:45px 240px 150px 150px 90px;min-width:675px}.back-button{font-size:0}.back-button:after{content:"← HOME";font-size:9px}}
.pump-page-link{font-weight:bold;font-size:13px;display:flex;align-items:center;gap:12px}.pump-page-link i{font-style:normal;color:var(--cyan);font:11px monospace;border:1px solid #1d5362;padding:4px;border-radius:4px}
.thead.wide,.pump.wide{grid-template-columns:130px repeat(7,minmax(165px,1fr));min-width:1430px}.topology-button{border:1px solid #19788e;border-radius:6px;padding:9px 12px;color:var(--cyan);font-size:10px;font-weight:bold;letter-spacing:.08em;background:#0a2430}.topology-button:hover{border-color:var(--cyan);background:#0d303d}.pending-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.pending-panel{min-height:112px;padding:22px;display:flex;align-items:center;justify-content:space-between}.pending-panel h2{font-size:17px;margin:5px 0 0}.pending-panel>span{font-size:9px;color:#718b9b;letter-spacing:.1em;border:1px dashed #2c4654;border-radius:6px;padding:9px 11px}
@media(max-width:780px){.thead.wide,.pump.wide{grid-template-columns:120px repeat(7,170px)}.topology-button{font-size:0;padding:9px}.topology-button:after{content:"TOPOLOGY";font-size:9px}.pending-grid{grid-template-columns:1fr}.pending-panel{align-items:flex-start;gap:16px;flex-direction:column}}
.pending-grid{grid-template-columns:1fr}.trailer-header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.trailer-header-actions .back-button{margin-left:0}

/* Live SINEC NMS status */
.sinec-status-bar{border:1px solid var(--line);background:#091a25;border-radius:9px;min-height:58px;margin:-8px 0 22px;display:flex;align-items:center;padding:9px 14px;gap:15px;box-shadow:inset 3px 0 #536a78}.sinec-feed{display:flex;align-items:center;gap:10px;min-width:210px}.sinec-feed>i{width:9px;height:9px;border-radius:50%;background:#6e8290;box-shadow:0 0 8px #6e8290}.sinec-feed span,.sinec-feed strong,.sinec-feed small{display:block}.sinec-feed strong{font-size:9px;letter-spacing:.13em}.sinec-feed small{font-size:9px;color:var(--muted);letter-spacing:0;margin-top:3px}.sinec-status-bar.is-live{box-shadow:inset 3px 0 #35c97c}.sinec-status-bar.is-live .sinec-feed>i{background:#35c97c;box-shadow:0 0 9px #35c97c}.sinec-status-bar.is-stale,.sinec-status-bar.is-unavailable{box-shadow:inset 3px 0 #7f94a0}.sinec-status-bar.is-stale .sinec-feed>i,.sinec-status-bar.is-unavailable .sinec-feed>i{background:#7f94a0}.sinec-summary{display:flex;align-self:stretch;border-left:1px solid var(--line)}.sinec-summary>b{min-width:62px;padding:5px 12px;border-right:1px solid var(--line);display:grid;place-content:center;font-size:14px}.sinec-summary small{display:block;color:var(--muted);font-size:7px;letter-spacing:.08em;text-transform:uppercase;margin-top:2px}.summary-ok{color:#53d991}.summary-required{color:#f1c64a}.summary-demanded{color:#f28a36}.summary-fault{color:#ff616b}.sinec-legend{display:flex;gap:7px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.sinec-legend span,.sinec-device-status{border:1px solid #344d5c;border-radius:99px;padding:4px 7px;color:#91a9b7;font-size:7px;font-weight:bold;letter-spacing:.06em;text-transform:uppercase}.sinec-legend .legend-ok{border-color:#278e5b;color:#53d991}.sinec-legend .legend-required{border-color:#897124;color:#f1c64a}.sinec-legend .legend-demanded{border-color:#9a5425;color:#f28a36}.sinec-legend .legend-fault{border-color:#963940;color:#ff7078}.sinec-monitored{position:relative;box-shadow:inset 3px 0 var(--status-color,#607786)!important}.sinec-ok{--status-color:#35c97c}.sinec-maintenance_required{--status-color:#e5b92f}.sinec-maintenance_demanded{--status-color:#e77d29}.sinec-fault,.sinec-not_reachable,.sinec-not_connected{--status-color:#ef4d58}.sinec-stale{--status-color:#748b98}.sinec-device-status{grid-column:1/-1;justify-self:start;margin-top:2px;padding:3px 6px;border-color:var(--status-color);color:var(--status-color);white-space:nowrap}.trailer-device-row .sinec-device-status{display:inline-block;margin:0 0 0 8px;vertical-align:middle}.sinec-unmonitored{box-shadow:inset 3px 0 #314753!important}
@media(max-width:900px){.sinec-status-bar{align-items:flex-start;flex-wrap:wrap}.sinec-summary{order:3;width:100%;border-top:1px solid var(--line);border-left:0;padding-top:8px}.sinec-summary>b{flex:1}.sinec-legend{margin-left:0;flex:1}}

/* Embedded SINEC topology */
.topology-page{height:100vh;overflow:hidden}.topology-page header{position:relative}.topology-workspace{height:calc(100vh - 96px);max-width:none;padding:14px 18px 18px;display:flex;flex-direction:column}.topology-heading{min-height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 4px}.topology-heading h2{font-size:17px;margin:4px 0 0}.topology-heading button{border:1px solid #19788e;border-radius:6px;padding:9px 12px;color:var(--cyan);font-size:9px;font-weight:bold;letter-spacing:.08em;background:#0a2430;cursor:pointer}.topology-heading button:hover{border-color:var(--cyan);background:#0d303d}.topology-frame{position:relative;flex:1;min-height:0;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#fff}.topology-frame iframe{display:block;width:100%;height:100%;border:0;background:#fff}.topology-frame:fullscreen{border:0;border-radius:0}.topology-frame:fullscreen iframe{width:100vw;height:100vh}
@media(max-width:780px){.topology-workspace{height:calc(100vh - 86px);padding:10px}.topology-heading{min-height:48px}.topology-heading h2{font-size:14px}.topology-page .trailer-header-actions .topology-button{display:none}}

/* Camera network */
.camera-panel .thead,.camera-panel .pump{grid-template-columns:170px minmax(220px,1fr)}.camera-panel .pump>strong{font-size:13px;display:flex;align-items:center;gap:12px}.camera-panel .pump>strong i{font-style:normal;color:var(--cyan);font:11px monospace;border:1px solid #1d5362;padding:4px;border-radius:4px}.camera-panel .pump>a{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.camera-panel .pump>a small{grid-column:1/-1;width:auto}
@media(max-width:780px){.camera-panel .thead{display:none}.camera-panel .pump{grid-template-columns:110px minmax(190px,1fr)}}

/* Larger centered table text */
.thead.wide,.pump.wide{grid-template-columns:140px repeat(6,minmax(180px,1fr));min-width:1220px}.thead span,.trailer-table-head span{text-align:center;font-size:11px}.pump.wide>.pump-page-link,.pump.wide>a,.camera-panel .pump>strong,.camera-panel .pump>a,.device-strip>a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}.pump.wide>.pump-page-link{flex-direction:row;font-size:15px}.pump.wide>.pump-page-link b{margin-left:4px}.pump.wide>a small,.camera-panel .pump>a small,.device-strip>a small{width:auto;font-size:10px;line-height:1.35;letter-spacing:.08em}.pump.wide>a code,.camera-panel .pump>a code,.device-strip>a code{font-size:13px}.pump.wide>a b,.camera-panel .pump>a b,.device-strip>a b{margin:0;font-size:12px}.group-name{text-align:center;align-items:center}.group-name strong{font-size:14px}.group-name span{font-size:9px}.camera-panel .pump>strong{font-size:15px}.trailer-table-head,.trailer-device-row{text-align:center}.trailer-device-row>*{justify-self:center;text-align:center}.trailer-device-row strong{font-size:14px}.trailer-device-row code{font-size:14px}.trailer-device-row>a,.trailer-device-row .tbd{justify-self:center;font-size:10px}.trailer-device-row .sinec-device-status{display:block;margin:5px auto 0;width:max-content}.sinec-device-status{text-align:center}
@media(max-width:780px){.thead.wide,.pump.wide{grid-template-columns:125px repeat(6,180px)}.pump.wide>.pump-page-link{font-size:13px}}
.camera-panel #camera-infrastructure{border-bottom:1px solid var(--line)}.pump.wide>a small,.camera-panel .pump>a small,.device-strip>a small{font-weight:800;color:#b9d0dc}