@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#182a35;--muted:#778790;--line:#e5ebed;--surface:#fff;--canvas:#f6f8f8;--navy:#0b212a;--teal:#087f73;--lime:#cef273;--soft:#f0f5f4;--shadow:0 2px 12px rgba(22,45,54,.035)}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.sidebar{background:var(--navy);color:#e9f0f1;position:fixed;inset:0 auto 0 0;width:248px;padding:26px 16px 15px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:0 2px 25px}.brand-logo{display:block;width:100%;height:132px;overflow:hidden;border-radius:8px;background:#111718;flex:none}.brand-logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center bottom}.brand-caption{padding-left:3px;color:#90a3a8;font:600 9px 'DM Sans';letter-spacing:1.3px}.side-caption{padding:0 11px 10px;color:#7d9398;font-size:9px;font-weight:700;letter-spacing:1.3px}.sidebar nav{display:grid;gap:4px}.nav-link{height:42px;display:flex;gap:12px;align-items:center;padding:0 12px;color:#a8b9bc;font-size:12px;border-radius:8px;transition:.16s}.nav-link>span{font-size:17px;width:16px;text-align:center}.nav-link:hover{background:#132f37;color:#fff}.nav-link.active{background:#15333b;color:#fff;box-shadow:inset 2px 0 var(--lime)}.nav-link.active>span{color:var(--lime)}.nav-link i{font-size:10px;font-style:normal;color:#91a7aa;margin-left:auto}.side-lower{margin-top:30px}.sidebar-foot{margin-top:auto;border-top:1px solid #254049;padding:15px 8px 5px;display:flex;gap:10px;align-items:flex-start;font-size:11px}.sidebar-foot small{display:block;color:#8ca0a4;font-size:9px;margin-top:4px}.status-dot,.live-dot,.pulse{display:inline-block;background:#55c9a2;width:7px;height:7px;border-radius:50%;margin-top:3px;box-shadow:0 0 0 3px #55c9a222}.main-area{margin-left:248px;min-height:100vh}.topbar{height:58px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:9px;color:#89969c;letter-spacing:1.1px;font-weight:700}.crumb span{color:#bdc7cb;padding:0 9px}.crumb b{color:#394c55;letter-spacing:.2px;font-weight:600}.topbar-right{display:flex;align-items:center;gap:8px;color:#61727a;font-size:11px}.live-dot{width:6px;height:6px;margin:0;background:#4cbd94}.avatar{display:grid;place-items:center;background:#eaf2ef;color:#327366;border-radius:50%;width:29px;height:29px;font:700 12px Manrope;margin-left:10px}.page-wrap{max-width:1450px;margin:auto;padding:34px 38px 52px}.eyebrow{color:#708188;font-size:9px;letter-spacing:1.25px;font-weight:700;display:flex;align-items:center;gap:7px}.eyebrow>span:not(.pulse){color:#b5c0c3}.pulse{width:6px;height:6px;margin:0;background:#41b790;box-shadow:none}.eyebrow-date{margin-left:auto;color:#86969c;letter-spacing:.3px;font-weight:500}.hero-row,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:17px 0 25px}.hero-row h1,.page-heading h1,.form-narrow h1{font:700 27px Manrope;letter-spacing:-.8px;margin:0 0 6px;color:#1b303b}.lead{margin:0;color:#829097;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:7px;padding:10px 14px;font:600 11px 'DM Sans';cursor:pointer;white-space:nowrap;transition:.16s}.button.primary{background:var(--teal);color:white;box-shadow:0 3px 7px #087f7320}.button.primary:hover{background:#066d63;transform:translateY(-1px)}.button.secondary{background:#fff;border-color:#dce5e7;color:#435761}.button.secondary:hover,.button.export:hover{border-color:#aababe;background:#f9fbfb}.button.export{background:#fff;border-color:#dce5e7;color:#64757c;margin-left:auto}.button.danger{color:#a64d4d;border-color:#efdada;background:#fff}.button.full{width:100%}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{background:#fff;border:1px solid var(--line);border-radius:10px;min-height:143px;padding:16px 17px;box-shadow:var(--shadow);transition:.17s}.metric-card:hover{transform:translateY(-2px);border-color:#d2dfdf;box-shadow:0 7px 20px #15343a0b}.metric-head{display:flex;align-items:center;justify-content:space-between;color:#839198;font-size:8px;font-weight:700;letter-spacing:.76px}.metric-icon{width:28px;height:28px;border-radius:8px;display:inline-grid;place-items:center;font-size:15px;flex:none}.violet{background:#f0edff;color:#7061c5}.cyan{background:#e9f6f7;color:#328994}.green{background:#e8f5ef;color:#378b65}.amber{background:#fff4df;color:#bf8c2f}.metric-card>strong{display:block;font:700 29px Manrope;letter-spacing:-.8px;margin-top:8px}.metric-card>small{display:block;font-size:10px;color:#8b999e;margin-top:1px}.metric-link{display:block;color:#668078;font-size:9px;font-weight:600;margin-top:12px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,1fr);gap:14px;margin-top:16px}.panel,.table-panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.panel{padding:18px 19px}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-kicker{font-size:8px;color:#94a0a4;font-weight:700;letter-spacing:1px}.panel-heading h2,.quick-row h2,.upload-panel h2,.import-help h2{font:650 15px Manrope;margin:5px 0 0;color:#243842}.text-link{color:#398b7b;font-size:10px;font-weight:600}.table-scroll{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{padding:10px 12px;background:#f8fafa;border-top:1px solid #eef2f2;border-bottom:1px solid #e9eeee;color:#88959a;font-size:8px;letter-spacing:.7px;font-weight:700}td{padding:12px;border-bottom:1px solid #eff2f2;color:#56666d;font-size:10px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfc}.row-link{color:#263c46;font-size:10px;font-weight:650}.row-link:hover{color:#138375}.subcell{display:block;color:#9aa5a8;font-size:9px;margin-top:4px}.amount{font-variant-numeric:tabular-nums;color:#354c53;font-weight:600}.date-chip{background:#fff6e6;color:#a87926;padding:5px 7px;border-radius:5px;font-size:9px}.empty-inline{display:flex;align-items:center;gap:12px;padding:18px 2px 21px}.empty-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#f1f5f5;color:#66857f;font-size:17px}.empty-inline b,.empty-inline small{display:block}.empty-inline b{font-size:10px;color:#42565c}.empty-inline small{font-size:9px;color:#95a1a5;margin-top:4px}.activity-list{display:grid}.activity{display:flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid #f0f3f3}.activity:last-child{border-bottom:0}.activity-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;background:#eaf5f1;color:#3e967b}.activity-copy{flex:1;min-width:0}.activity-copy b,.activity-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.activity-copy b{font-size:9px;color:#40545b}.activity-copy small{font-size:8px;color:#96a2a5;margin-top:3px}.activity-time{font-size:8px;color:#9aa5a8}.import-panel .full{margin-top:9px;font-size:9px;padding:8px}.quick-row{display:grid;grid-template-columns:minmax(170px,.8fr) repeat(3,1fr);align-items:center;gap:11px;margin-top:25px}.quick-row h2{font-size:13px}.quick-card{height:66px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 11px;transition:.16s}.quick-card:hover{border-color:#bdd4d0;transform:translateY(-1px)}.quick-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-size:15px}.quick-card b,.quick-card small{display:block}.quick-card b{font-size:9px;color:#344a52}.quick-card small{font-size:8px;color:#8e9b9f;margin-top:4px}.arrow{margin-left:auto;color:#98a6a8}.quick-row form{margin:0}.quick-button{width:100%;font:inherit;text-align:left;cursor:pointer}.page-heading{align-items:center;margin:0 0 22px}.page-heading h1{font-size:25px;margin:8px 0 5px}.filter-bar{display:flex;align-items:center;gap:8px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:13px}.search-box{display:flex;align-items:center;gap:9px;flex:1;border:1px solid #e3e9e9;border-radius:6px;padding:0 10px;height:35px;color:#8c9b9f}.search-box span{font-size:20px}.search-box input{border:0;outline:0;background:transparent;width:100%;font:11px 'DM Sans';color:var(--ink)}select,input,textarea{font-family:inherit}.filter-bar select,.field select{height:35px;border:1px solid #e3e9e9;background:#fff;border-radius:6px;padding:0 10px;color:#55666e;font-size:10px}.filter-bar .button{height:35px;padding:0 13px}.clear-link{font-size:9px;color:#87969a}.table-panel{overflow:hidden}.table-meta{display:flex;justify-content:space-between;padding:12px 15px;color:#849196;font-size:9px}.table-meta b{color:#334b53}.table-meta span:last-child{color:#a2adaf}.data-table{min-width:850px}.data-table th{padding:11px 14px}.data-table td{padding:12px 14px}.badge{display:inline-flex;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:650}.badge.good{background:#e8f5ef;color:#378864}.badge.pending{background:#fff3de;color:#a87c30}.badge.muted{background:#f0f2f3;color:#7b898e}.icon-button{display:grid;place-items:center;border:1px solid #e7eded;border-radius:6px;width:26px;height:26px;color:#76888e}.icon-button:hover{color:#138375;border-color:#b7d1cc}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:48px 12px;color:#8fa0a2;white-space:normal;text-align:center}.empty-state>span{font-size:25px;color:#7da39b}.empty-state b{color:#43565e;font-size:12px}.empty-state small{font-size:10px}.empty-state .button{margin-top:7px}.site-pill,.ip-pill{display:inline-block;border-radius:5px;padding:6px 8px;background:#eff6f5;color:#36796e;font-size:9px}.ip-pill{background:#f4f6f7;color:#435b63;font-family:ui-monospace,monospace}.summary-strip{display:flex;gap:12px;align-items:center;background:#fff9ed;border:1px solid #f1e6ca;border-radius:9px;padding:12px 14px;margin:16px 0}.summary-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:8px}.summary-strip>span:nth-child(2){flex:1}.summary-strip b,.summary-strip small{display:block}.summary-strip b{font-size:10px;color:#795e2f}.summary-strip small{font-size:9px;color:#9b8a66;margin-top:4px}.summary-strip>a{font-size:9px;color:#93702d;font-weight:600}.period-tabs{display:flex;gap:5px;margin:18px 0 10px;border-bottom:1px solid #dfe7e7}.period-tabs a{font-size:10px;color:#89979b;padding:9px 12px;border-bottom:2px solid transparent}.period-tabs a.selected{color:#167d70;border-color:#198576;font-weight:650}.form-narrow{max-width:780px;margin:0 auto}.back-link{display:inline-block;margin:0 0 22px;color:#71848a;font-size:10px}.back-link:hover{color:#167d70}.form-narrow h1{margin:8px 0 5px}.record-form{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px}.form-section-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1f1;padding-bottom:14px;margin-bottom:16px}.form-section-title>span{display:grid;place-items:center;width:27px;height:27px;background:#e9f4f1;color:#278373;border-radius:7px;font:700 10px Manrope}.form-section-title b,.form-section-title small{display:block}.form-section-title b{font-size:11px}.form-section-title small{font-size:9px;color:#8e9b9f;margin-top:3px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.single-col{grid-template-columns:1fr}.field{display:flex;flex-direction:column;gap:6px;color:#4e626a;font-size:9px;font-weight:600}.field em{color:#bd6b57;font-style:normal;margin-left:3px}.field input,.field textarea,.field select{width:100%;border:1px solid #dfe7e8;background:#fff;border-radius:6px;padding:9px 10px;color:#31474f;outline:0;font:11px 'DM Sans'}.field input{height:35px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#63a99d;box-shadow:0 0 0 3px #22877815}.field textarea{resize:vertical;min-height:65px}.field.wide{grid-column:1/-1}.form-note{display:flex;gap:8px;padding:10px 11px;margin-top:15px;background:#f3f8f7;border:1px solid #e4efec;border-radius:6px;color:#67817d;font-size:9px;line-height:1.6}.form-note>span:first-child{font-size:13px}.form-actions{display:flex;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #edf1f1}.form-actions .danger{margin-left:auto}.import-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.9fr);gap:14px}.upload-panel{padding:23px}.upload-badge{display:grid;place-items:center;width:37px;height:37px;border-radius:10px;background:#e6f4f0;color:#278373;font-size:21px}.upload-panel>p{color:#869499;font-size:10px;line-height:1.7;max-width:470px}.upload-form{margin-top:18px}.drop-zone{min-height:145px;border:1px dashed #b9d0cc;border-radius:8px;background:#f8fbfa;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;color:#3c585c}.drop-zone:hover{background:#f2f9f6;border-color:#79aaa0}.file-icon{font-size:22px;color:#4c8d80}.drop-zone b{font-size:10px}.drop-zone small{font-size:9px;color:#95a2a4}.drop-zone input{display:none}.upload-form>.button{margin-top:10px}.import-help{padding:20px}.import-help h2{margin-bottom:16px}.import-type{display:flex;align-items:flex-start;gap:10px;padding:12px 0;border-bottom:1px solid #eff2f2}.import-type b,.import-type small{display:block}.import-type b{font-size:10px;color:#42565e}.import-type small{font-size:9px;color:#8d9a9e;line-height:1.55;margin-top:4px}.secure-note{display:flex;gap:9px;margin-top:15px;padding:11px;border-radius:7px;background:#f5f8f6;color:#598174;font-size:13px}.secure-note b,.secure-note small{display:block}.secure-note b{font-size:9px}.secure-note small{font-size:8px;color:#879993;line-height:1.5;margin-top:4px}.history-panel{margin-top:15px;overflow:hidden}.history-panel>.panel-heading{padding:16px 17px 0}.flash-stack{display:grid;gap:7px;margin-bottom:13px}.flash{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:7px;font-size:10px}.flash.success{color:#276d55;background:#eaf6ef;border:1px solid #d9ecdf}.flash.error{color:#97564e;background:#fff0ed;border:1px solid #f4ded9}.flash button{border:0;background:transparent;color:inherit;font-size:16px;cursor:pointer}
@media(min-width:1500px){.page-wrap{padding-top:39px}.metric-card{min-height:151px}.panel{padding:20px 21px}}@media(max-width:1100px){.sidebar{width:218px}.main-area{margin-left:218px}.page-wrap{padding:29px 24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.quick-row{grid-template-columns:1fr 1fr}.quick-row>div{grid-column:1/-1}.dashboard-grid{grid-template-columns:1fr}.import-layout{grid-template-columns:1fr 1fr}}@media(max-width:720px){.sidebar{width:61px;padding:16px 7px}.brand{padding:0 2px 22px}.brand-logo{position:relative;width:42px;height:42px;border-radius:9px}.brand-logo{height:42px}.brand-logo img{position:absolute;left:50%;top:50%;width:auto;height:250%;max-width:none;transform:translate(-50%,-50%)}.brand-caption,.side-caption,.nav-link:not(.active) i,.nav-link i,.sidebar-foot>span:last-child{display:none}.brand-mark{width:38px;height:38px}.sidebar nav{gap:6px}.nav-link{justify-content:center;padding:0;font-size:0;height:42px}.nav-link>span{font-size:19px}.side-lower{margin-top:23px}.sidebar-foot{justify-content:center;padding:14px 0}.main-area{margin-left:61px}.topbar{height:51px;padding:0 14px}.topbar-right{font-size:0}.topbar-right .live-dot{font-size:initial}.topbar-right .avatar{margin-left:3px}.page-wrap{padding:23px 14px 38px}.hero-row,.page-heading{align-items:flex-start;gap:14px;flex-direction:column}.hero-row{margin:14px 0 19px}.hero-row h1{font-size:22px}.page-heading h1{font-size:23px}.hero-row>.button,.page-heading>.button{align-self:flex-start}.eyebrow{font-size:8px}.metric-grid{gap:8px}.metric-card{padding:12px;min-height:130px}.metric-head{font-size:7px;letter-spacing:.3px}.metric-icon{width:25px;height:25px}.metric-card>strong{font-size:25px}.metric-card>small{font-size:9px;line-height:1.4}.metric-link{font-size:8px;margin-top:9px}.panel{padding:14px}.panel-heading h2{font-size:14px}.dashboard-grid{gap:10px;margin-top:11px}.quick-row{grid-template-columns:1fr;gap:8px;margin-top:20px}.quick-row>div{grid-column:auto}.quick-card{height:59px}.filter-bar{flex-wrap:wrap;padding:8px}.search-box{flex-basis:100%}.filter-bar select{flex:1}.filter-bar .export{margin-left:0}.table-meta{font-size:8px;padding:10px}.table-meta span:last-child{display:none}.summary-strip{align-items:flex-start;flex-wrap:wrap}.summary-strip>span:nth-child(2){min-width:calc(100% - 50px)}.summary-strip>a{margin-left:43px}.import-layout{grid-template-columns:1fr}.form-narrow{width:100%}.record-form{padding:15px}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.form-actions{flex-wrap:wrap}.button{font-size:10px}.period-tabs a{font-size:9px;padding:8px 7px}}@media(max-width:380px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:112px}.metric-card>strong{margin-top:4px}.filter-bar .button{padding:0 9px}.page-wrap{padding-left:10px;padding-right:10px}}

