/* Global night operations theme: keep app pages consistent, with maps retaining their own tile styling. */
:root{color-scheme:dark;--ink:#e4edf7;--muted:#91a5bc;--line:#20354a;--surface:#0d1b2b;--canvas:#071321;--navy:#06101d;--teal:#00bfa8;--lime:#34e2c1;--soft:#0c1b2c;--shadow:0 12px 30px rgba(0,0,0,.2)}
body{background:#071321;color:#e4edf7}
.main-area{background:#071321;color:#e4edf7}
.topbar{background:#091827;border-color:#1b3044;color:#b9c8d9}
.crumb{color:#839bb2}.crumb b{color:#e0ebf6}.crumb span{color:#42566c}.topbar-right{color:#a8b9cc}.avatar{background:#12324a;color:#8ce7d6}
.page-wrap{color:#dbe7f4}
.hero-row h1,.page-heading h1,.form-narrow h1,.panel-heading h2,.quick-row h2,.upload-panel h2,.import-help h2,.noc-dash-topline h1{color:#edf4fc}
.lead,.eyebrow,.crumb,.metric-head,.metric-card>small,.panel-kicker,.table-meta,.noc-dash-meta,.noc-map-summary,.noc-panel-foot{color:#91a5bc}
.button.secondary,.button.export,.icon-button,.asset-button-light{background:#102237;border-color:#29435b;color:#d3dfec}
.button.secondary:hover,.button.export:hover{background:#152b41;border-color:#3c5b74}
.button.danger{background:#311d28;border-color:#543340;color:#ffb1b1}
.metric-card,.panel,.table-panel,.quick-card,.filter-bar,.record-form,.upload-panel,.import-help,.history-panel,.noc-dash-panel,.noc-kpi-card,.noc-network-summary,.noc-locality-panel,.noc-alert-panel,.noc-chart-panel,.noc-city-table-panel{background:#0c1a2a;border-color:#20364c;box-shadow:0 12px 28px #0003}
.metric-card:hover,.quick-card:hover,.noc-kpi-card:hover{border-color:#2c5265;box-shadow:0 12px 28px #0004}
.metric-card>strong,.noc-summary-total strong,.noc-kpi-copy strong,.noc-dash-panel strong,.noc-ref-panel-head h2,.noc-alert-panel h2,.noc-chart-panel h2{color:#edf4fc}
.metric-head,.noc-kpi-copy small,.noc-summary-total small,.noc-ref-panel-head small,.noc-summary-meta{color:#91a5bc}
.metric-link,.text-link,.noc-panel-foot,.noc-ref-panel-head>a{color:#6fe2d0}
th,.noc-recent-table th{background:#102034;border-color:#1c3147;color:#9cb0c6}
td,.data-table td,.noc-recent-table td{border-color:#1b3045;color:#c1d0e0}
tbody tr:hover{background:#112337}.row-link{color:#e3edf7}.subcell{color:#8ea3b9}
.filter-bar select,.field select,.noc-dash-filters select,.field input,.field textarea,.admin-user-edit-fields input,.admin-user-edit-fields select{background:#0a1928;border-color:#294056;color:#e1ebf5}
.search-box,.ixc-search-field{background:#0a1928;border-color:#294056;color:#9db2c8}.search-box input,.ixc-search-field input{color:#e4edf7}.search-box input::placeholder,.ixc-search-field input::placeholder{color:#71869c}
.field,.form-section-title,.form-section-title b,.form-grid,.record-form,.upload-panel,.import-help{color:#d2deeb}.field input:focus,.field textarea:focus,.field select:focus,.filter-bar select:focus{border-color:#00bfa8;box-shadow:0 0 0 3px #00bfa822}
.form-section-title,.form-actions,.form-note,.import-type,.admin-user-edit-photo,.noc-chart-foot{border-color:#20364c}.form-note,.drop-zone,.secure-note,.admin-user-edit-photo{background:#0d2030;color:#a9c1d0}.drop-zone{border-color:#36526a}.drop-zone:hover{background:#10283a}.form-note b,.secure-note b,.empty-state b,.empty-inline b{color:#e1edf6}.form-note,.form-note small,.import-type small,.empty-state small,.empty-inline small{color:#98aec2}
.summary-strip{background:#241e15;border-color:#57442b}.summary-strip b{color:#f3d394}.summary-strip small{color:#bba67c}
.badge.muted{background:#1a2b3d;color:#aec0d1}.site-pill,.ip-pill{background:#102b38;color:#8ad9ca}.empty-inline,.empty-state{color:#9bb0c3}.empty-symbol{background:#13283a;color:#9acdc3}
.date-chip{background:#332a1d;color:#f2c67d}.flash.success{background:#102b26;border-color:#245545;color:#a1e4c4}.flash.error{background:#321d25;border-color:#633642;color:#ffb8b4}
.noc-network-summary,.noc-locality-track,.noc-status-track,.noc-hbar-row>i,.noc-partner-status-row>i{background-color:#102337;border-color:#243c52}.noc-locality-row,.noc-ref-alert,.noc-dashboard-tip,.noc-current-status>div,.noc-quality-legend,.noc-partner-status-row{border-color:#20364c;color:#b7c8d9}.noc-locality-row>b,.noc-hbar-row>strong,.noc-partner-status-row>strong,.noc-quality-legend b{color:#e1edf7}.noc-donut:before{background:#0c1a2a}.noc-dashboard-tip{background:#0d2030;color:#a9c2d4}.noc-total-pill{background:#2f2918;color:#f1ce78}.noc-ref-alert b{color:#e5eef8}
.asset-map-panel,.asset-routes-panel,.noc-dash-panel,.noc-overview-grid .panel,.noc-chart-grid .panel{background:#0c1a2a;border-color:#20364c;color:#dbe7f4}
/* Dark client list modeled on the provided control-room reference. */
#ixc-clients-modal .ixc-modal-backdrop,#ixc-client-diagnostic-modal .ixc-modal-backdrop{background:rgba(1,7,16,.82);backdrop-filter:blur(8px)}
#ixc-clients-modal .ixc-modal-panel,#ixc-client-diagnostic-modal .ixc-modal-panel{width:min(1420px,100%);max-height:min(94vh,1000px);padding:30px 34px 24px;border:1px solid #28445d;border-radius:20px;background:linear-gradient(145deg,#0b1928,#091523 75%);color:#e4edf7;box-shadow:0 35px 110px #0009}
#ixc-clients-modal .ixc-modal-panel{overflow:hidden}
#ixc-clients-modal .ixc-modal-header{align-items:flex-start;padding-bottom:18px;border-color:#1c3146}
#ixc-clients-modal .ixc-modal-header .eyebrow{color:#ff6b70;font-size:12px;letter-spacing:0;text-transform:none}
#ixc-clients-modal .ixc-modal-header .eyebrow:before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff5963;box-shadow:0 0 0 4px #ff596324}
#ixc-clients-modal .ixc-modal-header h2{margin:10px 0 4px;color:#f0f5fc;font-size:30px;letter-spacing:-.03em}
#ixc-clients-modal .ixc-modal-header p{color:#98aec5;font-size:14px}
#ixc-clients-modal .ixc-modal-close{width:40px;height:40px;border:1px solid #36516a;border-radius:11px;background:#102238;color:#d8e6f3}
#ixc-clients-modal .ixc-modal-close:hover{background:#18314b;color:white}
.ixc-client-stats{grid-template-columns:repeat(3,minmax(145px,1fr));gap:14px;margin:18px 0 19px}
.ixc-client-stats>div{position:relative;display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;align-content:center;column-gap:14px;min-height:92px;padding:15px 18px;border:1px solid #263e55;border-radius:14px;background:#0e1d2e}
.ixc-client-stats>div:before{content:"◉";grid-row:1/3;display:grid;place-items:center;width:54px;height:54px;border-radius:13px;background:#182b42;color:#8aaac6;font-size:22px}
.ixc-client-stats>div.online{border-color:#14554f;background:#0b211f}.ixc-client-stats>div.online:before{background:#083d36;color:#00d2a1;content:"⌁";font-size:32px}
.ixc-client-stats>div.offline{border-color:#592a34;background:#201721}.ixc-client-stats>div.offline:before{background:#3d2029;color:#ff5e64;content:"⌁";font-size:32px}
.ixc-client-stats small{align-self:end;color:#9eb2c7;font-size:12px}.ixc-client-stats strong{color:#f0f6fc;font:700 29px Manrope,sans-serif;line-height:1.1}.ixc-client-stats>div.online small,.ixc-client-stats .online strong{color:#0de0ad}.ixc-client-stats>div.offline small,.ixc-client-stats .offline strong{color:#ff6168}.ixc-client-stats>div>span{grid-column:2;color:#829bb2;font-size:11px}
#ixc-clients-modal .ixc-modal-tools{grid-template-columns:minmax(220px,1.55fr) minmax(160px,.8fr) minmax(160px,.8fr) minmax(145px,.6fr);gap:12px;padding:0 0 16px}
#ixc-clients-modal .ixc-search-field,#ixc-clients-modal .ixc-neighborhood-trigger,#ixc-clients-modal #ixc-client-status{height:50px;border:1px solid #2a455e;border-radius:11px;background:#0c1b2b;color:#d9e7f4;font-size:13px}
#ixc-clients-modal .ixc-search-field{padding:0 15px}.ixc-search-field>span{font-size:23px;color:#a7c2d7}
#ixc-clients-modal .ixc-neighborhood-trigger{width:100%;padding:0 14px;text-align:left;cursor:pointer}
#ixc-clients-modal .ixc-neighborhood-trigger:after{content:"⌄";float:right;font-size:17px;color:#b5c8dc}
#ixc-clients-modal .ixc-neighborhood-options{background:#0e2032;border-color:#29465f;box-shadow:0 15px 40px #0008}
#ixc-clients-modal .ixc-neighborhood-option{background:#0e2032;color:#c9d8e7}.ixc-neighborhood-option:hover,.ixc-neighborhood-option[aria-selected=true]{background:#163149;color:#7ce3d4}
#ixc-clients-modal #ixc-client-status{padding:0 13px}
#ixc-clients-modal .ixc-client-clear{height:50px;border:1px solid #2a455e;border-radius:11px;background:#0c1b2b;color:#d1dfec;font:500 12px 'DM Sans',sans-serif;cursor:pointer}
#ixc-clients-modal .ixc-client-clear:hover{border-color:#00bfa8;color:#6fe2d0}
.ixc-client-table-wrap{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;overflow:auto;border:1px solid #1e344a;border-radius:12px;background:#091625}
.ixc-client-table-head,.ixc-client-row{display:grid;grid-template-columns:38px minmax(190px,1.25fr) minmax(190px,1.45fr) minmax(130px,.9fr) minmax(140px,.9fr) minmax(90px,.65fr) 92px;gap:11px;align-items:center;min-width:1050px}
.ixc-client-table-head{position:sticky;top:0;z-index:1;padding:0 15px;height:49px;background:#102034;color:#d2dfec;font-size:12px;font-weight:600}
.ixc-client-table-head button{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.ixc-client-table-head button:hover{color:#66dfd0}.ixc-client-table-head button span{color:#8298ad}.ixc-client-table-head input,.ixc-client-select{width:18px;height:18px;accent-color:#00c6ad;cursor:pointer}
.ixc-client-results{flex:1 1 auto;min-height:80px;max-height:none;overflow:auto;border:0;border-radius:0;background:transparent}
.ixc-client-row{min-height:66px;padding:8px 15px;border:0;border-bottom:1px solid #1a2d41;border-radius:0;background:transparent;color:#dce7f2;text-align:left;cursor:pointer;transition:background .14s,box-shadow .14s}
.ixc-client-row:hover,.ixc-client-row:focus-visible{position:relative;z-index:0;background:#102337;box-shadow:inset 3px 0 #08c9b1;outline:0}
.ixc-client-select-cell{display:flex;align-items:center}.ixc-client-main{display:flex;align-items:center;gap:12px;min-width:0}.ixc-client-avatar{width:42px;height:42px;background:#244a7a;color:#e4efff;font-size:13px}
.ixc-client-row:nth-child(6n+2) .ixc-client-avatar{background:#087861}.ixc-client-row:nth-child(6n+3) .ixc-client-avatar{background:#1768ad}.ixc-client-row:nth-child(6n+4) .ixc-client-avatar{background:#6247a6}.ixc-client-row:nth-child(6n+5) .ixc-client-avatar{background:#965f20}.ixc-client-row:nth-child(6n) .ixc-client-avatar{background:#087689}
.ixc-client-identity strong,.ixc-client-address strong{color:#eef4fb;font-size:12px}.ixc-client-identity small,.ixc-client-address small{color:#91a8be;font-size:10px}.ixc-client-neighborhood-cell,.ixc-client-last-connection{color:#c2d1e0;font-size:11px}
.ixc-client-row .ixc-client-badge{padding:8px 12px;border-radius:999px;font-size:11px}.ixc-client-badge.offline{background:#3a202b;color:#ff656b}.ixc-client-badge.online{background:#08382f;color:#02d7a4}.ixc-client-badge.unknown{background:#243346;color:#b0c0d0}
.ixc-client-actions{display:flex;gap:8px}.ixc-client-icon-action{display:grid;place-items:center;width:38px;height:38px;border:1px solid #29435c;border-radius:9px;background:#102237;color:#d8e7f5;font-size:18px;cursor:pointer;transition:.15s}.ixc-client-icon-action:hover,.ixc-client-icon-action:focus-visible{border-color:#06baa8;background:#133346;color:#70e6d6;outline:none}
.ixc-client-map-action{justify-self:auto;margin:0;padding:0}.ixc-client-map-action>span{color:inherit;font-size:23px}.ixc-client-state{display:grid;place-items:center;min-height:135px;padding:22px;color:#9bb0c4;text-align:center}.ixc-client-state.error{color:#ff9b9d}
.ixc-client-pagination{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 2px 2px;color:#b0c2d5;font-size:12px}.ixc-client-pagination>label{display:flex;align-items:center;gap:9px}.ixc-client-pagination select{height:40px;padding:0 10px;border:1px solid #304a62;border-radius:9px;background:#0d1e30;color:#e0ebf5}.ixc-client-pagination nav,.ixc-client-pagination nav>span{display:flex;align-items:center;gap:7px}.ixc-client-pagination nav button{min-width:38px;height:38px;padding:0 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#d3dfec;font:500 12px 'DM Sans',sans-serif;cursor:pointer}.ixc-client-pagination nav button:hover:not(:disabled){background:#142b40;border-color:#29445d}.ixc-client-pagination nav button.active{background:#00bca7;color:#05201e;font-weight:800}.ixc-client-pagination nav button:disabled{color:#596d82;cursor:not-allowed}.ixc-client-pagination nav>span>span{padding:0 3px;color:#9bb0c4}.ixc-client-selection-count{min-height:16px;color:#70ddcd;font-size:10px}
/* Keep diagnostic window visually consistent with dark global theme. */
#ixc-client-diagnostic-modal .ixc-modal-panel{width:min(760px,100%);padding:25px 28px;border-color:#29445b;border-radius:17px;background:#0b1928;color:#e4edf7}
#ixc-client-diagnostic-modal .ixc-modal-header{border-color:#20364b}#ixc-client-diagnostic-modal .ixc-modal-header h2{color:#f0f6fc}#ixc-client-diagnostic-modal .ixc-modal-header p{color:#9ab0c5}#ixc-client-diagnostic-modal [data-close-diagnostic]{width:38px;height:38px;border:1px solid #2a455e;border-radius:9px;background:#102237;color:#dce7f2;font-size:22px;cursor:pointer}
#ixc-client-contact-modal .ixc-modal-backdrop{background:rgba(1,7,16,.78);backdrop-filter:blur(7px)}
#ixc-client-contact-modal .ixc-modal-panel{width:min(520px,calc(100vw - 32px));padding:24px;border:1px solid #29445b;border-radius:16px;background:linear-gradient(145deg,#0d1d2e,#091523 78%);color:#e4edf7;box-shadow:0 28px 90px #0009}
#ixc-client-contact-modal .ixc-modal-header{border-color:#20364b}#ixc-client-contact-modal .ixc-modal-header h2{color:#f0f6fc;font-size:22px}#ixc-client-contact-modal .ixc-modal-header p{color:#9ab0c5}#ixc-client-contact-modal [data-close-contact]{width:38px;height:38px;border:1px solid #2a455e;border-radius:9px;background:#102237;color:#dce7f2;font-size:22px;cursor:pointer}
.ixc-contact-list{display:grid;gap:10px;padding-top:16px}.ixc-contact-phone-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;border:1px solid #263e54;border-radius:11px;background:#0e2030}.ixc-contact-phone-details{display:grid;gap:5px;min-width:0}.ixc-contact-phone-type{color:#8fa7bd;font-size:11px}.ixc-contact-phone-details strong{color:#eef5fc;font-size:16px;overflow-wrap:anywhere}.ixc-contact-copy{flex:0 0 auto;min-height:36px;padding:0 12px;border:1px solid #236b69;border-radius:8px;background:#103b3d;color:#8cebdd;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.ixc-contact-copy:hover,.ixc-contact-copy:focus-visible{border-color:#00bda9;background:#12534f;outline:none}
.ixc-diagnostic-field{border-color:#263e54;background:#0e2030}.ixc-diagnostic-field small{color:#9bb1c5}.ixc-diagnostic-field strong{color:#e4edf7}.ixc-diagnostic-note{border-color:#564a2b!important;background:#292315!important;color:#e9d29a!important}.ixc-os-item{border-color:#243b51!important;background:#0e2030!important}.ixc-os-details strong{color:#e3edf7!important}.ixc-os-details small,.ixc-os-summary-heading span{color:#96abc0!important}
@media(max-width:900px){#ixc-clients-modal .ixc-modal-panel{padding:23px 22px}.ixc-client-stats{gap:9px}.ixc-client-pagination{flex-wrap:wrap}.ixc-client-table-wrap{overflow-x:auto}}
@media(max-width:680px){#ixc-clients-modal{padding:8px}#ixc-clients-modal .ixc-modal-panel{width:100%;max-height:94vh;padding:19px 15px;border-radius:17px}#ixc-clients-modal .ixc-modal-header h2{font-size:22px}.ixc-client-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ixc-client-stats>div{grid-template-columns:1fr;gap:3px;min-height:88px;padding:9px}.ixc-client-stats>div:before{display:none}.ixc-client-stats small{font-size:10px}.ixc-client-stats strong{font-size:21px}.ixc-client-stats>div>span{grid-column:1;font-size:9px}#ixc-clients-modal .ixc-modal-tools{grid-template-columns:1fr 1fr;gap:7px}.ixc-search-field{grid-column:1/-1}#ixc-clients-modal .ixc-client-clear{grid-column:1/-1;height:40px}.ixc-client-table-head{display:none}.ixc-client-table-wrap{overflow:visible;border:0;background:transparent}.ixc-client-results{max-height:49vh;overflow:auto;border:0}.ixc-client-row{grid-template-columns:26px minmax(0,1fr) auto;gap:7px 9px;min-width:0;margin-bottom:8px;padding:12px;border:1px solid #1d344b;border-radius:11px;background:#0d1c2c}.ixc-client-select-cell{grid-column:1;grid-row:1}.ixc-client-main{grid-column:2;grid-row:1}.ixc-client-address{grid-column:2/-1;grid-row:2;padding-left:0}.ixc-client-neighborhood-cell{grid-column:2;grid-row:3;padding-left:0}.ixc-client-last-connection{grid-column:3;grid-row:3;text-align:right}.ixc-client-row .ixc-client-badge{grid-column:3;grid-row:1;justify-self:end}.ixc-client-actions{grid-column:2/-1;grid-row:4}.ixc-client-icon-action{width:35px;height:35px}.ixc-client-pagination{justify-content:center;gap:10px;font-size:10px}.ixc-client-pagination nav{gap:2px}.ixc-client-pagination nav button{min-width:31px;height:32px;padding:0 6px}.ixc-client-pagination>label{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.ixc-client-row,.ixc-client-icon-action{transition:none}}

/* Keep the sign-in page within the same night palette as the operations console. */
.auth-page{background:radial-gradient(ellipse at 16% 18%,#164452 0,transparent 38%),#071321;color:#e4edf7}.auth-card{border-color:#243a50;background:#0c1a2a;color:#e4edf7}.auth-brand,.auth-intro h1{color:#edf4fc}.auth-brand small,.auth-intro p,.auth-hint{color:#91a5bc}.auth-form label{color:#c4d3e1}.auth-form input{border-color:#294056;background:#0a1928;color:#e4edf7}.auth-form input::placeholder{color:#71869c}.auth-foot{color:#8298ad}

/* Map controls and urgent notices use the same layered surfaces as the rest of the app. */
.noc-map-aside{background:#0b1928;border-color:#20364c}.noc-map-aside-head{border-color:#20364c}.noc-map-aside-head strong,.noc-map-status-row b,.client-map-message b,.noc-map-total strong{color:#e1edf7}.noc-map-aside-head small,.noc-map-status-row,.client-map-message,.noc-map-foot,.noc-map-total{color:#9bb0c4}.noc-map-status-row{border-color:#1b3045}.noc-map-status-row:hover{background:#12283a}.noc-map-controls select,.noc-map-search{background:#0a1928;border-color:#294056;color:#dbe7f4}.noc-map-search input{background:transparent;color:#e4edf7}.noc-map-search input::placeholder{color:#8095ab}.noc-map-mode{background:#0a1928;border-color:#294056}.noc-map-mode button{color:#9eb2c7}.noc-map-mode button.active{background:#008f83;color:#fff}.offline-12h-alert{border-color:#805c21;background:#2b2113;color:#f2d58d;box-shadow:0 0 0 1px #dc96151f}.offline-12h-alert small{color:#d0b574}.offline-12h-alert button{border-color:#9b762e;background:#3b2c16;color:#ffe5a7}.noc-client-kpis>button{background:#0c1a2a;border-color:#20364c}.noc-client-kpis>button small{color:#9bb0c4}.noc-client-kpis>button strong{color:#edf4fc}.noc-client-kpis>button.recent-offline{background:#2a2114;border-color:#76551e}.noc-client-kpis>button.recent-offline strong{color:#f4c56c}

/* Keep the client list within the viewport at laptop and phone widths. */
#ixc-clients-modal .ixc-modal-panel{width:min(1420px,calc(100vw - 36px));min-width:0;box-sizing:border-box}
#ixc-clients-modal .ixc-modal-tools{min-width:0}
#ixc-clients-modal .ixc-search-field input{min-width:0;background:transparent;color:#e4edf7}
.ixc-client-table-wrap{width:100%;max-width:100%;min-width:0}
@media(max-width:900px){#ixc-clients-modal .ixc-modal-panel{padding:20px;width:calc(100vw - 24px)}#ixc-clients-modal .ixc-modal-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#ixc-clients-modal .ixc-search-field,#ixc-clients-modal .ixc-client-clear{grid-column:1/-1}.ixc-client-table-wrap{overflow:auto}}
@media(max-width:680px){#ixc-clients-modal .ixc-modal-panel{width:100%;max-height:94dvh;overflow-y:auto;overflow-x:hidden;padding:18px 14px}.ixc-client-table-wrap{display:block;overflow:visible}.ixc-client-results{max-height:46dvh;min-height:0;overflow:auto}.ixc-client-stats{min-width:0}.ixc-client-row{width:100%}.ixc-client-pagination{min-width:0}}
@media(max-width:400px){#ixc-clients-modal .ixc-modal-tools{grid-template-columns:minmax(0,1fr)}#ixc-clients-modal .ixc-neighborhood-filter,#ixc-clients-modal #ixc-client-status,#ixc-clients-modal .ixc-client-clear{grid-column:1}.ixc-client-pagination nav{max-width:100%;flex-wrap:wrap;justify-content:center}}

/* Dashboard collection and status areas: pair each dark surface with explicit readable text. */
.ixc-sync-progress{border-color:#263d54;background:#0b1a29;color:#dce7f2}
.ixc-sync-progress-head{color:#c0d0df}.ixc-sync-progress-head span:last-child{color:#91a8be}
.ixc-sync-track{background:#1b3045}.ixc-sync-progress[data-running=true] .ixc-sync-progress-head{color:#66dfc8}
.noc-map-aside-head strong{color:#edf4fb}.noc-map-aside-head small{color:#91a7bc}
.noc-map-status-row{color:#becddd}.noc-map-status-row b{color:#e4edf7}
.noc-client-kpis>button{background:#0c1a2a;border-color:#20364c;color:#dbe7f4}
.noc-client-kpis>button small{color:#9bb0c4}.noc-client-kpis>button strong{color:#edf4fc}
.offline-12h-alert{background:#2b2113;border-color:#805c21;color:#f2d58d}.offline-12h-alert strong{color:#ffe1a1}.offline-12h-alert small{color:#d0b574}
.noc-all-good{background:#0d3029;color:#73e1c0}.noc-all-good small{color:#9acabb}

/* Guard against min-content sizing in nested table flex items on narrow screens. */
#ixc-clients-modal .ixc-modal-panel{min-width:0;max-width:calc(100vw - 24px)}
#ixc-clients-modal .ixc-modal-header,#ixc-clients-modal .ixc-modal-tools,#ixc-clients-modal .ixc-client-stats,#ixc-clients-modal .ixc-client-pagination{min-width:0;max-width:100%}
#ixc-clients-modal .ixc-client-table-wrap{flex:1 1 auto;min-width:0;max-width:100%;overflow:auto}
#ixc-clients-modal .ixc-client-table-head{flex:0 0 auto}
#ixc-clients-modal .ixc-search-field input{width:100%;min-width:0;max-width:100%;background:transparent;color:#e4edf7;-webkit-text-fill-color:#e4edf7}
#ixc-clients-modal .ixc-search-field input::placeholder{color:#71869c;-webkit-text-fill-color:#71869c}
@media(max-width:900px){#ixc-clients-modal .ixc-modal-panel{width:calc(100vw - 24px);padding:20px;overflow:hidden}#ixc-clients-modal .ixc-client-table-wrap{min-width:0;overflow:auto}}
@media(max-width:680px){#ixc-clients-modal .ixc-modal-panel{width:100%;max-width:100%;max-height:94dvh;min-height:0;overflow-x:hidden;overflow-y:auto}#ixc-clients-modal .ixc-modal-header,#ixc-clients-modal .ixc-modal-tools{flex:none}#ixc-clients-modal .ixc-client-table-wrap{display:block;flex:none;min-height:0;overflow:visible}#ixc-clients-modal .ixc-client-results{max-height:46dvh;min-height:0;overflow-y:auto;overflow-x:hidden}#ixc-clients-modal .ixc-client-pagination{flex:0 0 auto;min-width:0}#ixc-clients-modal .ixc-client-row{min-width:0;max-width:100%}}
#ixc-clients-modal .ixc-client-results{min-width:0;min-height:0;overflow:visible}
@media(max-width:680px){#ixc-clients-modal .ixc-client-results{overflow-y:auto;overflow-x:hidden}}

/* Denser desktop composition: give the client results more room above the fold. */
@media(min-width:901px){
  #ixc-clients-modal .ixc-modal-panel{width:min(1430px,calc(100vw - 20px));padding:24px 28px 18px}
  #ixc-clients-modal .ixc-modal-header{padding-bottom:13px}
  #ixc-clients-modal .ixc-modal-header h2{font-size:27px}
  .ixc-client-stats{gap:11px;margin:12px 0 13px}
  .ixc-client-stats>div{grid-template-columns:40px 1fr;column-gap:12px;min-height:76px;padding:10px 14px}
  .ixc-client-stats>div:before{width:40px;height:40px;border-radius:11px;font-size:18px}
  .ixc-client-stats>div.online:before,.ixc-client-stats>div.offline:before{font-size:25px}
  .ixc-client-stats strong{font-size:25px}
  #ixc-clients-modal .ixc-modal-tools{padding-bottom:12px}
  .ixc-client-table-head{height:44px;padding-inline:12px}
  .ixc-client-row{min-height:58px;padding:6px 12px}
  .ixc-client-main{gap:10px}
  .ixc-client-avatar{width:38px;height:38px}
  .ixc-client-icon-action{width:34px;height:34px}
  .ixc-client-pagination{padding-top:10px}
}


/* Four compact, aligned actions that match the supplied disconnected-client reference. */
@media(min-width:681px){
  .ixc-client-table-head,.ixc-client-row{grid-template-columns:38px minmax(190px,1.25fr) minmax(190px,1.45fr) minmax(130px,.9fr) minmax(140px,.9fr) minmax(90px,.65fr) 180px;min-width:1140px}
}
.ixc-client-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:7px;width:max-content;min-width:0}
.ixc-client-table-head>span:last-child{text-align:center}
.leaflet-popup-content .client-map-popup strong{color:#102b40!important;font-weight:800}
.ixc-client-icon-action{width:35px;height:35px;flex:0 0 35px;padding:0;border-radius:8px;font-size:0}
.ixc-client-icon-action svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ixc-client-icon-action:disabled{opacity:.4;cursor:not-allowed;background:#0d1c2b;border-color:#24394e;color:#8597aa}
.ixc-client-icon-action:disabled:hover{transform:none;border-color:#24394e;background:#0d1c2b;color:#8597aa}
.ixc-client-phone-action.has-error{border-color:#a94752;background:#351d29;color:#ff9298}
.ixc-client-more-wrap{display:inline-flex;position:relative;flex:none}
.ixc-client-action-menu[hidden]{display:none!important}
.ixc-client-action-menu{position:fixed;z-index:1400;display:grid;min-width:190px;padding:5px;border:1px solid #29445c;border-radius:10px;background:#0d1d2e;box-shadow:0 14px 34px #0009}
.ixc-client-action-menu-item{padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#d8e5f2;font:500 11px 'DM Sans',sans-serif;text-align:left;white-space:nowrap;cursor:pointer}
.ixc-client-action-menu-item:hover,.ixc-client-action-menu-item:focus-visible{background:#142d42;color:#71e2d2;outline:0}
.ixc-client-action-feedback{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){
  .ixc-client-row .ixc-client-actions{grid-column:2/-1;grid-row:4;width:max-content;max-width:100%;gap:6px;margin-top:2px}
  .ixc-client-row .ixc-client-icon-action{width:34px;height:34px;flex-basis:34px}
}
