.onu-live-ip{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 14px;padding:13px 16px;border:1px solid #dce6fb;border-radius:12px;background:linear-gradient(110deg,#f1f6ff,#fbfcff)}.onu-live-ip>span{color:#64748b;font-size:10px;font-weight:750;letter-spacing:.09em;text-transform:uppercase}.onu-live-ip strong{grid-column:1;color:#203257;font-size:20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.onu-live-ip small{grid-column:1;color:#8491a7;font-size:10px}.onu-live-ip button{grid-column:2;grid-row:1 / span 3}@media(max-width:600px){.onu-live-ip{grid-template-columns:1fr}.onu-live-ip button{grid-column:1;grid-row:auto;justify-self:start}}
.onu-dashboard .onu-tabs,.onu-dashboard .wifi-panel{display:none!important}
.state-pill{min-width:92px;padding:6px 10px;border:1px solid transparent;border-radius:999px;font-size:11px;font-weight:750;line-height:1.15;opacity:1!important;cursor:default!important;box-shadow:none!important}.state-pill.good{color:#087b56;background:#e5f7ef;border-color:#c7eddb}.state-pill.bad{color:#b93247;background:#fff0f2;border-color:#ffd6dc}.state-pill.warn{color:#956410;background:#fff7df;border-color:#f6e5ad}.state-pill.unknown{color:#657186;background:#eef1f6;border-color:#dfe4ec}.ip-value{font-variant-numeric:tabular-nums;color:#33415a}.table-card td{vertical-align:middle}.table-card td .sub{display:block}.table-card td .state-pill{margin:1px 0}.modal-box form .section-label{margin:16px 0 2px}.modal-box .form-stack{gap:15px}.modal-box .form-grid{gap:14px}.modal-box .footnote{line-height:1.55}.modal-box .form-footer{margin-top:7px}.modal-box .alert strong{color:#26364f}@media(max-width:760px){.state-pill{min-width:78px;padding:5px 8px}.modal-box{max-height:94vh;overflow:auto}.modal-box .form-grid{grid-template-columns:1fr}}
.wifi-panel{margin:22px 0;padding:19px;border:1px solid #e4e9f2;border-radius:13px;background:linear-gradient(135deg,#fbfcff,#f6f8fd)}.wifi-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.wifi-panel-head h3{margin-top:3px}.wifi-panel-head p{margin:5px 0 0;font-size:12px}.wifi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.wifi-card{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;border:1px solid #e6eaf2;border-radius:11px;background:#fff;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.wifi-card:hover{transform:translateY(-2px);border-color:#c8d4fa;box-shadow:0 8px 22px #2436560d}.wifi-card-icon{display:grid;place-items:center;width:35px;height:35px;flex:0 0 auto;border-radius:10px;background:#edf1ff;color:#4262f0;font-size:20px}.wifi-card-body{display:grid;flex:1;min-width:0;gap:4px}.wifi-card-body strong{overflow:hidden;color:#25334b;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.wifi-card-body span{color:#8994a8;font-size:10px}.onu-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.action-groups{display:grid;gap:14px}.action-group{display:grid;gap:8px}.action-group>strong{color:#76839a;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.action-group .actions{gap:8px}.action-group button{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.action-group button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 12px #22385b12}.action-group button.danger{background:#fff1f3;border-color:#ffd1d8;color:#c83e52}.is-loading{position:relative;pointer-events:none;opacity:.75}.is-loading:before{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;content:"";animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.wifi-panel{padding:14px}.wifi-panel-head{align-items:center}.wifi-grid{grid-template-columns:1fr}.wifi-card{flex-wrap:wrap}.wifi-card-body{min-width:130px}.onu-detail-toolbar{align-items:flex-start}}
.onu-dashboard{display:grid;gap:18px;padding:4px 0 10px}.onu-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-bottom:8px;border-bottom:1px solid var(--line)}.onu-topbar h2{font-size:28px;margin-top:4px}.onu-tabs{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.mini-tab{padding:7px 10px;border-radius:999px;border:1px solid var(--line);background:#f4f6fb;color:#4c5978;font-size:11px;font-weight:700;letter-spacing:.02em}.mini-tab.active{background:#edf2ff;border-color:#cfe0ff;color:#2d4de3}.dashboard-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:16px}.panel{background:#fff;border:1px solid #e7ebf4;border-radius:16px;padding:16px;box-shadow:0 10px 26px rgba(36,54,86,.04)}.panel-wide{grid-column:1 / -1}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf1f7;margin-bottom:14px}.panel-head h3{font-size:15px}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.kpi-card{padding:12px;border:1px solid #edf1f7;border-radius:12px;background:linear-gradient(180deg,#ffffff,#f9fbff)}.kpi-card small{display:block;color:#7f8ca4;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.kpi-card strong{display:block;font-size:18px;line-height:1.2;color:#1e2940}.kpi-card span{display:block;margin-top:5px;color:#697a95;font-size:11px}.topology{display:grid;gap:10px;align-items:center;padding-top:6px}.node{display:grid;gap:3px;padding:12px;border:1px solid #e5eaf4;border-radius:12px;background:#f8f9fe}.node span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7b879e}.node strong{font-size:12px;color:#25314a}.node-primary{background:#eef4ff;border-color:#dfeaff}.node-secondary{background:#f3fff9;border-color:#d5f3ea}.node-onu{background:#fff8ee;border-color:#f7e6c0}.node-line{height:18px;border-left:2px dashed #cfd8ef;margin-left:18px}.detail-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.detail-list li{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #edf1f7}.detail-list li:last-child{border-bottom:none}.detail-list span{color:#6d7a93;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.detail-list strong{color:#24324d;font-size:12px;font-weight:700;text-align:right}.action-block{padding:18px 0 0}.detail-json{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.detail-json summary{cursor:pointer;color:#3f4b68;font-weight:600}.detail-json pre{margin:10px 0 0;max-height:180px;overflow:auto;background:#f7f9fd;border:1px solid #edf1f7;border-radius:10px;padding:12px;color:#37445f;font-size:11px;line-height:1.5}.optical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.optical-item{padding:12px;border:1px solid #edf1f7;border-radius:12px;background:#fbfcff}.optical-item span{display:block;color:#7d899a;font-size:10px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.optical-item strong{display:block;color:#1f2a3d;font-size:16px}.@media(max-width:820px){.dashboard-grid{grid-template-columns:1fr}.onu-topbar{flex-direction:column}.panel{padding:14px}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.optical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}