/* NOC Central overview: data summaries, intentionally separated from generic CRUD styling. */
.noc-dashboard-title{margin-top:14px;margin-bottom:20px}.noc-dashboard-title h1{font-size:25px}.noc-overview-grid{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(320px,1fr);gap:14px}.noc-overview-grid .panel,.noc-chart-grid .panel{border-radius:9px;box-shadow:0 3px 13px rgba(17,46,54,.045)}.noc-locality-panel{min-height:339px}.noc-locality-panel .panel-heading,.noc-alert-panel .panel-heading,.noc-chart-panel .panel-heading{margin-bottom:13px}.noc-network-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin-bottom:14px;border:1px solid #e8eeee;border-radius:7px;background:linear-gradient(105deg,#f3f8f7,#fbfcfc)}.noc-summary-total{display:flex;align-items:center;gap:11px}.noc-summary-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:8px;background:#e4f3f1;color:#1e8e91;font-size:21px}.noc-summary-total strong,.noc-summary-total small{display:block}.noc-summary-total strong{font:700 23px Manrope;color:#203943;line-height:1}.noc-summary-total small{font-size:9px;color:#829196;margin-top:4px}.noc-summary-meta{display:grid;gap:6px;color:#76888c;font-size:9px}.noc-summary-meta b{color:#334f53;font-size:10px}.noc-locality-list{display:grid}.noc-locality-row{display:grid;grid-template-columns:9px minmax(95px,1fr) minmax(55px,.9fr) 20px;align-items:center;gap:8px;min-height:30px;border-bottom:1px solid #f0f3f3;color:#607276;font-size:9px}.noc-locality-row:last-child{border-bottom:0}.noc-locality-row:hover .noc-locality-name{color:#087f73}.noc-locality-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-node-dot{width:7px;height:7px;border:1.5px solid #258d64;border-radius:50%;box-shadow:0 0 0 3px #e8f3ec}.noc-locality-track,.noc-status-track{height:5px;overflow:hidden;background:#edf2f1;border-radius:4px}.noc-locality-track i,.noc-status-track i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#318f71,#38b7c5)}.noc-locality-row>b{color:#31494d;text-align:right;font-variant-numeric:tabular-nums}.noc-panel-foot{display:flex;align-items:center;gap:7px;border-top:1px solid #edf1f1;margin-top:10px;padding-top:10px;color:#96a2a4;font-size:8px}.noc-record-dot{width:6px;height:6px;border-radius:50%;background:#7da89b}.noc-alert-panel{min-height:339px}.noc-alert-count{display:grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:7px;background:#fff5e4;color:#a67d2d;font:700 12px Manrope}.noc-muted-copy{margin:-4px 0 8px;color:#8e9b9f;font-size:9px}.noc-alert-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #eef2f2}.noc-alert-symbol{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;font-size:13px}.noc-alert-symbol.amber{background:#fff4df;color:#b48326}.noc-alert-symbol.cyan{background:#e8f5f6;color:#338994}.noc-alert-symbol.red{background:#fceeed;color:#b65a52}.noc-alert-row>span:nth-child(2){flex:1}.noc-alert-row b,.noc-alert-row small{display:block}.noc-alert-row b{font-size:9px;color:#40565b}.noc-alert-row small{font-size:8px;color:#95a1a4;margin-top:3px}.noc-alert-row>strong{font:700 12px Manrope;color:#354e53}.noc-upcoming{margin-top:12px}.noc-upcoming-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.noc-upcoming-head .text-link{font-size:8px}.noc-due-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid #f1f3f3}.noc-due-row:last-child{border:0}.noc-due-row b,.noc-due-row small{display:block}.noc-due-row b{font-size:8px;color:#475b60}.noc-due-row small{font-size:8px;color:#9aa5a7;margin-top:2px}.noc-due-row time{padding:4px 6px;border-radius:4px;background:#fff6e6;color:#a77b2d;font-size:8px}.noc-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.noc-chart-panel{min-height:225px}.noc-bars{height:130px;display:flex;align-items:stretch;justify-content:space-around;gap:10px;padding:10px 3px 0;border-bottom:1px solid #e9eeee}.noc-bar-item{display:grid;grid-template-rows:17px 1fr 27px;justify-items:center;align-items:end;min-width:0;flex:1}.noc-bar-value{color:#60777a;font-size:8px}.noc-bar-track{width:min(27px,68%);height:100%;display:flex;align-items:flex-end;overflow:hidden;background:#f4f7f7;border-radius:4px 4px 0 0}.noc-bar-track i{display:block;width:100%;min-height:5px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#43bdc4,#217c93)}.noc-bar-item:nth-child(3n+2) .noc-bar-track i{background:linear-gradient(180deg,#47b49d,#268376)}.noc-bar-item>span{align-self:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#79898d;font-size:8px}.noc-chart-note{padding-top:8px;color:#97a2a5;font-size:8px}.noc-partner-totals{display:grid;grid-template-columns:repeat(3,1fr);padding:8px 0 12px;border-bottom:1px solid #edf1f1}.noc-partner-totals>div+div{border-left:1px solid #edf1f1;padding-left:13px}.noc-partner-totals strong,.noc-partner-totals small{display:block}.noc-partner-totals strong{font:700 17px Manrope;color:#29434a}.noc-partner-totals small{font-size:8px;color:#8f9c9f;margin-top:2px}.noc-status-list{display:grid;gap:10px;padding-top:12px}.noc-status-row{display:grid;grid-template-columns:minmax(85px,.9fr) minmax(70px,1.4fr) 20px;align-items:center;gap:9px;font-size:8px}.noc-status-key{display:flex;align-items:center;gap:6px;color:#697a7d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noc-status-key i{width:7px;height:7px;border-radius:50%;background:#9aa8aa;flex:none}.noc-status-key i.is-green{background:#38a579}.noc-status-key i.is-amber{background:#dbac50}.noc-status-key i.is-neutral{background:#91a1a5}.noc-status-track i.is-green{background:#49ad82}.noc-status-track i.is-amber{background:#dfb85e}.noc-status-track i.is-neutral{background:#7e9fa6}.noc-status-row>b{text-align:right;color:#43595d;font-size:9px}.noc-bottom-strip{display:grid;grid-template-columns:minmax(175px,.9fr) repeat(3,1fr);gap:10px;align-items:stretch;margin-top:15px}.noc-bottom-intro{align-self:center}.noc-bottom-intro h2{font:650 13px Manrope;color:#294047;margin:5px 0}.noc-bottom-intro p{font-size:8px;color:#8c9a9d;margin:0;line-height:1.5}.noc-bottom-strip>a{display:flex;align-items:center;gap:9px;min-width:0;padding:11px;background:#fff;border:1px solid var(--line);border-radius:8px;transition:.15s}.noc-bottom-strip>a:hover{border-color:#abd2cd;transform:translateY(-1px)}.noc-shortcut-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:7px;background:#e9f5f2;color:#328779;font-size:16px;flex:none}.noc-bottom-strip>a:nth-of-type(2) .noc-shortcut-icon{background:#eaf5f7;color:#348a98}.noc-bottom-strip>a>span:nth-child(2){min-width:0}.noc-bottom-strip b,.noc-bottom-strip small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noc-bottom-strip b{font-size:9px;color:#3a5056}.noc-bottom-strip small{font-size:8px;color:#929fa1;margin-top:3px}.noc-bottom-strip>a>i{margin-left:auto;color:#91a3a3;font-style:normal}.noc-empty-chart{min-height:174px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#8a9a9c}.noc-empty-chart>span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef5f3;color:#4c9687;font-size:18px}.noc-empty-chart b{font-size:10px;color:#53676b}.noc-empty-chart small{max-width:250px;font-size:8px;line-height:1.5}.noc-empty-chart .text-link{font-size:9px}.noc-empty-chart.compact{min-height:132px}
@media(max-width:1100px){.noc-overview-grid{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr)}.noc-bottom-strip{grid-template-columns:1fr 1fr}.noc-bottom-intro{grid-column:1/-1}.noc-bottom-intro p{display:none}}
@media(max-width:760px){.noc-overview-grid,.noc-chart-grid{grid-template-columns:1fr}.noc-locality-panel,.noc-alert-panel{min-height:0}.noc-dashboard-title h1{font-size:22px}.noc-network-summary{align-items:flex-start;gap:10px;flex-direction:column}.noc-summary-meta{grid-template-columns:1fr 1fr;width:100%}.noc-chart-panel{min-height:0}.noc-bars{height:119px}.noc-bottom-strip{grid-template-columns:1fr}.noc-bottom-intro{grid-column:auto;margin:3px 0}}

