/* KCC Light UI v3.3.1 — visual-only styles. Original app.css remains the dark theme. */
html[data-kcc-theme="light"] {
  color-scheme:light;
  --bg:#f7f9fc;
  --panel:#ffffff;
  --panel2:#f6f8fc;
  --line:#e1e8f1;
  --border:#e1e8f1;
  --soft:#f7f9fc;
  --text:#16233d;
  --muted:#687b96;
  --blue:#2b75f5;
  --blue2:#155dd9;
  --green:#11885c;
  --yellow:#a97106;
  --red:#bf3146;
  accent-color:#2b75f5;
}
/* Adapt legacy explicitly dark declarations to a light palette. */
html[data-kcc-theme="light"] .auth-screen{background:radial-gradient(circle at 50% 15%,#edf4ff 0,transparent 35%),var(--bg);}
html[data-kcc-theme="light"] .auth-card{background:rgba(21, 163, 98, .075);box-shadow:0 30px 80px #172a4312;}
html[data-kcc-theme="light"] .brand-mark{background:#edf4ff;border:1px solid #bcd3f9;color:#2462ba;}
html[data-kcc-theme="light"] input,
html[data-kcc-theme="light"] select{border:1px solid #bcd3f9;background:#ffffff;}
html[data-kcc-theme="light"] input:focus,
html[data-kcc-theme="light"] select:focus{border-color:#bcd3f9;box-shadow:0 0 0 3px #172a4312;}
html[data-kcc-theme="light"] .form-error{color:#b73544;}
html[data-kcc-theme="light"] .topbar{background:linear-gradient(#ffffff,#ffffff);border-bottom:1px solid #bcd3f9;}
html[data-kcc-theme="light"] .eyebrow{color:#2462ba;}
html[data-kcc-theme="light"] .icon-btn{background:#ffffff;border-color:#bcd3f9;}
html[data-kcc-theme="light"] .mobile-nav{background:#ffffff;border-top:1px solid #bcd3f9;}
html[data-kcc-theme="light"] .nav-btn{color:#2462ba;}
html[data-kcc-theme="light"] .nav-btn.active{color:#2462ba;background:#edf4ff;}
html[data-kcc-theme="light"] .card{background:linear-gradient(180deg,#edf4ff,#ffffff);}
html[data-kcc-theme="light"] .metric-note{color:#2462ba;}
html[data-kcc-theme="light"] .badge{background:#edf4ff;color:#657896;}
html[data-kcc-theme="light"] .badge.ok{background:#e8f8ef;color:#0a8959;}
html[data-kcc-theme="light"] .badge.warning{background:#fff6e3;color:#b42337;}
html[data-kcc-theme="light"] .badge.critical,
html[data-kcc-theme="light"] .badge.offline,
html[data-kcc-theme="light"] .badge.error{background:#fff0f2;color:#b73544;}
html[data-kcc-theme="light"] .badge.partial,
html[data-kcc-theme="light"] .badge.info{background:#edf4ff;color:#2462ba;}
html[data-kcc-theme="light"] .progress{background:#edf4ff;}
html[data-kcc-theme="light"] .dot{background:#edf4ff;}
html[data-kcc-theme="light"] .alert.info .dot{background:#f9fbff;}
html[data-kcc-theme="light"] .search::before{color:#2462ba;}
html[data-kcc-theme="light"] .list-item{background:#ffffff;border:1px solid #bcd3f9;}
html[data-kcc-theme="light"] .list-item:active{background:#edf4ff;}
html[data-kcc-theme="light"] .split-meta{color:#2462ba;}
html[data-kcc-theme="light"] .detail-sheet{background:#ffffff;}
html[data-kcc-theme="light"] .detail-panel{background:#ffffff;border:1px solid #bcd3f9;box-shadow:0 30px 90px #172a4312;}
html[data-kcc-theme="light"] .detail-head{background:#ffffff;}
html[data-kcc-theme="light"] .kv{background:#ffffff;border:1px solid #bcd3f9;}
html[data-kcc-theme="light"] .close-btn{background:#ffffff;}
html[data-kcc-theme="light"] .toast{background:#ffffff;border:1px solid #bcd3f9;}
@media (min-width:1050px){
html[data-kcc-theme="light"] .sidebar{border-right:1px solid #bcd3f9;background:#ffffff;}
}
html[data-kcc-theme="light"] .secondary{border:1px solid #bcd3f9;background:#edf4ff;}
html[data-kcc-theme="light"] .secondary:active{background:#edf4ff;}
html[data-kcc-theme="light"] .form-field>span{color:var(--muted,#657896);}
html[data-kcc-theme="light"] .form-field input,
html[data-kcc-theme="light"] .form-field select,
html[data-kcc-theme="light"] .form-field textarea{background:rgba(21, 163, 98, .075);border:1px solid rgba(162, 180, 204, .34);}
html[data-kcc-theme="light"] .form-field input:focus,
html[data-kcc-theme="light"] .form-field select:focus,
html[data-kcc-theme="light"] .form-field textarea:focus{border-color:rgba(22, 163, 96, .25);}
html[data-kcc-theme="light"] button.danger,
html[data-kcc-theme="light"] .danger{background:rgba(229, 83, 102, .07) !important;border:1px solid rgba(206, 49, 68, .24) !important;color:#b73544 !important;}
@media  (min-width:1050px){
html[data-kcc-theme="light"] #detailSheet.detail-sheet{border-left:1px solid #bcd3f9;box-shadow:-20px 0 50px #172a4312;}
html[data-kcc-theme="light"] #detailSheet .detail-panel{background:#ffffff;}
html[data-kcc-theme="light"] .open-detail.detail-selected,
html[data-kcc-theme="light"] .open-detail.detail-selected.card,
html[data-kcc-theme="light"] .open-detail.detail-selected.list-item{border-color:#bcd3f9;background:#edf4ff;box-shadow:0 0 0 1px #172a4312;}
}
html[data-kcc-theme="light"] #detailSheet .copy-kv{border:1px solid #bcd3f9;background:#edf4ff;color:#2462ba;}
html[data-kcc-theme="light"] #detailSheet .copy-kv:hover{color:#14213c;background:#edf4ff;border-color:#bcd3f9;}
html[data-kcc-theme="light"] #detailSheet .copy-kv.copied{color:#0a8959;background:#e8f8ef;border-color:#b9e6ce;}
html[data-kcc-theme="light"] #detailSheet .copyable-kv:hover{background:#edf4ff;border-color:#bcd3f9;}
html[data-kcc-theme="light"] #detailSheet .copyable-kv.copied{border-color:#b9e6ce;background:#e8f8ef;}
html[data-kcc-theme="light"] #detailSheet .copy-badge{border:1px solid #b9e6ce;background:#e8f8ef;color:#0a8959;}
html[data-kcc-theme="light"] .domain-list-pane,
html[data-kcc-theme="light"] .domain-main-pane,
html[data-kcc-theme="light"] .domain-side-pane{background:linear-gradient(180deg,#edf4ff,#ffffff);}
html[data-kcc-theme="light"] .domain-row{background:#ffffff;border:1px solid #bcd3f9;}
html[data-kcc-theme="light"] .domain-row:hover{background:#edf4ff;border-color:#bcd3f9;}
html[data-kcc-theme="light"] .domain-row.selected{background:#edf4ff;border-color:#bcd3f9;box-shadow:0 0 0 1px #172a4312 inset;}
html[data-kcc-theme="light"] .domain-empty-icon{color:#2462ba;}
html[data-kcc-theme="light"] .domain-actions-pane{background:linear-gradient(180deg,#edf4ff,#ffffff);}
@media (max-width:700px){
html[data-kcc-theme="light"] .mobile-domain-back{color:#2462ba;}
}
html[data-kcc-theme="light"] .pinned-dot{color:#657896;}
html[data-kcc-theme="light"] .ungrouped-dot{background:#edf3fa;}
html[data-kcc-theme="light"] .server-pin{color:#657896;}
html[data-kcc-theme="light"] .server-pin:hover{background:#f9fbff;}
html[data-kcc-theme="light"] .server-pin.active{color:#657896;}
html[data-kcc-theme="light"] .server-access-card{background:#f9fbff;}
html[data-kcc-theme="light"] .server-copy-kv:hover{border-color:#bcd3f9;background:rgba(21, 163, 98, .075);}
html[data-kcc-theme="light"] .server-detail-status.online{color:#0a8959;}
html[data-kcc-theme="light"] .server-detail-status.offline{color:#14213c;}
html[data-kcc-theme="light"] .server-detail-status.unknown{color:#657896;}
html[data-kcc-theme="light"] .geo-selected{border:1px solid var(--border, #bcd3f9);background:#f9fbff;}
html[data-kcc-theme="light"] .geo-chip{background:rgba(21, 163, 98, .075);border:1px solid rgba(22, 163, 96, .25);}
html[data-kcc-theme="light"] .geo-list{border:1px solid var(--border, #bcd3f9);background:rgba(21, 163, 98, .075);}
html[data-kcc-theme="light"] .geo-option{border-bottom:1px solid rgba(162, 180, 204, .34);}
html[data-kcc-theme="light"] .geo-option:hover{background:#f9fbff;}
html[data-kcc-theme="light"] .geo-option:has(input:checked){background:rgba(21, 163, 98, .075);}
html[data-kcc-theme="light"] .import-row-geo-menu{box-shadow:0 16px 40px rgba(17, 35, 61, .08);}
@media (min-width:901px){
html[data-kcc-theme="light"] .import-bulk-section.geo-expanded #geoList{box-shadow:0 18px 45px rgba(17, 35, 61, .08);}
}
html[data-kcc-theme="light"] .geo-chip-remove:hover{background:rgba(229, 83, 102, .07);border-color:rgba(206, 49, 68, .24);}
html[data-kcc-theme="light"] .infra-step{border:1px solid var(--border, #bcd3f9);background:#f9fbff;}
html[data-kcc-theme="light"] .infra-step.ready{border-color:rgba(22, 163, 96, .25);background:rgba(21, 163, 98, .075);}
html[data-kcc-theme="light"] .infra-step.missing{border-color:rgba(206, 49, 68, .24);background:rgba(229, 83, 102, .07);}
html[data-kcc-theme="light"] .infra-step.ready .infra-state{background:rgba(21, 163, 98, .075);color:#0a8959;}
html[data-kcc-theme="light"] .infra-step.missing .infra-state{background:rgba(229, 83, 102, .07);color:#657896;}
html[data-kcc-theme="light"] .infra-step small{color:var(--muted, #657896);}
html[data-kcc-theme="light"] .infra-arrow{color:var(--muted, #657896);}
html[data-kcc-theme="light"] .infra-card{border:1px solid var(--border, #bcd3f9);background:#f9fbff;}
html[data-kcc-theme="light"] .infra-row{border-top:1px solid rgba(162, 180, 204, .34);}
html[data-kcc-theme="light"] .infra-row>span:first-child{color:var(--muted, #657896);}
html[data-kcc-theme="light"] .infra-status.ready{color:#0a8959;background:rgba(21, 163, 98, .075);}
html[data-kcc-theme="light"] .infra-status.missing{color:#657896;background:rgba(229, 83, 102, .07);}
html[data-kcc-theme="light"] .infra-copy-value:hover,
html[data-kcc-theme="light"] .copy-inline:hover{color:#2462ba;}
html[data-kcc-theme="light"] .infra-warning{border:1px solid rgba(206, 49, 68, .24);background:rgba(229, 83, 102, .07);color:#657896;}
html[data-kcc-theme="light"] .infra-step{border:1px solid var(--border, #bcd3f9);}
html[data-kcc-theme="light"] .infra-step.ready{border-color:rgba(22, 163, 96, .25);background:rgba(21, 163, 98, .075) !important;}
html[data-kcc-theme="light"] .infra-step.missing{border-color:rgba(206, 49, 68, .24);background:rgba(229, 83, 102, .07) !important;}
html[data-kcc-theme="light"] .infra-step small{color:var(--muted, #657896);}
html[data-kcc-theme="light"] .infra-arrow{color:var(--muted, #657896);}
html[data-kcc-theme="light"] .confirm-icon{background:rgba(21, 163, 98, .075);color:#2462ba;}
html[data-kcc-theme="light"] .confirm-icon.danger{background:rgba(229, 83, 102, .07);color:#b73544;}
html[data-kcc-theme="light"] .danger-btn{border:1px solid rgba(206, 49, 68, .24);background:#fff0f2;}
html[data-kcc-theme="light"] .confirm-danger-panel{border-color:rgba(206, 49, 68, .24);}
html[data-kcc-theme="light"] .operation-error{border:1px solid rgba(206, 49, 68, .24);background:rgba(229, 83, 102, .07);color:#b42337;}
html[data-kcc-theme="light"] .import-file-drop{border:1px dashed rgba(162, 180, 204, .34);background:#f9fbff;}
html[data-kcc-theme="light"] .import-file-drop:hover,
html[data-kcc-theme="light"] .import-file-drop.dragover{border-color:rgba(22, 163, 96, .25);background:rgba(21, 163, 98, .075);}
html[data-kcc-theme="light"] .import-file-drop.loaded{border-color:rgba(22, 163, 96, .25);background:rgba(21, 163, 98, .075);}
html[data-kcc-theme="light"] .import-file-icon{background:#f9fbff;}
html[data-kcc-theme="light"] .import-file-separator::before,
html[data-kcc-theme="light"] .import-file-separator::after{background:#f9fbff;}
html[data-kcc-theme="light"] .import-result-report{border:1px solid rgba(206, 49, 68, .24);background:rgba(229, 83, 102, .07);}
html[data-kcc-theme="light"] .import-result-report.runtime-error{border-color:rgba(206, 49, 68, .24);background:rgba(229, 83, 102, .07);}
html[data-kcc-theme="light"] .import-error-row{background:#f9fbff;}
@media (max-width:700px){
html[data-kcc-theme="light"] .mobile-nav .nav-btn.active{background:#edf4ff;}
}
html[data-kcc-theme="light"] .registrar-field-head>span{color:var(--muted,#657896);}
html[data-kcc-theme="light"] .registrar-add-btn{color:#2462ba;}
html[data-kcc-theme="light"] .registrar-add-btn:hover{color:#2462ba;}
html[data-kcc-theme="light"] .domain-form-grid .geo-option{border-bottom:1px solid rgba(162, 180, 204, .34);border-right:1px solid rgba(162, 180, 204, .34);}
@media  (max-width:1050px){
html[data-kcc-theme="light"] .domain-form-grid .geo-option:nth-child(3n){border-right:1px solid rgba(162, 180, 204, .34);}
}
html[data-kcc-theme="light"] select{background-color:#ffffff !important;background-image:linear-gradient(45deg,transparent 50%,#edf4ff 50%),
    linear-gradient(135deg,#edf4ff 50%,transparent 50%) !important;border-color:#bcd3f9 !important;}
html[data-kcc-theme="light"] select:hover{background-color:#edf4ff !important;border-color:#bcd3f9 !important;}
html[data-kcc-theme="light"] select:focus{background-color:#edf4ff !important;border-color:#bcd3f9 !important;box-shadow:0 0 0 3px rgba(17, 35, 61, .08) !important;}
html[data-kcc-theme="light"] select option{background:#ffffff;color:#14213c;}
html[data-kcc-theme="light"] .infra-health-flow .infra-step.warning{border-color:rgba(206, 49, 68, .24);background:rgba(229, 83, 102, .07);}
html[data-kcc-theme="light"] .infra-health-flow .infra-step.warning .infra-state{color:#657896;background:rgba(229, 83, 102, .07);border-color:rgba(206, 49, 68, .24);}
html[data-kcc-theme="light"] .infra-health-flow .infra-step.error{border-color:rgba(206, 49, 68, .24);background:rgba(229, 83, 102, .07);}
html[data-kcc-theme="light"] .infra-health-flow .infra-step.error .infra-state{color:#b73544;background:rgba(229, 83, 102, .07);border-color:rgba(206, 49, 68, .24);}
html[data-kcc-theme="light"] .infra-health-flow .infra-step.error strong{color:#b42337;}
html[data-kcc-theme="light"] .infra-health-flow .infra-step.warning strong{color:#14213c;}
html[data-kcc-theme="light"] .infra-health-summary-text small{color:var(--muted,#657896);}
html[data-kcc-theme="light"] .infra-health-summary.ready{border-color:rgba(22, 163, 96, .25);background:rgba(21, 163, 98, .075);}
html[data-kcc-theme="light"] .infra-health-summary.ready .infra-health-summary-icon{color:#0a8959;background:rgba(21, 163, 98, .075);}
html[data-kcc-theme="light"] .infra-health-summary.ready strong{color:#087a50;}
html[data-kcc-theme="light"] .infra-health-summary.warning{border-color:rgba(206, 49, 68, .24);background:rgba(229, 83, 102, .07);}
html[data-kcc-theme="light"] .infra-health-summary.warning .infra-health-summary-icon{color:#657896;background:rgba(229, 83, 102, .07);}
html[data-kcc-theme="light"] .infra-health-summary.warning strong{color:#14213c;}
html[data-kcc-theme="light"] .infra-health-summary.error{border-color:rgba(206, 49, 68, .24);background:rgba(229, 83, 102, .07);}
html[data-kcc-theme="light"] .infra-health-summary.error .infra-health-summary-icon{color:#b73544;background:rgba(229, 83, 102, .07);}
html[data-kcc-theme="light"] .infra-health-summary.error strong{color:#b42337;}
html[data-kcc-theme="light"] .cf-dns-summary{border:1px solid #bcd3f9;background:#edf4ff;}
html[data-kcc-theme="light"] .cf-dns-record{border:1px solid #bcd3f9;background:#ffffff;}
html[data-kcc-theme="light"] .cpanel-access-row{background:#ffffff;border:1px solid #bcd3f9;}
html[data-kcc-theme="light"] .server-backup-card{border:1px solid #bcd3f9;background:#ffffff;color:#14213c;box-shadow:0 4px 18px rgba(17, 35, 61, .08);}
html[data-kcc-theme="light"] .server-backup-icon{background:#edf4ff;color:#2462ba;}
html[data-kcc-theme="light"] .server-backup-heading h3{color:#14213c;}
html[data-kcc-theme="light"] .server-backup-subtitle{color:#657896;}
html[data-kcc-theme="light"] .server-backup-refresh{border:1px solid #bcd3f9;background:#edf4ff;color:#14213c;}
html[data-kcc-theme="light"] .server-backup-refresh:hover{background:#edf4ff;}
html[data-kcc-theme="light"] .server-backup-stat{border:1px solid rgba(22, 163, 96, .25);background:#edf4ff;}
html[data-kcc-theme="light"] .server-backup-stat-label{color:#657896;}
html[data-kcc-theme="light"] .server-backup-dot{background:#f9fbff;}
html[data-kcc-theme="light"] .server-backup-stat-value{color:#14213c;}
html[data-kcc-theme="light"] .server-backup-notice{color:#657896;}
html[data-kcc-theme="light"] .server-backup-history-title{color:#14213c;}
html[data-kcc-theme="light"] .server-backup-history-count{color:#657896;}
html[data-kcc-theme="light"] .server-backup-history{border:1px solid rgba(22, 163, 96, .25);background:#edf4ff;}
html[data-kcc-theme="light"] .server-backup-history .list-item{border-bottom:1px solid rgba(22, 163, 96, .25);}
html[data-kcc-theme="light"] .server-backup-history .item-title{color:#14213c;}
html[data-kcc-theme="light"] .server-backup-history .meta{color:#657896;}
html[data-kcc-theme="light"] .server-backup-empty{color:#657896;}
html[data-kcc-theme="light"] .server-backup-empty-icon{color:#2462ba;}
html[data-kcc-theme="light"] .server-backup-empty small{color:#2462ba;}
html[data-kcc-theme="light"] .server-backup-create{background:#edf4ff;color:#14213c;}
html[data-kcc-theme="light"] .server-backup-entry{border:1px solid rgba(22, 163, 96, .25);background:#edf4ff;}
html[data-kcc-theme="light"] .server-backup-entry-top strong{color:#14213c;}
html[data-kcc-theme="light"] .server-backup-entry-description{color:#657896;}
html[data-kcc-theme="light"] .server-backup-entry-bottom{color:#657896;}
html[data-kcc-theme="light"] .server-backup-entry-bottom strong{color:#14213c;}
html[data-kcc-theme="light"] .server-backup-badge{background:#edf4ff;color:#657896;}
html[data-kcc-theme="light"] .server-backup-badge.success{background:rgba(21, 163, 98, .075);color:#0a8959;}
html[data-kcc-theme="light"] .server-backup-badge.error,
html[data-kcc-theme="light"] .server-backup-badge.failed{background:rgba(229, 83, 102, .07);color:#b73544;}
html[data-kcc-theme="light"] .server-backup-badge.partial{background:rgba(229, 83, 102, .07);color:#657896;}
html[data-kcc-theme="light"] .server-backup-badge.running{background:rgba(21, 163, 98, .075);color:#2462ba;}

/* ==== Hand-finished light design system and layout ==== */
html[data-kcc-theme="light"] body,
html[data-kcc-theme="light"] #app,
html[data-kcc-theme="light"] .shell,
html[data-kcc-theme="light"] .main { background:#f7f9fc;color:#172440; }
html[data-kcc-theme="light"] .topbar {
  background:rgba(255,255,255,.95); border-bottom:1px solid #e7edf5;
  backdrop-filter:blur(12px);
}
html[data-kcc-theme="light"] .topbar h2 {color:#172440;letter-spacing:-.035em;font-size:25px;}
html[data-kcc-theme="light"] .eyebrow {color:#8291aa;letter-spacing:.13em;}
html[data-kcc-theme="light"] .sidebar {
  background:#fff;border-right:1px solid #e7edf5;
}
html[data-kcc-theme="light"] .sidebar .nav-btn,
html[data-kcc-theme="light"] .mobile-nav .nav-btn {color:#526783;}
html[data-kcc-theme="light"] .sidebar .nav-btn:hover,
html[data-kcc-theme="light"] .mobile-nav .nav-btn:hover {background:#f1f5fb;color:#2563eb;}
html[data-kcc-theme="light"] .sidebar .nav-btn.active,
html[data-kcc-theme="light"] .mobile-nav .nav-btn.active {background:#eaf2ff;color:#1766ea;}
html[data-kcc-theme="light"] .sidebar .nav-btn.active .nav-icon,
html[data-kcc-theme="light"] .mobile-nav .nav-btn.active .nav-icon{color:#1766ea;}
html[data-kcc-theme="light"] .nav-icon img {opacity:.82;}
html[data-kcc-theme="light"] .brand-mark {background:#2978f6;border:1px solid #2978f6;color:#fff;box-shadow:none;}
html[data-kcc-theme="light"] .brand-row strong{color:#162440;}
html[data-kcc-theme="light"] .mobile-nav {background:rgba(255,255,255,.97);border-top:1px solid #e3eaf3;}
html[data-kcc-theme="light"] .content {max-width:1700px;}
html[data-kcc-theme="light"] .card,
html[data-kcc-theme="light"] .domain-list-pane,
html[data-kcc-theme="light"] .domain-main-pane,
html[data-kcc-theme="light"] .domain-side-pane,
html[data-kcc-theme="light"] .server-list-pane,
html[data-kcc-theme="light"] .server-main-pane {
  background:#fff;border:1px solid #e2e9f2;border-radius:15px;
  box-shadow:0 3px 16px rgba(21,43,78,.035);
}
html[data-kcc-theme="light"] .card{padding:14px;}
html[data-kcc-theme="light"] .section-head{margin:14px 2px 9px;}
html[data-kcc-theme="light"] .section-head h3 {font-size:15px;color:#182540;}
html[data-kcc-theme="light"] .metric-value{font-size:27px;color:#15233d;}
html[data-kcc-theme="light"] .metric-note,
html[data-kcc-theme="light"] .meta,
html[data-kcc-theme="light"] .split-meta {color:#70819b;}
html[data-kcc-theme="light"] .metric-label{color:#637893;}
html[data-kcc-theme="light"] .primary,
html[data-kcc-theme="light"] .action-link,
html[data-kcc-theme="light"] .server-backup-create{
  background:#2b75f5;border-color:#2b75f5;color:#fff!important;box-shadow:none;
}
html[data-kcc-theme="light"] .primary:hover:not(:disabled),
html[data-kcc-theme="light"] .action-link:hover,
html[data-kcc-theme="light"] .server-backup-create:hover:not(:disabled){background:#1766e6;border-color:#1766e6;}
html[data-kcc-theme="light"] .secondary,
html[data-kcc-theme="light"] .ghost,
html[data-kcc-theme="light"] .icon-btn,
html[data-kcc-theme="light"] .close-btn,
html[data-kcc-theme="light"] .server-backup-refresh{
  background:#fff;border:1px solid #dce5f1;color:#1d2e4e;box-shadow:none;
}
html[data-kcc-theme="light"] .secondary:hover:not(:disabled),
html[data-kcc-theme="light"] .ghost:hover:not(:disabled),
html[data-kcc-theme="light"] .icon-btn:hover:not(:disabled),
html[data-kcc-theme="light"] .close-btn:hover:not(:disabled){background:#f1f6fe;border-color:#bfcee4;}
html[data-kcc-theme="light"] input:not([type="checkbox"]):not([type="radio"]),
html[data-kcc-theme="light"] select,
html[data-kcc-theme="light"] textarea,
html[data-kcc-theme="light"] .form-field input:not([type="checkbox"]),
html[data-kcc-theme="light"] .form-field select,
html[data-kcc-theme="light"] .form-field textarea{
  background-color:#fff!important;border:1px solid #dce5f0!important;color:#1c2b46;
  box-shadow:none;border-radius:10px;
}
html[data-kcc-theme="light"] input::placeholder,
html[data-kcc-theme="light"] textarea::placeholder{color:#96a5ba;opacity:1;}
html[data-kcc-theme="light"] input:focus-visible,
html[data-kcc-theme="light"] select:focus-visible,
html[data-kcc-theme="light"] textarea:focus-visible,
html[data-kcc-theme="light"] button:focus-visible,
html[data-kcc-theme="light"] .list-item:focus-visible{
  outline:2px solid #2675f5;outline-offset:2px;
}
html[data-kcc-theme="light"] select,
html[data-kcc-theme="light"] select:hover,
html[data-kcc-theme="light"] select:focus{
  background-color:#fff!important;border-color:#dce5f0!important;
  background-image:linear-gradient(45deg,transparent 50%,#7790ad 50%),linear-gradient(135deg,#7790ad 50%,transparent 50%)!important;
  box-shadow:none!important;
}
html[data-kcc-theme="light"] select option{background:#fff;color:#162440;}
/* Fix the global 100%-width input rule for EVERY checkbox and radio, including bulk backup. */
html input[type="checkbox"],html input[type="radio"]{
  display:inline-block;flex:0 0 17px;width:17px!important;height:17px!important;
  min-width:17px;max-width:17px;margin:0;padding:0!important;
  accent-color:#2b75f5;vertical-align:middle;
}
html input[type="checkbox"] {border-radius:4px;}
html[data-kcc-theme="light"] .badge{background:#edf2f9;color:#536781;border:0;}
html[data-kcc-theme="light"] .badge.ok,
html[data-kcc-theme="light"] .badge.connected,
html[data-kcc-theme="light"] .badge.success,
html[data-kcc-theme="light"] .server-backup-badge.success{background:#e5f8ed;color:#087a4e;}
html[data-kcc-theme="light"] .badge.offline,
html[data-kcc-theme="light"] .badge.critical,
html[data-kcc-theme="light"] .badge.error,
html[data-kcc-theme="light"] .server-backup-badge.failed{background:#fff0f1;color:#b82a40;}
html[data-kcc-theme="light"] .badge.warning{background:#fff6e4;color:#8c620b;}
html[data-kcc-theme="light"] .badge.partial,
html[data-kcc-theme="light"] .badge.info{background:#eaf2ff;color:#1762c8;}
html[data-kcc-theme="light"] .toast{background:#152744;border:1px solid #152744;color:#fff;box-shadow:0 8px 28px #172b4433;}
html[data-kcc-theme="light"] .auth-screen{background:#f6f9ff;}
html[data-kcc-theme="light"] .auth-card{background:#fff;border:1px solid #e1e8f1;box-shadow:0 18px 55px #21385b12;}
html[data-kcc-theme="light"] .auth-card h1{color:#13223e;}
html[data-kcc-theme="light"] .form-error{color:#b42337;}
/* Density: list views, server folders, selected domain, account access. */
html[data-kcc-theme="light"] .list-item,
html[data-kcc-theme="light"] .domain-row,
html[data-kcc-theme="light"] .account-row,
html[data-kcc-theme="light"] .server-row{
  background:#fff;border:1px solid #e2e9f2;border-radius:10px;box-shadow:none;
  padding:10px 11px;
}
html[data-kcc-theme="light"] .list-item:hover,
html[data-kcc-theme="light"] .domain-row:hover,
html[data-kcc-theme="light"] .account-row:hover,
html[data-kcc-theme="light"] .server-row:hover {background:#f8fbff;border-color:#bfd5fb;}
html[data-kcc-theme="light"] .list-item.selected,
html[data-kcc-theme="light"] .domain-row.selected,
html[data-kcc-theme="light"] .account-row.selected,
html[data-kcc-theme="light"] .server-row.selected,
html[data-kcc-theme="light"] .detail-selected{
  background:#eff5ff;border-color:#76a9ff;box-shadow:0 0 0 1px rgba(38,115,245,.06);
}
html[data-kcc-theme="light"] .domain-list-scroll,
html[data-kcc-theme="light"] .server-group-items,
html[data-kcc-theme="light"] .list{gap:6px;}
html[data-kcc-theme="light"] .domain-list-pane{padding:0 9px 9px;}
html[data-kcc-theme="light"] .domain-main-pane,
html[data-kcc-theme="light"] .domain-side-pane{padding:13px;min-height:0;}
html[data-kcc-theme="light"] .domain-selected-title{font-size:19px;}
html[data-kcc-theme="light"] .domain-pane-head{margin-bottom:10px;}
html[data-kcc-theme="light"] .domain-detail-section{margin-top:12px;padding-top:12px;}
html[data-kcc-theme="light"] .domain-section-title{font-size:10px;letter-spacing:.1em;margin-bottom:7px;}
html[data-kcc-theme="light"] .domain-info-grid,
html[data-kcc-theme="light"] .server-detail-grid,
html[data-kcc-theme="light"] .detail-grid{gap:7px;}
html[data-kcc-theme="light"] .kv {background:#fbfcfe;border:1px solid #e3eaf3;border-radius:10px;padding:9px 10px;}
html[data-kcc-theme="light"] .kv b{color:#70819d;font-size:10.5px;}
html[data-kcc-theme="light"] .kv span{color:#1c2a45;font-size:12.5px;}
html[data-kcc-theme="light"] .infra-step,
html[data-kcc-theme="light"] .infra-card,
html[data-kcc-theme="light"] .cf-dns-record,
html[data-kcc-theme="light"] .cf-dns-summary,
html[data-kcc-theme="light"] .cpanel-access-row,
html[data-kcc-theme="light"] .server-access-card,
html[data-kcc-theme="light"] .server-backup-stat,
html[data-kcc-theme="light"] .server-backup-entry {background:#fbfcfe;border-color:#e2e9f2;}
html[data-kcc-theme="light"] .infra-step.ready {background:#f0fbf5;border-color:#c9ead9;}
html[data-kcc-theme="light"] .infra-step.warning {background:#fffbf2;border-color:#f2dfb5;}
html[data-kcc-theme="light"] .infra-status.ready,
html[data-kcc-theme="light"] .infra-step.ready .infra-state {background:#e4f7ed;color:#0b8455;}
html[data-kcc-theme="light"] .infra-status.missing,
html[data-kcc-theme="light"] .infra-step.missing .infra-state {background:#fff2df;color:#946211;}
html[data-kcc-theme="light"] .infra-health-summary.error strong {color:#b42337;}
html[data-kcc-theme="light"] .infra-health-summary.ready strong {color:#0d8053;}
html[data-kcc-theme="light"] .infra-health-summary.warning strong {color:#95640c;}
html[data-kcc-theme="light"] .domain-main-actions,
html[data-kcc-theme="light"] .detail-actions{gap:7px;margin-top:11px;padding-top:10px;}
html[data-kcc-theme="light"] .server-group-block{margin-bottom:12px;}
html[data-kcc-theme="light"] .server-group-head{padding:5px 3px 7px;}
html[data-kcc-theme="light"] .server-group-items{gap:6px;}
html[data-kcc-theme="light"] .server-row{align-items:center;gap:7px;}
html[data-kcc-theme="light"] .server-main-head{margin-bottom:12px;}
html[data-kcc-theme="light"] .server-pin:hover{background:#eaf2ff;}
html[data-kcc-theme="light"] .server-copy-kv:hover,
html[data-kcc-theme="light"] #detailSheet .copyable-kv:hover {background:#f2f7ff;border-color:#b2ccf8;}
html[data-kcc-theme="light"] #detailSheet.detail-sheet{border-left:1px solid #e3eaf3;box-shadow:-12px 0 36px #21385612;}
html[data-kcc-theme="light"] #detailSheet .detail-panel{background:#fff;}
html[data-kcc-theme="light"] .detail-sheet,
html[data-kcc-theme="light"] .confirm-sheet {background:rgba(24,38,62,.38);}
html[data-kcc-theme="light"] .detail-panel,
html[data-kcc-theme="light"] .confirm-panel {background:#fff;border:1px solid #dce5f0;box-shadow:0 20px 65px #182d4e1c;}
html[data-kcc-theme="light"] .detail-head{background:rgba(255,255,255,.96);border-bottom:1px solid #e5ebf3;}
html[data-kcc-theme="light"] .detail-body{padding:13px;}
html[data-kcc-theme="light"] .geo-selected,
html[data-kcc-theme="light"] .geo-list {background:#fff;border-color:#dce5f0;}
html[data-kcc-theme="light"] .geo-option:hover{background:#f2f6fd;}
html[data-kcc-theme="light"] .geo-option:has(input:checked){background:#edf4ff;}
html[data-kcc-theme="light"] .geo-chip{background:#eaf2ff;border-color:#cde0fd;color:#175fbd;}
html[data-kcc-theme="light"] .domain-form-grid .geo-list{max-height:200px;}
html[data-kcc-theme="light"] .form-grid{gap:10px;margin:6px 0 12px;}
html[data-kcc-theme="light"] .form-field>span{color:#637894;}
/* Backup module: white, compact and readable. */
html[data-kcc-theme="light"] .server-backup-card{
  padding:14px;margin-top:14px;color:#192940;border:1px solid #e2e9f2;
  border-radius:14px;background:#fff;box-shadow:none;
}
html[data-kcc-theme="light"] .server-backup-heading h3,
html[data-kcc-theme="light"] .server-backup-history-title,
html[data-kcc-theme="light"] .server-backup-stat-value,
html[data-kcc-theme="light"] .server-backup-entry-top strong,
html[data-kcc-theme="light"] .server-backup-entry-bottom strong {color:#14233d;}
html[data-kcc-theme="light"] .server-backup-heading h3{font-size:14px;}
html[data-kcc-theme="light"] .server-backup-subtitle,
html[data-kcc-theme="light"] .server-backup-stat-label,
html[data-kcc-theme="light"] .server-backup-notice,
html[data-kcc-theme="light"] .server-backup-history-count,
html[data-kcc-theme="light"] .server-backup-entry-description,
html[data-kcc-theme="light"] .server-backup-entry-bottom {color:#697e98;}
html[data-kcc-theme="light"] .server-backup-icon{background:#eaf2ff;color:#2675e9;}
html[data-kcc-theme="light"] .server-backup-stats{gap:8px;margin-top:12px;}
html[data-kcc-theme="light"] .server-backup-stat{padding:11px;background:#f8fafd;}
html[data-kcc-theme="light"] .server-backup-stat-value{margin-top:5px;font-size:14px;}
html[data-kcc-theme="light"] .server-backup-history-head{margin-top:13px;}
html[data-kcc-theme="light"] .server-backup-history{gap:7px;}
html[data-kcc-theme="light"] .server-backup-entry{padding:12px 13px;}
html[data-kcc-theme="light"] .server-backup-history .list-item{background:#fff;padding:10px 11px;}
html[data-kcc-theme="light"] .server-backup-history .item-title{color:#172440;}
html[data-kcc-theme="light"] .server-backup-badge.running{background:#e9f1ff;color:#2461c0;}
html[data-kcc-theme="light"] .server-backup-badge.partial{background:#fff5e6;color:#98670c;}
html[data-kcc-theme="light"] .server-backup-footer{margin-top:10px;}
/* Avoid unreadable dark-only link colors in light theme. */
html[data-kcc-theme="light"] a:not(.action-link){color:#1e65cf;}
html[data-kcc-theme="light"] a:not(.action-link):hover{color:#144da8;}
html[data-kcc-theme="light"] .progress{background:#e7edf5;}
html[data-kcc-theme="light"] .progress>i{background:#2b75f5;}
/* Theme switcher control: always visible and keyboard accessible */
.kcc-top-actions{display:flex;align-items:center;gap:8px;}
.kcc-theme-toggle{font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center;}
html[data-kcc-theme="light"] .kcc-theme-toggle{background:#fff;border:1px solid #dce5f1;color:#1d355b;}
html[data-kcc-theme="dark"] .kcc-theme-toggle{background:#10233a;border:1px solid #29425f;color:#c5dbff;}
/* Bulk backup: repair alignment and prevent horizontal overflow. */
#kccBulkPanel{min-width:0;}
.kcc-bulk-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 10px;}
.kcc-bulk-toolbar .meta{margin:0;}
.kcc-bulk-search{margin-left:auto;max-width:275px;min-width:170px;flex:1 1 180px;}
.kcc-bulk-choices{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:11px;padding:0;scrollbar-gutter:stable;}
.kcc-bulk-server-row{display:grid;grid-template-columns:18px 50px minmax(100px,1fr) minmax(120px,180px);gap:10px;align-items:center;
  margin:0;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--line);line-height:1.35;}
.kcc-bulk-server-row:last-child{border-bottom:0;}
.kcc-bulk-server-row:hover{background:rgba(59,130,246,.06);}
.kcc-bulk-server-row:has(input:checked){background:rgba(59,130,246,.09);}
.kcc-bulk-server-id{font-size:12px;font-weight:700;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;}
.kcc-bulk-server-name{font-size:13px;font-weight:700;min-width:0;overflow-wrap:anywhere;}
.kcc-bulk-server-address{font-size:12px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;}
.kcc-bulk-choices-header{display:grid;grid-template-columns:18px 50px minmax(100px,1fr) minmax(120px,180px);gap:10px;
  align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel2);
  color:var(--muted);font-size:11px;font-weight:650;position:sticky;top:0;z-index:1;}
.kcc-bulk-options{display:flex;gap:14px;align-items:start;flex-wrap:wrap;margin-top:12px;}
.kcc-bulk-concurrency{flex:1 1 200px;max-width:350px;display:grid;gap:6px;font-size:12px;font-weight:650;}
.kcc-bulk-concurrency select{width:100%;}
.kcc-bulk-warning{flex:2 1 330px;min-width:0;border:1px solid #eadcb6;border-radius:10px;padding:10px 12px;
  background:#fffaf0;color:#7b5b19;font-size:12px;line-height:1.45;}
.kcc-bulk-confirm{display:flex;align-items:flex-start;gap:9px;margin:12px 0;font-size:12px;line-height:1.5;cursor:pointer;}
.kcc-bulk-confirm input{margin-top:2px;}
.kcc-bulk-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;}
.kcc-bulk-actions .primary{flex:1 1 100%;}
.kcc-bulk-actions .secondary{flex:1 1 150px;}
.kcc-bulk-state{margin-top:12px;max-width:100%;overflow:auto;}
.kcc-bulk-state table{width:100%;border-collapse:collapse;font-size:12px;min-width:460px;}
.kcc-bulk-state th,.kcc-bulk-state td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top;}
.kcc-bulk-state th{background:var(--panel2);color:var(--muted);}
html[data-kcc-theme="light"] .kcc-bulk-choices{background:#fff;}
html[data-kcc-theme="light"] .kcc-bulk-choices-header{background:#f6f8fc;}
html[data-kcc-theme="light"] .kcc-bulk-server-row:hover{background:#f4f8ff;}
html[data-kcc-theme="light"] .kcc-bulk-server-row:has(input:checked){background:#eaf2ff;}
html[data-kcc-theme="dark"] .kcc-bulk-warning{background:#332c1c;color:#eed096;border-color:#55482e;}
html[data-kcc-theme="dark"] .kcc-bulk-server-address{color:#9ab0cd;}
html[data-kcc-theme="light"] #kccBulkPanel .section-head{margin-top:0;}
/* Desktop split: slightly favor details and keep scrolling inside lists. */
@media (min-width:1050px){
  html[data-kcc-theme="light"] .sidebar{padding:15px 11px;}
  html[data-kcc-theme="light"] .sidebar .nav-btn{height:43px;}
  html[data-kcc-theme="light"] .topbar{padding:14px 22px 11px;}
  html[data-kcc-theme="light"] .content{padding:15px 22px 32px;}
  html[data-kcc-theme="light"] .domain-workspace{grid-template-columns:minmax(290px,.83fr) minmax(480px,1.17fr);gap:10px;}
  html[data-kcc-theme="light"] .server-workspace{grid-template-columns:minmax(300px,.86fr) minmax(470px,1.14fr)!important;gap:10px;}
  html[data-kcc-theme="light"] .domain-list-scroll{max-height:calc(100dvh - 235px);}
  html[data-kcc-theme="light"] .server-group-items{gap:6px;}
  html[data-kcc-theme="light"] .server-list-pane{padding:10px;}
}
@media(max-width:1049px){
  html[data-kcc-theme="light"] .content{padding:12px 12px 24px;}
}
@media(max-width:700px){
  html[data-kcc-theme="light"] .content{padding:10px 10px 22px;}
  html[data-kcc-theme="light"] .topbar{padding:calc(10px + var(--safe-top)) 13px 10px;}
  html[data-kcc-theme="light"] .topbar h2{font-size:21px;}
  html[data-kcc-theme="light"] .card{padding:12px;}
  html[data-kcc-theme="light"] .domain-list-scroll{max-height:none;}
  html[data-kcc-theme="light"] .detail-panel{border-radius:16px;}
  html[data-kcc-theme="light"] .server-backup-stats{grid-template-columns:1fr;}
  .kcc-bulk-toolbar .kcc-bulk-search{flex-basis:100%;max-width:none;}
  .kcc-bulk-server-row{grid-template-columns:18px 42px minmax(0,1fr);gap:7px;padding:9px;}
  .kcc-bulk-server-address{grid-column:3;text-align:left;margin-top:-3px;}
  .kcc-bulk-choices-header{grid-template-columns:18px 42px minmax(0,1fr);gap:7px;}
  .kcc-bulk-choices-header span:last-child{display:none;}
  .kcc-bulk-concurrency{max-width:none;}
}
@media(prefers-reduced-motion:reduce){
  html[data-kcc-theme="light"] *, html[data-kcc-theme="light"] *::before, html[data-kcc-theme="light"] *::after{
    scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important;
  }
}
/* Final interaction/contrast corrections. */
.kcc-bulk-server-row[hidden]{display:none!important;}
html[data-kcc-theme="light"] .server-pin.active,
html[data-kcc-theme="light"] .pinned-dot {color:#e7a524;}
html[data-kcc-theme="light"] .server-detail-status.offline {color:#bd3248;}
html[data-kcc-theme="light"] .metric-label{font-weight:600;}
@media(max-width:700px){
  /* Six real navigation sections must fit; legacy grid reserved five cells. */
  html[data-kcc-theme="light"] .mobile-nav,
  html[data-kcc-theme="dark"] .mobile-nav{grid-template-columns:repeat(6,minmax(0,1fr));}
  html[data-kcc-theme="light"] .server-toolbar,
  html[data-kcc-theme="dark"] .server-toolbar{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
  }
  .server-toolbar > button{width:100%;min-width:0;font-size:12px;padding:8px 6px;white-space:normal;line-height:1.3;}
  .server-toolbar .server-search{grid-column:1 / -1;max-width:none;width:100%;}
}