:root{font-family:Inter,Arial,sans-serif;color:#24344c;--ink:#24344c;--muted:#8090a5;--blue:#429be7;--purple:#9c83dc;--green:#39b48a;--orange:#edb14b;--line:#e6edf3;--netlog-navy:#10265c}*{box-sizing:border-box}body{color:#24344c!important;background-color:#edf3f7!important;background-image:linear-gradient(110deg,rgba(243,248,251,.95),rgba(239,246,250,.92)),url('/brand/netlog-background.jpg')!important;background-size:cover;background-attachment:fixed}body::after{display:none}h1,h2,h3,h4{color:#263b54}p,.muted,small{color:#788b9e}a{color:#4387b8}.panel,.card,.stat,.history-panel,.site,.device,.dse-kpi,.gauge-box,.provider,.notice{background:rgba(255,255,255,.97)!important;color:#2a3c53!important;border:1px solid #e5ecf2!important;box-shadow:0 7px 24px #34587508!important;border-radius:16px!important}.card-head,.card-body,.card-foot{background:transparent!important;border-color:#edf1f5!important}.card-foot{color:#7c91a5!important}.card h3,.metric strong,.stat strong,.dse-kpi strong{color:#2a415b!important}.metric small,.stat small,.dse-kpi small,.dse-unit,.dse-kpi-note{color:#8191a3!important}button,input,select,textarea{border-color:#e1e9f0!important;background:#fff!important;color:#304863!important;border-radius:9px!important}button{box-shadow:0 2px 6px #183f6404}button:hover,.device:hover{border-color:#aacce6!important;background:#f8fbfe!important}button:focus-visible,a:focus-visible{outline:3px solid #90c9f3}.badge{background:#eef4fa!important;color:#637c94!important}.green{color:#23a77d!important}.orange{color:#d59b3e!important}.shell>aside{background:rgba(255,255,255,.96)!important;border-color:#e0eaf1!important;box-shadow:3px 0 20px #34587506}.shell>main{background:transparent!important}.shell>main>header{min-height:165px!important;background-image:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.7)),url('/brand/netlog-flags.jpg')!important;border:1px solid #e3ebf3!important;border-bottom:0!important;box-shadow:0 10px 35px #54738a0b!important}.shell>main>header h1,.shell>main>header .eyebrow,.shell>main>header .statusline{color:#2c4768!important}.shell>main>header>.header-status{background:#ffffffda!important;border-color:#e5edf4!important}.shell>main>header .time{color:#7a8fa6!important}.nav button,.nav a{color:#668099!important}.nav button.active,.nav a.active{background:#eef6fc!important;border-color:#439be6!important;color:#2978b4!important}.sub,.aside-bottom,.footer{color:#8496a8!important}.netlog-logo-plate{box-shadow:none!important;border:0!important}.tablewrap,.table-wrap{background:#fff;border-radius:12px}th,td{border-color:#edf1f5!important}th{color:#7b8fa4!important;background:#f8fbfd}td{color:#354d66}.hist-chart,canvas,svg.hist-chart{background:#f9fcfe!important}.detail-top p,.toolbar p,.eyebrow{color:#7e91a6!important}dialog{background:#fff!important;color:#2a405a!important;border:1px solid #dce6ef!important;border-radius:18px!important}.notice{color:#8d794f!important;background:#fffcf3!important}header:not(.shell header){border-color:#e4ebf2!important}.brand{color:#1c3661!important}#message{color:#8191a3!important}svg text{fill:#73889d}.dse-power-active{border-color:#89d6bd!important;background:#f1fbf6!important}.dse-kpi-note{font-size:10px}summary{color:#597f9d!important}pre{background:#f5f8fc!important;color:#445c73!important}.statusline,.live{color:#6d8ba3}.group-flags-banner{border-radius:10px}.energy-gauge,.gauge-box svg{background:transparent!important}.app-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.app-nav a{font-size:12px;padding:8px 12px;background:#f3f8fc;border:1px solid #e5edf3;border-radius:8px;text-decoration:none}@media(max-width:750px){.shell>aside{background:#ffffffed!important}.shell>main>header{min-height:175px!important}.shell>main>header h1{font-size:23px!important}body{background-attachment:scroll}}
.metric b,.metric em{color:#3e5872!important}.pill{background:#f0f6fa!important;color:#6b8da7!important;border-color:#e1eaf2!important}.ratio-green{color:#2ca47d!important}.ratio-yellow,.ratio-orange{color:#d6a44b!important}.ratio-red{color:#d97c76!important}.gauge-box svg line,.gauge-box svg circle{stroke:#56718b!important;fill:#56718b!important}.ratio-number{font-size:25px}.log{background:#f5f8fc!important;color:#59738d!important}.provider-icon{background:#eef5fb!important;color:#608bae!important}

section[id]{scroll-margin-top:105px}@media(max-width:650px){section[id]{scroll-margin-top:18px}}
/* Photo backgrounds and blue data surfaces */
body{background-image:linear-gradient(110deg,rgba(220,237,252,.55),rgba(201,224,246,.40)),url('/brand/netlog-background.jpg')!important}body::before{display:none!important}.panel,.card,.stat,.history-panel,.site,.device,.dse-kpi,.gauge-box,.provider,.tile,.summary{background:linear-gradient(135deg,rgba(242,249,255,.97),rgba(212,232,251,.96))!important;border-color:#c8def0!important;box-shadow:0 8px 25px #163c6720!important}.tile{border-top-color:var(--accent)!important}.top{background:rgba(228,241,254,.93)!important;border-color:#bed8ed!important}.top nav a.active,.top nav a:hover{background:#c6e2fa!important;color:#225f91!important}.hero{background-image:linear-gradient(90deg,rgba(231,243,255,.85),rgba(215,235,253,.28)),url('/brand/netlog-flags.jpg')!important;border-color:#c8dff1!important}.section-head{padding:13px 15px;background:#eaf5ffea;border:1px solid #d1e5f6;border-radius:13px}.section-head h2{color:#284f75!important}.group-state span{background:#e9f5ffed!important;border-color:#c9e0f1!important;color:#4f799a!important}.mini b,.primary strong,.solar-value{color:#244a70!important}.rail{background:#cfdfed!important}.chips span{background:#e5f1fc!important;color:#6286a5!important}.tile footer{background:#d9eaf875!important;border-radius:0 0 13px 13px;border-color:#c4ddf0!important;color:#587b99!important}.bottom{color:#f4f9ff!important;text-shadow:0 1px 3px #173c67}.bottom-photo{background-image:linear-gradient(90deg,#c3def440,#d9ecfb22),url('/brand/netlog-background.jpg')!important}.tablewrap,.table-wrap,.table-scroll,dialog{background:#edf6ff!important}th{background:#daeafa!important;color:#42698c!important}td{color:#325676!important}.dialog-kpis div{background:#dcecfb!important;border-color:#c7dff3!important}.dialog-meta span{background:#e0eefb!important;color:#557b9a!important}.shell>aside{background:#e6f2ffed!important}.shell>main>header{background-image:linear-gradient(90deg,rgba(223,239,255,.88),rgba(219,237,254,.35)),url('/brand/netlog-flags.jpg')!important}.app-nav a{background:#dfedfa!important;border-color:#c1dbf0!important}[hidden]{display:none!important}
/* Operational readings: consistent thresholds on cards, gauges and detail tables. */
:root{--reading-green:#08783b;--reading-yellow:#946000;--reading-orange:#c34d00;--reading-red:#c51d32}
.threshold-value{font-weight:800!important;font-variant-numeric:tabular-nums}
.threshold-value[data-level=green],.ratio-green{color:var(--reading-green)!important;fill:var(--reading-green)!important}
.threshold-value[data-level=yellow],.ratio-yellow{color:var(--reading-yellow)!important;fill:var(--reading-yellow)!important}
.threshold-value[data-level=orange],.ratio-orange{color:var(--reading-orange)!important;fill:var(--reading-orange)!important}
.threshold-value[data-level=red],.ratio-red{color:var(--reading-red)!important;fill:var(--reading-red)!important}
.threshold-value[data-level=unknown]{color:#5b7186!important;fill:#5b7186!important}
.ratio-number{font-size:40px!important;font-weight:850!important;line-height:1.2}
.ratio-dial svg text.threshold-value{font-size:24px!important;font-weight:850!important}
.device [class^=ratio-],td[class^=ratio-]{font-size:21px!important;font-weight:800!important}
.mini b.threshold-value{font-size:21px!important;line-height:1.3}
.threshold-box{border:2px solid!important;border-radius:14px!important;padding:24px 12px!important}
.threshold-box[data-level=green]{background:#c7f0d7!important;border-color:#37a768!important;color:#07552b!important}
.threshold-box[data-level=yellow]{background:#fff0ab!important;border-color:#d5aa25!important;color:#715000!important}
.threshold-box[data-level=orange]{background:#ffdbad!important;border-color:#e6872c!important;color:#8d3700!important}
.threshold-box[data-level=red]{background:#ffd1d9!important;border-color:#df5367!important;color:#a00d28!important}
.threshold-box strong,.threshold-box small,.threshold-box span{color:inherit!important;font-weight:800!important}
.temperature-reading strong{font-weight:850!important}
body{background-size:100% 100%,contain!important;background-position:center,center top!important;background-repeat:no-repeat!important;background-attachment:fixed!important}
.bottom-photo{background-size:100% 100%,contain!important;background-position:center!important;background-repeat:no-repeat!important;min-height:clamp(190px,56vw,700px)!important}