/* Legibility and Umbrella cyan accents for the operations console. */
.sidebar{background:radial-gradient(ellipse at 8% 8%,rgba(27,116,128,.2),transparent 38%),linear-gradient(155deg,#06232c 0%,#082c35 52%,#071e27 100%)}
.brand-logo{border:1px solid rgba(97,231,238,.52);box-shadow:0 0 0 1px rgba(60,198,210,.14),0 0 20px rgba(48,202,215,.22),inset 0 0 16px rgba(66,222,230,.12)}
.brand{position:relative}
.brand:after{content:"";position:absolute;left:2px;right:2px;bottom:13px;height:1px;background:linear-gradient(90deg,transparent,rgba(81,215,226,.5),transparent)}
.nav-link.active{background:linear-gradient(90deg,rgba(37,177,190,.22),rgba(21,73,83,.72));box-shadow:inset 2px 0 #55d8e1,0 0 18px rgba(49,190,204,.1)}
.nav-link.active>span{color:#66e3e8}
.nav-link:hover{background:rgba(38,129,143,.22)}
.noc-overview-grid .panel,.noc-chart-grid .panel{padding:20px 21px}
.noc-locality-row{font-size:11px;min-height:33px}
.noc-locality-track,.noc-status-track{height:6px}
.noc-summary-total small,.noc-summary-meta{font-size:10px}
.noc-summary-meta b{font-size:11px}
.noc-panel-foot,.noc-muted-copy,.noc-chart-note{font-size:10px}
.noc-alert-row{padding:10px 0}
.noc-alert-row b{font-size:11px}
.noc-alert-row small,.noc-due-row b,.noc-due-row small,.noc-due-row time{font-size:10px}
.noc-upcoming-head .text-link{font-size:9px}
.noc-bar-item{grid-template-rows:19px 1fr 31px}
.noc-bar-value,.noc-bar-item>span{font-size:10px}
.noc-partner-totals small,.noc-bottom-intro p,.noc-bottom-strip small{font-size:10px}
.noc-status-list{gap:12px}
.noc-status-row{grid-template-columns:minmax(100px,.9fr) minmax(70px,1.4fr) 22px;gap:10px;font-size:10px}
.noc-status-row>b{font-size:10px}
.noc-empty-chart small{font-size:10px}
.noc-empty-chart b{font-size:11px}
.noc-bottom-strip b{font-size:11px}
.noc-bottom-intro h2{font-size:15px}
@media(max-width:1000px){.noc-overview-grid,.noc-chart-grid{grid-template-columns:1fr}.noc-bottom-strip{grid-template-columns:1fr 1fr}.noc-bottom-intro{grid-column:1/-1}.noc-bottom-intro p{display:block}.noc-locality-panel,.noc-alert-panel,.noc-chart-panel{min-height:0}}
@media(max-width:720px){.brand:after{display:none}.brand-logo{box-shadow:0 0 0 1px rgba(60,198,210,.2),0 0 10px rgba(48,202,215,.18)}.noc-overview-grid .panel,.noc-chart-grid .panel{padding:15px}.noc-summary-meta{font-size:10px}.noc-bottom-strip{grid-template-columns:1fr}.noc-bottom-intro{grid-column:auto}.noc-bars{height:130px}}

/* Iteration 2: compact schematic topology and balanced first-viewport charts. */
.noc-dashboard-title{margin-bottom:15px}
.noc-overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(315px,1fr);gap:13px}
.noc-locality-panel,.noc-alert-panel{min-height:0}
.noc-overview-grid .panel{padding:16px 18px}
.noc-locality-panel .panel-heading,.noc-alert-panel .panel-heading{margin-bottom:9px}
.noc-network-summary{padding:8px 11px;margin-bottom:5px}
.noc-topology{height:174px;position:relative;margin:1px 0 0;overflow:hidden;background:radial-gradient(ellipse at center,#f1f9f8 0%,#fff 64%)}
.noc-topology-lines{position:absolute;inset:0;width:100%;height:100%}
.noc-topology-lines path{fill:none;stroke:#8dbfc0;stroke-width:1.4;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.noc-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faffff;border:2px solid #49bfc8;box-shadow:0 0 0 7px rgba(77,194,196,.1),0 4px 12px #183c4020;color:#25808a;z-index:2}
.noc-hub span{font-size:7px;font-weight:700;letter-spacing:.8px}.noc-hub b{font:700 20px Manrope;line-height:1.05;color:#1e4650}.noc-hub small{font-size:7px;color:#7d989d}
.noc-map-node{position:absolute;z-index:2;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;gap:6px;max-width:155px;min-width:95px;padding:5px 8px 5px 5px;border:1px solid #dcebea;border-radius:8px;background:#fff;box-shadow:0 2px 8px #183c400d;color:#52686b}
.noc-map-node:hover{border-color:#77c4c5;transform:translateY(-1px)}
.noc-map-count{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:2px solid #39a777;background:#f2faf6;color:#287956;font:700 10px Manrope}
.noc-map-node b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.noc-map-node.p1{left:8%;top:8%}.noc-map-node.p2{left:13%;bottom:7%}.noc-map-node.p3{right:7%;top:8%}.noc-map-node.p4{right:6%;bottom:7%}.noc-map-node.p5{left:50%;top:0;transform:translateX(-50%)}.noc-map-node.p6{left:50%;bottom:0;transform:translateX(-50%)}
.noc-map-caption{display:flex;justify-content:space-between;gap:8px;padding-top:5px;border-top:1px solid #edf1f1;color:#72868a;font-size:9px}.noc-map-caption span{color:#98a5a6}
.noc-alert-panel .noc-alert-row{padding:8px 0}
.noc-chart-grid{margin-top:12px;gap:13px}
.noc-chart-panel{min-height:215px;padding:16px 18px!important}
.noc-bars{height:119px}
@media(max-width:1000px){.noc-overview-grid,.noc-chart-grid{grid-template-columns:1fr}.noc-topology{height:195px}.noc-locality-panel,.noc-alert-panel,.noc-chart-panel{min-height:0}}
@media(max-width:560px){.noc-topology{height:auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:8px 0 10px;background:none}.noc-topology-lines,.noc-hub{display:none}.noc-map-node,.noc-map-node.p1,.noc-map-node.p2,.noc-map-node.p3,.noc-map-node.p4,.noc-map-node.p5,.noc-map-node.p6{position:static;transform:none;min-width:0;width:100%;max-width:none;padding:6px 7px;grid-template-columns:25px minmax(0,1fr);box-shadow:none}.noc-map-node b{font-size:9px}.noc-map-caption{flex-direction:column;gap:2px}}

/* Umbrella Operations Center sidebar */
.sidebar{--side-cyan:#54d5df;--side-ink:#e9f5f6;--side-muted:#9cb4b9;background-color:#052a33;background-image:linear-gradient(rgba(60,171,180,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(60,171,180,.055) 1px,transparent 1px),radial-gradient(ellipse at 45% 0%,rgba(16,103,115,.32),transparent 58%),linear-gradient(155deg,#052c35,#06252e 65%,#041e27);background-size:64px 64px,64px 64px,auto,auto;padding-top:18px;overflow-y:auto;overscroll-behavior:contain}
.brand{gap:13px;padding:0 4px 23px}
.brand-card{height:108px;border:1px solid rgba(70,208,220,.62);border-radius:14px;background:linear-gradient(140deg,rgba(15,91,102,.48),rgba(3,33,42,.92));box-shadow:0 0 0 1px rgba(57,202,216,.12),0 0 19px rgba(43,190,207,.12),inset 0 1px rgba(255,255,255,.035);display:flex;flex-direction:column;justify-content:space-between;padding:14px 12px 10px;overflow:hidden}
.brand-lockup{display:flex;align-items:center;gap:9px;min-width:0}
.brand-logo{width:48px;height:48px;border:0;border-radius:0;background:transparent;box-shadow:none;position:relative;overflow:hidden;flex:none}
.brand-logo img{position:absolute;width:48px;height:48px;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:contain;object-position:center}
.brand-wordmark{display:flex;flex-direction:column;min-width:0;color:#f5fbfc;line-height:1;white-space:nowrap}
.brand-wordmark strong{font:700 18px 'DM Sans',sans-serif;letter-spacing:1px;text-shadow:0 1px 8px rgba(255,255,255,.12)}
.brand-wordmark small{font:700 8px 'DM Sans',sans-serif;letter-spacing:1.1px;margin:5px 0 0 2px;color:#d8e9eb}
.brand-system{display:block;text-align:right;color:#a5c0c4;font-size:9px;letter-spacing:.1px;white-space:nowrap}
.brand-system i{display:inline-block;height:10px;border-left:1px solid rgba(159,198,201,.45);vertical-align:-2px;margin:0 5px}
.brand-caption{padding-left:8px;color:#a1bbc0;font-size:9px;letter-spacing:1.4px}
.brand:after{bottom:10px;left:5px;right:5px;background:linear-gradient(90deg,transparent,rgba(81,215,226,.32),transparent)}
.side-caption{padding:0 12px 13px;color:#9ab3b8;font-size:10px;letter-spacing:1.35px}
.sidebar nav{gap:7px}
.nav-link{position:relative;height:54px;gap:16px;padding:0 14px;border-radius:11px;color:#c3d2d5;font-size:14px;letter-spacing:.05px;transition:background .18s,color .18s,box-shadow .18s}
.nav-link>svg{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;color:#a9c0c4}
.nav-link .nav-label{font-size:14px;width:auto;text-align:left;white-space:nowrap}
.nav-link i{color:#8bb6bd;font-size:14px;font-variant-numeric:tabular-nums}
.nav-link:hover{background:rgba(39,143,156,.18);color:#fff}
.nav-link.active{background:linear-gradient(100deg,rgba(36,171,187,.28),rgba(20,89,101,.74));color:#f7ffff;box-shadow:inset 4px 0 var(--side-cyan),0 0 23px rgba(53,213,226,.28),inset 0 0 20px rgba(42,199,211,.08);outline:1px solid rgba(89,224,234,.16)}
.nav-link.active>svg{color:#52d8e3}
.side-lower{margin-top:auto;border-top:1px solid rgba(105,177,183,.18);padding-top:24px;margin-bottom:7px}
.sidebar-foot{border-top:1px solid rgba(134,190,194,.38);padding:16px 10px 4px;gap:12px;color:#e0edef;font-size:14px}
.sidebar-foot .status-dot{width:13px;height:13px;flex:none;margin-top:3px;background:#31d88d;box-shadow:0 0 0 4px rgba(49,216,141,.12),0 0 17px rgba(49,216,141,.78)}
.sidebar-foot small{color:#9ab1b6;font-size:11px;margin-top:5px;line-height:1.35}
.nav-link:focus-visible,.brand:focus-visible{outline:2px solid #7be6ed;outline-offset:3px}
@media(max-width:1100px) and (min-width:721px){.brand-wordmark strong{font-size:16px}.brand-wordmark small{font-size:7px}.brand-card{padding-left:9px;padding-right:9px}.brand-logo{width:43px;height:45px}.brand-logo img{width:43px;height:43px;left:50%;top:50%;transform:translate(-50%,-50%)}.nav-link{gap:12px;padding:0 11px}.nav-link .nav-label{font-size:12px}}
@media(max-width:720px){.sidebar{padding:14px 7px 12px;background-size:48px 48px,48px 48px,auto,auto}.brand{align-items:center;padding:0 0 20px}.brand-card{width:46px;height:46px;padding:0;justify-content:center;align-items:center;border-radius:10px}.brand-lockup{justify-content:center}.brand-logo{width:40px;height:40px}.brand-logo img{width:40px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%)}.brand-wordmark,.brand-system,.brand-caption,.side-caption{display:none}.brand:after{display:none}.sidebar nav{gap:7px}.nav-link{height:47px;width:47px;margin:0 auto;justify-content:center;padding:0;border-radius:10px}.nav-link .nav-label,.nav-link i{display:none}.nav-link>svg{width:22px;height:22px}.side-lower{margin-top:21px;padding:18px 0 0;border-top:1px solid rgba(105,177,183,.18)}.sidebar-foot{padding:14px 0 4px;justify-content:center}.sidebar-foot>span:last-child{display:none}.sidebar-foot .status-dot{width:11px;height:11px}}

/* Dashboard layout inspired by the supplied operations overview. */
.noc-dash-topline{display:flex;justify-content:space-between;align-items:flex-end;margin:3px 0 22px}.noc-dash-topline h1{font:700 29px Manrope,sans-serif;letter-spacing:-.7px;color:#122c42;margin:7px 0 2px}.noc-dash-topline .lead{font-size:12px}.noc-dash-meta{text-align:right;color:#66819a;font-size:12px}.noc-dash-meta span,.noc-dash-meta small{display:block}.noc-dash-meta small{font-size:10px;margin-top:4px}.noc-dash-filters{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr)) auto;gap:10px;align-items:end;margin-bottom:15px}.noc-dash-filters label{min-width:0}.noc-dash-filters label>span{display:block;color:#73879a;font-size:9px;font-weight:700;letter-spacing:.65px;text-transform:uppercase;margin:0 0 5px 2px}.noc-dash-filters select{width:100%;height:40px;padding:0 12px;border:1px solid #d8e3e9;border-radius:7px;background:#fff;color:#2d455b;font:11px 'DM Sans',sans-serif}.noc-dash-filters .button{height:40px}.noc-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.noc-kpi-card{min-width:0;display:flex;align-items:center;gap:12px;padding:15px;background:#fff;border:1px solid #e1e9ed;border-radius:9px;box-shadow:0 3px 14px rgba(25,54,69,.035);transition:.16s}.noc-kpi-card:hover{transform:translateY(-1px);border-color:#bfdad9}.noc-kpi-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:11px;font-size:24px;flex:none}.noc-kpi-icon.cyan{background:#e2f7f5;color:#008b7e}.noc-kpi-icon.blue{background:#e5f1ff;color:#1473c8}.noc-kpi-icon.red{background:#ffebeb;color:#e54141}.noc-kpi-icon.green{background:#e4f7ef;color:#15956e}.noc-kpi-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.noc-kpi-copy small{color:#597083;font-size:10px}.noc-kpi-copy strong{font:700 25px Manrope;color:#102c43;line-height:1.2}.noc-kpi-copy strong.is-red{color:#d5292d}.noc-kpi-copy em{font-style:normal;color:#8498a8;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noc-kpi-spark{margin-left:auto;font-size:18px}.noc-kpi-spark.teal,.noc-kpi-spark.green{color:#009c7d}.noc-kpi-spark.red{color:#d52b35}.noc-dash-main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(310px,.85fr);gap:12px;margin-bottom:12px}.noc-dash-bottom-grid{display:grid;grid-template-columns:minmax(235px,.95fr) minmax(250px,1.1fr) minmax(340px,1.4fr);gap:12px}.noc-dash-panel{min-width:0;padding:16px 17px!important;border-radius:9px}.noc-ref-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:13px}.noc-ref-panel-head h2{margin:0 0 3px;font:700 14px Manrope,sans-serif;color:#19334a}.noc-ref-panel-head small{color:#8a9bac;font-size:9px}.noc-ref-panel-head>a{color:#008d82;font-size:9px;font-weight:600;white-space:nowrap;padding-top:3px}.noc-total-pill{display:grid;place-items:center;min-width:32px;height:30px;padding:0 7px;border-radius:8px;background:#fff2dc;color:#ae7900;font:700 13px Manrope}.noc-hbar-list{display:grid;gap:12px;padding:10px 3px 5px}.noc-hbar-row{display:grid;grid-template-columns:minmax(76px,1.1fr) minmax(80px,3fr) 27px;gap:9px;align-items:center;color:#476176;font-size:10px}.noc-hbar-row>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.noc-hbar-row>i,.noc-partner-status-row>i{height:12px;border-radius:3px;background:#eff4f4;overflow:hidden}.noc-hbar-row>i>b{height:100%;display:block;border-radius:3px;background:linear-gradient(90deg,#087f78,#10ab9c)}.noc-hbar-row>strong,.noc-partner-status-row>strong{font:700 11px Manrope;color:#19354b}.noc-chart-foot{margin-top:9px;padding-top:9px;border-top:1px solid #edf1f3;color:#8a9cac;font-size:9px}.noc-ref-alert{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #edf1f3}.noc-ref-alert-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;font-size:17px;flex:none}.noc-ref-alert-icon.red{background:#ffeded;color:#e34646}.noc-ref-alert-icon.amber{background:#fff4df;color:#c18a00}.noc-ref-alert-icon.green{background:#e6f7f0;color:#159a73}.noc-ref-alert>span:nth-child(2){flex:1;min-width:0}.noc-ref-alert b,.noc-ref-alert small{display:block}.noc-ref-alert b{font-size:10px;color:#243d54}.noc-ref-alert small{margin-top:3px;color:#889bac;font-size:9px}.noc-ref-alert>strong{font:700 13px Manrope;color:#18344b}.noc-quality-percent{color:#0a9183;font:700 18px Manrope}.noc-quality-layout{display:flex;align-items:center;gap:15px;padding:8px 1px 5px}.noc-donut{width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#0b998b var(--quality),#ffd24e var(--quality) 100%);flex:none}.noc-donut:before{content:"";position:absolute;width:92px;height:92px;border-radius:50%;background:#fff}.noc-donut>span{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.noc-donut b{font:700 18px Manrope;color:#18354b}.noc-donut small{font-size:8px;color:#71879b}.noc-quality-legend{min-width:0;flex:1;display:grid;gap:10px}.noc-quality-legend>div{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:6px;align-items:center;font-size:9px;color:#405971}.noc-quality-legend i{width:8px;height:8px;border-radius:50%;background:#0b998b}.noc-quality-legend i.need{background:#ffd24e}.noc-quality-legend i.partner{background:#1788c6}.noc-quality-legend span small{display:block;color:#91a0ad;font-size:8px;margin-top:2px}.noc-quality-legend b{font:700 10px Manrope;color:#18354b}.noc-partner-status-list{display:grid;gap:15px;padding:11px 1px}.noc-partner-status-row{display:grid;grid-template-columns:minmax(68px,.9fr) minmax(65px,2fr) 24px;gap:9px;align-items:center;font-size:9px;color:#5a7084}.noc-partner-status-row>i{height:8px}.noc-partner-status-row>i>b{height:100%;display:block;border-radius:4px}.noc-partner-status-row>i>b.green{background:#0aa18b}.noc-partner-status-row>i>b.amber{background:#ffc844}.noc-partner-status-row>i>b.blue{background:#2a94c7}.noc-recent-table-wrap{overflow:auto}.noc-recent-table{min-width:390px}.noc-recent-table th{background:#f9fbfc;color:#8193a3;font-size:8px;padding:8px 7px}.noc-recent-table td{font-size:9px;padding:9px 7px;color:#50677c}.noc-dashboard-tip{display:flex;align-items:center;gap:10px;margin-top:13px;padding:12px 15px;border:1px solid #dcecf1;border-radius:8px;background:#f6fbfd;color:#637c91}.noc-dashboard-tip>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e3f1ff;color:#1473c8;font-weight:700}.noc-dashboard-tip p{margin:0;flex:1;font-size:9px}.noc-dashboard-tip b{color:#1777a6}.noc-dashboard-tip>a{white-space:nowrap;color:#008e83;font-size:9px;font-weight:600}
@media(max-width:720px){.noc-dash-topline{align-items:flex-start;flex-direction:column;gap:8px}.noc-dash-meta{text-align:left}.noc-dash-filters{grid-template-columns:minmax(0,1fr);gap:8px}.noc-dash-filters label:nth-child(3){grid-column:auto}.noc-kpi-grid{grid-template-columns:minmax(0,1fr)}.noc-dash-main-grid,.noc-dash-bottom-grid{grid-template-columns:minmax(0,1fr)}.noc-recent-panel{grid-column:auto}.noc-dash-panel{padding:14px!important}.noc-quality-layout{justify-content:center}.noc-recent-table{min-width:390px}}
@media(max-width:420px){.noc-dash-topline h1{font-size:24px}.noc-dash-filters .button{width:100%}.noc-kpi-card{padding:12px}.noc-donut{width:108px;height:108px}.noc-donut:before{width:78px;height:78px}}
.noc-map-summary{display:flex;justify-content:space-between;gap:10px;margin:0 0 9px;color:#788b99;font-size:9px}.noc-map-summary b{color:#18374d;font:700 11px Manrope}.noc-tower-map,.radio-location-map{width:100%;height:340px;border:1px solid #dfe8eb;border-radius:8px;background:linear-gradient(135deg,#e9f3ed,#f5f7f4);overflow:hidden}.noc-map-notice{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin-top:8px;padding:10px 12px;border:1px solid #e5edf0;border-radius:7px;background:#f8fbfc;color:#63798b;font-size:9px;line-height:1.5}.noc-map-notice b{color:#244358;font-size:10px}.noc-map-notice a{color:#008d82;font-weight:600}.radio-location-picker{margin:5px 0 19px;padding:15px;border:1px solid #e3eaec;border-radius:9px;background:#fbfdfd}.radio-location-picker .form-section-title{margin:0 0 12px}.radio-location-picker .form-section-title>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e5f5f2;color:#168b7c}.radio-location-picker .form-section-title small{max-width:480px}.radio-location-map{height:390px}.radio-location-help{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:9px;color:#6e8493;font-size:10px}.radio-location-help a{color:#008d82;font-weight:600}.radio-location-help a[hidden]{display:none}.radio-location-picker .form-note{margin-top:11px}.radio-location-picker .form-grid{margin-top:12px}.noc-map-notice:empty{display:none}
@media(max-width:720px){.noc-tower-map{height:290px}.radio-location-map{height:340px}.radio-location-help{align-items:flex-start;flex-direction:column}.noc-map-summary{flex-wrap:wrap}}
.map-location-link{color:#008d82;font-size:9px;font-weight:600;white-space:nowrap}.radio-coordinate-fallback{margin-top:10px;color:#667d8c;font-size:10px}.radio-coordinate-fallback summary{cursor:pointer;color:#527487}.radio-coordinate-fallback .form-grid{margin-top:10px}
.leaflet-tooltip.tower-name-label{max-width:190px;padding:5px 8px;border:1px solid #b9d8dc;border-radius:6px;background:#fff;color:#17394d;font:700 11px 'DM Sans',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 9px rgba(20,54,70,.2)}.leaflet-tooltip.tower-name-label:before{border-top-color:#b9d8dc}
.noc-ref-panel-head form{margin:0}.ixc-sync-button{height:32px;padding:0 10px;font-size:10px;white-space:nowrap}.ixc-sync-button:disabled{opacity:.55;cursor:not-allowed}.ixc-map-status{margin-top:8px;color:#718697;font-size:10px;line-height:1.45}.ixc-map-status.warning{color:#9a6810}.tower-count-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:7px;margin-top:10px}.tower-count-row{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:8px 9px;border:1px solid #e7eef0;border-radius:7px;background:#fbfdfd;font-size:10px}.tower-count-row>b{color:#1b3a4e}.tower-count-row>span{color:#60798b}.tower-count-row small{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;color:#718697;font-size:9px}.tower-count-row i{font-style:normal}.tower-count-row .online{color:#008d78}.tower-count-row .offline{color:#bf4d4d}.tower-count-row .unknown{color:#8b7a45}.tower-count-row .no-coordinate{color:#8b7a45}.tower-tooltip-content{display:grid;gap:2px;white-space:normal}.tower-tooltip-content strong{font-size:11px}.tower-tooltip-content span{font-size:10px;font-weight:600}.tower-tooltip-content small{font-size:9px;font-weight:500;color:#647b8b}
@media(max-width:560px){.noc-ref-panel-head{align-items:flex-start}.ixc-sync-button{height:34px;padding:0 8px;font-size:9px}.tower-count-list{grid-template-columns:1fr 1fr}.tower-count-row{font-size:9px}.tower-count-row small{gap:5px;font-size:8px}}
.tower-count-trigger{width:100%;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.tower-count-trigger:hover{border-color:#9dd5d0;box-shadow:0 3px 12px rgba(8,127,115,.11);transform:translateY(-1px)}.tower-count-trigger:focus-visible{outline:3px solid rgba(0,174,184,.3);outline-offset:2px}
.ixc-modal[hidden]{display:none}.ixc-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.ixc-modal-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(4,23,31,.62);backdrop-filter:blur(3px);cursor:pointer}.ixc-modal-panel{position:relative;display:flex;flex-direction:column;width:min(760px,100%);max-height:min(82vh,760px);padding:22px;background:#fff;border:1px solid #dce7ea;border-radius:14px;box-shadow:0 24px 70px rgba(4,23,31,.28);outline:none}.ixc-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:15px;border-bottom:1px solid #e8eef0}.ixc-modal-header .eyebrow{color:#008d82;font-size:9px;letter-spacing:1px;font-weight:700}.ixc-modal-header h2{margin:5px 0 3px;color:#18364a;font:700 22px Manrope,sans-serif}.ixc-modal-header p{margin:0;color:#718697;font-size:11px}.ixc-modal-close{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid #e1e9ec;border-radius:8px;background:#f8fbfc;color:#466173;font-size:23px;line-height:1;cursor:pointer}.ixc-modal-close:hover{background:#eaf5f4;color:#008d82}.ixc-modal-filters{display:grid;grid-template-columns:1fr 170px;gap:9px;padding:14px 0}.ixc-client-search{display:flex;align-items:center;gap:8px;height:39px;padding:0 11px;border:1px solid #dce6e9;border-radius:7px;color:#718697}.ixc-client-search input{width:100%;border:0;outline:0;background:transparent;color:#233e51;font:11px 'DM Sans',sans-serif}.ixc-modal-filters select{height:39px;padding:0 10px;border:1px solid #dce6e9;border-radius:7px;background:white;color:#385467;font:11px 'DM Sans',sans-serif}.ixc-client-results{min-height:110px;overflow:auto;border-top:1px solid #edf1f2}.ixc-client-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 5px;border-bottom:1px solid #edf1f2}.ixc-client-copy{display:grid;gap:4px;min-width:0}.ixc-client-copy strong{overflow:hidden;color:#1c394c;font-size:12px;text-overflow:ellipsis}.ixc-client-copy small{overflow:hidden;color:#788d9a;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ixc-client-badge{padding:5px 8px;border-radius:999px;font-size:9px;font-weight:700;white-space:nowrap}.ixc-client-badge.online{background:#e3f6f1;color:#00836e}.ixc-client-badge.offline{background:#fff0ed;color:#b54d4b}.ixc-client-badge.unknown{background:#f5f2e5;color:#8b783a}.ixc-client-state{display:grid;min-height:150px;place-items:center;padding:22px;text-align:center;color:#6f8492;font-size:11px;line-height:1.6}.ixc-client-state.error{color:#a14640}
body.ixc-modal-open{overflow:hidden}
/* Manual IXC client-to-tower assignment workspace */
.assignment-form{display:grid;grid-template-columns:minmax(230px,1fr) auto;gap:6px;min-width:300px}.assignment-form select{height:34px;max-width:100%;padding:0 9px;border:1px solid #dce6e9;border-radius:7px;background:#fff;color:#385467;font:10px 'DM Sans',sans-serif}.small-button{min-height:34px;padding:0 11px;font-size:10px}.ixc-client-badge{display:inline-flex;align-items:center;width:max-content}.summary-icon.teal{background:#e1f5f2;color:#008d82}
.site-kind{display:inline-block;margin-left:5px;padding:3px 6px;border-radius:999px;background:#e8f3f5;color:#35717d;font-size:8px;font-weight:700;vertical-align:middle;white-space:nowrap}.tower-count-row .site-kind{margin:0 0 0 4px}
.client-map-toolbar{display:grid;grid-template-columns:140px minmax(190px,260px) 1fr;align-items:end;gap:8px;margin:4px 0 11px}.client-map-toolbar label{grid-column:1/-1;color:#708796;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.client-map-toolbar select{height:37px;padding:0 10px;border:1px solid #dce6e9;border-radius:7px;background:white;color:#385467;font:11px 'DM Sans',sans-serif}.client-map-toolbar span{justify-self:end;padding-bottom:10px;color:#8294a0;font-size:9px}.client-map-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0 0 10px}.client-map-kpis>div{display:grid;gap:4px;padding:10px;border:1px solid #e3eaed;border-radius:8px;background:#fbfdfd}.client-map-kpis small{color:#718697;font-size:9px;line-height:1.35}.client-map-kpis strong{color:#19384b;font:700 18px Manrope,sans-serif}.client-map-kpis .online strong{color:#008d78}.client-map-kpis .offline strong{color:#bf4d4d}.client-map-kpis .recent-offline strong{color:#cc7e18}.client-map-kpis .no-geo strong{color:#748a98}.client-location-map{height:430px}.client-map-marker{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 5px #24394480}.client-map-marker.online{background:#00a779}.client-map-marker.offline{background:#e15353}.client-map-marker.unknown{background:#8999a3}.client-map-popup{display:grid;gap:6px;min-width:150px}.client-map-popup strong{color:#18374d;font-size:12px}.client-map-popup small{color:#708796;font-size:10px}.client-map-popup .ixc-client-badge{font-size:9px}
.client-map-kpis>button{display:grid;gap:4px;padding:10px;border:1px solid #e3eaed;border-radius:8px;background:#fbfdfd;text-align:left;cursor:pointer;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}.client-map-kpis>button:hover,.client-map-kpis>button:focus-visible{border-color:#36b8b5;box-shadow:0 4px 14px #13384d12;transform:translateY(-1px);outline:none}.client-map-detail-button{justify-self:start;padding:5px 8px;border:1px solid #dce8eb;border-radius:6px;background:#f4faf9;color:#008d82;font:600 10px 'DM Sans',sans-serif;cursor:pointer}
.client-map-kpis>button.recent-offline.has-alert{border-color:#e28a11;background:#fff4d8;animation:offline-card-pulse 1s ease-in-out infinite}.client-map-kpis>button.recent-offline.has-alert small,.client-map-kpis>button.recent-offline.has-alert strong{color:#ad5d00}.client-map-kpis>button.recent-offline.has-alert strong{transform-origin:left center;animation:offline-number-pulse 1s ease-in-out infinite}.offline-12h-alert{display:flex;align-items:center;gap:10px;margin:0 0 11px;padding:11px 12px;border:1px solid #f0c36e;border-radius:8px;background:#fff6df;color:#75450d;box-shadow:0 3px 12px #9b68151a;animation:offline-alert-pulse 1.8s ease-in-out infinite}.offline-12h-alert[hidden]{display:none}.offline-12h-alert-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;border-radius:50%;background:#e89a27;color:white;font-weight:800}.offline-12h-alert>span:nth-child(2){display:grid;gap:3px;flex:1}.offline-12h-alert strong{font-size:11px}.offline-12h-alert small{font-size:10px;color:#8a652e}.offline-12h-alert button{padding:7px 9px;border:1px solid #e7bd69;border-radius:6px;background:#fff;color:#87560e;font:600 10px 'DM Sans',sans-serif;cursor:pointer}@keyframes offline-card-pulse{0%,100%{background:#fff4d8}50%{background:#ffe5a8}}@keyframes offline-number-pulse{0%,100%{transform:scale(1);text-shadow:none}50%{transform:scale(1.13);text-shadow:0 0 7px #e28a1180}}@keyframes offline-alert-pulse{50%{border-color:#df981f;box-shadow:0 4px 16px #c985232c}}
@media(prefers-reduced-motion:reduce){.client-map-kpis>button.recent-offline.has-alert,.offline-12h-alert{animation:none}}
.ixc-sync-progress{margin:8px 0 12px;padding:9px 10px;border:1px solid #e4ecee;border-radius:7px;background:#fbfdfd}.ixc-sync-progress-head{display:flex;justify-content:space-between;align-items:center;gap:10px;color:#627985;font-size:10px}.ixc-sync-progress-head span:last-child{color:#8a9aa0;text-align:right}.ixc-sync-track{height:6px;margin-top:7px;overflow:hidden;border-radius:8px;background:#e9eff0}.ixc-sync-track span{display:block;width:var(--ixc-progress,0%);height:100%;background:#11a58b;border-radius:8px;transition:width .35s}.ixc-sync-progress[data-running=true] .ixc-sync-progress-head{color:#087f73;font-weight:650}.ixc-sync-progress[data-state=error] .ixc-sync-track span{background:#d56f61}.ixc-sync-progress[data-state=done] .ixc-sync-track span{background:#32ad83}
@media(max-width:780px){.client-map-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.client-map-toolbar{grid-template-columns:1fr}.client-map-toolbar label{grid-column:auto}.client-map-toolbar span{justify-self:start;padding:0}.client-location-map{height:360px}}
@media(max-width:500px){.client-map-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.client-location-map{height:320px}}
@media(max-width:760px){.assignment-form{grid-template-columns:1fr;min-width:220px}.assignment-form .button{justify-self:start}.data-table td{vertical-align:top}}
@media(max-width:600px){.ixc-modal{padding:8px;align-items:end}.ixc-modal-panel{width:100%;max-height:90vh;padding:17px 14px;border-radius:14px 14px 8px 8px}.ixc-modal-header h2{font-size:18px}.ixc-modal-filters{grid-template-columns:1fr;gap:7px;padding:11px 0}.ixc-client-search,.ixc-modal-filters select{height:40px}.ixc-client-row{padding:11px 2px}.ixc-client-copy strong{font-size:11px}.ixc-client-copy small{max-width:64vw;font-size:9px}}

/* Clickable IXC client rows */
.ixc-client-row{width:100%;border:0;background:#fff;text-align:left;font-family:inherit;cursor:pointer;transition:background .15s}
.ixc-client-row:hover,.ixc-client-row:focus-visible{background:#f1f8f7;outline:2px solid #72b8ab;outline-offset:-2px}
.client-map-marker-focused{outline:4px solid #ff9f1c!important;outline-offset:3px!important;box-shadow:0 0 0 9px #ff9f1c55,0 2px 8px #243944a0!important;transform:scale(1.8);z-index:1000!important}

.ixc-diagnostic-panel{width:min(680px,100%)}
.ixc-diagnostic-content{padding-top:16px;overflow:auto}
.ixc-diagnostic-status{display:inline-flex;margin:0 0 14px;padding:7px 10px;border-radius:999px;background:#fff0ed;color:#b54d4b;font-size:11px;font-weight:700}
.ixc-diagnostic-status.online{background:#e3f6f1;color:#00836e}
.ixc-diagnostic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.ixc-diagnostic-field{display:grid;gap:5px;min-width:0;padding:11px;border:1px solid #e3eaed;border-radius:8px;background:#fbfdfd}
.ixc-diagnostic-field small{color:#718697;font-size:9px}
.ixc-diagnostic-field strong{overflow-wrap:anywhere;color:#1c394c;font-size:11px}
.ixc-diagnostic-note{margin:13px 0 0;padding:10px 11px;border:1px solid #f0dfb8;border-radius:7px;background:#fff9ed;color:#80632f;font-size:10px;line-height:1.55}
.ixc-os-summary{margin-top:18px;padding-top:15px;border-top:1px solid #e3eaed}
.ixc-os-summary-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#1c394c;font-size:12px}
.ixc-os-summary-heading span{color:#718697;font-size:10px;font-weight:500}
.ixc-os-list{display:grid;gap:7px}
.ixc-os-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid #e3eaed;border-radius:8px;background:#fbfdfd}
.ixc-os-item.recurring{border-color:#f0c66b;background:#fff9ed}
.ixc-os-details{display:grid;gap:4px;min-width:0}
.ixc-os-details strong{overflow-wrap:anywhere;color:#1c394c;font-size:11px}
.ixc-os-details small{color:#718697;font-size:9px}
.ixc-os-count{flex:0 0 auto;padding:5px 7px;border-radius:999px;background:#edf3f6;color:#486274;font-size:9px;font-weight:700}
.ixc-os-item.recurring .ixc-os-count{background:#fff0cf;color:#8b5900}
.ixc-os-empty,.ixc-os-note{margin:0;padding:10px 11px;border:1px solid #e3eaed;border-radius:7px;background:#fbfdfd;color:#718697;font-size:10px;line-height:1.5}
.ixc-os-note{margin-top:8px;border-color:#f0dfb8;background:#fff9ed;color:#80632f}
@media(max-width:520px){.ixc-diagnostic-grid{grid-template-columns:1fr}.ixc-diagnostic-panel{max-height:90vh;padding:17px 14px}}
.auth-page{min-height:100vh;background:radial-gradient(ellipse at 16% 18%,#164452 0,transparent 38%),#081b22;color:#18364a}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:26px 16px}.auth-card{width:min(420px,100%);padding:30px;border:1px solid #dce7ea;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.24)}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:30px;color:#18364a;text-decoration:none}.auth-brand img{width:48px;height:48px;object-fit:contain;border-radius:10px;background:#10272d}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font:800 17px Manrope;letter-spacing:1.2px}.auth-brand small{margin-top:3px;color:#7b8c96;font-size:8px;letter-spacing:1.5px}.auth-intro .eyebrow{color:#008d82}.auth-intro h1{margin:8px 0 5px;color:#18364a;font:700 25px Manrope;letter-spacing:-.5px}.auth-intro p{margin:0;color:#778b99;font-size:11px;line-height:1.55}.auth-form{display:grid;gap:14px;margin-top:23px}.auth-form label{display:grid;gap:6px;color:#385467;font-size:10px;font-weight:700}.auth-form input{width:100%;height:42px;padding:0 11px;border:1px solid #dce6e9;border-radius:7px;background:#fff;color:#18364a;font:12px 'DM Sans',sans-serif}.auth-form input:focus{outline:3px solid rgba(0,141,130,.17);border-color:#008d82}.auth-submit{width:100%;height:43px;margin-top:4px;font-size:11px}.auth-hint{margin:16px 0 0;color:#8495a0;font-size:9px;line-height:1.55}.auth-messages{margin-top:15px}.auth-messages .flash{margin:0;padding:10px;border-radius:7px;font-size:10px;line-height:1.45}.auth-messages .flash.error{border:1px solid #f0d4d1;background:#fff4f2;color:#a14640}.auth-messages .flash.success{border:1px solid #cde9df;background:#f0faf6;color:#187557}.auth-foot{margin:17px 0 0;color:#a5b6bb;font-size:9px;text-align:center}.topbar-username{color:#456477;font-size:10px}.logout-form{margin:0 0 0 4px}.logout-form button{padding:6px 9px;border:1px solid #dce6e9;border-radius:6px;background:#fff;color:#526d7e;font:600 9px 'DM Sans',sans-serif;cursor:pointer}.logout-form button:hover{border-color:#9acac2;color:#008d82}
@media(max-width:600px){.auth-card{padding:24px 20px}.topbar{padding:0 14px}.topbar-username{display:none}.topbar-right{gap:6px}.logout-form{margin-left:0}}
.admin-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:14px}.admin-tool-card{min-width:0;display:flex;align-items:center;gap:11px;padding:14px;background:#fff;border:1px solid #e1e9ed;border-radius:9px;box-shadow:var(--shadow);text-align:left}.admin-tool-card>span:nth-child(2){display:grid;gap:4px;flex:1;min-width:0}.admin-tool-card strong{color:#1b3a4e;font-size:11px}.admin-tool-card small{color:#8498a8;font-size:9px;line-height:1.45}.admin-tool-card>a,.admin-tool-card>b{color:#0a9183;font-size:20px}.admin-tool-card:hover{border-color:#b9d9d5}.admin-tool-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;font-size:16px;flex:none}.admin-tool-icon.teal{background:#e5f5f2;color:#118677}.admin-tool-icon.blue{background:#e9f1ff;color:#3374c4}.admin-tool-icon.amber{background:#fff3dc;color:#bb8423}.admin-backup-card{width:100%;font:inherit;cursor:pointer}.admin-backup-card button{flex:none}.admin-users-panel{padding:17px}.admin-user-create{display:grid;grid-template-columns:1fr 1.4fr 1fr auto;gap:9px;align-items:end;padding:13px;margin:0 0 13px;border:1px solid #e6edef;border-radius:8px;background:#f9fbfc}.admin-user-create label{display:grid;gap:5px;color:#60798b;font-size:9px;font-weight:700}.admin-user-create input,.admin-user-create select{width:100%;height:36px;padding:0 9px;border:1px solid #dbe5e9;border-radius:6px;background:white;color:#29485d;font:10px 'DM Sans',sans-serif}.admin-user-create input:focus,.admin-user-create select:focus{outline:3px solid rgba(0,141,130,.15);border-color:#008d82}.admin-user-create button{height:36px;padding:0 11px;font-size:9px}.admin-users-table .data-table{min-width:480px}.admin-users-table .data-table td:last-child,.admin-users-table .data-table th:last-child{text-align:right}.admin-users-table form{margin:0}.admin-users-note{margin:12px 0 0;color:#8597a3;font-size:9px;line-height:1.5}
@media(max-width:900px){.admin-tools-grid{grid-template-columns:1fr 1fr}.admin-user-create{grid-template-columns:1fr 1fr}.admin-user-create button{width:100%}}
@media(max-width:560px){.admin-tools-grid{grid-template-columns:1fr}.admin-user-create{grid-template-columns:1fr}.admin-users-panel{padding:14px}.page-heading{align-items:flex-start}}

/* Refreshed operations overview */
.noc-dash-topline{margin-bottom:15px}.noc-dash-topline .eyebrow{font-size:9px;color:#008e83;font-weight:700;letter-spacing:.9px}.noc-sync-row{display:flex;align-items:center;gap:12px;margin:0 0 12px}.noc-sync-row .ixc-sync-progress{flex:1;margin:0}.noc-sync-row #ixc-sync-form{flex:none}.noc-dash-main-grid{grid-template-columns:minmax(0,1.55fr) minmax(270px,.9fr)}.noc-dash-bottom-grid{grid-template-columns:minmax(240px,.9fr) minmax(380px,1.4fr);margin-top:12px}.noc-map-panel{padding:14px 15px!important}.noc-map-mode{display:flex;padding:3px;border:1px solid #d9e7e9;border-radius:7px;background:#f5f9f9}.noc-map-mode button{padding:6px 11px;border:0;border-radius:5px;background:transparent;color:#577182;font:600 10px 'DM Sans',sans-serif;cursor:pointer}.noc-map-mode button.active{background:#008f83;color:white;box-shadow:0 2px 5px #007b7030}.noc-map-controls{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,180px) auto;gap:8px;align-items:center;margin:2px 0 10px}.noc-map-controls select,.noc-map-search{height:34px;padding:0 9px;border:1px solid #dce6e9;border-radius:7px;background:white;color:#385467;font:10px 'DM Sans',sans-serif}.noc-map-search{display:flex;align-items:center;gap:7px;color:#658194}.noc-map-search input{width:100%;min-width:0;border:0;outline:0;font:10px 'DM Sans',sans-serif}.noc-map-controls>small{color:#8294a0;font-size:8px;white-space:nowrap}.noc-map-layout{display:grid;grid-template-columns:minmax(0,1fr) 158px;gap:9px}.client-location-map{height:295px;border-radius:8px}.noc-map-aside{display:flex;flex-direction:column;gap:4px;padding:9px;border:1px solid #e5ecef;border-radius:8px;background:#fbfdfd}.noc-map-aside-head{display:grid;gap:3px;margin-bottom:4px;padding:1px 2px 7px;border-bottom:1px solid #e7eef0}.noc-map-aside-head strong{font:700 10px Manrope;color:#203b50}.noc-map-aside-head small{font-size:8px;color:#8a9ba7}.noc-map-status-row{display:grid;grid-template-columns:8px minmax(0,1fr) auto;gap:6px;align-items:center;padding:7px 4px;border:0;border-bottom:1px solid #eef2f3;background:transparent;text-align:left;color:#526b7d;font:9px 'DM Sans',sans-serif;cursor:pointer}.noc-map-status-row b{font:700 10px Manrope;color:#203b50}.noc-map-status-row i{width:7px;height:7px;border-radius:50%;background:#8999a3}.noc-map-status-row .status-online{background:#00a779}.noc-map-status-row .status-offline{background:#e15353}.noc-map-status-row .status-alert{background:#ef9a18}.noc-map-status-row:hover{background:#eff8f6}.noc-map-message,.client-map-message{display:grid;gap:4px;margin-top:auto;padding:8px 4px;color:#6f8492;font-size:8px;line-height:1.4}.client-map-message[hidden]{display:none}.client-map-message b{color:#355267;font-size:9px}.noc-map-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;padding-top:8px;color:#8496a2;font-size:8px}.noc-map-total{padding:0;border:0;background:none;color:#667d8e;font:9px 'DM Sans',sans-serif;cursor:pointer}.noc-map-total strong{color:#213d51;font-weight:700}.noc-map-foot>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.offline-12h-alert-card{margin-top:9px}.offline-12h-alert{margin:0;padding:8px 10px}.offline-12h-alert>span:first-child{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#ec9d19;color:white;font-weight:800}.offline-12h-alert div{display:grid;gap:2px;flex:1}.offline-12h-alert strong{font-size:9px}.offline-12h-alert small{font-size:8px}.offline-12h-alert button{padding:6px 8px;font-size:9px}.noc-all-good{display:grid;gap:4px;margin-top:12px;padding:15px;border-radius:8px;background:#e9f7f2;color:#087e6c}.noc-all-good strong{font-size:12px}.noc-all-good small{font-size:9px;color:#6f8d86}.noc-current-status{display:grid;gap:12px;padding:5px 0}.noc-current-status>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 9px;align-items:center;color:#4a6578;font-size:9px}.noc-current-status b{font:700 10px Manrope;color:#17384d}.noc-current-status i{grid-column:1/-1;height:7px;border-radius:9px;background:#edf2f3;overflow:hidden}.noc-current-status em{display:block;width:0;height:100%;border-radius:9px;background:#00a885;transition:width .4s}.noc-current-status>div:nth-child(2) em{background:#ea4e4e}.noc-current-status>div:nth-child(3) em{background:#e99a19}.noc-recent-table{width:100%;min-width:0}.noc-recent-table td,.noc-recent-table th{white-space:nowrap}.noc-recent-table td:first-child{max-width:155px;overflow:hidden;text-overflow:ellipsis}.green-text{color:#009779!important;font-weight:700}.red-text{color:#df4242!important;font-weight:700}.noc-city-table-panel .table-scroll{overflow:auto}.noc-dashboard-tip{margin-bottom:8px}
.radio-map-marker{display:grid;place-items:center;border:2px solid white;border-radius:50%;background:#007c91;color:#fff;box-shadow:0 1px 5px #20394470;font:700 9px 'DM Sans',sans-serif}.noc-map-panel[data-map-mode=radios] .noc-map-status-row{cursor:default}
@media(max-width:1000px){.noc-dash-bottom-grid{grid-template-columns:1fr 1.3fr}.noc-map-layout{grid-template-columns:minmax(0,1fr) 145px}.noc-map-controls{grid-template-columns:1fr 1fr}.noc-map-controls>small{grid-column:1/-1}}
@media(max-width:760px){.noc-dash-topline{align-items:flex-start}.noc-dash-filters{grid-template-columns:1fr 1fr}.noc-dash-filters label:nth-child(3){grid-column:1/-1}.noc-kpi-grid{grid-template-columns:1fr 1fr}.noc-dash-main-grid,.noc-dash-bottom-grid{grid-template-columns:1fr}.noc-map-layout{grid-template-columns:1fr}.noc-map-aside{display:grid;grid-template-columns:1fr 1fr}.noc-map-aside-head{grid-column:1/-1}.noc-map-status-row{min-width:0}.noc-map-status-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-location-map{height:310px}.noc-sync-row{align-items:stretch;flex-direction:column}.noc-sync-row #ixc-sync-form .button{width:100%}}
@media(max-width:480px){.noc-dash-filters{grid-template-columns:1fr}.noc-dash-filters label:nth-child(3){grid-column:auto}.noc-map-controls{grid-template-columns:1fr}.noc-map-controls>small{grid-column:auto}.noc-ref-panel-head{align-items:flex-start}.noc-ref-panel-head h2{font-size:12px}.noc-map-foot{align-items:flex-start;flex-direction:column}.noc-kpi-card{padding:11px}.noc-kpi-icon{width:39px;height:39px}.noc-kpi-copy strong{font-size:21px}.noc-dash-meta{text-align:left}}
@media(prefers-reduced-motion:reduce){.noc-kpi-card,.noc-current-status em{transition:none}}

/* Five clickable client status cards below the locality map */
.noc-client-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:10px 0 0;padding:0}.noc-client-kpis>button{min-height:62px;gap:3px;padding:8px 9px;border-radius:7px;background:#fbfcfd}.noc-client-kpis>button small{font-size:8px;line-height:1.25;color:#6c8191}.noc-client-kpis>button strong{font:700 16px Manrope,sans-serif;line-height:1.1;color:#19384b}.noc-client-kpis>button.online strong{color:#009b7c}.noc-client-kpis>button.offline strong{color:#e44646}.noc-client-kpis>button.recent-offline{border-color:#e5d4a1;background:#fffaf0}.noc-client-kpis>button.recent-offline strong{color:#c47b00}.noc-client-kpis>button.no-geo strong{color:#748a98}.noc-client-kpis>button.recent-offline.has-alert{border-color:#e28a11;background:#fff4d8;animation:offline-card-pulse 1s ease-in-out infinite}.noc-client-kpis>button.recent-offline.has-alert small,.noc-client-kpis>button.recent-offline.has-alert strong{color:#ad5d00}.noc-client-kpis>button.recent-offline.has-alert strong{transform-origin:left center;animation:offline-number-pulse 1s ease-in-out infinite}.noc-client-kpis>button.recent-offline.has-alert{box-shadow:0 0 0 1px #e28a1140}
@media(max-width:760px){.noc-client-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.noc-client-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.noc-client-kpis>button:last-child{grid-column:1/-1}}

/* User profile photos in the navigation and admin account form */
.brand-system{display:flex;align-items:center;justify-content:flex-end;gap:7px;text-align:right}.brand-system>span:last-child{white-space:nowrap}.brand-user-avatar,.admin-user-avatar{display:grid;place-items:center;overflow:hidden;flex:none;border:1px solid rgba(111,220,226,.55);border-radius:50%;background:#123e48;color:#d8f6f4;font:700 10px Manrope}.brand-user-avatar{width:25px;height:25px}.brand-user-avatar img,.admin-user-avatar img,.avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar{overflow:hidden}.admin-user-create{grid-template-columns:1fr 1.25fr .9fr 1.2fr auto}.admin-user-create input[type=file]{height:auto;min-height:36px;padding:6px;font-size:9px}.admin-user-create label>small{font-size:8px;font-weight:400;color:#8a9aa3}.admin-user-identity{display:flex;align-items:center;gap:9px}.admin-user-identity>span:last-child{display:grid;gap:2px}.admin-user-avatar{width:34px;height:34px;border-color:#dbe9e9;background:#edf7f5;color:#147f75;font-size:12px}
@media(max-width:900px){.admin-user-create{grid-template-columns:1fr 1fr}.admin-user-create button{width:100%}}
@media(max-width:560px){.admin-user-create{grid-template-columns:1fr}}
.admin-user-actions{display:flex;justify-content:flex-end;align-items:center;gap:6px}.admin-user-actions form{margin:0}.admin-user-photo-edit{display:flex;align-items:center;gap:5px}.admin-photo-picker{position:relative;display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 8px;overflow:hidden;border:1px solid #dce5e7;border-radius:6px;background:#fff;color:#435761;font:600 9px 'DM Sans',sans-serif;white-space:nowrap;cursor:pointer}.admin-photo-picker:hover{border-color:#aababe;background:#f9fbfb}.admin-photo-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.admin-user-photo-edit .button{height:32px}
/* Larger profile image in the sidebar identity card */
.brand-card{height:116px}.brand-user-avatar{width:38px;height:38px;font-size:12px}.brand-system{gap:8px}.brand-system>span:last-child{font-size:8px}
.admin-user-edit-panel{max-width:820px;padding:22px}.admin-user-edit-form{display:grid;gap:20px}.admin-user-edit-photo{display:flex;align-items:center;gap:16px;padding:15px;border:1px solid #e5edef;border-radius:9px;background:#fafcfc}.admin-user-edit-photo label{display:grid;gap:6px;color:#385467;font-size:10px;font-weight:700}.admin-user-edit-photo input{max-width:100%;font:10px 'DM Sans',sans-serif}.admin-user-edit-photo small,.admin-user-edit-fields label small{font-size:9px;font-weight:400;color:#8496a1;line-height:1.45}.admin-user-avatar.large{width:72px;height:72px;font-size:21px}.admin-user-edit-fields{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.admin-user-edit-fields label{display:grid;gap:6px;color:#60798b;font-size:10px;font-weight:700}.admin-user-edit-fields input,.admin-user-edit-fields select{height:40px;padding:0 11px;border:1px solid #dbe5e9;border-radius:7px;background:#fff;color:#29485d;font:11px 'DM Sans',sans-serif}.admin-user-edit-fields input:focus,.admin-user-edit-fields select:focus{outline:3px solid rgba(0,141,130,.15);border-color:#008d82}.admin-user-edit-fields label:nth-child(3){grid-column:1/-1}.admin-user-actions{justify-content:flex-end}.admin-user-actions>.button{height:32px}
@media(max-width:560px){.admin-user-edit-panel{padding:15px}.admin-user-edit-photo{align-items:flex-start;flex-direction:column}.admin-user-edit-fields{grid-template-columns:1fr}.admin-user-edit-fields label:nth-child(3){grid-column:auto}}
.password-field{position:relative;display:block;width:100%}.password-field input{width:100%;padding-right:43px!important}.password-toggle{position:absolute;top:50%;right:5px;display:grid;place-items:center;width:30px;height:30px;padding:0;transform:translateY(-50%);border:0;border-radius:5px;background:transparent;color:#718895;cursor:pointer}.password-toggle:hover,.password-toggle:focus-visible{background:#edf6f4;color:#008d82;outline:none}.password-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}