/* XHUB soft light theme for directory and device settings. */
.directory-light,.settings-light{
  --bg:#f1f5f7;--panel:#fff;--panel-2:#f7fafb;--line:#d5e0e6;--line-soft:#e5ecef;
  --text:#17242d;--muted:#667781;--cyan:#07998b;--orange:#d9683d;--red:#dc4058;
  --shadow:0 15px 40px rgba(41,61,72,.09);
  color-scheme:light;color:var(--text);
  background:radial-gradient(circle at 12% -8%,rgba(7,153,139,.09),transparent 31%),radial-gradient(circle at 96% 5%,rgba(217,104,61,.055),transparent 24%),#f1f5f7
}
.directory-light .ambient{opacity:.05}
.directory-light .brand-mark,.settings-light .brand-mark{border-color:#c8d5db;background:#eef4f6}
.directory-light .brand-subtitle,.settings-light .brand-subtitle{border-color:#d2dde2;color:#70818b}

/* Entry directory */
.directory-light .status-pill,.directory-light .public-monitor-link{border-color:#c7d4da;background:rgba(255,255,255,.84);color:#3f555f;box-shadow:0 4px 14px rgba(45,65,76,.045)}
.directory-light .public-monitor-link:hover{border-color:#078f82;background:#078f82;color:#fff}
.directory-light .hero h1 span{color:#84939b;-webkit-text-stroke:0}
.directory-light .hero-copy>p:last-child{color:#667781}
.directory-light .toolbar{border-color:#d3dee4}
.directory-light .search-box{border-color:#cbd8de;background:#fff;box-shadow:0 7px 20px rgba(45,65,76,.045)}
.directory-light .search-box:focus-within{border-color:#64aaa4;box-shadow:0 0 0 3px rgba(7,153,139,.08)}
.directory-light .search-box input{color:#1b2c35}.directory-light .search-box input::placeholder{color:#84949c}
.directory-light .search-icon{border-color:#70838d}.directory-light .search-icon:after{background:#70838d}
.directory-light kbd{border-color:#ccd8de;background:#f5f8f9;color:#71828b}
.directory-light .filter{border-color:#cbd7dd;background:rgba(255,255,255,.7);color:#526771}
.directory-light .filter b{color:#84949c}
.directory-light .filter:hover,.directory-light .filter.active{border-color:#79aaa5;background:#edf8f6;color:#243942}
.directory-light .panel-grid{border-color:#d5e0e5}
.directory-light .panel-card{border-color:#d5e0e5;background:linear-gradient(150deg,#fff,#f9fbfc);box-shadow:0 10px 28px rgba(47,67,78,.065)}
.directory-light .panel-card:hover{border-color:#aebfc8;background:#fff;box-shadow:0 17px 38px rgba(47,67,78,.12)}
.directory-light .panel-number{color:#71828b}.directory-light .category-chip{border-color:#cad7dd;color:#526771;background:#f4f7f8}
.directory-light .panel-hero-flag{border-color:#ccd8de;background:#eef3f5;color:#70818b;box-shadow:0 4px 12px rgba(47,67,78,.08)}
.directory-light .panel-info h2{color:#17242d}.directory-light .panel-geo{color:#536771}
.directory-light .panel-url{color:#657781}.directory-light .open-arrow{color:#70838b}
.directory-light .renewal-info{color:#657781}.directory-light .renewal-info em{border-color:#d4dfe4;color:#71828b}
.directory-light .renewal-info strong{color:#344a54}.directory-light .renewal-info time{color:#71828b}
.directory-light .empty-state,.directory-light .no-results{border-color:#d5e0e5;background:#fff;box-shadow:var(--shadow)}
.directory-light .empty-icon{border-color:#c8d5db;background:#f4f8f9}
.directory-light footer{color:#71818a}.directory-light footer a{color:#405761}.directory-light footer a:hover{color:#078f82}

/* Device settings shell and navigation */
.settings-light .admin-nav{border-color:#d7e1e6;background:rgba(255,255,255,.91);box-shadow:0 4px 18px rgba(45,65,76,.045)}
.settings-light .monitor-nav a{border-color:#bfcdd3;border-radius:5px;background:#eef3f5;color:#314751;font-weight:600}
.settings-light .monitor-nav a:first-child{border-color:#078f82;background:#078f82;color:#fff}
.settings-light .monitor-nav a:hover{border-color:#087f75;background:#087f75;color:#fff}
.settings-light .monitor-heading p:not(.eyebrow),.settings-light .muted{color:#667781!important}
.settings-light .settings-overview,.settings-light .admin-card,.settings-light .settings-card{border-color:#d5e0e5;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(47,67,78,.065)}
.settings-light .settings-overview>div+div{border-color:#e1e8ec}
.settings-light .section-title,.settings-light .compact-settings>summary,.settings-light .collapsible-panel-summary{border-color:#e1e8ec}
.settings-light .section-title h2,.settings-light .compact-settings h2,.settings-light .collapsible-panel-summary h2{color:#17242d}

/* Forms and editable rows */
.settings-light input:not([type=checkbox]):not([type=radio]),.settings-light select,.settings-light textarea{
  border-color:#cbd7dd!important;background:#f9fbfc!important;color:#20333d!important;color-scheme:light
}
.settings-light input::placeholder,.settings-light textarea::placeholder{color:#8a99a1!important}
.settings-light input:focus,.settings-light select:focus,.settings-light textarea:focus{border-color:#64aaa4!important;box-shadow:0 0 0 3px rgba(7,153,139,.08)!important}
.settings-light label,.settings-light legend{color:#4c626c!important}
.settings-light input[type=checkbox],.settings-light input[type=radio]{accent-color:#07998b}
.settings-light fieldset{border-color:#d8e2e7!important;background:#fbfcfd!important}
.settings-light .server-edit-item,.settings-light .agent-item,.settings-light .probe-location-list article,.settings-light .service-editor[open],.settings-light .probe-choice-group{border-color:#dce5e9!important;background:#fff!important}
.settings-light .server-edit-item{content-visibility:auto;contain-intrinsic-size:auto 70px}
.settings-light .server-edit-item[hidden]{display:none!important}
.settings-light .server-edit-item>summary>div{grid-template-columns:auto auto minmax(0,1fr)!important}
.settings-light .server-edit-item>summary strong{grid-column:3}
.settings-light .server-edit-item>summary small{grid-column:3!important}
.settings-light .server-bulk-check{grid-column:1;grid-row:1/3;width:16px;height:16px;margin:0 2px 0 0;accent-color:#07998b;cursor:pointer}
.settings-light .server-edit-item>summary .node-dot{grid-column:2;grid-row:1/3}
.settings-light .server-group-toolbar{display:grid;grid-template-columns:minmax(230px,1fr) 190px auto;align-items:end;gap:10px;margin:0 0 14px;padding:14px;border:1px solid #dce5e9;border-radius:7px;background:#f8fafb}
.settings-light .server-group-toolbar label{display:grid;gap:6px;font-size:11px}
.settings-light .server-group-toolbar input,.settings-light .server-group-toolbar select{width:100%;height:40px;padding:0 10px}
.settings-light .server-group-actions{display:flex;align-items:center;gap:7px}
.settings-light .server-group-actions button{min-height:40px;height:40px;padding:0 12px;white-space:nowrap}
.settings-light .server-group-toolbar>small{grid-column:1/-1;color:#71828b}
.settings-light .device-group-picker{display:grid;grid-column:1/-1;gap:10px;margin:0;padding:12px 14px;border:1px solid #d8e2e7;border-radius:6px}
.settings-light .device-group-picker>div{display:flex;flex-wrap:wrap;gap:8px}
.settings-light .device-group-picker>div label{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid #d5e1e5;border-radius:5px;background:#fff;color:#334b55!important;cursor:pointer}
.settings-light .device-group-picker>div input{width:15px;height:15px;margin:0}
.settings-light .device-group-picker .device-group-new{display:grid;grid-template-columns:minmax(190px,auto) minmax(260px,1fr);align-items:center;gap:10px}
.settings-light .device-group-picker .device-group-new input{width:100%}
.settings-light .server-edit-item>summary,.settings-light .traffic-calibration-panel>summary{color:#263b45}
.settings-light .server-edit-item summary small,.settings-light .probe-location-list small,.settings-light .agent-item small{color:#71828b!important}
.settings-light .server-readonly{border-color:#d9e3e7;background:#f3f7f8;color:#60737d}
.settings-light .server-readonly b{color:#3a505a}.settings-light .server-readonly small{color:#71828b}
.settings-light .probe-picker p,.settings-light .probe-help,.settings-light .telegram-help,.settings-light .traffic-calibration-help p,.settings-light .traffic-calibration-help small{color:#667983!important}
.settings-light .probe-choice-group header,.settings-light .probe-choice-group label{border-color:#e3eaed!important}

/* Commands, proxy onboarding and removal */
.settings-light code,.settings-light .secure-command code,.settings-light .command-card code,.settings-light .proxy-command,.settings-light .agent-removal-command code{
  border-color:#cddadf!important;background:#f3f7f8!important;color:#087d73!important
}
.settings-light .secure-command,.settings-light .proxy-onboarding,.settings-light .agent-removal-command,.settings-light .traffic-calibration-panel{border-color:#d6e1e5!important;background:#fbfcfd!important}
.settings-light .proxy-onboarding p,.settings-light .agent-removal-note,.settings-light .command-card p{color:#687b85!important}
.settings-light .small-button,.settings-light .ghost-button,.settings-light .danger-outline,.settings-light .service-editor>summary{
  border-color:#bdcbd2;background:#fff;color:#40545e
}
.settings-light .small-button:hover,.settings-light .ghost-button:hover,.settings-light .service-editor>summary:hover{border-color:#078f82;background:#eef9f7;color:#067d73}
.settings-light .primary-button{border-color:#078f82;background:#078f82;color:#fff}
.settings-light .primary-button:hover{background:#087f75}
.settings-light .danger-outline{border-color:#e5b9c0;color:#bd4052;background:#fff8f9}
.settings-light .danger-outline:hover{border-color:#dc4058;background:#fff0f2;color:#c22f45}
.settings-light .notice{border-color:#a9d7d2;background:#edf9f7;color:#17675f}
.settings-light .notice.error{border-color:#e5aeb7;background:#fff1f3;color:#bd2f45}
.settings-light .config-state{border-color:#ccd8de;background:#f4f7f8;color:#657781}
.settings-light .config-state.ready{border-color:#9ecfc9;background:#edf9f7;color:#087d73}
.settings-light .upgrade-control-panel{display:grid;gap:13px;margin-bottom:20px;padding:15px;border:1px solid #d5e1e5;border-radius:7px;background:#f8fafb}
.settings-light .upgrade-control-panel>div{display:grid;gap:4px}
.settings-light .upgrade-control-panel>div strong{color:#263b45;font-size:14px}
.settings-light .upgrade-control-panel>div small,.settings-light .upgrade-control-panel>p{margin:0;color:#687b85;font-size:11px;line-height:1.65}
.settings-light .upgrade-control-panel form{margin:0}
.settings-light .upgrade-control-panel .primary-button{width:100%}
.settings-light .upgrade-schedule-form{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid #dce5e9}
.settings-light .upgrade-schedule-form .switch-row{color:#334b55!important;font-size:12px}
.settings-light .upgrade-schedule-form .ghost-button{min-height:36px;padding:0 13px}
.settings-light .audit-card{margin-top:18px}
.settings-light .audit-table-wrap{overflow:auto;border:1px solid #dce5e9;border-radius:6px}
.settings-light .audit-table{width:100%;min-width:820px;border-collapse:collapse;background:#fff;font-size:11px}
.settings-light .audit-table th,.settings-light .audit-table td{padding:10px 12px;border-bottom:1px solid #e4ebee;text-align:left;vertical-align:top}
.settings-light .audit-table th{background:#f4f7f8;color:#586d77;font-size:10px;letter-spacing:.04em}
.settings-light .audit-table td{color:#40555f}.settings-light .audit-table tr:last-child td{border-bottom:0}
.settings-light .audit-table td strong{display:block;color:#263b45}.settings-light .audit-table td small{display:block;margin-top:3px;color:#7b8b93}
.settings-light .audit-table code{padding:0;border:0!important;background:transparent!important;color:#526872!important;font-size:10px}
.settings-light .audit-note{margin:10px 0 0;color:#71828b;font-size:10px}
.settings-light .backup-card{margin-top:18px}
.settings-light .backup-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;padding:14px;border:1px solid #dce5e9;border-radius:6px;background:#f8fafb}
.settings-light .backup-toolbar>div{display:grid;gap:4px}.settings-light .backup-toolbar strong{color:#263b45}.settings-light .backup-toolbar small{color:#71828b;font-size:10px}
.settings-light .backup-toolbar form{margin:0}.settings-light .backup-toolbar .primary-button{min-height:38px;padding:0 14px;white-space:nowrap}
.settings-light .backup-actions{display:flex;gap:6px}.settings-light .backup-actions form{margin:0}.settings-light .backup-actions .ghost-button{min-height:30px;padding:0 9px;font-size:10px}
.settings-light .backup-verified{color:#087d73!important;font-size:10px}
.settings-light .totp-settings{display:grid;gap:13px;margin-top:18px;padding-top:18px;border-top:1px solid #dce5e9}
.settings-light .totp-settings>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-light .totp-settings>header>div{display:grid;gap:3px}.settings-light .totp-settings>header strong{color:#263b45}.settings-light .totp-settings>header small{color:#71828b;font-size:10px}
.settings-light .totp-action-form{display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:9px}.settings-light .totp-action-form label{display:grid;gap:5px;font-size:10px}.settings-light .totp-action-form input{height:39px}.settings-light .totp-action-form button{min-height:39px;white-space:nowrap}
.settings-light .totp-setup-panel{display:grid;gap:11px;padding:13px;border:1px solid #a9d7d2;border-radius:6px;background:#edf9f7}.settings-light .totp-setup-panel>p{margin:0;color:#526872;font-size:11px;line-height:1.6}.settings-light .totp-setup-panel>label{display:grid;gap:5px}.settings-light .totp-setup-panel>label code{padding:11px!important;border:1px solid #bcd8d4!important;background:#fff!important;color:#087d73!important;font-size:13px;letter-spacing:.08em;overflow-wrap:anywhere}.settings-light .totp-setup-panel form{display:flex;align-items:end;gap:8px}.settings-light .totp-setup-panel form label{display:grid;flex:1;gap:5px;font-size:10px}.settings-light .totp-setup-panel form input{height:39px}.settings-light .totp-setup-panel form button{min-height:39px}
.settings-light .totp-enabled-actions{display:grid;gap:10px}.settings-light .totp-action-form.danger-zone{padding-top:11px;border-top:1px solid #ead7da}
.settings-light .recovery-code-panel{padding:13px;border:1px solid #e2b66e;border-radius:6px;background:#fff9ed}.settings-light .recovery-code-panel>strong{color:#8a5d12}.settings-light .recovery-code-panel>p{margin:4px 0 10px;color:#7a6a4c;font-size:10px}.settings-light .recovery-code-panel>div{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.settings-light .recovery-code-panel code{padding:7px!important;border:1px solid #ead7b5!important;background:#fff!important;color:#6d541f!important;text-align:center;font-size:11px}
.login-light .totp-cancel-form{margin:0;text-align:center}.login-light .totp-cancel-form .back-link{display:inline-block;border:0;background:transparent;cursor:pointer}
@media(max-width:640px){.settings-light .backup-toolbar{align-items:stretch;flex-direction:column}.settings-light .backup-toolbar .primary-button{width:100%}}
@media(max-width:640px){.settings-light .totp-settings>header{align-items:flex-start;flex-direction:column}.settings-light .totp-action-form{grid-template-columns:1fr}.settings-light .totp-setup-panel form{align-items:stretch;flex-direction:column}.settings-light .recovery-code-panel>div{grid-template-columns:1fr}}
@media(max-width:640px){.settings-light .upgrade-schedule-form{align-items:stretch;flex-direction:column}.settings-light .upgrade-schedule-form .ghost-button{width:100%}}

@media(max-width:900px){.settings-light .server-group-toolbar{grid-template-columns:1fr 1fr}.settings-light .server-group-actions{grid-column:1/-1}}
@media(max-width:700px){.directory-light .panel-card{background:#fff}.settings-light .admin-nav{background:rgba(255,255,255,.96)}.settings-light .server-group-toolbar{grid-template-columns:1fr}.settings-light .server-group-actions{grid-column:1;display:grid;grid-template-columns:1fr 1fr}.settings-light .server-group-toolbar>small{grid-column:1}.settings-light .device-group-picker .device-group-new{grid-template-columns:1fr}.settings-light .device-group-picker>div{display:grid;grid-template-columns:1fr 1fr}}

/* Server detail */
.server-light{
  --bg:#f1f5f7;--panel:#fff;--panel-2:#f7fafb;--line:#d5e0e6;--line-soft:#e5ecef;
  --text:#17242d;--muted:#667781;--cyan:#07998b;--orange:#d9683d;--red:#dc4058;
  --shadow:0 15px 40px rgba(41,61,72,.09);
  color-scheme:light;color:var(--text);
  background:radial-gradient(circle at 12% -8%,rgba(7,153,139,.09),transparent 31%),radial-gradient(circle at 96% 5%,rgba(217,104,61,.055),transparent 24%),#f1f5f7
}
.server-light .admin-nav{border-color:#d7e1e6;background:rgba(255,255,255,.91);box-shadow:0 4px 18px rgba(45,65,76,.045)}
.server-light .brand-mark{border-color:#c8d5db;background:#eef4f6}.server-light .brand-subtitle{border-color:#d2dde2;color:#70818b}
.server-light .monitor-nav a{border-color:#bfcdd3;border-radius:5px;background:#eef3f5;color:#314751;font-weight:600}
.server-light .monitor-nav a:first-child{border-color:#078f82;background:#078f82;color:#fff}
.server-light .monitor-nav a:hover{border-color:#087f75;background:#087f75;color:#fff}
.server-light .detail-hero{border-color:#d5e0e5}.server-light .detail-hero p:last-child{color:#647681}
.server-light .detail-title-row{display:flex;align-items:center;gap:12px;min-width:0}
.server-light .detail-title-row h1{min-width:0}
.server-light .detail-entry-link{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 11px;border:1px solid #9fc9c4;border-radius:5px;background:#edf9f7;color:#087d73;font-size:12px;font-weight:700;white-space:nowrap;transition:.18s}
.server-light .detail-entry-link:hover{border-color:#078f82;background:#078f82;color:#fff}
.server-light .detail-maintenance-badge{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid #dfbd79;border-radius:5px;background:#fff8e8;color:#9a6200;font-size:12px;font-weight:700;white-space:nowrap}
.maintenance-form{display:grid;grid-template-columns:minmax(180px,1fr) 150px minmax(180px,1fr) auto;gap:10px;align-items:end;margin:10px 0;padding:12px;border:1px solid #dbe4e8;border-radius:7px;background:#f8fbfc}.maintenance-form.active{border-color:#dfbd79;background:#fffaf0}.maintenance-form>div{align-self:center}.maintenance-form>div small{display:block;margin-top:4px;color:#6d7d86}.maintenance-form label{display:grid;gap:5px;font-size:11px;color:#61727c}.maintenance-form select,.maintenance-form input{min-width:0;width:100%}@media(max-width:900px){.maintenance-form{grid-template-columns:1fr 1fr}.maintenance-form>div{grid-column:1/-1}}@media(max-width:560px){.maintenance-form{grid-template-columns:1fr}.maintenance-form>div{grid-column:auto}}
.rollout-status{margin-top:6px;color:#087d73!important;font-weight:700}.tls-state{font-weight:700;color:#087d73}.tls-state.warning{color:#9a6200}.tls-state.expired,.tls-state.error{color:#b22f46}.tls-state.skipped_private{color:#71838d}
.panel-discovery-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.panel-discovery-field>label{display:grid;gap:6px}.panel-discovery-field>div{display:flex;align-items:center;gap:10px;min-height:43px}.panel-discovery-field>div small{max-width:270px;color:#6b7c86;font-size:10px;line-height:1.35}.panel-discovery-field button{white-space:nowrap}@media(max-width:700px){.panel-discovery-field{grid-template-columns:1fr}.panel-discovery-field>div{align-items:flex-start;flex-direction:column}}
@media(max-width:640px){.server-light .detail-title-row{align-items:flex-start;flex-direction:column;gap:7px}.server-light .detail-entry-link{min-height:30px}}
.server-light .ghost-button{border-color:#bdcbd2;background:#fff;color:#40545e;border-radius:5px}
.server-light .ghost-button:hover{border-color:#078f82;background:#eef9f7;color:#067d73}
.server-light .detail-summary{border-color:#d5e0e5;background:rgba(255,255,255,.9);box-shadow:0 9px 26px rgba(47,67,78,.055)}
.server-light .detail-summary article+article{border-color:#e1e8ec}
.server-light .detail-summary span,.server-light .traffic-totals span,.server-light .detail-live span{color:#6b7d86}
.server-light .detail-summary b{color:#263a44}
.server-light .detail-panel{border-color:#d5e0e5;background:#fff;box-shadow:0 10px 28px rgba(47,67,78,.06)}
.server-light .section-title{border-color:#e2e9ed}.server-light .section-title h2{color:#17242d}
.server-light .traffic-period-badge{color:#657781}
.server-light .detail-live>div,.server-light .traffic-totals article{border-color:#dde6ea;background:#f7f9fa}
.server-light .detail-live b{color:#078f82}
.server-light .detail-resource{color:#526771}.server-light .detail-resource b{color:#3b515b}
.server-light .detail-resource progress,.server-light .quota progress{background:#dfe8eb}
.server-light .detail-resource progress::-webkit-progress-bar,.server-light .quota progress::-webkit-progress-bar{background:#dfe8eb}
.server-light .detail-resource progress::-webkit-progress-value,.server-light .quota progress::-webkit-progress-value{background:#07998b}
.server-light .detail-resource progress::-moz-progress-bar,.server-light .quota progress::-moz-progress-bar{background:#07998b}
.server-light .detail-kv{border-color:#dfe7eb;background:#fbfcfd}.server-light .detail-kv>div+div{border-color:#e2e9ed}
.server-light .detail-kv dt{color:#71828b}.server-light .detail-kv dd{color:#314751}
.server-light .quota span{color:#5e727c}
.server-light .detail-tags span{border-color:#cbd8de;background:#f4f7f8;color:#526771}
.server-light .primary-button{border-color:#078f82;background:#078f82;color:#fff}.server-light .primary-button:hover{background:#087f75}

.server-light .regional-probe-grid article{border-color:#dce5e9;background:#f9fbfc}
.server-light .regional-probe-grid strong{color:#263b45}.server-light .regional-probe-grid small{color:#6c7e88}
.server-light .regional-probe-grid time{color:#819099}.server-light .regional-probe-grid b{color:#078f82}
.server-light .probe-target-controls{display:flex;align-items:center;gap:9px}
.server-light .probe-target-toggle{min-height:32px;height:32px;padding:0 10px;gap:6px;font-size:10px}
.server-light .probe-target-toggle i{position:relative;width:14px;height:9px;border:1px solid currentColor;border-radius:50%}
.server-light .probe-target-toggle i:after{content:'';position:absolute;left:4px;top:2px;width:3px;height:3px;border:1px solid currentColor;border-radius:50%}
.server-light .probe-target-toggle[aria-pressed=false] i:before{content:'';position:absolute;left:-2px;top:3px;width:17px;height:1px;background:currentColor;transform:rotate(35deg)}
.server-light .probe-target.is-hidden{color:#87969e;font-style:italic;letter-spacing:.04em}
.server-light .regional-probe-grid .probe-waiting b{color:#71828b}
.server-light .chart-ranges button{border-color:#cbd8de;background:#f7f9fa;color:#5f737d}
.server-light .chart-ranges button.active,.server-light .chart-ranges button:hover{border-color:#078f82;background:#edf9f7;color:#067d73}
.server-light .chart-stage{border-color:#e0e8ec;background:linear-gradient(180deg,#fbfcfd,#f4f7f8)}
.server-light .chart-tooltip{border-color:#c4d1d7;background:rgba(255,255,255,.97);box-shadow:0 12px 30px rgba(47,67,78,.16);color:#263b45}
.server-light .chart-tooltip time{color:#5f737d}.server-light .chart-tooltip b{color:#263b45}.server-light .chart-tooltip small{color:#71828b}
.server-light .chart-legend{color:#60747e}
.server-light .legend-actions button,.server-light .chart-series-toggle{border-color:#cbd8de;background:#f8fafb}
.server-light .legend-actions button{color:#536872}.server-light .legend-actions button:hover{border-color:#7ba9a5;color:#067d73}
.server-light .chart-series-toggle{color:#657983}.server-light .chart-series-toggle.active{border-color:#9aadb5;background:#fff;color:#243943}
.server-light .chart-line-guide{color:#71828b}
@media(max-width:900px){.server-light .detail-summary article:nth-child(4),.server-light .detail-summary article:nth-child(n+5){border-color:#e1e8ec}}
@media(max-width:640px){.server-light .detail-summary article:nth-child(n+3){border-color:#e1e8ec}.server-light .admin-nav{background:rgba(255,255,255,.96)}.server-light .regional-probes .section-title{align-items:center}.server-light .probe-target-controls .traffic-period-badge{display:none}}

/* Login */
.login-light{--bg:#f1f5f7;--panel:#fff;--panel-2:#f7fafb;--line:#d5e0e6;--line-soft:#e5ecef;--text:#17242d;--muted:#667781;--cyan:#07998b;--orange:#d9683d;--red:#dc4058;--shadow:0 18px 48px rgba(41,61,72,.11);color-scheme:light;color:var(--text);background:radial-gradient(circle at 15% -10%,rgba(7,153,139,.1),transparent 32%),radial-gradient(circle at 94% 8%,rgba(217,104,61,.06),transparent 26%),#f1f5f7}
.login-light .ambient{opacity:.04}.login-light .login-card{border-color:#d3dee4;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:var(--shadow)}
.login-light .brand-mark{border-color:#c8d5db;background:#eef4f6}.login-light .brand-subtitle{border-color:#d2dde2;color:#70818b}
.login-light .login-card h1{color:#17242d}.login-light .login-card .muted,.login-light .back-link{color:#667781!important}
.login-light .stack-form label{color:#4c626c}.login-light .stack-form input{border-color:#cbd7dd;background:#f9fbfc;color:#20333d;color-scheme:light}
.login-light .stack-form input:focus{border-color:#64aaa4;box-shadow:0 0 0 3px rgba(7,153,139,.08)}
.login-light .remember-row{color:#526771!important}.login-light .primary-button{border-color:#078f82;background:#078f82;color:#fff;border-radius:5px}.login-light .primary-button:hover{background:#087f75}
.login-light .notice.error{border-color:#e5aeb7;background:#fff1f3;color:#bd2f45}

/* 1.6 — consistent front-page typography and compact spacing. */
.directory-light .hero{padding-bottom:30px}
.directory-light .hero h1{font-size:clamp(36px,3.5vw,44px)}
.directory-light .panel-card{min-height:226px;padding:15px}
.directory-light .search-icon{overflow:visible}

.server-light .detail-hero p:last-child{font-size:12px;line-height:1.6}
.server-light .detail-summary article{padding:13px 14px}
.server-light .detail-summary span{font-size:11px;margin-bottom:5px}
.server-light .detail-summary b{font-size:13px;line-height:1.35}
.server-light .detail-live span,.server-light .traffic-totals span{font-size:11px}
.server-light .detail-resource{font-size:11px}
.server-light .detail-resource b{font-size:11px}
.server-light .detail-kv dt{font-size:10px}
.server-light .detail-kv dd{font-size:12px;line-height:1.45}
.server-light .detail-tags span{font-size:10px}
.server-light .regional-probe-grid strong{font-size:13px;line-height:1.35}
.server-light .regional-probe-grid small{font-size:10px;line-height:1.4}
.server-light .regional-probe-grid time{font-size:9px}
.server-light .regional-probe-grid b{font-size:12px}
@media(max-width:640px){
  .directory-light .hero{padding-bottom:24px}
  .directory-light .panel-card{min-height:218px}
  .server-light .detail-summary article{padding:12px}
  .server-light .detail-summary b{font-size:12px}
}

/* 1.7 — native system typography and consistent high-density rendering. */
:is(.directory-light,.server-light,.login-light){
  font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans SC",sans-serif;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
:is(.directory-light,.server-light,.login-light) :is(.brand,.panel-number,.panel-url,.renewal-info,.detail-summary b,.detail-live b,.traffic-totals b,.detail-kv dd,.regional-probe-grid b,.regional-probe-grid time){
  font-family:"DM Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;
}
.directory-light :is(.hero h1,.panel-info h2){font-weight:600}
.server-light :is(.detail-hero h1,.section-title h2,.regional-probe-grid strong){font-weight:600}
.server-light :is(.detail-summary b,.detail-live b,.traffic-totals b,.detail-kv dd,.regional-probe-grid b){font-weight:500}

/* 1.7.1 — compact server hero to match the monitor homepage rhythm. */
.server-light .detail-shell{padding-top:0}
.server-light .detail-hero{padding:22px 0 18px;gap:16px}
.server-light .detail-hero .eyebrow{margin-bottom:9px!important}
.server-light .detail-hero h1{margin:2px 0 5px;font-size:34px;line-height:1.15}
.server-light .detail-summary{margin:12px 0 14px}
@media(max-width:640px){
  .server-light .detail-hero{padding:18px 0 15px}
  .server-light .detail-hero h1{font-size:27px}
  .server-light .detail-summary{margin:10px 0 12px}
}

/* 1.8 — shared navigation companion layout. */
.directory-light .directory-status-row{display:flex;justify-content:flex-end;margin-bottom:18px}
.directory-light .hero{padding-top:26px}
.server-light .detail-shell{width:min(1580px,calc(100% - 40px))}
@media(max-width:640px){
  .directory-light .directory-status-row{margin-bottom:12px}
  .directory-light .hero{padding-top:20px}
  .server-light .detail-shell{width:calc(100% - 24px)}
}