:root{--bg: #24405e;--panel: #1c3350;--panel-alt: #2c4a6e;--border: rgba(255, 255, 255, .12);--text: #eef3fa;--text-dim: #b7c6db;--accent: #2f7cd6;--accent-dark: #205ea3;--green: #3fae49;--green-dark: #2f8a38;--orange: #e08a1e;--red: #d34848;--gray: #64748b}*{box-sizing:border-box}body{margin:0;background:#f4f6fb;color:#10192e;font-family:Segoe UI,system-ui,-apple-system,sans-serif}button{cursor:pointer;border:1px solid transparent;background:var(--green);color:#fff;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600}button:hover:not(:disabled){background:var(--green-dark)}button.danger{background:var(--red)}button.danger:hover:not(:disabled){background:#b93a3a}.button-like{cursor:pointer;border:1px solid transparent;background:var(--green);color:#fff;border-radius:4px;padding:8px 16px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}button:disabled{opacity:.6;cursor:not-allowed}input,select{border:1px solid #d5dcec;border-radius:6px;padding:8px 10px;font-size:14px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;gap:28px;background:linear-gradient(180deg,var(--bg),#1a2f47);color:var(--text);padding:0 24px;height:58px;border-bottom:3px solid var(--accent);flex-shrink:0}.topbar-brand{font-weight:800;font-size:18px;white-space:nowrap}.topbar-nav{display:flex;align-items:center;gap:4px;flex:1;overflow-x:auto}.nav-item{display:inline-flex;align-items:center;height:58px;padding:0 14px;color:var(--text-dim);text-decoration:none;font-weight:600;font-size:13px;background:transparent;border:none;border-bottom:3px solid transparent;margin-bottom:-3px;white-space:nowrap}.nav-item.active,.nav-item:hover{color:#fff;border-bottom-color:var(--accent)}.topbar-user{display:flex;align-items:center;gap:12px;font-size:13px;white-space:nowrap}.topbar-user-info{text-align:right;line-height:1.3}.topbar-user-info strong{display:block}.topbar-user-info small{display:block;color:var(--text-dim)}.topbar-logout{background:transparent;border:1px solid var(--border)}.topbar-logout:hover:not(:disabled){background:var(--panel-alt)}.main-area{flex:1;min-width:0}.content{padding:28px 32px;max-width:1200px;margin:0 auto}.full-page-loading{padding:40px;text-align:center;color:var(--text-dim)}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700;color:var(--accent);margin:0 0 4px}.page-heading h1{margin:0;font-size:26px}.subheading{margin:6px 0 0;color:#55617c;max-width:640px;font-size:14px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px}.kpi-card{border-radius:10px;padding:16px 18px;color:#fff;display:flex;flex-direction:column;gap:2px}.kpi-card strong{font-size:30px;line-height:1.1}.kpi-card span{font-size:13px;opacity:.92}.kpi-blue{background:var(--accent-dark)}.kpi-green{background:var(--green-dark)}.kpi-gray{background:#475569}.kpi-orange{background:#b8660f}.kpi-breakdown{margin-top:8px;display:flex;flex-direction:column;gap:2px;font-size:12px;opacity:.9}.success-note{background:#e4f8ec;border:1px solid #b7e6c9;color:#167a3f;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:18px}.dashboard-note{background:#fff4e5;border:1px solid #f3d9a8;color:#7a4b06;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:18px}.dashboard-columns{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}@media (max-width: 900px){.dashboard-columns{grid-template-columns:1fr}}.panel{background:#fff;border:1px solid #e4e8f2;border-radius:10px;padding:18px;margin-bottom:16px}.workspace-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.workspace-title p{margin:0 0 2px;font-size:11px;letter-spacing:.06em;color:var(--accent);font-weight:700}.workspace-title h2{margin:0;font-size:16px}.empty-records{padding:24px;text-align:center;color:#7c879e;font-size:14px}.simple-table{width:100%;border-collapse:collapse;font-size:13px}.simple-table th{text-align:left;padding:8px 10px;color:#7c879e;font-weight:600;border-bottom:1px solid #eef1f7}.simple-table td{padding:10px;border-bottom:1px solid #f2f4f9;vertical-align:top}.simple-table small{display:block;color:#8994ad}.onu-services-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-inline:contain}.onu-services-table-wrap .simple-table{min-width:860px}.state-pill{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize;background:#eef1f7;color:#52607a}.state-pill.reachable{background:#e4f8ec;color:#167a3f}.state-pill.unreachable{background:#fde8e8;color:#b91c1c}.event-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.event-feed li{display:flex;flex-direction:column;font-size:13px;padding-bottom:8px;border-bottom:1px solid #f2f4f9}.event-feed small{color:#8994ad;margin-top:2px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:14px}.form-grid label,.login-card label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#3c4a66}.form-wide{grid-column:1 / -1}.form-error{color:var(--red);font-size:13px}.search-input{width:280px}.inline-link-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.inline-link-form input{min-width:160px}.olt-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.olt-card{border:1px solid #e4e8f2;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}.olt-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.olt-card h3{margin:0;font-size:15px}.olt-card header p{margin:2px 0 0;font-size:12px;color:#8994ad}.olt-card-detail{font-size:12px;color:#55617c;margin:0}.olt-card-detail.small{color:#8994ad}.olt-card footer{display:flex;gap:8px;margin-top:auto}.olt-card footer button,.olt-card footer .button-like{flex:1}.port-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.port-chip{border:1px solid #e4e8f2;border-left:4px solid var(--gray);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:2px;background:#f9fafc;color:inherit;font:inherit;text-align:left;width:100%;cursor:default}.port-chip.clickable{cursor:pointer}.port-chip.clickable:hover{border-color:var(--accent)}.port-chip:disabled{opacity:1}.port-chip.reachable{border-left-color:var(--green)}.port-chip.unreachable{border-left-color:var(--red)}.port-chip-number{font-weight:700;font-size:13px}.port-chip-ifname{font-size:10px;color:#a3adc2;font-family:Cascadia Code,Consolas,monospace}.port-chip-onus{font-size:11px;color:#7c879e}.vlan-detail .port-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:8px}.vlan-detail .port-chip{flex-direction:row;align-items:center;justify-content:space-between;gap:6px}.vlan-chip-actions{display:flex;gap:4px}.olt-detail-tabs{display:flex;gap:4px;border-bottom:1px solid #e4e8f2;margin-bottom:16px}.olt-detail-tabs a{padding:8px 14px;font-size:13px;font-weight:600;color:#55617c;text-decoration:none;border-bottom:2px solid transparent}.olt-detail-tabs a.active{color:var(--accent);border-bottom-color:var(--accent)}.port-power-strip{display:flex;align-items:center;justify-content:space-between;background:#f2f5fb;border:1px solid #e4e8f2;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:13px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:#fff;padding:32px;border-radius:12px;width:340px;display:flex;flex-direction:column;gap:12px}.login-card h1{margin:0;font-size:22px}.login-card p{margin:0 0 6px;color:#6a7590;font-size:13px}.login-card button{margin-top:8px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1e8c;display:flex;align-items:center;justify-content:center;z-index:50;padding:24px}.script-modal{width:min(720px,100%);max-height:85vh;overflow-y:auto;margin:0}.script-textarea{width:100%;font-family:Consolas,SFMono-Regular,Menlo,monospace;font-size:12px;border-radius:8px;border:1px solid #d5dcec;padding:12px;resize:vertical}.reason-field{display:flex;flex-direction:column;gap:5px;margin:14px 0;color:#3c4a66;font-size:13px;font-weight:600}.reason-field textarea{width:100%;min-height:76px;border:1px solid #d5dcec;border-radius:6px;padding:9px 10px;color:#10192e;font:inherit;font-weight:400;line-height:1.4;resize:vertical}.reason-field textarea:focus{border-color:var(--accent);outline:2px solid rgba(47,124,214,.15)}.reason-field textarea:disabled{background:#f4f6fb;color:#66728a}.reason-field small{color:#7c879e;font-weight:400;text-align:right}.reason-field small.form-error{color:var(--red)}.maintenance-panel{overflow:hidden}.maintenance-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:22px}.maintenance-action-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:14px;border:1px solid #e2e8f2;border-radius:9px;background:#f8fafd}.maintenance-action-card h3,.operations-heading h3{margin:0 0 5px;font-size:14px}.maintenance-action-card p,.operations-heading p{margin:0;color:#647089;font-size:13px;line-height:1.45}.maintenance-action-card label{display:flex;flex-direction:column;gap:4px;width:100%;color:#3c4a66;font-size:13px;font-weight:600}.maintenance-action-card select{width:100%;min-width:0}.maintenance-action-card>button{margin-top:auto}.maintenance-action-danger{border-color:#f1d1d1;background:snow}.operations-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:4px;margin-bottom:12px}.operation-list{display:flex;flex-direction:column;gap:12px}.operation-card{padding:14px;border:1px solid #e2e8f2;border-left:4px solid #94a3b8;border-radius:8px;background:#fff}.operation-card.operation-status-running,.operation-card.operation-status-queued{border-left-color:var(--orange)}.operation-card.operation-status-succeeded{border-left-color:var(--green)}.operation-card.operation-status-failed,.operation-card.operation-uncertain{border-left-color:var(--red)}.operation-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.operation-card-heading h4{margin:0 0 3px;font-size:14px}.operation-card-heading small{color:#8994ad;overflow-wrap:anywhere}.state-pill.operation-pill-queued,.state-pill.operation-pill-running{background:#fff4e0;color:#92660a}.state-pill.operation-pill-succeeded{background:#e4f8ec;color:#167a3f}.state-pill.operation-pill-failed{background:#fde8e8;color:#b91c1c}.state-pill.operation-pill-cancelled{background:#eef1f7;color:#52607a}.operation-manual-review{margin:0 0 12px;padding:10px 12px;border:1px solid #e9a5a5;border-radius:7px;background:#fff0f0;color:#991b1b;font-size:13px;line-height:1.4}.operation-write-block{margin:0 0 16px;padding:12px 14px;border:2px solid #d34848;border-radius:8px;background:#fff0f0;color:#991b1b;font-size:13px;line-height:1.45}.operation-write-block p{margin:4px 0 0}.recovery-action{border-color:#e2a53b;color:#8a5700}.recovery-action:hover:not(:disabled){border-color:#c48213;background:#fff7e8}.recovery-modal .reason-field select{width:100%}.operation-progress-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.operation-progress{height:8px;overflow:hidden;border-radius:999px;background:#e8edf5}.operation-progress span{display:block;min-width:2px;height:100%;border-radius:inherit;background:var(--accent);transition:width .18s ease}.operation-progress-row strong{color:#52607a;font-size:12px}.operation-phase{margin:6px 0 12px;color:#647089;font-size:12px}.operation-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px 14px;margin:0 0 12px}.operation-meta div{min-width:0}.operation-meta dt{color:#8994ad;font-size:11px;font-weight:600;text-transform:uppercase}.operation-meta dd{margin:2px 0 0;color:#26334d;font-size:13px;overflow-wrap:anywhere}.operation-error{padding:9px 11px;border-radius:7px;background:#fff3f3;overflow-wrap:anywhere}.operation-result-note{margin-bottom:12px}.operation-card-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.operation-card-actions details{min-width:0;flex:1}.operation-card-actions summary{cursor:pointer;color:var(--accent-dark);font-size:13px;font-weight:600}.operation-evidence{margin-top:10px}.operation-evidence-detail{color:#66728a!important;overflow-wrap:anywhere}.operation-no-retry{display:block;margin-top:10px;color:#7c879e}@media (max-width: 640px){.maintenance-actions{grid-template-columns:minmax(0,1fr)}.operations-heading,.operation-card-heading,.operation-card-actions{align-items:stretch;flex-direction:column}.operation-card-heading .state-pill,.operation-card-actions button{align-self:flex-start}.dialog-backdrop{align-items:flex-end;padding:10px}.script-modal{max-height:92vh}}.state-pill.pending{background:#fff4e0;color:#92660a}.state-pill.active{background:#e4f8ec;color:#167a3f}.state-pill.revoked{background:#fde8e8;color:#b91c1c}.form-section-title{margin:18px 0 10px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:#7c879e}.olt-switch-label{flex-direction:row!important;align-items:center;gap:8px!important}.olt-switch-label input{width:auto}.password-reveal{display:flex;gap:6px;align-items:center}.password-reveal input{flex:1}.text-button{white-space:nowrap;font-size:12px;padding:6px 8px;background:transparent;border:1px solid #d5dcec;color:var(--accent)}.text-button:hover:not(:disabled){background:#eef4fc;border-color:var(--accent)}.text-button.danger-text{border-color:#f3c6c6;color:var(--red)}.text-button.danger-text:hover:not(:disabled){background:#fdecec}.cidr-list{list-style:none;margin:0 0 6px;padding:0;display:flex;flex-direction:column;gap:2px}.cidr-list li{display:flex;align-items:center;gap:6px}.cidr-list .text-button{padding:0 6px;line-height:1.4;border:none;font-size:14px}.onu-heading-actions,.ont-management-toolbar,.ont-management-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}button.secondary-action{border-color:#c9d5e7;background:#fff;color:var(--accent-dark)}button.secondary-action:hover:not(:disabled){border-color:var(--accent);background:#eef5fd}.ont-management-backdrop{align-items:stretch;padding:12px;background:#091424b8}.ont-management-modal{display:flex;flex-direction:column;width:min(1320px,100%);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:0;padding:0;overflow:hidden;border:0;border-radius:8px;box-shadow:0 24px 70px #040d1b6b}.ont-management-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:12px 18px;border-bottom:3px solid var(--accent);background:linear-gradient(135deg,#1c3350,#254b73);color:#fff}.ont-management-header h2{margin:0;color:#fff;font-size:20px}.ont-management-heading-copy>p:last-child{margin:4px 0 0 48px;color:#c8d7e8;font-size:13px}.ont-management-title-row{display:flex;align-items:center;gap:12px}.ont-management-title-row .eyebrow{margin:0 0 2px;color:#8fc1fb;font-size:10px}.ont-management-device-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);border-radius:7px;background:#ffffff1c;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}.ont-management-close{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.26);border-radius:50%;background:#ffffff14;color:#fff;font-size:26px;font-weight:400;line-height:1}.ont-management-close:hover:not(:disabled){background:#ffffff2e}.ont-management-toolbar{flex-wrap:nowrap;min-height:56px;padding:9px 18px;overflow-x:auto;border-bottom:1px solid #d5dce7;background:#fff}.ont-management-toolbar-label{margin-right:4px;color:#1f3049;font-size:14px;font-weight:800;white-space:nowrap}.ont-management-toolbar button{flex:0 0 auto;border-color:#2467ad;background:#2f7cd6;box-shadow:0 1px 2px #1a4b7e2e;white-space:nowrap}.ont-management-toolbar button:hover:not(:disabled){border-color:#194f88;background:#205ea3}.ont-management-toolbar button.ont-live-button{border-color:#2f963a;background:#3fae49}.ont-management-toolbar button.ont-live-button:hover:not(:disabled),.ont-management-toolbar button.ont-live-button.active{border-color:#267c30;background:#2f8a38}.ont-management-toolbar button.ont-toolbar-secondary{border-color:#bdc8d8;background:#eef2f7;box-shadow:none;color:#526078}.ont-management-toolbar button.ont-toolbar-secondary:hover:not(:disabled){border-color:#9aa9bd;background:#e2e8f0}.ont-management-body{min-height:0;padding:14px 18px 18px;overflow-y:auto;overscroll-behavior:contain;background:#f4f6f9}.ont-management-status-strip{display:flex;align-items:center;gap:9px;margin-bottom:10px;padding:9px 12px;border:1px solid #d6dfeb;border-radius:5px;background:#fff;color:#5f6d82;font-size:12px}.ont-management-status-strip strong{color:#26364f}.ont-management-status-strip>span:last-child{margin-left:auto}.ont-status-dot{width:9px;height:9px;flex:0 0 auto;border-radius:50%;box-shadow:0 0 0 3px #3fae4924}.ont-status-dot.verified{background:#3fae49}.ont-status-dot.warning{background:#e08a1e;box-shadow:0 0 0 3px #e08a1e24}.ont-management-identity,.ont-management-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}.ont-management-identity{gap:0;padding:0;overflow:hidden;border:1px solid #d6dfeb;border-radius:5px;background:#fff}.ont-management-identity .ont-management-field{padding:10px 12px;border-right:1px solid #e1e6ed}.ont-management-identity .ont-management-field:last-child{border-right:0}.ont-management-field{min-width:0}.ont-management-field dt{color:#7c879e;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.ont-management-field dd{margin:4px 0 0;color:#23304a;font-size:13px;font-weight:650;line-height:1.35;overflow-wrap:anywhere}.ont-management-field small{display:block;margin-top:3px;color:#7c879e;font-size:11px;line-height:1.35}.ont-live-message{margin:12px 0 0}.ont-live-message.active{border-color:#b8d5f3;background:#eaf4ff;color:#205e99}.ont-management-sections{display:flex;flex-direction:column;gap:5px;margin-top:10px}.ont-management-section{scroll-margin-top:10px;border:1px solid #cfd6df;border-radius:4px;background:#fff;overflow:hidden}.ont-management-section>summary{display:flex;position:relative;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:8px 12px 8px 38px;cursor:pointer;color:#17324f;font-size:13px;font-weight:750;list-style:none;background:linear-gradient(180deg,#f7f8fa,#e8ebef)}.ont-management-section>summary::-webkit-details-marker{display:none}.ont-management-section>summary::marker{content:""}.ont-management-section>summary:before{content:"";position:absolute;top:50%;left:15px;width:7px;height:7px;border-right:2px solid #65728a;border-bottom:2px solid #65728a;transform:translateY(-65%) rotate(-45deg);transition:transform .15s ease}.ont-management-section[open]>summary:before{transform:translateY(-75%) rotate(45deg)}.ont-management-section>summary:hover{background:linear-gradient(180deg,#f4f8fd,#dfeaf7)}.ont-management-section>summary:focus-visible{outline:3px solid rgba(47,124,214,.25);outline-offset:-3px}.ont-management-section>summary>span:not(.ont-section-name){min-width:24px;padding:2px 7px;border-radius:999px;background:#d7dfe9;color:#52607a;text-align:center;font-size:11px}.ont-section-name{display:inline-flex;align-items:center;gap:9px}.ont-section-name>span{display:inline-flex;width:18px;align-items:center;justify-content:center;color:#225f9f;font-size:15px;line-height:1}.ont-management-section[open]>summary{border-bottom:1px solid #e7ebf3;background:linear-gradient(180deg,#f7faff,#e6eef8)}.ont-management-section>.ont-management-grid,.ont-management-section>.ont-management-card-list,.ont-management-section>.ont-host-list,.ont-management-section>.ont-traffic-grid,.ont-management-section>.ont-management-disabled-grid{margin:14px}.ont-management-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}.ont-management-card-list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.ont-management-card-list.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.ont-management-card{min-width:0;padding:13px;border:1px solid #dfe5ed;border-radius:4px;background:#fcfdff}.ont-management-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.ont-management-card-title h3,.ont-management-disabled-grid h3{margin:0;color:#26334d;font-size:13px;overflow-wrap:anywhere}.ont-management-empty,.ont-management-safety-note{margin:14px;color:#6f7a91;font-size:13px;line-height:1.45}.ont-management-safety-note{padding:9px 11px;border-radius:7px;background:#f2f5f9}.ont-host-list{display:flex;flex-direction:column;gap:7px}.ont-host-row{display:block;padding:10px 11px;border:1px solid #e7ebf3;border-radius:7px;color:#52607a;font-size:12px;overflow-wrap:anywhere}.ont-host-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;margin:0}.ont-traffic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ont-traffic-grid article{display:flex;min-width:0;flex-direction:column;gap:5px;padding:13px;border:1px solid #d9e5f2;border-radius:4px;background:#f0f6fc}.ont-traffic-grid span{color:#61708c;font-size:11px;font-weight:700;text-transform:uppercase}.ont-traffic-grid strong{color:#174f88;font-size:18px;overflow-wrap:anywhere}.ont-traffic-meta,.ont-management-inline-actions{padding:0 14px 14px}.ont-management-disabled-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ont-management-disabled-grid article{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:9px;padding:12px;border:1px solid #e3e8f0;border-radius:4px;background:#f8f9fb}.ont-management-disabled-grid article.danger-zone{border-color:#f1d0d0;background:#fff8f8}.ont-management-disabled-grid p{flex:1;margin:0;color:#6f7a91;font-size:12px;line-height:1.45}.ont-management-disabled-grid label{display:flex;width:100%;flex-direction:column;gap:4px;color:#596681;font-size:12px;font-weight:600}.ont-management-disabled-grid input{width:100%}.ont-management-footer{display:flex;position:sticky;z-index:2;bottom:0;justify-content:flex-end;gap:8px;margin:14px -18px -18px;padding:12px 18px;border-top:1px solid #d5dce7;background:#fffffff7;box-shadow:0 -5px 14px #1e30480f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ont-management-footer button:first-child{border-color:#2467ad;background:#2f7cd6}.ont-management-footer button:first-child:hover:not(:disabled){background:#205ea3}.ont-management-footer .ont-maintenance-button{border-color:#c77a16;background:#e08a1e}.ont-management-footer .ont-maintenance-button:hover:not(:disabled){background:#bd7113}@media (max-width: 900px){.ont-management-identity,.ont-management-grid,.ont-management-grid.compact,.ont-traffic-grid,.ont-management-disabled-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ont-management-card-list.two-column{grid-template-columns:minmax(0,1fr)}.ont-host-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ont-management-identity .ont-management-field:nth-child(2){border-right:0}.ont-management-identity .ont-management-field:nth-child(-n+2){border-bottom:1px solid #e1e6ed}}@media (max-width: 640px){.onu-heading-actions{width:100%}.onu-heading-actions button{flex:1}.ont-management-backdrop{align-items:stretch;padding:0}.ont-management-modal{width:100%;max-height:100vh;min-height:100vh;max-height:100dvh;min-height:100dvh;border:0;border-radius:0}.ont-management-header,.ont-management-toolbar,.ont-management-body{padding-right:14px;padding-left:14px}.ont-management-header{align-items:center;flex-direction:row}.ont-management-header button{align-self:center}.ont-management-heading-copy>p:last-child{display:none}.ont-management-toolbar{padding-top:8px;padding-bottom:8px}.ont-management-toolbar-label{display:none}.ont-management-status-strip{align-items:flex-start;flex-wrap:wrap}.ont-management-status-strip>span:last-child{width:100%;margin-left:0;padding-left:18px}.ont-management-identity,.ont-management-grid,.ont-management-grid.compact,.ont-traffic-grid,.ont-management-disabled-grid,.ont-host-fields{grid-template-columns:minmax(0,1fr)}.ont-management-section>.ont-management-grid,.ont-management-section>.ont-management-card-list,.ont-management-section>.ont-host-list,.ont-management-section>.ont-traffic-grid,.ont-management-section>.ont-management-disabled-grid{margin:11px}.ont-traffic-meta,.ont-management-inline-actions{padding-right:11px;padding-left:11px}.ont-management-identity .ont-management-field,.ont-management-identity .ont-management-field:nth-child(2),.ont-management-identity .ont-management-field:nth-child(-n+2){border-right:0;border-bottom:1px solid #e1e6ed}.ont-management-identity .ont-management-field:last-child{border-bottom:0}.ont-management-footer{flex-wrap:wrap;margin:14px -14px -14px;padding-right:14px;padding-bottom:calc(12px + env(safe-area-inset-bottom));padding-left:14px}.ont-management-footer button{flex:1 1 145px}}.onu-console-page{max-width:1400px;padding-top:20px}.onu-console-heading{align-items:center;margin-bottom:12px;padding:16px 18px;border:1px solid #173b60;border-radius:6px;background:linear-gradient(135deg,#182f49,#244c73 72%,#2b5d8d);box-shadow:0 8px 22px #162f4929;color:#fff}.onu-console-heading .eyebrow a{color:#9ecbff;text-decoration:none}.onu-console-heading h1{color:#fff;font-size:22px}.onu-console-heading .subheading{max-width:none;color:#cfdeed;font-size:13px}.onu-console-heading .state-pill{border:1px solid rgba(255,255,255,.24);box-shadow:0 1px 2px #0714222e}.onu-inline-console{padding:0;overflow:hidden;border-color:#cad4e1;border-radius:6px;box-shadow:0 8px 24px #17324f1a}.onu-inline-console-header{display:flex;min-height:58px;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px;border-bottom:3px solid #2f7cd6;background:linear-gradient(135deg,#1c3350,#254b73);color:#fff}.onu-inline-console-header h2{margin:0;color:#fff;font-size:17px}.onu-inline-console-header .eyebrow{margin-bottom:1px;color:#8fc1fb;font-size:9px}.onu-console-source{flex:0 0 auto;padding:4px 9px;border:1px solid rgba(255,255,255,.28);border-radius:999px;background:#ffffff1a;color:#d9e8f7;font-size:11px;font-weight:700;letter-spacing:.04em}.onu-inline-toolbar{min-height:52px;padding:8px 14px;border-bottom-color:#d7dee8;background:#fff}.onu-inline-console-body{padding:12px 14px 14px;background:#f3f5f8}.onu-inline-console-body .ont-management-status-strip,.onu-console-identity{margin-bottom:8px}.onu-console-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.onu-console-sections button{display:flex;min-width:0;min-height:42px;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid #ccd4df;border-radius:4px;background:linear-gradient(180deg,#f9fafb,#e8ebef);box-shadow:none;color:#17324f;text-align:left}.onu-console-sections button:hover:not(:disabled){border-color:#9fb9d6;background:linear-gradient(180deg,#f7fbff,#dceafb);color:#174f88}.onu-console-sections button:focus-visible{outline:3px solid rgba(47,124,214,.25);outline-offset:1px}.onu-console-sections button>span{display:inline-flex;min-width:0;align-items:center;gap:8px;overflow-wrap:anywhere}.onu-console-sections b{display:inline-flex;width:18px;flex:0 0 18px;align-items:center;justify-content:center;color:#2467ad;font-size:15px}.onu-console-sections small{max-width:48%;overflow:hidden;color:#6b778c;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.onu-console-capability-note{margin:9px 2px 0;color:#68758a;font-size:11px;line-height:1.4}.onu-page-sections{display:grid;gap:7px;margin-bottom:16px}.onu-page-section.panel{padding:0;margin:0;overflow:hidden;border-color:#cfd7e2;border-radius:5px;background:#fff;scroll-margin-top:72px}.onu-page-section>summary{display:grid;grid-template-columns:12px 20px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:8px 12px;cursor:pointer;list-style:none;border-bottom:1px solid transparent;background:linear-gradient(180deg,#f8f9fa,#e8ebef);color:#17324f}.onu-page-section>summary::-webkit-details-marker{display:none}.onu-page-section>summary::marker{content:""}.onu-page-section>summary:before{content:"›";color:#66768e;font-size:18px;line-height:1;transition:transform .12s ease}.onu-page-section>summary:focus-visible{outline:3px solid rgba(47,124,214,.3);outline-offset:-3px}.onu-page-section>summary:hover{background:linear-gradient(180deg,#f7fbff,#e1ebf6)}.onu-page-section[open]>summary{border-bottom-color:#d4dae3;background:linear-gradient(180deg,#f5f9fd,#e1ebf6)}.onu-page-section-icon{display:inline-flex;width:20px;align-items:center;justify-content:center;color:#2467ad;font-size:15px}.onu-page-section[open]>summary:before{transform:rotate(90deg)}.onu-page-section-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.onu-page-section-copy strong{font-size:14px}.onu-page-section-copy small{overflow:hidden;color:#6e7b90;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.onu-page-section>summary>.state-pill{justify-self:end;white-space:nowrap}.onu-page-section-body{padding:14px}.onu-page-section-body>:first-child{margin-top:0}.onu-page-section-body>:last-child{margin-bottom:0}.onu-page-subsection,.ont-wan-secondary{margin:12px 14px 14px;overflow:hidden;border:1px solid #dfe5ed;border-radius:5px;background:#fff}.onu-page-subsection>summary,.ont-wan-secondary>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;cursor:pointer;background:#f1f4f7;color:#31425c;font-size:12px;font-weight:700}.ont-wan-secondary>.ont-management-card-list{margin:10px}.ont-wan-inventory-alert{margin:12px 14px 0;padding:10px 12px;border:1px solid #efb9b9;border-radius:5px;background:#fff1f1;color:#9f2525;font-size:12px;line-height:1.45}.ont-management-card-title-copy{min-width:0}.ont-management-card-title-copy small{display:block;margin-top:2px;overflow-wrap:anywhere;color:#718096;font-size:10px;font-weight:600}@media (max-width: 760px){.onu-console-page{padding:12px}.onu-console-heading{align-items:flex-start;padding:14px}.onu-console-heading .onu-heading-actions{width:auto}.onu-inline-console-header,.onu-inline-console-body,.onu-inline-toolbar{padding-right:11px;padding-left:11px}.onu-console-sections{grid-template-columns:minmax(0,1fr)}.onu-page-section>summary{grid-template-columns:12px 20px minmax(0,1fr)}.onu-page-section>summary>.state-pill{grid-column:3;justify-self:start}.onu-page-section-body{padding:10px}}@media (max-width: 480px){.onu-console-heading .onu-heading-actions{width:100%}.onu-console-heading .state-pill{flex:1;justify-content:center}.onu-console-source,.onu-console-sections small{display:none}}