.dashboard-page .kpi-card.kpi-card-link{position:relative;min-width:0;min-height:145px;color:#fff;text-decoration:none;box-shadow:0 3px 9px #162c4d14;transition:transform .14s ease,box-shadow .14s ease}.dashboard-page .kpi-card.kpi-card-link:hover{color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 7px 18px #162c4d2e}.dashboard-page .kpi-card-link:focus-visible,.dashboard-page .dashboard-olt-card:focus-visible{outline:3px solid #153f83;outline-offset:4px}.dashboard-page .kpi-card .kpi-link-hint{margin-top:auto;padding-top:13px;display:flex;justify-content:space-between;font-size:11px;font-weight:600;opacity:1}.dashboard-page .dashboard-columns{grid-template-columns:minmax(0,2.6fr) minmax(260px,1fr);gap:20px}.dashboard-page .dashboard-columns>.panel{min-width:0}.dashboard-page .dashboard-olt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.dashboard-page .dashboard-olt-card:has(.olt-chassis-heading){padding:0;gap:0;overflow:hidden;background:#fff}.olt-chassis-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 15px;background:#4d4d4d;color:#fff;text-decoration:none;font-size:14px}.olt-chassis-heading:hover{color:#fff;background:#414141}.olt-chassis-heading strong{text-align:right;overflow-wrap:anywhere}.olt-chassis-image{height:160px;display:flex;align-items:center;justify-content:center;background:#fff;padding:10px}.olt-chassis-summary{margin:10px 15px;padding:12px;border:1px solid #e4eaf1;border-radius:4px;display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#285482;font-size:14px}.olt-chassis-summary span{margin-right:auto}.olt-chassis-summary strong{font-weight:500;font-style:italic}.olt-chassis-readings,.olt-chassis-extra{margin:8px 15px 12px;font-size:12px;color:#586b84}.olt-chassis-readings summary,.olt-chassis-extra summary{cursor:pointer}.dashboard-page .dashboard-olt-card{display:flex;flex-direction:column;min-width:0;gap:14px;padding:19px;border:1px solid #dce5f0;border-radius:11px;background:linear-gradient(135deg,#f7faff 0,#fff 65%);color:#172a44;text-decoration:none;transition:border-color .14s ease,box-shadow .14s ease}.dashboard-page .dashboard-olt-card:hover{border-color:#87a9d7;color:#172a44;text-decoration:none;box-shadow:0 5px 17px #193d6f17}.dashboard-olt-card-head,.olt-details-device-summary{display:flex;flex-wrap:wrap;align-items:center;gap:16px;min-width:0}.olt-device-icon{display:block;width:160px;height:80px;max-width:100%;flex:0 0 auto}.dashboard-olt-card-identity{flex:1 1 140px;min-width:0}.dashboard-olt-card-identity h3{font-size:18px;line-height:1.25;margin:0 0 6px;overflow-wrap:anywhere}.dashboard-olt-card-identity p{margin:0 0 10px;font-size:12px;color:#6c7f98;overflow-wrap:anywhere}.dashboard-olt-uptime,.olt-details-uptime{display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:#edf4fd;border:1px solid #dce8f7;border-radius:7px;min-width:0}.dashboard-olt-uptime>span,.olt-details-uptime>span{color:#526a89;font-size:11px}.dashboard-olt-uptime>strong,.olt-details-uptime>strong{color:#15365d;font-size:20px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dashboard-olt-uptime>small,.olt-details-uptime>small{color:#6b7c94;font-size:11px}.dashboard-olt-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.dashboard-olt-metrics div{min-width:0}.dashboard-olt-metrics dt{font-size:11px;color:#70839c;margin:0 0 5px}.dashboard-olt-metrics dd{font-size:12px;line-height:1.4;margin:0;overflow-wrap:anywhere}.dashboard-olt-card-footer{display:flex;justify-content:space-between;gap:8px;margin-top:auto;padding-top:11px;border-top:1px solid #e3ebf5;font-size:12px;font-weight:600;color:#2864a5}.dashboard-page .event-feed li span{overflow-wrap:anywhere}.olt-details-device-summary{margin:8px 0 18px;padding:8px 0 14px;border-bottom:1px solid #edf1f7}.olt-details-device-description{flex:1 1 180px;min-width:0}.olt-details-device-description strong{display:block;margin-bottom:5px;overflow-wrap:anywhere}.olt-details-device-description p{margin:0;font-size:12px;line-height:1.6;color:#697b93}.olt-details-uptime{flex:1 1 230px}@media (max-width: 1100px){.dashboard-page .dashboard-columns{grid-template-columns:minmax(0,1fr)}}@media (max-width: 540px){.dashboard-page .dashboard-olt-grid{grid-template-columns:minmax(0,1fr)}.dashboard-page .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-page .kpi-card.kpi-card-link{min-height:145px;padding:15px 13px}.dashboard-page .kpi-card strong{font-size:27px}.dashboard-page .kpi-card span{overflow-wrap:anywhere}.dashboard-page .dashboard-olt-card{padding:15px}.dashboard-page .workspace-title{gap:10px;flex-wrap:wrap}}@media (max-width: 340px){.dashboard-page .kpi-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion: reduce){.dashboard-page .kpi-card.kpi-card-link,.dashboard-page .dashboard-olt-card{transition:none}.dashboard-page .kpi-card.kpi-card-link:hover{transform:none}}.dashboard-page .kpi-card.kpi-online-total{--online-green: #14851c;padding:0;gap:0;min-height:145px;overflow:hidden;background:var(--online-green);border-radius:10px}.kpi-online-main{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:15px 16px 12px;flex:1;min-width:0}.kpi-online-icon{display:block;flex:0 0 60px;width:60px;height:54px;color:#fff}.kpi-online-metric{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:0;text-align:right}.dashboard-page .kpi-online-metric strong{font-size:40px;line-height:1.12;font-weight:400;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dashboard-page .kpi-online-metric>span{opacity:1;font-size:15px;line-height:1.4}.kpi-online-footer{background:#fff;color:#137e1c;padding:10px 16px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.kpi-online-footer b{font-weight:500;font-variant-numeric:tabular-nums}.dashboard-page .kpi-card.kpi-summary{padding:0;gap:0;overflow:hidden;border-radius:10px}.dashboard-page .kpi-summary.kpi-blue{background:#0065c9;--kpi-footer-color: #0861ad}.dashboard-page .kpi-summary.kpi-gray{background:#4c4c4c;--kpi-footer-color: #4c4c4c}.dashboard-page .kpi-summary.kpi-orange{background:#b8660f;--kpi-footer-color: #975009}.kpi-summary-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 12px;flex:1;min-width:0}.kpi-summary-icon{display:block;flex:0 0 54px;width:54px;height:54px;color:#fff}.kpi-summary-metric{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0;text-align:right}.dashboard-page .kpi-summary-metric strong{font-size:40px;line-height:1.12;font-weight:400;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.dashboard-page .kpi-summary-metric strong.kpi-summary-word{font-size:26px}.dashboard-page .kpi-summary-metric>span{opacity:1;font-size:15px;line-height:1.4}.kpi-summary-footer{background:#fff;color:var(--kpi-footer-color, #3b5b43);padding:10px 16px;font-size:13px;line-height:1.4;min-height:40px;overflow-wrap:anywhere}.kpi-summary-breakdown{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 14px}.dashboard-page .kpi-summary-footer span{opacity:1;font-size:inherit}@media (max-width: 540px){.dashboard-page .kpi-card.kpi-online-total{padding:0}.kpi-online-main{padding:14px 12px;gap:8px}.kpi-online-icon{flex-basis:36px;width:36px;height:34px}.dashboard-page .kpi-online-metric strong{font-size:clamp(26px,7vw,36px)}.kpi-online-footer{padding:10px 12px;font-size:13px}.dashboard-page .kpi-card.kpi-summary{padding:0}.kpi-summary-main{padding:14px 12px;gap:8px}.kpi-summary-icon{flex-basis:34px;width:34px;height:34px}.dashboard-page .kpi-summary-metric strong{font-size:clamp(26px,7vw,36px)}.dashboard-page .kpi-summary-metric strong.kpi-summary-word{font-size:19px}.dashboard-page .kpi-summary-metric>span{font-size:13px}.kpi-summary-footer{padding:10px 12px}}.content.configured-page{max-width:1700px}.configured-page .page-heading{align-items:center;margin-bottom:18px}.configured-page .subheading{max-width:900px}.configured-page .configured-list-panel{padding:18px;border-radius:7px;background:#fff;overflow:hidden}.configured-page .configured-refresh,.configured-page .configured-view{background:#0065cc;color:#fff;border-color:#0065cc}.configured-page .configured-refresh:hover:not(:disabled),.configured-page .configured-view:hover{background:#0053ab;border-color:#0053ab}.configured-page .configured-view{min-width:62px;padding:7px 14px;box-shadow:0 2px 4px #123b5d22;font-size:13px}.configured-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding:2px 0 16px}.configured-filter-options{display:contents}.configured-filter-toggle{display:none}.configured-filters label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650;color:#29405b;white-space:nowrap}.configured-filters input,.configured-filters select{margin:0;height:38px;max-width:225px;background:#fff;color:#23425f;border:1px solid #cbd8e6;border-radius:3px;font-weight:400}.configured-filters input::placeholder{color:#8a9daf}.configured-filters input{width:245px;max-width:245px}.configured-filters select{min-width:100px}.configured-page .configured-reset{color:#0861b4;background:transparent;padding:6px 8px;border:1px solid #d5e0ec;font-size:12px;font-weight:500}.configured-page .configured-reset:hover:not(:disabled){background:#edf6ff}.configured-page .configured-reset:disabled{color:#8190a0}.configured-filter-note{color:#64778e;font-size:12px;margin:0 0 16px}.configured-table-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:10px}.configured-table-toolbar>strong{color:#29405b;font-size:13px;font-weight:650}.configured-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:0}.configured-page .configured-pagination button{min-width:32px;height:32px;padding:4px 8px;background:#fff;border:1px solid #d5dce5;border-radius:0;color:#23517d;font-weight:400;margin-left:-1px}.configured-page .configured-pagination button:first-child{border-radius:4px 0 0 4px;margin-left:0}.configured-page .configured-pagination button:last-of-type{border-radius:0 4px 4px 0}.configured-page .configured-pagination button:hover:not(:disabled){background:#eaf4ff}.configured-page .configured-pagination button.is-current{background:#0065cc;border-color:#0065cc;color:#fff;z-index:1}.configured-page .configured-pagination button:disabled:not(.is-current){background:#f7f9fb;color:#94a1af}.configured-pagination>span{margin-left:10px;font-size:12px;color:#61748b}.configured-table-scroll{overflow-x:auto;overscroll-behavior-x:contain;position:relative}.configured-table{border-collapse:collapse;width:100%;min-width:1290px;color:#1c3958;font-size:13px;line-height:1.45}.configured-table th{background:#f4f5f7;text-align:left;padding:8px;border-bottom:1px solid #e6ebf0;font-size:12px;font-weight:700;color:#29425e;white-space:nowrap}.configured-table td{vertical-align:top;padding:11px 8px;border:0}.configured-table tr:nth-child(2n){background:#f6f7f8}.configured-table tbody tr:hover{background:#edf5fd}.configured-table strong{font-weight:600}.configured-table small{display:block;color:#647b93;font-size:11px;line-height:1.4;margin-top:2px}.configured-table td a:not(.button-like){color:#1763a5;text-decoration:none}.configured-table td a:not(.button-like):hover{text-decoration:underline}.configured-table .configured-name{min-width:160px;max-width:235px}.configured-table .configured-name small{max-width:220px;overflow-wrap:anywhere}.configured-serial{white-space:nowrap;font-size:12px}.configured-location{min-width:150px}.configured-location small{overflow-wrap:anywhere}.configured-status-cell{width:60px;text-align:center}.configured-status-cell>small{font-size:9px;line-height:1.2;min-width:46px;max-width:60px}.configured-status{display:inline-flex;width:22px;height:22px;color:#7f8c9a}.configured-status svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;fill:none}.configured-status.is-online{color:#1ba437}.configured-status.is-offline{color:#718094}.configured-status.is-disabled{color:#cc6141}.configured-signal-cell{min-width:60px}.configured-signal{display:inline-flex;min-width:48px;flex-direction:column;align-items:center;color:#29405b;line-height:1.2}.configured-signal small{font-size:9px;margin-top:1px}.configured-bars{display:flex;gap:2px;align-items:end;height:17px;margin:0 0 3px}.configured-bars i{width:4px;background:#d5dee7}.configured-bars i:nth-child(1){height:5px}.configured-bars i:nth-child(2){height:10px}.configured-bars i:nth-child(3){height:15px}.configured-signal.is-good .lit{background:#1ea239}.configured-signal.is-warning .lit{background:#dc890b}.configured-signal.is-critical .lit{background:#e54a4a}.configured-mode{display:inline-block;white-space:nowrap;background:#2a557f;color:#fff;font-size:10px;font-weight:650;border-radius:2px;padding:2px 5px}.configured-mode.is-unknown{background:#737f8c}.configured-speed{min-width:126px}.configured-speed>span{white-space:nowrap;font-size:12px}.configured-table .configured-date{min-width:153px}.configured-table .configured-date small{color:#3b536e;font-size:11px;margin-top:0}.configured-page .configured-row-action{color:#687b8e;font-size:11px;padding:5px 7px;font-weight:400;background:transparent;border:1px solid #d7e0e8}.configured-page .configured-row-action:hover:not(:disabled){color:#b52626;background:#fff2f2;border-color:#e7bbbb}.configured-bottom-toolbar{border-top:1px solid #e7ecf2;padding-top:16px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.configured-order-note{color:#64778e;font-size:11px;max-width:610px;margin:0}.configured-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.configured-page :is(button,a,select,input,[tabindex]):focus-visible{outline:3px solid #0f78de;outline-offset:2px}@media (max-width: 760px){.configured-page .configured-list-panel{padding:12px}.configured-filters{align-items:stretch;flex-direction:column;gap:10px}.configured-filters label{min-width:0;align-items:stretch;flex-direction:column;gap:5px;white-space:normal;font-size:14px}.configured-filters input,.configured-filters select{width:100%;max-width:100%;min-width:0;height:44px;font-size:16px}.configured-page .configured-filter-toggle{display:flex;align-items:center;justify-content:center;min-height:44px;color:#0861b4;background:#edf6ff;border:1px solid #cbd8e6}.configured-filter-options{display:none}.configured-filter-options.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.configured-page .configured-reset{align-self:end;min-height:44px;font-size:14px}.configured-table-toolbar{align-items:start;flex-direction:column-reverse}.configured-pagination{gap:4px}.configured-page .configured-pagination button{min-width:44px;height:44px;margin:0;border-radius:4px;font-size:14px}.configured-pagination>span{flex-basis:100%;margin:7px 0 0}.configured-table-toolbar>strong,.configured-pagination>span{font-size:14px}.configured-filter-note,.configured-order-note{font-size:12px;line-height:1.5}.configured-table-scroll{overflow:visible}.configured-table{display:block;min-width:0;width:100%;font-size:14px}.configured-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.configured-table tbody{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.configured-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #dce5ef;border-radius:10px;background:#fff}.configured-table tbody tr:nth-child(2n){background:#f8fafc}.configured-table tbody td{display:block;padding:0;min-width:0;max-width:none;width:auto;white-space:normal;overflow-wrap:anywhere}.configured-table td[data-label]:before{content:attr(data-label);display:block;color:#61748b;font-size:12px;font-weight:600;margin-bottom:4px}.configured-table .configured-name,.configured-table .configured-serial,.configured-table .configured-date,.configured-table .configured-actions{grid-column:1 / -1}.configured-table .configured-name strong{font-size:16px;color:#172d46}.configured-table .configured-name{min-width:0;max-width:none}.configured-table .configured-name small{max-width:none}.configured-table .configured-status-cell{display:flex;align-items:center;gap:6px;text-align:left}.configured-table .configured-status-cell:before{display:none}.configured-table .configured-status-cell>small{max-width:none;min-width:0;font-size:12px}.configured-table .configured-view-cell{display:flex;justify-content:flex-end;align-items:center}.configured-page .configured-view{min-height:44px;min-width:78px;font-size:14px}.configured-table .configured-signal{flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px}.configured-table .configured-signal small{font-size:12px;margin:0}.configured-table .configured-bars{margin:0}.configured-table .configured-mode{font-size:12px;white-space:normal}.configured-table small,.configured-table .configured-date small,.configured-table .configured-speed>span{font-size:13px}.configured-table .configured-speed>span{white-space:normal}.configured-table .configured-actions{border-top:1px solid #e2e8f0;padding-top:12px;text-align:right}.configured-page .configured-row-action{min-height:44px;min-width:88px;font-size:14px;color:#9e3838;border-color:#e5bcbc}.configured-table .configured-actions:empty{display:none}}@media (max-width: 380px){.configured-filter-options.is-open{grid-template-columns:minmax(0,1fr)}.configured-table tbody tr{padding:12px;gap:10px}.configured-page .configured-list-panel{padding:10px}}.configured-icon-filter{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;font-weight:600}.configured-icon-buttons{display:flex;flex-wrap:wrap;gap:0}.configured-icon-buttons button{background:#fff;color:#30445e;border:1px solid #d4dce6;border-radius:0;min-width:40px;min-height:40px;padding:8px;display:inline-flex;align-items:center;justify-content:center}.configured-icon-buttons button:first-child{border-radius:5px 0 0 5px}.configured-icon-buttons button:last-child{border-radius:0 5px 5px 0}.configured-icon-buttons button[aria-pressed=true]{background:#e4efff;border-color:#0768cf;box-shadow:inset 0 -3px #0768cf}.configured-icon-buttons button:focus-visible{outline:2px solid #0768cf;outline-offset:2px;z-index:1}.configured-icon-buttons svg{width:20px;height:20px}.ont-wifi-editor{margin-top:14px;padding-top:14px;border-top:1px solid #d9e4ef}.ont-wifi-editor h4{margin:0 0 8px;color:#23476a}.ont-wifi-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ont-wifi-editor-grid label{display:flex;min-width:0;flex-direction:column;gap:5px;font-size:12px;font-weight:600}.ont-wifi-editor-grid input,.ont-wifi-editor-grid select{width:100%;min-width:0;box-sizing:border-box}.ont-wifi-editor-grid small{font-weight:400;color:#61758c;line-height:1.4}.ont-wifi-editor-actions{display:flex;flex-wrap:wrap;gap:8px}.ont-wifi-card-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.ont-wifi-edit-note{color:#61758c;font-size:12px;line-height:1.4}.ont-wifi-feedback{margin:10px}.ont-wifi-pending{padding:10px 12px;border:1px solid #eccb91;border-radius:4px;background:#fff6e8;color:#855015}.ont-wifi-editing-card{grid-column:1 / -1}@media (max-width: 600px){.ont-wifi-editor-grid{grid-template-columns:minmax(0,1fr)}}.management-web-access{margin-top:18px;border-left:4px solid #2876c7}.management-web-access .ont-management-title-row{align-items:center;flex-wrap:wrap;gap:12px}.management-web-access h3{margin:0}.management-web-access-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.management-web-access-summary>div{min-width:0}.management-web-access-summary dt{font-size:12px;color:#677a93}.management-web-access-summary dd{margin:4px 0 0;overflow-wrap:anywhere}.management-web-access-checkbox{display:flex;align-items:center;gap:10px;width:fit-content;min-height:44px;margin:16px 0 8px;font-weight:650}.management-web-access-checkbox input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:0}.management-web-access .form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.management-web-access-explanation{margin:12px 0 18px;color:#596a80;font-size:13px}.management-web-access-explanation summary{width:fit-content;cursor:pointer;color:#2368a6}.management-web-access-warning{padding:12px 14px;border:1px solid #f4c882;border-radius:8px;background:#fff5e6;color:#814b00;overflow-wrap:anywhere}@media (max-width: 540px){.management-web-access-summary{grid-template-columns:1fr}}.onu-admin-state-control .onu-actions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;margin-top:20px}.onu-action-card{--action-color: #215c99;--action-border: #c7d9ef;--action-background: #f7faff;min-width:0;display:flex;flex-direction:column;padding:18px;border:1px solid var(--action-border);border-top:4px solid var(--action-color);border-radius:9px;background:var(--action-background)}.onu-action-card--remove{--action-color: #995008;--action-border: #ead6b9;--action-background: #fffaf2}.onu-action-card--factory{--action-color: #ae2639;--action-border: #e9adb6;--action-background: #fff5f6;margin-left:6px;border-width:2px;border-top-width:4px}.onu-action-card-heading{display:flex;align-items:flex-start;gap:11px}.onu-action-card-heading>div{min-width:0}.onu-action-card-icon{display:inline-flex;flex:0 0 36px;width:36px;height:36px;align-items:center;justify-content:center;color:var(--action-color);border:1px solid var(--action-border);border-radius:8px;background:#fff}.onu-action-card-icon svg{width:23px;height:23px}.onu-action-card-label{display:block;color:var(--action-color);font-size:10px;font-weight:750;line-height:1.4;letter-spacing:.035em}.onu-action-card-heading h3{margin:5px 0 0;color:#1d304b;font-size:16px;line-height:1.3}.onu-admin-state-control .onu-action-card-description{margin:16px 0 8px;font-size:13px;line-height:1.6;color:#263952}.onu-admin-state-control .onu-action-card-detail{margin:0 0 18px;color:#596a80;font-size:12px;line-height:1.6}.onu-action-card-controls{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid var(--action-border)}.onu-action-card-controls>button{width:100%;min-height:42px;margin:0;white-space:normal;line-height:1.4}.onu-admin-state-control .onu-action-card-controls>button{color:#fff;background:var(--action-color);border:1px solid var(--action-color)}.onu-admin-state-control .onu-action-card-controls>button:hover:not(:disabled){filter:brightness(.9)}.onu-action-card-controls>button:focus-visible{outline:3px solid #0b6bbf;outline-offset:3px}.onu-action-card-controls>p,.onu-action-card-controls>div{width:100%;margin:0;overflow-wrap:anywhere}.onu-admin-state-control .onu-action-card--factory .dashboard-note{color:#913343}.onu-admin-state-control .onu-actions-read-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:22px;padding-top:16px;border-top:1px solid #dce4ef}.onu-actions-read-tools-label{color:#677a93;font-size:12px;font-weight:650}.onu-actions-read-tools>button{min-height:36px}.onu-actions-read-tools>a{font-size:13px}@media (max-width: 980px){.onu-admin-state-control .onu-actions-grid{grid-template-columns:1fr;gap:18px}.onu-action-card--factory{margin-left:0;margin-top:6px}.onu-action-card-controls>button{width:auto;min-width:200px}}@media (max-width: 480px){.onu-action-card{padding:16px}.onu-action-card-controls>button{width:100%;min-width:0}.onu-admin-state-control .onu-actions-read-tools{align-items:flex-start;gap:12px}.onu-actions-read-tools-label{width:100%}}.onu-telemetry-summary{padding:16px}.onu-telemetry-summary>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.onu-telemetry-summary>header .eyebrow{margin:0 0 4px;font-size:10px}.onu-telemetry-summary h2{margin:0;font-size:17px}.onu-telemetry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.onu-optical-readings{display:grid;gap:14px}.onu-optical-readings>div{display:flex;flex-direction:column;gap:4px}.onu-optical-readings span{font-size:12px;color:#52617a}.onu-optical-readings strong{font-size:clamp(22px,2.5vw,30px);color:#203b55;font-variant-numeric:tabular-nums}.onu-telemetry-metric{border:1px solid #dce3eb;border-top:3px solid #8091a6;border-radius:6px;padding:13px;background:#f9fbfd;min-width:0}.onu-telemetry-metric h3{margin:0 0 9px;font-size:12px;color:#52617a;font-weight:600}.onu-telemetry-value{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:30px}.onu-telemetry-value strong{font-size:clamp(19px,2vw,25px);font-variant-numeric:tabular-nums;line-height:1.2;color:#203b55}.onu-telemetry-value span{font-size:10px;border-radius:12px;padding:3px 7px;background:#e8edf3;color:#52617a;font-weight:600}.onu-state-icon{width:36px;height:36px;flex:0 0 36px;color:#687589}.tone-normal .onu-state-icon{color:#167146}.tone-critical .onu-state-icon{color:#b52d36}.onu-state-duration{display:flex;flex-direction:column;gap:5px;margin:16px 0 12px}.onu-state-duration>span{font-size:12px;color:#52617a}.onu-state-duration>strong{font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1.2;color:#203b55;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.onu-telemetry-metric small{display:block;font-size:10px;color:#64748b;line-height:1.5;overflow-wrap:anywhere}.onu-telemetry-note{font-size:11px;margin:8px 0;color:#52617a;line-height:1.4}.onu-telemetry-metric .onu-telemetry-unavailable{color:#52617a;font-size:13px;margin-top:8px;font-weight:600}.onu-telemetry-metric.tone-normal{border-top-color:#31946e}.onu-telemetry-metric.tone-normal .onu-telemetry-value span{background:#e1f4e9;color:#167146}.onu-telemetry-metric.tone-warning{border-top-color:#dd961c}.onu-telemetry-metric.tone-warning .onu-telemetry-value span{background:#fff1d6;color:#885808}.onu-telemetry-metric.tone-critical{border-top-color:#c44747}.onu-telemetry-metric.tone-critical .onu-telemetry-value span{background:#fde6e6;color:#a32424}.onu-telemetry-footer{margin:10px 0 0;color:#78869a;font-size:10px;line-height:1.4}@media (max-width: 900px){.onu-telemetry-grid{grid-template-columns:1fr}}.onu-name-editor>header{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.onu-name-editor .eyebrow{margin:0 0 4px;font-size:10px}.onu-name-editor h2{margin:0;font-size:14px;color:#5e6f86}.onu-name-editor .onu-name-value{margin:6px 0;font-size:22px;font-weight:650;color:#203b55;overflow-wrap:anywhere}.onu-name-actions,.onu-name-editor .form-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.onu-name-reading{display:block;margin-top:6px;color:#77869b}.onu-name-editor form{margin-top:14px;padding-top:14px;border-top:1px solid #e2e8f0}.onu-name-editor form>label{display:flex;flex-direction:column;gap:6px;max-width:560px}.onu-name-editor input{width:100%}.onu-name-editor>a{font-size:12px}.ipv6-control{margin-top:18px}.ipv6-control .ont-management-title-row{gap:12px;flex-wrap:wrap}.ipv6-control .ont-management-grid>div{min-width:0}.ipv6-control dd{margin:4px 0 0;overflow-wrap:anywhere}.ipv6-control dt{color:#73809c;font-size:12px}.ipv6-control fieldset{display:flex;flex-wrap:wrap;gap:12px;border:1px solid #dce4f2;border-radius:6px;padding:12px}.ipv6-control legend{padding:0 6px;font-weight:600}.ipv6-control fieldset label{display:inline-flex;align-items:center;gap:8px;margin:0}.ipv6-control input[type=radio]{width:auto;margin:0}.ipv6-control .form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.access-page{padding:26px 28px;max-width:1500px;margin:0 auto;color:#182338}.access-page .page-heading{gap:18px;flex-wrap:wrap}.access-page h2{font-size:17px;margin:0 0 14px}.access-page p{line-height:1.55}.access-page .muted,.access-page small{color:#64748b}.access-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.access-actions a{font-weight:600}.access-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}.access-panel-heading h2{margin:0}.access-columns{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:16px}.access-form-panel{max-width:720px}.access-columns .access-form-panel{max-width:none}.access-form-panel form,.access-form-panel fieldset{display:flex;flex-direction:column;gap:14px}.access-form-panel fieldset{border:0;padding:0;margin:0;min-width:0}.access-form-panel label,.access-token-reveal label{display:flex;flex-direction:column;gap:6px;color:#465875;font-size:13px}.access-form-panel input,.access-form-panel select,.access-token-reveal textarea{width:100%;min-width:0;box-sizing:border-box}.access-form-panel .access-checkbox{flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}.access-checkbox input{width:auto}.access-permissions{padding:14px;background:#f4f7fc;border:1px solid #dde5f1;border-radius:7px}.access-permissions p{margin:8px 0 12px}.access-permissions small{display:block;margin-top:8px}.access-olt-list{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto;padding:12px;margin:12px 0;background:#fff;border:1px solid #dde5f1;border-radius:6px}.access-olt-list .access-checkbox{flex-wrap:nowrap;align-items:flex-start}.access-olt-list input{flex:0 0 auto;margin-top:4px}.access-olt-list small{margin-top:2px;overflow-wrap:anywhere}.access-owner-scope{padding:10px 12px;margin:0;background:#f4f7fc;border-radius:6px;font-size:13px}.access-table-wrap{width:100%;overflow-x:auto}.access-table{min-width:830px}.access-table th,.access-table td{vertical-align:middle}.access-table td{max-width:340px;overflow-wrap:anywhere}.access-table .access-actions{min-width:220px}.access-table button{padding:7px 10px;font-size:12px}.access-own{display:block;margin-top:4px}.access-status{display:inline-flex;padding:3px 9px;border-radius:16px;font-weight:700;font-size:12px;white-space:nowrap}.access-status.active{color:#116b3a;background:#e1f5e9}.access-status.inactive{color:#7a4650;background:#f8e9ec}.access-scope{display:inline-block;padding:3px 6px;margin:2px 4px 2px 0;background:#edf2fa;border-radius:4px;font-size:12px}.access-token-reveal{border:2px solid #d59727;background:#fffaf0}.access-token-reveal textarea{font-family:ui-monospace,Consolas,monospace;overflow-wrap:anywhere;padding:12px;background:#fff;border:1px solid #d4dce8;border-radius:6px;resize:vertical}.access-token-reveal .access-actions{margin-top:14px}.access-api-help pre{padding:16px;overflow:auto;background:#172a43;color:#e2efff;border-radius:7px;line-height:1.7;font-size:12px}.access-api-help ol{padding-left:22px;line-height:1.8}.access-api-help .access-actions{gap:18px}.access-confirm{border-left:4px solid #c94848}.topbar .access-account-link{display:inline-block;color:#d7e7fa;font-size:12px;margin-top:2px}@media (max-width: 850px){.access-columns{grid-template-columns:1fr}.access-page{padding:18px 14px}}@media (max-width: 480px){.access-panel-heading{flex-wrap:wrap}.access-page .page-heading h1{font-size:25px}.access-page .panel{padding:14px}}.settings-tabs,.settings-payment-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.settings-tabs button[aria-pressed=true]{background:#0867c9;color:#fff}.installation-settings .panel{padding:22px}.installation-settings label{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-weight:600}.installation-settings input:not([type=checkbox]),.installation-settings select{padding:10px;border:1px solid #cbd8e7;border-radius:5px;max-width:100%}.settings-brand-preview{padding:18px;background:#173653;color:#fff;font-size:22px;font-weight:700;overflow-wrap:anywhere;margin:16px 0}.installation-settings form button{margin:6px 10px 0 0}.settings-pending{padding:12px;background:#fff5e7;border:1px solid #f3d09d;border-radius:6px}.settings-payment-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px;margin:18px 0}.settings-payment-list article{padding:16px;border:1px solid #dae4ef;border-radius:8px;min-width:0}.settings-payment-list article p{font-size:12px;color:#52617a}.settings-quote strong{font-size:23px}: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}.onu-inventory-filters{margin-bottom:16px}.onu-inventory-page .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}.onu-inventory-page .form-grid>label{min-width:0}.onu-inventory-page .inline-link-form{flex-wrap:wrap}.onu-inventory-table-wrap{max-width:100%;overflow-x:auto}.onu-inventory-table-wrap .simple-table{min-width:980px}.onu-inventory-table-wrap td{max-width:260px;overflow-wrap:anywhere}.onu-inventory-table-wrap td:last-child{min-width:88px}.onu-inventory-pagination{margin-top:18px;align-items:center;gap:12px}.onu-inventory-results .workspace-title p{margin-top:6px;text-transform:none}.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-service-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.onu-service-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid #e2e8f2;border-left:4px solid #94a3b8;border-radius:10px;background:#fff}.onu-service-card.tone-applied{border-left-color:var(--green)}.onu-service-card.tone-pending{border-left-color:var(--orange)}.onu-service-card.tone-empty{border-left-color:#94a3b8}.onu-service-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.onu-service-card-vlan{font-size:12px;font-weight:700;color:#52607a}.onu-service-card-plan{margin:0;font-size:13px;color:#52607a}.onu-service-card-status{padding:8px 10px;border-radius:8px;background:#f8fafd}.onu-service-card-ip{margin:0;font-size:17px;font-weight:700;color:#10192e}.onu-service-card-mode{margin:2px 0 0;font-size:12px;color:#647089}.onu-service-ip-link{color:#0869c1;text-decoration:underline;text-underline-offset:3px;border-radius:3px}.onu-service-ip-link:hover{color:#084f8e}.onu-service-ip-link:focus-visible{outline:2px solid #0869c1;outline-offset:3px}.onu-service-ip-link-icon{display:inline-block;font-size:.85em;text-decoration:none}.onu-service-card-note{margin:0;font-size:12px;color:#8994ad}.onu-service-card-actions{margin-top:auto;padding-top:4px}.onu-service-card-actions button{width:100%}.segmented-field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:#3c4a66}.segmented-control{display:flex;flex-wrap:wrap;gap:6px}.segmented-option{flex:1 1 auto;padding:9px 12px;border:1px solid #d5dcec;border-radius:7px;background:#fff;color:#3c4a66;font-size:13px;font-weight:600;white-space:nowrap}.segmented-option:hover:not(:disabled){border-color:var(--accent);background:#f4f8fd}.segmented-option.active{border-color:var(--accent);background:var(--accent);color:#fff}.segmented-option:disabled{opacity:.6;cursor:not-allowed}.onu-service-panel-backdrop{justify-content:flex-end;padding:0;align-items:stretch}.onu-service-panel{width:min(480px,100%);height:100%;overflow-y:auto;background:#fff;padding:20px;box-shadow:-12px 0 32px #0a0f1e2e;animation:onu-panel-in .18s ease}@keyframes onu-panel-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.onu-service-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.onu-service-panel-head h2{margin:2px 0 0;font-size:17px}.onu-service-panel-body{display:flex;flex-direction:column;gap:4px}@media (max-width: 640px){.onu-service-panel{width:100%}}.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}.data-freshness-tag{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:#eef1f7;color:#647089;font-size:10px;font-weight:700;letter-spacing:.02em;vertical-align:middle;white-space:nowrap}.data-freshness-tag.data-freshness-warning{background:#fff4e0;color:#92660a}.data-freshness-tag.data-freshness-stale{background:#fde8e8;color:#b91c1c}dd.data-freshness-warning{color:#92660a}dd.data-freshness-stale{color:#b91c1c}.ont-management-field small.data-freshness-note{color:#92660a}.ont-management-field small.data-freshness-note.data-freshness-stale{color:#b91c1c}.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}.ont-management-card-actions{display:flex;justify-content:flex-end;margin-top:12px;padding-top:11px;border-top:1px solid #e6eaf0}.ont-management-card-actions button{min-width:132px}.ont-wan-delete-action{display:flex;max-width:540px;flex-direction:column;align-items:flex-end;gap:6px}.ont-wan-delete-action small{color:#8f3d3d;font-size:10px;line-height:1.35;text-align:right}.ont-wan-delete-feedback{margin:10px}.ont-wan-delete-feedback>:first-child{margin-top:0}.ont-wan-delete-feedback>:last-child{margin-bottom:0}@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}}.olt-detail-tabs{flex-wrap:wrap;gap:4px}.olt-detail-tabs a{white-space:nowrap}.olt-properties-table td:first-child{width:38%;color:var(--muted, #667792)}.olt-properties-table td{padding:13px 16px;overflow-wrap:anywhere}.table-scroll{overflow-x:auto}.field-action{display:flex;align-items:end;padding-bottom:2px}.onu-service-panel-body input[readonly]{background:#f2f5fa}.onu-admin-state-control{margin-bottom:18px;border-left:4px solid #2876c7}.onu-admin-state-control .ont-management-title-row{align-items:center;flex-wrap:wrap;gap:12px}.onu-admin-state-control h2{margin:0}.onu-admin-state-control p{line-height:1.5}.onu-admin-state-control .form-actions{flex-wrap:wrap;gap:10px;align-items:center}.onu-admin-state-control h2{font-size:18px}.onu-admin-state-control p{font-size:13px;margin:8px 0}.onu-admin-state-control .dashboard-note{padding:0;border:0;background:transparent;font-size:12px;color:#586b85}.topbar-menu{display:flex;align-items:center;flex:1;gap:20px;min-width:0}.topbar-menu-toggle{display:none}.topbar-menu :is(a,button):focus-visible,.topbar-menu-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}@media (max-width: 1100px){.topbar{height:auto;min-height:64px;flex-wrap:wrap;gap:0 12px;padding:8px 16px}.topbar-brand{min-width:0;flex:1;white-space:normal;overflow-wrap:anywhere}.topbar-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;background:transparent;border-color:#738ba5;padding:8px 12px}.topbar-menu-toggle span{font-size:20px;line-height:1}.topbar-menu-toggle:hover:not(:disabled){background:var(--panel-alt)}.topbar-menu{display:none;flex:0 0 100%;max-width:100%}.topbar-menu.is-open{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding:12px 0 4px}.topbar-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;min-width:0}.topbar-nav .nav-item{height:auto;min-height:44px;margin:0;padding:10px 12px;white-space:normal;border:1px solid transparent;border-radius:5px;font-size:14px}.topbar-nav .nav-item.active{background:#294c73;border-color:#668bb4}.topbar-user{border-top:1px solid #ffffff30;padding-top:12px;justify-content:space-between;flex-wrap:wrap;white-space:normal;min-width:0}.topbar-user-info{text-align:left;min-width:0;flex:1;overflow-wrap:anywhere}.topbar-user-info strong{font-size:14px}.topbar-user-info .access-account-link{display:inline-flex;align-items:center;min-height:44px}.topbar-logout{min-height:44px}}@media (max-width: 760px){.content{padding:20px 12px}.content>*,.panel,.workspace-panel,.page-heading>*,.form-grid>*,.maintenance-actions>*{min-width:0;max-width:100%}.panel,.workspace-panel{padding:14px}.page-heading{gap:12px;align-items:flex-start}.page-heading h1{font-size:24px;overflow-wrap:anywhere}.subheading{font-size:14px;line-height:1.5}.workspace-title,.access-panel-heading,.actions,.form-actions,.onu-heading-actions,.inline-link-form{flex-wrap:wrap;gap:10px}.workspace-title h2,.access-panel-heading h2{overflow-wrap:anywhere}button,.button-like,.text-button{min-height:44px;white-space:normal}input:not([type=checkbox]):not([type=radio]),select,textarea{min-width:0;max-width:100%;min-height:44px;font-size:16px}input[type=checkbox],input[type=radio]{width:20px;height:20px;flex-shrink:0}.form-grid label,.reason-field,.access-form-panel label{font-size:14px}.form-grid,.kpi-grid,.olt-card-grid,.onu-service-cards,.maintenance-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.access-columns{grid-template-columns:minmax(0,1fr)}.search-input,.inline-link-form input{width:100%;min-width:0}.form-actions>button,.onu-heading-actions>button{flex:1 1 140px}.form-error,.dashboard-note,.success-note,.operation-error,.olt-card-detail{overflow-wrap:anywhere}.dashboard-note,.form-error,.success-note{line-height:1.5}.simple-table{display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}.simple-table :is(th,td){font-size:13px}.simple-table small{font-size:12px}.onu-inventory-table-wrap,.access-table-wrap{min-width:0;max-width:100%}.onu-inventory-pagination{flex-wrap:wrap}.onu-inventory-pagination>span{flex:1 1 100%;order:1;text-align:center}.olt-detail-tabs{max-width:100%;overflow-x:auto}.olt-detail-tabs a{min-height:44px}.login-page{padding:16px;min-height:100dvh}.login-card{width:min(100%,380px);padding:24px}.dialog-backdrop{padding:12px}.script-modal{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);width:100%;overflow-y:auto;overscroll-behavior-y:contain}.dialog-backdrop .workspace-title{align-items:flex-start}.dialog-backdrop .workspace-title>h2{flex:1}.dialog-backdrop .workspace-title>button{flex-shrink:0}.onu-service-panel-backdrop,.ont-management-backdrop{padding:0}.onu-service-panel{width:100%;max-width:100%;height:100dvh;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.ont-management-modal{max-width:100%}.segmented-control{flex-wrap:wrap}.segmented-option{min-height:44px}pre{max-width:100%;overflow-x:auto}}@media (max-width: 380px){.topbar{padding-right:12px;padding-left:12px}.topbar-brand{font-size:16px}.topbar-nav{grid-template-columns:minmax(0,1fr)}.content{padding-right:10px;padding-left:10px}.panel,.workspace-panel{padding:12px}.dialog-backdrop{padding:8px}.onu-service-panel-backdrop,.ont-management-backdrop{padding:0}}