/* Option A – anthracite and ice blue. Does not change the approved dashboard grid. */
:root{--lc-bg:#101827;--lc-panel:#1d2c40;--lc-panel2:#172638;--lc-edge:#3d566c;--lc-accent:#65d9ff;--lc-text:#f3f7fc;--lc-muted:#b6c8da}
html,body{background:#101827!important;color:#f2f7fc!important}
body{background:radial-gradient(ellipse 1100px 700px at 62% -25%,#23405a 0,#101827 74%)!important}
.site-header{background:linear-gradient(100deg,#101827,#172b3d)!important;border-bottom:1px solid #355168!important}
.brand h1 span,.lc-wordmark h1 span,.lc-footer-brand strong span{color:#69daff!important}
.lc-bird,.lc-auth-bird,.panel-icon,.metric-graphic,.sensor-icon,.sensor-section-head h3>span{color:#6cddff!important}
.hok-tabs button.active,.hok-tabs .active,.lc-auth-button,.lc-auth-switch button.active{background:linear-gradient(120deg,#83ebff,#27a9d6)!important;color:#082335!important;border:1px solid #72e5fb!important;box-shadow:0 5px 22px #35bdf533!important}
.hok-tabs button:not(.active),.hok-tabs a,.lc-account{background:#1a2e43!important;color:#dbeaf6!important;border-color:#3d566b!important}
.metric-card,.metric-card.first{background:linear-gradient(145deg,#23364a,#172638)!important;border:1px solid #496078!important}
.metric-card.first .metric-value{color:#dff8ff!important}
.sensor-tile{background:linear-gradient(145deg,#263a50,#17283a)!important;border:1px solid #435c75!important}
.sensor-reading,.scanner-lines strong{color:#f6faff!important}
.sensor-icon,.lc-footer-partners .lc-pg-icon{color:#6bd6ff!important}
.map-card,.scanner-highlight,.sensor-overview,.table-card,.activity-card{background:linear-gradient(150deg,#1e3349,#172638)!important;border:1px solid #3c5670!important}
.scanner-highlight .lc-scanner-info{background:linear-gradient(145deg,#243c52,#16273b)!important;border-color:#425d77!important}
.hok-table th{background:#223a51!important}
.hok-table tr:nth-child(even) td{background:#21384b!important}
.lc-lang{background:#1b2b3e;border:1px solid #58758c;color:#f5fbff;border-radius:7px;padding:8px 10px;font-weight:750;cursor:pointer}
.lc-lang-label{font-size:11px;color:#b5cad7}.lc-devices-lang{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:10px 3%}
.lc-auth-stage{position:relative;display:grid;grid-template-columns:minmax(360px,1fr) minmax(310px,0.95fr);max-width:1060px;margin:24px auto 38px!important;padding:0!important;min-height:580px;border:1px solid #47647b!important;border-radius:19px!important;overflow:hidden;background:linear-gradient(135deg,#142133,#233850)!important;box-shadow:0 26px 85px #0006!important}
.lc-auth-content{padding:46px clamp(26px,4vw,64px) 28px;display:flex;flex-direction:column;justify-content:center;z-index:1}
.lc-auth-bird{font-size:48px;line-height:1}.lc-auth-intro .eyebrow{color:#7fdffa}.lc-auth-intro h2{margin:13px 0 4px!important;font-size:35px;letter-spacing:-.02em}.lc-auth-intro p{color:#d5e5f3;margin:0 0 23px}
.lc-auth-switch{display:flex;gap:8px;margin-bottom:21px}.lc-auth-switch button{background:#1b2d40;color:#bfd4e2;flex:1;border:1px solid #40566c;border-radius:9px;padding:11px;cursor:pointer;font-weight:750}
.lc-auth-form{display:flex;flex-direction:column;gap:9px}.lc-auth-form label{font-size:12px;color:#d9e8f5;font-weight:650}.lc-auth-form input:not([type=checkbox]){height:43px;background:#26384b;color:#fff;border:1px solid #49647b;border-radius:9px;padding:0 13px;width:100%;box-sizing:border-box;font-size:14px}
.lc-auth-form input:focus-visible,.lc-lang:focus-visible,.lc-auth-switch button:focus-visible{outline:2px solid #79dcff;outline-offset:2px}
.lc-auth-form input::placeholder{color:#9bb2c6}.lc-auth-button{border:0!important;border-radius:9px;padding:13px 14px;margin-top:12px;cursor:pointer;font-size:15px;font-weight:800}
.lc-auth-button:disabled{opacity:.6;cursor:wait}.lc-auth-hint{font-size:12px;color:#b7cada;margin:15px 0 0}.lc-auth-message{margin:13px 0!important;min-height:23px;font-size:12px;color:#cfe6f4}.lc-auth-message.error{color:#ffaaa6}.lc-check{display:flex;align-items:flex-start;gap:9px;margin-top:7px;font-size:12px;font-weight:500!important}.lc-check input{accent-color:#36bfe8;margin-top:2px}
.lc-auth-panel h3{margin:0 0 7px}.lc-auth-panel>p{font-size:13px;color:#c5d7e9}.lc-auth-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:19px;border-top:1px solid #40576b;font-size:11px;color:#adc4d6}.lc-auth-footer strong{color:#f8fbff}
.lc-auth-art{background:linear-gradient(0deg,#12273cbd,#12273c07 62%),url('../img/loft-hero.jpg') center center/cover no-repeat;min-height:550px;position:relative}
.lc-auth-art-label{position:absolute;bottom:33px;left:30px;font-size:23px;font-weight:800;text-shadow:0 2px 18px #000b;color:white}
#lcAuthLink .lc-auth-form{margin-top:20px}
#lcLegacy[hidden],.lc-auth-panel[hidden]{display:none!important}
@media(max-width:850px){.lc-auth-stage{grid-template-columns:1fr;max-width:620px}.lc-auth-art{display:none}.lc-auth-content{min-height:450px;padding:30px}}
@media(max-width:570px){.lc-lang-label{display:none}.lc-lang{padding:6px 7px}.lc-auth-intro h2{font-size:28px}}

.lc-link-logout{margin-top:12px;padding:8px 4px;border:0;background:none;color:#9ed8ef;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
