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:9px;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:6px 9px;color:#91a9b7;font-size:10px;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:3px;padding:5px 8px;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:130px repeat(7,minmax(145px,1fr));min-width:1145px}.thead.camera-wide,.pump.camera-wide{grid-template-columns:150px repeat(4,minmax(180px,1fr));min-width:870px}.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(7,170px)}.thead.camera-wide,.pump.camera-wide{grid-template-columns:110px repeat(4,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}

/* Fleet 14 native interactive topology */
.topology-page{height:auto;min-height:100vh;overflow:auto}.topology-page header{position:sticky}.topology-page .topology-workspace{height:auto;min-height:calc(100vh - 96px);max-width:1540px;margin:auto;padding:28px}.topology-heading{min-height:76px;margin-bottom:14px}.topology-heading h2{font-size:24px;margin:5px 0}.topology-heading p{margin:0;color:var(--muted);font-size:12px}.topology-heading-actions{display:flex;align-items:center;gap:12px}.topology-heading-actions>span{font:10px monospace;color:#7993a2}.topology-canvas{--node:#0d2532;position:relative;border:1px solid #244351;border-radius:12px;background:radial-gradient(circle at 50% 0,#12384a 0,transparent 36rem),#07141d;padding:16px;overflow:auto}.topology-canvas:fullscreen{padding:20px;overflow:auto;background:#07141d}.topology-zone{border:1px solid #203b49;border-radius:10px;background:#091a25dd;overflow:hidden}.zone-heading{min-height:62px;padding:12px 15px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #203b49;background:linear-gradient(90deg,#0d2937,#091b26)}.zone-heading>span{width:34px;height:34px;border:1px solid #176f83;border-radius:7px;display:grid;place-items:center;color:var(--cyan);font:700 11px monospace}.zone-heading h3{font-size:17px;margin:3px 0 0}.zone-heading>label{margin-left:auto;border:1px solid #274a5b;border-radius:99px;padding:6px 9px;color:#89a3b1;font-size:8px;font-weight:800;letter-spacing:.09em}.topology-flow{display:flex;align-items:stretch;gap:10px;padding:14px}.topology-cluster{flex:1;min-width:0;border:1px solid #1d3745;border-radius:8px;background:#081822;padding:10px}.topology-cluster.primary-cluster{flex:1.08}.topology-cluster.camera-core-cluster{flex:.72}.topology-cluster h4{margin:0 0 9px;color:#718e9e;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.topology-device-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.topology-device-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.topology-device{min-width:0;min-height:78px;padding:10px;border:1px solid #274552;border-radius:7px;background:linear-gradient(145deg,#0d2937,var(--node));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;transition:.16s;box-shadow:inset 3px 0 #314c59}.topology-device:hover{border-color:var(--cyan);transform:translateY(-2px);background:#0e3040}.topology-device small{font-size:7px;line-height:1.25;letter-spacing:.1em}.topology-device strong{font-size:11px;line-height:1.2}.topology-device code{font-size:11px;color:#c8dbe4}.topology-device>span{font:7px monospace;color:#6f8998;letter-spacing:.04em}.topology-device.key-device{border-color:#17798e;background:linear-gradient(145deg,#0e3949,#0b2532)}.topology-device.camera-key{border-color:#476fb0}.topology-device.informational{box-shadow:inset 3px 0 #657c89;cursor:default}.flow-link{min-width:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--cyan)}.flow-link span{font-size:6px;letter-spacing:.12em;color:#7292a1}.flow-link i{font-style:normal;font-size:19px}.backbone-divider,.branch-divider{min-height:42px;display:flex;align-items:center;justify-content:center;gap:18px;color:var(--cyan)}.backbone-divider span,.branch-divider span{font-size:7px;font-weight:800;letter-spacing:.14em}.backbone-divider i,.branch-divider i{font-style:normal;font-size:18px}.switchgear-flow{display:flex;align-items:center;padding:14px;gap:8px}.switchgear-flow>.topology-device{flex:1}.camera-separator{height:66px;border-left:1px dashed #426b84;margin:0 12px}.field-grid{display:grid;grid-template-columns:1.07fr .93fr;gap:14px}.selector-bar{min-height:50px;padding:8px 12px;display:flex;align-items:center;gap:9px;border-bottom:1px solid #203b49;background:#081923}.selector-bar label{font-size:7px;color:#7894a3;letter-spacing:.12em;font-weight:800}.selector-bar select{border:1px solid #286074;border-radius:5px;background:#0b2633;color:#e6f3f7;padding:7px 28px 7px 9px;font-size:11px}.selector-bar a{margin-left:auto;color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.07em}.pump-branch{padding:14px;display:grid;grid-template-columns:minmax(130px,1fr) 52px minmax(130px,1fr);align-items:center;gap:8px}.pump-branch>.pump-split{grid-column:2;display:flex;justify-content:space-between;color:var(--cyan)}.pump-split i{font-style:normal}.pump-assets{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.blender-topology{padding:14px}.blender-router-grid{grid-template-columns:repeat(4,1fr)}.dual-path{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:9px;padding-top:14px;border-top:1px dashed #315062}.detail-links{display:flex;justify-content:space-between;margin-top:10px}.detail-links a{color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.08em}.camera-zone{margin-top:14px}.camera-branch-summary{display:grid;grid-template-columns:1.4fr .5fr minmax(150px,.8fr) 52px minmax(150px,.8fr) 52px minmax(130px,.6fr);gap:8px;align-items:center;padding:14px}.camera-branch-summary>div:first-child,.camera-branch-summary>div:nth-child(2){padding:10px}.camera-branch-summary>div>small,.camera-branch-summary>div>strong{display:block}.camera-branch-summary>div>small{font-size:7px}.camera-branch-summary>div>strong{font-size:10px;margin-top:5px}.camera-endpoints{display:grid;gap:7px}.camera-endpoints span{border:1px solid #294957;border-radius:6px;padding:9px;text-align:center;font-size:8px;color:#9db3be}.topology-page .sinec-status-bar{margin:0 0 14px}.topology-device .sinec-device-status{order:5;margin-top:3px}.topology-device.sinec-monitored{box-shadow:inset 4px 0 var(--status-color)!important}
.sinec-device-tooltip{display:none;position:fixed;z-index:9999;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 24px);overflow:auto;padding:12px;background:#08151f;border:1px solid #2a5267;border-radius:9px;box-shadow:0 14px 35px rgba(0,0,0,.55);color:#e9f7ff;text-align:left;pointer-events:none}.sinec-device-tooltip.is-visible{display:block}.sinec-device-tooltip>b{display:block;color:#17b8ef;font-size:11px;letter-spacing:.09em;margin-bottom:7px}.sinec-device-tooltip>span{display:grid;grid-template-columns:105px 1fr;gap:8px;padding:3px 0;border-top:1px solid rgba(255,255,255,.07)}.sinec-device-tooltip small{color:#90a9b7;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.sinec-device-tooltip strong{color:#fff;font-size:11px;overflow-wrap:anywhere}
@media(max-width:1100px){.datavan-flow{display:grid;grid-template-columns:1fr}.datavan-flow>.flow-link{min-height:26px;transform:rotate(90deg)}.field-grid{grid-template-columns:1fr}.camera-branch-summary{grid-template-columns:1fr 1fr}.camera-branch-summary>.flow-link{transform:rotate(90deg);min-height:34px}.blender-router-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.topology-page .topology-workspace{padding:14px 10px}.topology-heading{align-items:flex-start;gap:12px}.topology-heading-actions>span{display:none}.switchgear-flow{display:grid;grid-template-columns:1fr}.switchgear-flow>.flow-link{transform:rotate(90deg);min-height:28px}.camera-separator{height:1px;border-left:0;border-top:1px dashed #426b84}.pump-branch{grid-template-columns:1fr}.pump-branch>.flow-link{transform:rotate(90deg);min-height:28px}.pump-branch>.pump-split{grid-column:1}.pump-assets{grid-column:1;grid-template-columns:1fr}.blender-router-grid,.dual-path{grid-template-columns:1fr 1fr}.camera-branch-summary{grid-template-columns:1fr}.topology-device-grid,.topology-device-grid.compact{grid-template-columns:1fr 1fr}.topology-page .sinec-status-bar{margin-top:8px}}

/* Fleet 14 readability, responsive tables, and explicit bidirectional topology */
:root{--cyan:#35d8ff}
small,.title small,.zone-heading small,.topology-heading small{font-size:12px;line-height:1.35;color:#50dcff;letter-spacing:.12em}
.fleet-counts{display:grid;grid-template-columns:repeat(5,minmax(104px,1fr));width:min(690px,58vw);overflow:visible}
.fleet-counts b{min-width:0;padding:11px 12px;text-align:center;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}
.fleet-counts label{font-size:10px}
#pumps,.device-strip,.topology-canvas{overflow:visible}
.thead.wide,.pump.wide{grid-template-columns:125px repeat(7,minmax(0,1fr));min-width:0}
.thead.camera-wide,.pump.camera-wide{grid-template-columns:135px repeat(4,minmax(0,1fr));min-width:0}
.device-strip{grid-auto-flow:unset;grid-auto-columns:unset;grid-template-columns:repeat(auto-fit,minmax(155px,1fr))}
.device-strip>a{min-width:0}
.network-row .group-name strong,.network-row .device-strip>a small,.network-row .device-strip>a code{font-size:13px}
.title h2,.zone-heading h3{font-size:19px}
.topology-page .topology-workspace{max-width:1680px}
.topology-canvas{padding:18px}
.topology-zone+.topology-zone{margin-top:16px}
.topology-cluster h4{font-size:12px;line-height:1.45;color:#b9eaff;letter-spacing:.08em}
.topology-device small{font-size:10px;color:#50dcff}
.topology-device strong{font-size:13px}
.topology-device code{font-size:12px}
.flow-link{min-width:78px}
.flow-link span,.backbone-divider span,.branch-divider span{font-size:11px;font-weight:900;color:#b9eaff;letter-spacing:.08em;text-align:center}
.flow-link i,.backbone-divider i,.branch-divider i{font-size:27px;color:#50dcff}
.backbone-divider,.branch-divider{min-height:58px}
.core-network-grid{display:grid;grid-template-columns:3fr 1fr;gap:14px;padding:14px}
.core-device-grid{grid-template-columns:repeat(5,minmax(125px,1fr))}
.combined-pump-paths{display:grid;grid-template-columns:1fr;gap:12px;padding:14px}
.pump-branch,.camera-path{display:grid;grid-template-columns:minmax(130px,.7fr) 78px minmax(130px,.7fr) 78px minmax(360px,2fr);align-items:center;gap:8px;padding:0}
.pump-asset-grid{grid-template-columns:repeat(5,minmax(120px,1fr))}
.camera-endpoint-grid{grid-template-columns:1fr 1fr}
.explicit-paths{display:grid;gap:10px;padding:14px}
.path-row{display:grid;grid-template-columns:minmax(170px,1fr) 90px minmax(220px,1.4fr);align-items:center;gap:10px;padding:10px;border:1px solid #1d3745;border-radius:8px;background:#081822}
.path-row.multi-source{grid-template-columns:minmax(210px,1.2fr) 78px minmax(160px,.8fr) 78px minmax(180px,.9fr)}
.path-row.multi-source>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.topology-placeholder{min-height:78px;border:1px dashed #466575;border-radius:7px;display:grid;place-items:center;padding:14px;text-align:center;color:#c4dce7;font-size:12px;font-weight:800;letter-spacing:.06em}
.support-zone{margin-top:16px}
.support-topology-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;padding:14px}
.support-device-grid{grid-template-columns:repeat(3,minmax(115px,1fr))}
@media(max-width:1200px){.intro{align-items:flex-start;gap:20px}.fleet-counts{width:54vw;grid-template-columns:repeat(3,1fr)}.thead.wide,.pump.wide{grid-template-columns:115px repeat(4,minmax(150px,1fr))}.pump.wide{display:grid}.pump.wide>a:nth-child(n+6){grid-row:auto}.core-network-grid,.support-topology-grid{grid-template-columns:1fr}.core-device-grid{grid-template-columns:repeat(3,1fr)}.pump-branch,.camera-path{grid-template-columns:1fr}.pump-branch>.flow-link,.camera-path>.flow-link{transform:rotate(90deg);min-height:38px}.path-row,.path-row.multi-source{grid-template-columns:1fr}.path-row>.flow-link{transform:rotate(90deg);min-height:38px}}
@media(max-width:780px){.fleet-counts{width:100%;grid-template-columns:repeat(2,1fr)}.thead.wide{display:none}.pump.wide,.pump.camera-wide{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;padding:8px}.pump.wide>.pump-page-link,.pump.camera-wide>strong{grid-column:1/-1}.network-row{grid-template-columns:1fr}.group-name{border-right:0;border-bottom:1px solid #1d3340}.device-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.topology-flow{display:grid}.topology-flow>.flow-link{transform:rotate(90deg);min-height:38px}.core-device-grid,.support-device-grid{grid-template-columns:repeat(2,1fr)}.path-row.multi-source>div:first-child{grid-template-columns:1fr}.topology-device strong{font-size:12px}}
.sinec-unmonitored,.disabled-device{opacity:.38!important;filter:grayscale(1);box-shadow:inset 3px 0 #53616a!important;cursor:not-allowed!important;color:#7d8b93!important;background:#101a20!important}
.sinec-unmonitored *,.disabled-device *{color:#7d8b93!important}
.sinec-unmonitored .sinec-device-status{border-color:#66737a!important;color:#a0abb0!important}
.device-cell{min-width:0;padding:12px 18px;border-left:1px solid #1d3340;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px}
.device-cell small{font-size:10px;font-weight:800}.device-cell code{font-size:13px}.device-cell b{font-size:9px;letter-spacing:.08em}
.sinec-unmonitored,.disabled-device,.hidden-empty-group{display:none!important}
.thead.wide,.thead.camera-wide{display:none!important}
.pump.wide{grid-template-columns:125px repeat(auto-fit,minmax(145px,1fr));min-width:0}
.pump.camera-wide{grid-template-columns:135px repeat(auto-fit,minmax(160px,1fr));min-width:0}
.fleet-counts b:first-child{border-left:0;border-right:0;border-top:0;border-bottom:1px solid var(--line)}
.device-model{display:block!important;margin:2px 0 0!important;color:#9db4c0!important;font:800 10px/1.25 Arial,sans-serif!important;letter-spacing:.05em!important;text-align:center;overflow-wrap:anywhere}
.fleet-counts{grid-template-columns:repeat(6,minmax(105px,1fr));width:min(790px,62vw)}
.sinec-status-bar{gap:8px}.sinec-feed{min-width:190px}.sinec-legend{flex-wrap:nowrap;gap:4px}.sinec-legend span{padding:5px 6px;font-size:9px;letter-spacing:.025em;white-space:nowrap}
@media(max-width:1200px){.fleet-counts{grid-template-columns:repeat(3,1fr);width:54vw}.sinec-legend{flex-wrap:wrap}}