/* Shared business theme; no data or network overrides. */

html{background:#eaf2fa url('/assets/global-moon.png') center center / cover fixed no-repeat!important;}
html:not(.app-night){background-image:linear-gradient(rgba(244,249,255,.58),rgba(244,249,255,.58)),url('/assets/global-moon.png')!important;}
body,.main,.app-shell,#monitor-content{background:transparent!important;}
.topbar{background:rgba(255,255,255,.34)!important;backdrop-filter:blur(22px) saturate(145%)!important;-webkit-backdrop-filter:blur(22px) saturate(145%)!important;border-bottom:1px solid #ffffff99!important;box-shadow:inset 0 1px #ffffffa8,0 6px 24px #143a6810!important;}
.topbar .sidebar{background:transparent!important;border:0!important;box-shadow:none!important;}
.topbar .monitor-host-controls{position:static!important;z-index:auto!important;margin:0 8px 0 auto!important;padding:0!important;border:0!important;background:transparent!important;}
.topbar .monitor-host-controls>div{display:flex!important;flex-direction:row!important;gap:6px!important;}
.topbar #monitor-theme{width:36px;height:36px;border-radius:10px;background:#ffffff70;border:1px solid #ffffffaa;box-shadow:inset 0 1px #fff8;color:#284d71;}
#monitor-alert-bell{margin-left:0!important;margin-right:8px!important;background:#ffffff70!important;border-color:#ffffffaa!important;}
.online-account-menu{margin-left:0!important;}
.online-account-menu>summary{background:#ffffff65!important;border-color:#ffffffaa!important;}
.monitor-theme-frame{background:transparent!important;}
.footer-status{background:#ffffff70!important;backdrop-filter:blur(18px);border-top-color:#ffffff80!important;}
html.app-night{--blue:#7eb1ff;--blue-soft:#173751;--line:#355169;--surface:#10293d;--text:#d7e7f2;--muted:#9db4c8;--bg:#081726;background-image:linear-gradient(#061427da,#061427da),url('/assets/global-moon.png')!important;color-scheme:dark;}
.app-night .topbar{background:#0b20345c!important;border-bottom-color:#9cbfdd30!important;box-shadow:inset 0 1px #d6eaff20,0 6px 24px #0003!important;}
.app-night .brand,.app-night #brand-title{color:#e7f1fb!important;}
.app-night .channel-badge{background:#513e21;color:#f3cf8d;border-color:#866d43;}
.app-night .local-badge{background:#234057;color:#a2c8ef;}
.app-night .topbar [data-group]{color:#b6cbe0!important;}
.app-night .topbar [data-group].active,.app-night .topbar [data-group].open{background:#23548355!important;color:#8dbbff!important;}
.app-night .topbar #monitor-theme,.app-night #monitor-alert-bell,.app-night .online-account-menu>summary{background:#19384b80!important;border-color:#93badc35!important;color:#c7def2!important;}
.app-night .footer-status{background:#0b20347d!important;border-top-color:#b6d9ef20!important;color:#9eb9cd!important;}

.topbar{column-gap:10px!important}.topbar .sidebar{overflow:visible!important;max-width:calc(100% - 650px)!important}.topbar .nav-children{display:none!important}
#content-subnav{display:none!important}.main{padding-top:80px!important}.main:has(#monitor-content){padding-top:64px!important}
.monitor-host-controls{display:none!important}
.global-theme-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.topbar:has(.global-theme-actions) .online-account-menu{margin-left:0!important}
.global-theme-actions button{position:relative;width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #fff8;border-radius:10px;color:#365b7c;background:#ffffff70;cursor:pointer}
.app-night .global-theme-actions button{color:#c6def4;background:#15364b80;border-color:#9fc8e338}
.global-theme-actions svg{width:19px;height:19px}.global-theme-actions i{position:absolute;right:-4px;top:-5px;border-radius:9px;min-width:15px;height:15px;background:#f16879;color:white;font:10px/15px Arial;font-style:normal}
.global-nav-menu{position:fixed;z-index:2000;display:grid;gap:5px;padding:8px;min-width:180px;border:1px solid #ffffffa0;border-radius:12px;background:#ffffffe8;backdrop-filter:blur(22px);box-shadow:0 12px 32px #1c436b26}
.global-nav-menu button{display:flex;align-items:center;gap:10px;border:0;border-radius:8px;padding:12px;background:transparent;color:#274866;text-align:left;cursor:pointer;font-size:13px;font-weight:600}
.global-nav-menu button:hover,.global-nav-menu button:focus-visible{color:#1476ff;background:#eaf3ff}
.app-night .global-nav-menu{background:#102c40ed;border-color:#aacde538}.app-night .global-nav-menu button{color:#c5daee}.app-night .global-nav-menu button:hover{background:#204a6a;color:#93c4ff}
.app-night .panel,.app-night .toolbar{background:#102b3ee6!important;border-color:#345168!important;backdrop-filter:blur(16px)}
.app-night .stat-label,.app-night .stat-value,.app-night h1,.app-night th,.app-night .empty{color:#d2e3f1!important}
.app-night thead,.app-night th{background:#112d40!important}.app-night td{background:transparent!important;border-color:#345168!important;color:#b7cfe1!important}


html{--preview-scroll-thumb:#8faac3;--preview-scroll-track:#e6eef6;--preview-scroll-hover:#668eb1}
html.app-night{--preview-scroll-thumb:#5b7d9c;--preview-scroll-track:#142f45;--preview-scroll-hover:#80acd0}
html:not(.app-night){color-scheme:light}
html,*{scrollbar-color:var(--preview-scroll-thumb) var(--preview-scroll-track)!important}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:var(--preview-scroll-track)!important}
*::-webkit-scrollbar-thumb{background:var(--preview-scroll-thumb)!important;border:2px solid var(--preview-scroll-track);border-radius:8px}
*::-webkit-scrollbar-thumb:hover{background:var(--preview-scroll-hover)!important}
*::-webkit-scrollbar-corner{background:var(--preview-scroll-track)!important}
.table-panel{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.table-panel .table-scroll{padding-bottom:18px;box-sizing:border-box}
.table-floating-scroll{position:fixed!important;height:16px!important;box-sizing:border-box;z-index:40!important;border:1px solid var(--line)!important;background:var(--preview-scroll-track)!important;scrollbar-width:thin!important;box-shadow:0 -2px 7px #163a5e12!important;border-radius:5px}
.app-night .table-floating-scroll{border-color:#41617c!important;background:var(--preview-scroll-track)!important}
.app-night :is(.qr-preview-dialog,.protocol-detail-dialog){background:#102c40f2!important;border:1px solid #9dc0de3d!important;color:#d9e8f6!important;backdrop-filter:blur(20px)}
.app-night :is(.qr-preview-dialog,.protocol-detail-dialog) :is(header,footer,.qr-preview-head){background:transparent!important;border-color:#9dc0de30!important;color:#d9e8f6!important}
.app-night :is(.qr-preview-dialog,.protocol-detail-dialog) :is(b,small){color:#bed5eb!important}
.app-night :is(.qr-preview-dialog,.protocol-detail-dialog) .btn{background:#274158a6!important;color:#d9e8f6!important;border-color:#9dc0de3d!important}
.app-night :is(.qr-preview-dialog,.protocol-detail-dialog) .btn.primary{background:#1c6bd3!important;color:white!important}
html:not(.app-night) :is(.qr-preview-dialog,.protocol-detail-dialog) small{color:#52647c!important}
.modal .connection-title-hint:empty{display:none!important}
html:not(.app-night) #modal-root .modal{--muted:#52647c;--blue:#125cb7;--surface:#fff;--text:#24324a;--ink:#132a48;--line:#d4e2f1}
html:not(.app-night) #modal-root .modal :is(.modal-close,label,small,.field-help,.wizard-step-sub,.detail-field label,.version-runtime-summary span,.version-manager-head p,.domain-server-ip span,.domain-dns-note,.migration-stepper b,.outbound-client-name,.resip-calendar-toolbar>span,.resip-week span,.traffic-calendar-week span,.client-traffic-week span){color:#52647c!important}
html:not(.app-night) #modal-root .modal :is(.required-indicator,.required-hint){color:#9a4d00!important}
html:not(.app-night) #modal-root .modal :is(.status.green,.ip-binding-hint.success,.form-alert.success,.resip-health.ok b,.resip-health.ok .resip-health-icon,.resip-device-total){color:#08734c!important}
html:not(.app-night) #modal-root .modal :is(.status.red,.expired-now,.resip-health.bad b,.resip-health.bad .resip-health-icon){color:#b42338!important}
html:not(.app-night) #modal-root .modal :is(.btn.danger,.btn.danger-confirm){background:#bd2944!important;color:white!important}
html:not(.app-night) #modal-root .modal :is(.outbound-customer-index,.action-link,.traffic-overview-card b,.server-traffic-overview-row b){color:#155cb1!important}
html:not(.app-night) #modal-root .modal .traffic-overview-progress b{color:#18354d!important}
html:not(.app-night) #modal-root .modal :is(.resip-qr-box,.resip-link-box){background:#f4f8ff!important;border-color:#d4e2f1!important}
html:not(.app-night) #modal-root .modal .btn.primary{background:linear-gradient(135deg,#1c6bd3,#1757bc)!important;color:white!important}
html:not(.app-night) #modal-root .modal :is(.version-operation-note,.domain-bind-head p,.domain-bind-status,.domain-bind-check span,.migration-preflight-head span,.migration-check-state,.outbound-data-check-toolbar span,.client-traffic-stats span,.client-traffic-input>span,.client-traffic-calendar-head>span){color:#52647c!important}
html:not(.app-night) #modal-root .modal :is(.domain-bind-check>i,.migration-preflight-item>i){background:#e7f0fa!important;color:#27557d!important}
html:not(.app-night) #modal-root .modal .traffic-rank.top{color:#865000!important}
html:not(.app-night) #modal-root .modal :is(.traffic-ranking-scroll td,.client-traffic-day span,.client-traffic-day b,.client-traffic-calendar-head b){color:#155cb1!important}
html:not(.app-night) #modal-root .modal span[style*="background:#fff3e8"]{color:#995018!important}
html:not(.app-night) #modal-root .modal :is(.resip-delivery-card,.resip-delivery-card header){background:#f4f8ff!important;border-color:#d4e2f1!important}
html:not(.app-night) #modal-root .modal .resip-delivery-card h3{color:#24324a!important}
html:not(.app-night) #modal-root .modal .resip-qr-box>span{color:#52647c!important}
html:not(.app-night) #modal-root .modal .client-traffic-day em{background:#155cb1!important;color:white!important}
html:not(.app-night) #modal-root .modal .btn:is(:disabled,[aria-disabled="true"],.is-locked){background:#e7edf4!important;color:#697d94!important;border-color:#cbd6e3!important;box-shadow:none!important}
.app-night #modal-root .modal .btn:is(:disabled,[aria-disabled="true"],.is-locked){background:#263c50!important;color:#9db1c5!important;border-color:#647f9959!important;opacity:.68!important;box-shadow:none!important}
.app-night #modal-root .modal :is(.vps-connection-box,.vps-inspect-box){background:#193951b3!important;border-color:#9dc0de30!important;color:#bcd3e7!important;box-shadow:none!important}
.app-night #modal-root .modal :is(.detail-summary,.detail-field,.detail-long,.detail-long pre,.outbound-data-check-toolbar,.outbound-section,.ssh-only-status,.node-server-banner,.protocol-showcase-card,.readonly-code,.node-check-panel,.node-check-details,.selected-backup-file,.traffic-reset-schedule,.client-traffic-week,.outbound-customer-index,.outbound-recheck){background:#193951b3!important;border-color:#9dc0de30!important;color:#bcd3e7!important;box-shadow:none!important}
.app-night #modal-root .modal :is(.relay-outbound-readonly>div,.relay-client-info-list>div){background:#193951b3!important;border-color:#9dc0de30!important;color:#bcd3e7!important;box-shadow:none!important}
.app-night #modal-root .modal :is(.credential-box>div,.version-runtime-summary>div,.version-protection,.version-target-section,.version-operation-note,.domain-prerequisite,.domain-server-ip,.domain-bind-checks,.domain-bind-check,.migration-package-picker,.migration-selected-file,.migration-preflight-checks,.migration-preflight-head,.migration-preflight-item,.migration-preflight-detail,.migration-confirm-options,.migration-inspection,.migration-inspection-grid>section,.migration-config-fields,.migration-package-summary,.migration-package-metrics>div){background:#193951b3!important;border-color:#9dc0de30!important;color:#bcd3e7!important;box-shadow:none!important}
.app-night #modal-root .modal :is(.import-result-columns>section,.import-result-list>div,.delete-count-summary,.delete-data-options>label,.relay-notice-detail){background:#193951b3!important;border-color:#9dc0de30!important;color:#bcd3e7!important;box-shadow:none!important}
.app-night #modal-root .modal :is(.import-result-list span,.relay-notice-detail span){color:#bcd3e7!important}
.app-night #modal-root .modal :is(.version-runtime-summary span,.domain-server-ip span,.domain-bind-check span,.migration-preflight-head span,.migration-check-state,.migration-preflight-item i){color:#bcd3e7!important}
.app-night #modal-root .modal :is(.domain-bind-check>i,.migration-preflight-item>i){background:#244d6d!important;color:#c9e1f8!important;border-color:#87b8df40!important}
.app-night #modal-root .modal .server-traffic-overview-row .traffic-overview-progress b{color:#fff!important}
.app-night #modal-root .modal :is(.outbound-data-check-toolbar span,.relay-outbound-readonly span){color:#bcd3e7!important}
.app-night #modal-root .modal .traffic-overview-progress b{color:#fff!important}
.app-night #modal-root .modal :is(b,strong,small,p,.outbound-client-name,.server-traffic-overview-row span,.server-traffic-meter small,.client-traffic-usage-label,.client-traffic-calendar-head>span,.client-traffic-input>span,.client-traffic-week span){color:#bed5eb!important}
.app-night #modal-root .modal :is(.detail-field>span,.detail-long pre,.detail-summary>strong){color:#dceaf8!important}
.app-night #modal-root .modal :is(.radio-card b,.protocol-link-title,.server-traffic-overview-row b,.client-traffic-calendar-head b){color:#91c4ff!important}
.app-night #modal-root .modal :is(.required-indicator,.required-hint){color:#ffc078!important}
.app-night #modal-root .modal :is(.ip-binding-hint.success,.status.green){color:#78e0b9!important}
.app-night #modal-root .modal .status.green{background:#164f4480!important;border-color:#58bd982e!important}
.app-night #modal-root .modal :is(.status.red,.expired-now,.bad){color:#ffb5bc!important;background:#692d3c80!important;border-color:#d37c8b55!important}
.app-night #modal-root .modal :is(.status.orange,.checking){background:#694d1d66!important;color:#ffd198!important;border-color:#d5a75755!important}
.app-night #modal-root .modal tr{background:transparent!important;animation:none!important}
.app-night #modal-root .modal .btn{background:#274158a6!important;border-color:#9dc0de3d!important;color:#d9e8f6!important}
.app-night #modal-root .modal .btn.primary{background:linear-gradient(135deg,#1c6bd3,#1757bc)!important;color:#fff!important;border-color:#5097f3!important}
.app-night #modal-root .modal .btn.danger{background:#692d3c80!important;color:#ffb5bc!important;border-color:#d37c8b55!important}
.app-night #modal-root .modal .client-traffic-day em{background:#254e70!important;color:#c9def1!important}
.app-night .modal :is(.append-date-option,.vps-build-summary,.confirm-text,.field-help,.field-hint,.wizard-note,.wizard-footnote){background:#193951b3!important;border-color:#9dc0de3d!important;color:#bcd3e7!important}
.app-night .modal .append-date-option:has(input:checked){background:#22517b99!important;border-color:#72abed99!important;color:#e1efff!important}
.app-night .modal :is(input[type=checkbox],input[type=radio]){accent-color:#398dff;color-scheme:dark}
.app-night .modal :is(.btn,.modal-close):disabled{opacity:.5!important;cursor:not-allowed!important}
.app-night .modal :is(.traffic-overview-card,.traffic-inline-editor,.traffic-insight-card,.client-traffic-stats>div,.client-traffic-actions,.client-traffic-calendar,.client-traffic-day-detail,.client-traffic-input,.resip-metrics>div,.resip-quota,.resip-health,.resip-calendar-card,.resip-days,.resip-day,.resip-device-total,.outbound-customer-card,.outbound-customer-value,.bound-customer-card,.protocol-card,.protocol-section,.protocol-code,.protocol-status,.node-info-card,.coupon-item,.coupon-list){background:#193951b3!important;border-color:#9dc0de30!important;color:#bcd3e7!important;box-shadow:none!important}
.app-night .modal :is(.traffic-overview-card span,.traffic-overview-card small,.traffic-calendar-week,.traffic-calendar-day b,.traffic-calendar-day em,.traffic-insight-card h3,.traffic-insight-card small,.traffic-ranking-scroll td,.client-traffic-stats span,.client-traffic-stats b,.client-traffic-usage-label,.client-traffic-month,.client-traffic-day,.client-traffic-day b,.client-traffic-day em,.resip-health b,.resip-metrics b,.outbound-customer-card b,.outbound-customer-value span){color:#c9def1!important}
.app-night .modal :is(.traffic-calendar-day,.traffic-calendar-empty,.client-traffic-day,.client-traffic-empty,.traffic-rank,.resip-week,.resip-day-detail){background:#17374e80!important;border-color:#9dc0de30!important;color:#a9c7df!important}
.app-night .modal :is(.traffic-overview-progress,.client-traffic-track){background:#35556c!important}
.app-night .modal :is(.client-traffic-day.selected,.traffic-calendar-day.selected,.resip-day.selected){background:#235e8c99!important;border-color:#72abed99!important}
.app-night .modal :is(pre,code){color:#c9def1!important}
.app-night .modal{scrollbar-color:#557b9b #132b40;scrollbar-width:thin}
.app-night .modal .modal-body{scrollbar-color:#557b9b #132b40}
.app-night .relay-server-card{background:rgba(16,43,62,.9)!important;border-color:#7da6cf40!important;box-shadow:0 12px 32px #0003!important}
.app-night .relay-server-card .relay-card-profile{background:radial-gradient(circle at 12% 18%,#5fd8ff12,transparent 40%),linear-gradient(135deg,#193b55,#142e45)!important;color:#d9e8f6!important}
.app-night .relay-server-card .relay-card-profile :is(b,strong){color:#d9e8f6!important}
.app-night .relay-server-card .relay-card-profile :is(label,span){color:#a9c5de!important}
.app-night .relay-server-card.ssh-offline{animation:none!important;background:#352638e6!important;border-color:#dc7a8a66!important}
.app-night .relay-server-card :is(.relay-card-head,.relay-card-kpis>div,.relay-card-traffic-block,.relay-card-meta,.relay-card-note,.relay-server-notice,.relay-card-meta>div){background:#193951b3!important;border-color:#9dc0de30!important;box-shadow:none!important;color:#bcd3e7!important}
.app-night .relay-server-card :is(h3,b,.relay-card-note span,.relay-card-traffic-summary,.relay-card-title){color:#d9e8f6!important}
.app-night .relay-server-card :is(.relay-card-actions .action-link,.relay-card-actions .action-link.renew-link){background:#274158a6!important;border-color:#9dc0de3d!important;color:#9ac6ff!important}
.app-night .relay-server-card .relay-card-actions .action-link.danger-link{background:#692d3c66!important;border-color:#d37c8b66!important;color:#ffb5bc!important}
.app-night .main tr{background:transparent!important;animation:none!important}
.app-night .main tr.selected{background:#234b6d80!important}
.app-night .main tr:hover{background:#264c6759!important}
.app-night .main :is(.status.orange,.expiry-soon){background:#694d1d66!important;color:#ffd198!important;border-color:#d5a75755!important}
.app-night .main :is(.ip-history-search,.version-history-entry summary){background:#193951b3!important;border-color:#9dc0de30!important}
.app-night .modal-backdrop{background:rgba(2,12,25,.62)!important;backdrop-filter:blur(8px)}
.app-night .modal{background:rgba(16,37,57,.94)!important;color:#d9e8f6!important;border:1px solid rgba(157,192,222,.24);box-shadow:inset 0 1px #d9edff0d,0 24px 80px #0007!important;backdrop-filter:blur(24px)}
.app-night .modal :is(.modal-head,.modal-foot){background:rgba(20,45,66,.65)!important;border-color:rgba(157,192,222,.18)!important}
.app-night .modal :is(h2,h3,h4,label,.field-label,.detail-field b,.setup-option b,.choice-card b){color:#e2edf9!important}
.app-night .modal :is(.setup-option,.choice-card){background:linear-gradient(140deg,#21436399,#15324b99)!important;border-color:#8eb4da38!important;color:#d9e8f6!important;box-shadow:inset 0 1px #dfedff08!important}
.app-night .modal :is(.setup-option,.choice-card):hover{background:#254d70b0!important;border-color:#6dabe599!important}
.app-night .modal :is(.setup-option small,.choice-card span,.detail-field span,.muted){color:#a6bed5!important}
.app-night :is(.main,.modal) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){background:#1b374dd9!important;border-color:#9dc0de3d!important;color:#d9e8f6!important;color-scheme:dark}
.app-night :is(.main,.modal) :is(input,textarea)::placeholder{color:#9ab2c9!important;opacity:1}
.app-night :is(.main,.modal) select option{background:#18334b;color:#d9e8f6}
.app-night :is(.main,.modal) .btn,.app-night .modal-close{background:#274158a6!important;border:1px solid #9dc0de3d!important;color:#d9e8f6!important;box-shadow:inset 0 1px #f2f9ff0d!important}
.app-night :is(.main,.modal) .btn.primary{background:linear-gradient(135deg,#287dec,#1760cd)!important;border-color:#5097f3!important;color:white!important}
.app-night :is(.main,.modal) .btn.danger{color:#ffb5bc!important;background:#692d3c66!important;border-color:#d37c8b66!important}
.app-night :is(.main,.modal) :is(.form-section,.form-group,.server-connection-box,.server-connection-mini,.server-connection-header,.detail-section,.detail-card,.form-card,.deploy-section,.deploy-warning,.form-alert,.record-filter-bar,.error-log-filters,.record-filter-count,.version-history-entry,.version-change-type,.version-history-current,.error-log-detail-pre,.error-log-request,.subscription-extract-node,.backup-record-strip-head,.deleted-record-tools){background:#193951b3!important;border-color:#9dc0de30!important;color:#bcd3e7!important}
.app-night .modal :is(.field,.detail-field){border-color:#9dc0de30!important}
.app-night .modal :is(.radio-card,.server-connection-mini-wrap,.resip-form-section,.resip-qr-box,.resip-link-box,.wizard-step-badge){background:#193951b3!important;border-color:#9dc0de30!important;color:#bcd3e7!important;box-shadow:none!important}
.app-night .modal .wizard-pane{background:linear-gradient(160deg,#21426280,#122b40b3)!important;border-color:#9dc0de30!important;box-shadow:none!important}
.app-night .modal .modal-body{background:transparent!important}
.app-night .modal :is(.server-connection-header b,.server-connection-mini-wrap>b,.purchase-package-head b){color:#c9e1f8!important}
.app-night .main .status.red{background:#692d3c80!important;color:#ffb5bc!important;border-color:#d37c8b55!important}
.app-night .modal :is(.purchase-package-tools,.manual-order-lookup,.manual-vps-link-panel,.resip-customer-section,.resip-server-section){background:#193951b3!important;border-color:#9dc0de30!important;color:#bcd3e7!important}
.app-night .online-account-popup{background:#102c40ed!important;border-color:#aacde538!important;color:#d9e8f6!important;backdrop-filter:blur(22px)}
.app-night .online-account-popup :is(button,.online-account-identity){background:transparent!important;color:#c5daee!important;border-color:#aacde530!important}
.app-night .online-account-popup button:hover{background:#204a6a!important;color:#93c4ff!important}
.app-night .main .status.green{background:#164f4480!important;color:#78e0b9!important;border-color:#58bd982e!important}
.app-night .main .traffic-bar{background:#35556c!important}
.app-night .main .traffic-bar-pct{color:#e0f1ff!important}
.app-night .modal :is(.wizard-step-title,.wizard-step.is-active .wizard-step-title){color:#a9cdff!important}
.app-night .modal span[style*="background:#eaf1ff"]{background:#2363a244!important;color:#83bdff!important}
.app-night .modal span[style*="background:#fff3e8"]{background:#99502444!important;color:#ffc087!important}
.app-night .modal :is(input,select,textarea,button):focus-visible{outline:2px solid #80bbff!important;outline-offset:2px}
.app-night .main :is(.table-footer,.table-floating-scroll,.record-table-wrap,.table-wrap,.ip-history-tools,.error-log-pagination){background:#102b3e80!important;border-color:#9dc0de30!important;color:#bcd3e7!important}
.app-night .main :is(h2,h3,h4,.record-kicker,.version-history-entry summary,.version-history-entry strong){color:#d9e8f6!important}
.app-night .main :is(.muted,.panel>p,.operation-log-heading p,.error-log-toolbar p){color:#a7bed3!important}
.app-night .topbar .nav-primary{box-shadow:none!important}
.app-night .topbar .nav-primary.active,.app-night .topbar .nav-primary.open{box-shadow:inset 0 0 0 1px rgba(118,166,222,.28)!important;background:rgba(48,100,162,.18)!important}
.app-night .topbar .nav-primary:hover{background:rgba(72,112,157,.16)!important;box-shadow:inset 0 0 0 1px rgba(118,166,222,.18)!important}
.app-night .topbar .nav-primary:focus-visible{outline:2px solid #80bbff!important;outline-offset:2px}
.app-night .toolbar.panel{background:rgba(15,36,55,.62)!important;border-color:rgba(154,192,225,.2)!important;box-shadow:inset 0 1px rgba(232,245,255,.04);backdrop-filter:blur(20px)}
.app-night .toolbar .btn,.app-night .page-btn{background:rgba(39,65,88,.65)!important;border:1px solid rgba(157,192,222,.24)!important;color:#d9e8f6!important;box-shadow:inset 0 1px rgba(242,249,255,.05)!important}
.app-night .toolbar .btn:hover,.app-night .page-btn:not(:disabled):hover{background:rgba(58,90,119,.8)!important;border-color:#6489af!important;color:#fff!important}
.app-night .toolbar .btn.primary,.app-night .page-btn.active{background:linear-gradient(135deg,#287dec,#1760cd)!important;border-color:#5097f3!important;color:#fff!important;box-shadow:inset 0 1px #a4d2ff38,0 3px 12px #0868e225!important}
.app-night .toolbar .btn.primary:hover{background:linear-gradient(135deg,#368bf5,#2371df)!important}
.app-night .toolbar input,.app-night .toolbar select{background:rgba(32,57,79,.72)!important;color:#d9e8f6!important;border:1px solid rgba(157,192,222,.24)!important;box-shadow:inset 0 1px rgba(242,249,255,.03)!important;color-scheme:dark}
.app-night .toolbar input::placeholder{color:#a7bed3!important;opacity:1}
.app-night .toolbar select option{background:#18334b;color:#d9e8f6}
.app-night .toolbar .search-box,.app-night .toolbar .search-input{color:#a7bed3}
.app-night .toolbar :is(button,input,select):focus-visible,.app-night .page-btn:focus-visible{outline:2px solid #80bbff!important;outline-offset:2px}
.app-night .page-btn:disabled{opacity:.45;cursor:default}

.app-night #modal-root .modal .xui-sync-foot>span{color:#bed5eb!important}
.app-night .main :is(td small,.version-history-entry summary span){color:#bed5eb!important}
html:not(.app-night) .main .connected-state{color:#087743!important}
/* Rebuild choices and every XUI detection/import rendering phase. */
.app-night #modal-root .modal :is(.rebuild-choice,.xui-detect-overview,.xui-import-summary-grid article,.xui-import-panel,.xui-flow-continuity,.xui-inline-client-card,.xui-inline-import-process-card,.xui-inline-full-flow,.xui-inline-result-stats>div){background:#193951b3!important;border-color:#9dc0de3d!important;box-shadow:none!important;color:#d9e8f6!important}
.app-night #modal-root .modal :is(.rebuild-choice-options label,.xui-detect-step,.xui-select-all,.xui-import-tools,.xui-import-panel>header,.xui-flow-continuity>header,.xui-inline-client-card>header,.xui-inline-import-process-card>header,.xui-inline-import-process>div){background:#163349!important;border-color:#9dc0de30!important;box-shadow:none!important;color:#bed5eb!important}
.app-night #modal-root .modal :is(.rebuild-choice-options label:hover,.xui-import-client:not(.imported):hover){background:#224964!important;border-color:#74a7d566!important}
.app-night #modal-root .modal :is(.rebuild-choice-options label:has(input:checked),.xui-detect-step.active,.xui-select-all:has(input:checked),.xui-inline-client-item.processing){background:#214b7099!important;border-color:#6baaff99!important;box-shadow:inset 0 0 0 1px #6baaff33!important}
.app-night #modal-root .modal :is(.rebuild-choice-options .danger-option,.xui-sync-error,.xui-detect-step.failed){background:#492c3b!important;border-color:#dc879866!important;color:#ffbbc4!important}
.app-night #modal-root .modal .rebuild-choice-options .danger-option:has(input:checked){background:#623346!important;border-color:#f39aaa!important;box-shadow:inset 0 0 0 1px #f39aaa55!important}
.app-night #modal-root .modal :is(.xui-detect-step.completed,.xui-inline-result,.xui-import-summary-grid article.existing){background:#16443799!important;border-color:#64c49a66!important}
.app-night #modal-root .modal .xui-inline-result.has-failures{background:#493b2799!important;border-color:#d6af6866!important}
.app-night #modal-root .modal :is(.xui-detect-step>span,.xui-client-index,.xui-import-tools>b,.xui-inline-client-item>strong){background:#28465e!important;color:#d8e8f7!important}
.app-night #modal-root .modal .xui-detect-step.active>span{background:#1c67cc!important;color:#fff!important}
.app-night #modal-root .modal .xui-detect-step.completed>span{background:#087b54!important;color:#fff!important}
.app-night #modal-root .modal .xui-detect-step.failed>span{background:#a4314d!important;color:#fff!important}
.app-night #modal-root .modal :is(.xui-client-state.exists,.xui-inline-client-item.imported>strong){background:#165540!important;color:#91edc4!important}
.app-night #modal-root .modal :is(.xui-client-state.new,.xui-inline-client-item.processing>strong){background:#214b70!important;color:#b4d5ff!important}
.app-night #modal-root .modal .xui-inline-client-item.failed>strong{background:#623346!important;color:#ffc1ca!important}
.app-night #modal-root .modal .xui-inline-client-item.skipped>strong{background:#594425!important;color:#ffda9a!important}
.app-night #modal-root .modal :is(.xui-detect-overview,.xui-detect-step,.xui-import-summary-grid,.xui-import-panel,.xui-inline-client-card,.xui-inline-result,.xui-sync-error,.rebuild-choice) :is(h3,b,strong,small,p,span,em){color:#d4e4f4!important}
.app-night #modal-root .modal :is(.xui-detect-kicker,#xui-preview-percent,#xui-inline-import-percent){color:#a3ccff!important}
.app-night #modal-root .modal :is(.xui-sync-error,.rebuild-choice-options .danger-option) :is(b,p,small){color:#ffc1ca!important}
.app-night #modal-root .modal :is(.xui-detect-progress,.xui-import-client,.xui-inline-client-item){border-color:#9dc0de30!important}
.app-night #modal-root .modal .xui-detect-progress{background:#35556c!important}
html:not(.app-night) #modal-root .modal :is(.rebuild-choice,.xui-sync-body) :is(small,p,.xui-detect-kicker,.xui-sync-foot>span){color:#45617d!important}
html:not(.app-night) #modal-root .modal :is(.rebuild-choice-head b,.rebuild-choice-options b,.xui-detect-step b,.xui-import-summary-grid b,.xui-import-panel h3,.xui-detect-title h3,.xui-inline-client-item b){color:#243e5e!important}
html:not(.app-night) #modal-root .modal :is(.xui-sync-error,.rebuild-choice-options .danger-option) :is(b,p,small){color:#972a3b!important}
html:not(.app-night) #modal-root .modal .xui-detect-step{color:#45617d!important}
html:not(.app-night) #modal-root .modal :is(.xui-detect-step.active>span,.xui-detect-step.completed>span,.xui-detect-step.failed>span){color:#fff!important}


.app-night #modal-root .modal :is(.legacy-route-item,.job-explanation,.job-steps,.job-step.active,.migration-live-panel,.migration-stage-card,.sk5-panel,.sk5-format-card,.sk5-live-status,.sk5-preview,.resip-delivery-heading,.job-result-warning){background:#193951b3!important;border-color:#9dc0de3d!important;color:#d9e8f6!important;box-shadow:none!important}
.app-night #modal-root .modal :is(.job-step span,.job-explanation>span,.legacy-route-item span,.resip-delivery-heading span,.xui-import-empty,.migration-stage-copy p,.migration-stage-copy small){color:#bed5eb!important}
.app-night #modal-root .modal :is(.migration-live-head>span,.migration-stage-number){background:#284c6b!important;color:#b9d9ff!important}
.app-night #modal-root .modal :is(.sk5-live-status.ok,.migration-stage-card.completed){background:#16443799!important;border-color:#64c49a66!important}
.app-night #modal-root .modal :is(.sk5-live-status.bad,.legacy-route-item:has(.failed)){background:#492c3b!important;border-color:#dc879866!important}
.app-night #modal-root .modal :is(.sk5-live-status.checking,.sk5-live-status.port-only,.job-result-warning){background:#493b2799!important;border-color:#d6af6866!important}
.app-night #modal-root .modal .migration-stage-card.active{background:#214b7099!important;border-color:#6baaff99!important}
.app-night #modal-root .modal .sk5-format-value{background:#102c42!important;color:#d9e8f6!important}


html:not(.app-night) #modal-root .modal.xui-sync-modal :is(span,b,small,p,strong,em,.xui-import-empty){color:#45617d!important}
html:not(.app-night) #modal-root .modal.xui-sync-modal :is(b,strong,h3){color:#243e5e!important}
html:not(.app-night) #modal-root .modal.xui-sync-modal :is(.xui-detect-kicker,#xui-preview-percent,#xui-inline-import-percent,.xui-client-index){color:#1a58a5!important}
html:not(.app-night) #modal-root .modal .xui-detect-step.active>span{background:#1c67cc!important;color:#fff!important}
html:not(.app-night) #modal-root .modal .xui-detect-step.completed>span{background:#087b54!important;color:#fff!important}
html:not(.app-night) #modal-root .modal .xui-detect-step.failed>span{background:#a4314d!important;color:#fff!important}
html:not(.app-night) #modal-root .modal.xui-sync-modal :is(.xui-sync-error b,.xui-sync-error p,.xui-inline-client-item.failed em,.xui-inline-client-item.failed>strong,.xui-inline-result-stats .failed b){color:#972a3b!important}
html:not(.app-night) #modal-root .modal.xui-sync-modal :is(.xui-client-state.exists,.xui-inline-client-item.imported>strong,.xui-inline-result-stats .success b){color:#116b43!important}
html:not(.app-night) #modal-root .modal :is(.legacy-route-item span,.error-log-request){color:#45617d!important}
html:not(.app-night) #modal-root .modal .migration-live-head>span{color:#1a58a5!important}


.app-night #modal-root .modal :is(.migration-import-panel,.migration-import-stats article,.migration-import-columns section,.migration-purchase-progress,.migration-identity-list){background:#193951b3!important;border-color:#9dc0de3d!important;color:#bed5eb!important;box-shadow:none!important}
.app-night #modal-root .modal :is(.migration-import-columns th,.migration-import-panel>header>span,.migration-purchase-progress strong,.migration-import-overall i){background:#28465e!important;color:#d4e4f4!important}
.app-night #modal-root .modal :is(.migration-import-panel,.migration-identity-list) :is(span,b,strong,p,small,summary,li,td,th,h4){color:#bed5eb!important;border-color:#9dc0de30!important}
.app-night #modal-root .modal .migration-import-columns h4{color:#91edc4!important}
.app-night #modal-root .modal .migration-import-columns .failed h4{color:#ffc1ca!important}
html:not(.app-night) #modal-root .modal :is(.migration-import-panel,.migration-identity-list) :is(span,p,small,summary,li,td,th){color:#45617d!important}
html:not(.app-night) #modal-root .modal :is(.migration-import-stats b,.migration-purchase-progress b){color:#243e5e!important}
html:not(.app-night) #modal-root .modal .migration-purchase-progress strong{color:#243e5e!important}


#modal-root .modal>form{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden}
#modal-root .modal>form>.modal-body{flex:1 1 auto;min-height:0;overflow:auto}
#modal-root .modal>form>.modal-foot{flex:0 0 auto}


.app-night .relay-server-card .relay-card-index{background:#284c6b!important;color:#b9d9ff!important}
.app-night :is(.relay-kpi-icon,.relay-meta-icon){background:#214969!important;color:#92c8ff!important}
.app-night :is(.relay-kpi-icon.green,.relay-meta-icon.green){background:#164b40!important;color:#86e3ba!important}
.app-night :is(.relay-kpi-icon.purple,.relay-meta-icon.purple){background:#393052!important;color:#cdb5ff!important}
.app-night .relay-server-card .domain-bind-mini{background:#274158a6!important;color:#b4d5ff!important;border-color:#9dc0de3d!important}


.app-night .operation-log-status{background:#28465e!important;color:#c9def1!important}
.app-night .operation-log-status.completed{background:#164b40!important;color:#86e3ba!important}
.app-night .operation-log-status.failed{background:#492c3b!important;color:#ffc1ca!important}
.app-night .operation-log-status.running{background:#214969!important;color:#b9d9ff!important}
.app-night :is(.operation-log-status.partial,.operation-log-status.unknown){background:#493b27!important;color:#ffda9a!important}
.app-night #modal-root .modal :is(.radio-card>span,.version-protection-icon,.domain-prerequisite-icon,.migration-stepper li i){background:#284c6b!important;border-color:#9dc0de3d!important;color:#b9d9ff!important}
.app-night #modal-root .modal .version-protection-icon{background:#164b40!important;color:#86e3ba!important}
.app-night #modal-root .modal .radio-card:has(input:checked)>span{background:#1c67cc!important;color:#fff!important}
.app-night #modal-root .modal .switch input:not(:checked)+span{background:#3c586e!important}
.app-night #modal-root .server-traffic-calendar-modal svg{background-color:transparent!important}

.app-night :is(.main,.modal) .progress-track{background:#35556c!important}


.main .new-record-badge{background:#087b54!important;color:#fff!important}
.app-night .main :is(label,.record-filter-field>span,.version-history-entry time,.error-log-object-cell>span,.relay-card-name>span,.relay-card-traffic-summary>span,.client-cell small){color:#bed5eb!important}
.app-night .main :is(.relay-server-notice-copy span,.relay-status-close,.days.urgent,.resip-state.bad,.danger-text,.action-link[data-action="delete"]){color:#ffc1ca!important}
.app-night .main :is(.money.profit,.resip-devices.ok){color:#86e3ba!important}
.app-night .main :is(.action-link.renew-link,.error-log-object-cell>b){color:#b9d9ff!important}
.app-night .main .sk5-state-badge.ok{background:#164b40!important;color:#91edc4!important}
.app-night .main .sk5-state-badge.bad{background:#492c3b!important;color:#ffc1ca!important}


html:not(.app-night) .main{--muted:#52647c;--blue:#125cb7;--green:#087743;--red:#b42332;--orange:#85580c}
html:not(.app-night) .main :is(label,td small,.stat-trend.none,.record-filter-field>span,.record-filter-count){color:#52647c!important}
html:not(.app-night) .main :is(.action-link,.link,.relay-card-index,.relay-progress-open){color:#125cb7!important}
html:not(.app-night) .main .action-link span{color:inherit!important}
html:not(.app-night) .main :is(.status.green,.money.profit,.resip-devices.ok,.resip-state.ok,.version-history-current){color:#087743!important}
html:not(.app-night) .main :is(.status.red,.days.urgent,.resip-state.bad,.danger-text,.action-link[data-action="delete"]){color:#b42332!important}
html:not(.app-night) .main :is(.status.orange,.expiry-soon,.record-kicker,.required-indicator){color:#85580c!important}
html:not(.app-night) .main :is(.status.blue,.relay-card-actions .action-link){color:#125cb7!important}
html:not(.app-night) .main .relay-card-actions .action-link.danger-link{color:#b42332!important}
html:not(.app-night) .main .sk5-state-badge.ok{background:#087b54!important;color:#fff!important}
html:not(.app-night) .main .sk5-state-badge.bad{background:#b42332!important;color:#fff!important}
html:not(.app-night) .main .btn.danger{background:#b42332!important;border-color:#b42332!important;color:#fff!important}


html:not(.app-night) .global-theme-mode{color:#284d71} .global-theme-mode svg{width:20px;height:20px}
.global-theme-mode{display:inline-grid;place-items:center;width:36px;height:36px;flex:none;border:1px solid #ffffffaa;border-radius:10px;background:#ffffff70;cursor:pointer;margin-left:auto;color:#284d71}
.app-night .global-theme-mode{background:#19384b80;border-color:#93badc35;color:#c7def2}
.global-theme-mode:focus-visible,.global-nav-menu button:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}
@media(max-width:760px){.global-theme-mode{width:32px;height:32px}.global-nav-menu{max-width:calc(100vw - 24px)}.topbar{backdrop-filter:blur(16px)!important}}
@media(max-width:760px){.topbar .sidebar{max-width:none!important}.topbar .nav-children{display:grid!important}}
html:not(.app-night) #modal-root .modal .resip-state.bad{color:#b42338!important}
html .topbar #monitor-alert-bell{display:flex!important}
