/* Light operations theme loaded after the legacy night theme. */
:root {
  color-scheme: light;
  --bg: #eef3f9;
  --surface: #ffffff;
  --surface-soft: #f6f8fc;
  --surface-raised: #ffffff;
  --border: #d7dfeb;
  --border-strong: #bbc8d9;
  --text: #182235;
  --muted: #5e6b7f;
  --muted-2: #7d899b;
  --primary: #5b4ee8;
  --primary-dark: #4338ca;
  --success: #087a5b;
  --warning: #a55b08;
  --danger: #bd334c;
  --shadow: 0 8px 24px rgba(35, 55, 86, 0.08);
  --gradient-canvas: linear-gradient(132deg, #edf3fa 0%, #f7f6fc 52%, #edf7f6 100%);
  --gradient-surface: linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(247, 249, 253, 0.98));
  --gradient-surface-soft: linear-gradient(122deg, #f8f7ff, #f1f7fb);
  --gradient-interactive: linear-gradient(115deg, #7c3aed 0%, #4f46e5 48%, #168bd5 100%);
  --gradient-interactive-hover: linear-gradient(115deg, #6d28d9 0%, #4338ca 48%, #0879bd 100%);
  --gradient-accent: linear-gradient(90deg, #8b5cf6 0%, #3b82f6 52%, #14b8a6 100%);
  --modal-canvas: #f5f7fb;
  --modal-surface: #ffffff;
  --modal-surface-raised: #f7f9fd;
  --modal-border: #cbd6e5;
  --modal-border-soft: rgba(193, 205, 222, 0.86);
  --modal-text: #182235;
  --modal-muted: #5f6d80;
}

html,
body {
  background: #eef3f9;
}

body {
  background-image:
    linear-gradient(rgba(77, 99, 137, 0.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(77, 99, 137, 0.028) 1px, transparent 1px),
    var(--gradient-canvas);
  background-size: 40px 40px, 40px 40px, cover;
  color: var(--text);
}

.workspace {
  background-image:
    linear-gradient(118deg, rgba(91, 74, 205, 0.045), transparent 34%),
    linear-gradient(298deg, rgba(25, 137, 160, 0.045), transparent 42%),
    var(--gradient-canvas);
}

.sidebar {
  border-right-color: #2d3b58;
  background: linear-gradient(180deg, #1b1933 0%, #17243a 54%, #162c3d 100%);
  box-shadow: 12px 0 30px rgba(26, 36, 58, 0.13), inset -1px 0 0 rgba(160, 181, 218, 0.12);
}

.brand-block {
  background: linear-gradient(115deg, rgba(55, 38, 102, 0.82), rgba(25, 62, 91, 0.8));
}

.brand-mark {
  border-color: rgba(190, 180, 255, 0.82);
  background: var(--gradient-interactive);
  box-shadow: 0 8px 20px rgba(37, 43, 123, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.topbar {
  border-color: rgba(202, 212, 227, 0.9);
  background: rgba(255, 255, 255, 0.88);
  box-shadow: 0 8px 24px rgba(38, 56, 83, 0.06);
  backdrop-filter: blur(16px);
}

.topbar::after {
  background: var(--gradient-accent);
  opacity: 0.58;
}

.topbar h1,
.panel h2,
.panel h3,
.module-panel h2,
.module-panel h3 {
  color: var(--text);
}

.eyebrow {
  color: #5569a8;
}

.nav-item,
.nav-primary,
.nav-section-label {
  color: #c1cbe0;
}

.nav-item:hover,
.nav-cluster:has(.nav-item.active) > .nav-primary,
.nav-primary:hover {
  background: linear-gradient(90deg, rgba(124, 58, 237, 0.16), rgba(22, 139, 213, 0.1));
  color: #f4f6ff;
}

.nav-item.active {
  background: linear-gradient(90deg, rgba(139, 92, 246, 0.34), rgba(59, 130, 246, 0.2), rgba(20, 184, 166, 0.08));
  box-shadow: inset 2px 0 0 #a78bfa, inset 0 0 0 1px rgba(158, 164, 255, 0.2);
  color: #ffffff;
}

.sidebar-runtime {
  border-color: #3a4c68;
  background: linear-gradient(135deg, rgba(39, 37, 71, 0.94), rgba(24, 57, 70, 0.94));
  color: #c6d1df;
}

.sidebar-runtime strong {
  color: #ffffff;
}

.primary-button,
.backup-primary-action {
  border-color: rgba(94, 79, 221, 0.7);
  background: var(--gradient-interactive);
  box-shadow: 0 7px 18px rgba(70, 67, 190, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

.primary-button:hover,
.backup-primary-action:hover {
  background: var(--gradient-interactive-hover);
  box-shadow: 0 9px 22px rgba(66, 65, 181, 0.3);
  color: #ffffff;
}

.ghost-button,
.icon-button,
.table-action,
.secret-toggle,
.backup-storage-open {
  border-color: #c9d4e3;
  background: #ffffff;
  color: #34435a;
  box-shadow: 0 2px 6px rgba(38, 57, 85, 0.05);
}

.ghost-button:hover,
.icon-button:hover,
.table-action:hover,
.secret-toggle:hover,
.backup-storage-open:hover {
  border-color: #9eadd4;
  background: #f2f3ff;
  color: #4238b6;
}

.danger-button {
  border-color: #bd334c;
  background: linear-gradient(135deg, #d84960, #b92d47);
  color: #ffffff;
}

.panel,
.dashboard-signal,
.dashboard-panel,
.summary-strip,
.table-wrap,
.backup-schedule-list,
.backup-config-list,
.backup-file-list,
.backup-activity-list,
.dialog-card,
.data-dialog-card,
#data-monitor > .module-panel,
.task-center {
  border-color: var(--border);
  background: var(--gradient-surface);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.dashboard-panel-heading,
.panel-heading,
.module-toolbar,
.backup-list-head,
.site-control-bar,
.dialog-heading,
.dialog-actions,
thead,
th,
#domainMetricTable thead {
  border-color: var(--border);
  background: linear-gradient(105deg, #f8f7ff, #f2f7fb);
  color: #36445a;
}

.module-subnav,
.alert-subnav-shell,
.backup-subnav,
.site-view-switch {
  border-color: var(--border);
  background: linear-gradient(108deg, #f5f3ff, #eef6fb);
}

.module-subnav button,
.alert-subnav-shell button,
.backup-subnav button,
.site-view-switch button {
  color: #59677b;
}

.module-subnav button.active,
.alert-subnav-shell button.active,
.backup-subnav button.active,
.site-view-switch button.active {
  background: #ffffff;
  color: #4739c1;
  box-shadow: 0 3px 10px rgba(61, 67, 138, 0.1), inset 0 -2px 0 #6656e8;
}

.summary-item,
.dashboard-health-lead,
.dashboard-kpi,
.platform-metrics,
.platform-facts > div,
.service-row,
.incident-row,
.estate-row,
.dashboard-activity li,
.backup-summary-item,
.backup-list-row,
.metric-tile,
.policy-item,
.rule-editor-block,
.rules-policy,
.alert-notify-metric,
.gsc-diagnostic-kpis > div {
  border-color: var(--border);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 252, 0.98));
}

.summary-item span,
.summary-item time,
.dashboard-kpi span,
.platform-facts span,
.service-row span,
.incident-row span,
.estate-row span,
.dashboard-activity span,
.backup-summary-item span,
.metric-tile span,
.policy-item span {
  color: var(--muted);
}

.summary-item strong,
.dashboard-kpi strong,
.platform-facts strong,
.service-row strong,
.incident-row strong,
.estate-row strong,
.backup-summary-item strong,
.metric-tile strong,
.policy-item strong {
  color: var(--text);
}

.table-wrap table,
#domainMetricTable,
.task-table {
  background: transparent;
}

.table-wrap tbody tr:nth-child(odd),
#domainMetricTable tbody tr:nth-child(odd) {
  background: rgba(249, 250, 253, 0.92);
}

.table-wrap tbody tr:nth-child(even),
#domainMetricTable tbody tr:nth-child(even) {
  background: rgba(243, 247, 251, 0.72);
}

.table-wrap td,
#domainMetricTable td,
.task-table td {
  border-color: #dfe6ef;
  color: #29364a;
}

th,
#domainMetricTable th,
.table-sort-button {
  color: #4f5d71;
}

@media (hover: hover) {
  .table-wrap tbody tr:hover,
  #domainMetricTable tbody tr:hover {
    background: linear-gradient(90deg, rgba(119, 92, 246, 0.09), rgba(44, 139, 213, 0.07));
    box-shadow: inset 3px 0 0 #7664e8;
  }

  .table-sort-button:hover {
    background: rgba(99, 82, 211, 0.08);
    color: #4438bc;
  }
}

.table-sort-button.is-active {
  background: linear-gradient(180deg, rgba(121, 92, 246, 0.11), rgba(43, 137, 210, 0.06));
  color: #4338ca;
}

.table-sort-button svg,
.table-sort-button.is-active svg {
  color: #6254d9;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea,
.task-search,
.record-filters select,
.backup-filter-search,
.compact-input,
.gsc-binding-select {
  border-color: #c7d2e2;
  background: #ffffff;
  color: #263449;
}

input::placeholder,
textarea::placeholder,
.task-search input::placeholder {
  color: #8995a6;
}

input:focus,
select:focus,
textarea:focus,
.task-search:focus-within,
.backup-filter-search:focus-within {
  border-color: #7264e8;
  box-shadow: 0 0 0 3px rgba(106, 91, 224, 0.13);
  outline: 0;
}

.compact-input:disabled,
.gsc-binding-select:disabled,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):disabled,
select:disabled,
textarea:disabled {
  border-color: #d8e0ea;
  background: #eef2f6;
  color: #748195;
  -webkit-text-fill-color: #748195;
}

.status-pill--ok,
.service-state--ok {
  border-color: rgba(8, 122, 91, 0.28);
  background: rgba(8, 122, 91, 0.09);
  color: #087657;
}

.status-pill--warn,
.service-state--warn {
  border-color: rgba(165, 91, 8, 0.28);
  background: rgba(210, 126, 16, 0.1);
  color: #965206;
}

.status-pill--down,
.service-state--down {
  border-color: rgba(189, 51, 76, 0.28);
  background: rgba(206, 57, 83, 0.09);
  color: #b52e47;
}

.service-state {
  border-color: #cbd5e3;
  background: #f3f6fa;
  color: #576579;
}

.metric-source,
.metric-source--pending,
.task-identity span,
.task-result > span:last-child,
.backup-server-group-name small,
.dashboard-pulse > span,
.dashboard-pulse > time {
  color: #68768a;
}

.metric-source--gsc { color: #087a5b; }
.metric-source--failed { color: #bd334c; }

.platform-identity,
.dashboard-pulse,
.gsc-coverage-flow,
.record-toolbar,
.backup-server-group-toggle,
.backup-server-group-toggle:hover,
.gsc-diagnostic-strip {
  border-color: var(--border);
  background: linear-gradient(105deg, #f8f7ff, #eef7f8);
}

.platform-node-mark,
.service-icon,
.task-kind-icon,
.task-type-mark {
  border-color: #c9d3e5;
  background: linear-gradient(145deg, #f0edff, #eaf5fb);
  color: #5068bd;
}

.task-kind-icon--backup { color: #087a5b; }
.task-kind-icon--restore { color: #a55b08; }
.task-kind-icon--email { color: #147db0; }
.task-kind-icon--gsc { color: #6948c7; }
.task-kind-icon--monitor { color: #247b8c; }

.dashboard-pulse {
  color: var(--text);
}

.pulse-sample--empty,
.pulse-sample--pending {
  background: #c8d2df;
}

.metric-track {
  background: #dce4ed;
}

.metric-track > i,
.metric-fill,
.rail-tick.is-active {
  background: var(--gradient-accent);
}

/* Task center remains a single continuous data surface. */
.task-status-rail {
  border-color: var(--border);
  background: linear-gradient(105deg, #faf8ff, #f0f7fb, #f2faf8);
}

.task-status-rail::after {
  background: var(--gradient-accent);
  opacity: 0.32;
}

.task-status-cell {
  border-color: #dbe3ed;
}

.task-status-cell span {
  color: #607086;
}

.task-status-cell strong,
.task-identity strong,
.task-result > span:first-child {
  color: #1d293c;
}

.task-status-cell--queued { box-shadow: inset 0 -2px 0 #8793a7; }
.task-status-cell--running { background: rgba(59, 130, 246, 0.06); box-shadow: inset 0 -2px 0 #3b82f6; }
.task-status-cell--failed { box-shadow: inset 0 -2px 0 #d1435d; }
.task-status-cell--success { box-shadow: inset 0 -2px 0 #159877; }

.task-search input {
  background: transparent;
  color: #263449;
}

.task-detail-body,
.task-log-console {
  border-color: var(--border);
  background: #f5f7fb;
  color: #253449;
}

.task-detail-heading-copy span:not(.task-type-mark) {
  color: #66758a;
}

.task-detail-heading-copy h2 {
  color: #182235;
}

.task-detail-summary {
  border-color: #ced9e6;
  background: #f8f9fd;
}

.task-detail-summary > div {
  border-color: #d6dfeb;
}

.task-detail-summary > div > span {
  color: #66758a;
}

.task-detail-summary > div > strong {
  color: #1d293c;
}

.task-error-panel {
  border-color: rgba(189, 51, 76, 0.3);
  background: rgba(203, 54, 80, 0.07);
  color: #8f293d;
}

.task-error-panel code {
  color: #a82d45;
}

.task-timeline-item:not(:last-child)::before {
  background: #bdc9d9;
}

.task-timeline-dot {
  border-color: #f5f7fb;
  background: #507bc4;
  box-shadow: 0 0 0 2px rgba(74, 111, 180, 0.22);
}

.task-timeline-item strong {
  color: #263449;
}

.task-timeline-item p {
  color: #5f6e83;
}

.task-timeline-item time {
  color: #687c9d;
}

.task-timeline-empty {
  color: #66758a;
}

.task-source-log {
  border-color: #cbd6e4;
  background: #172033;
}

.task-source-log-heading {
  border-color: #334159;
  color: #edf3ff;
}

.task-source-log pre {
  color: #c8d8f2;
}

/* Website data, integrations and backup surfaces. */
#data-monitor > .module-panel,
#domainMetricTable tbody,
.gsc-binding-table tbody,
.email-record-table tbody {
  border-color: var(--border);
  background: #ffffff;
}

#domainMetricTable tbody tr,
#domainMetricTable tbody tr:nth-child(odd),
#domainMetricTable tbody tr:nth-child(even) {
  background: transparent;
}

#domainMetricTable .site-title strong,
.backup-server-group-name strong,
.alert-notify-metric strong,
.gsc-diagnostic-kpis strong {
  color: #1d293c;
  text-shadow: none;
}

#domainMetricTable .site-title span,
#domainMetricTable .metric-source {
  color: #66758a;
}

.gsc-coverage-node,
.gsc-coverage-pending {
  border-color: #d1dbe8;
  background: linear-gradient(145deg, #ffffff, #f4f7fb);
  color: #3c4a5e;
}

.gsc-coverage-node--active {
  background: linear-gradient(135deg, rgba(124, 92, 235, 0.1), rgba(42, 137, 207, 0.08));
  box-shadow: inset 0 -2px 0 #6c5ee4;
}

.gsc-coverage-pending {
  background: linear-gradient(135deg, rgba(133, 101, 177, 0.06), rgba(191, 135, 49, 0.06));
  box-shadow: inset 0 -2px 0 #b78a43;
}

#gscSyncScheduleMeta {
  color: #536278;
}

.backup-server-group-toggle:hover {
  box-shadow: inset 3px 0 0 #6656e8;
}

.backup-list-row,
.backup-server-group,
.backup-file-row,
.backup-activity-row,
.backup-schedule-row {
  border-color: #d9e1eb;
  color: #253348;
}

.list-pagination {
  border-color: var(--border);
  background: linear-gradient(104deg, #f7f6fc, #eef7f8);
  color: #536176;
}

.list-pagination-summary,
.list-pagination-controls,
.list-pagination-controls label,
.list-pagination-controls strong {
  color: #536176;
}

.list-pagination-controls select {
  border-color: #c6d1df;
  background: #ffffff;
  color: #263449;
}

.list-pagination .table-action {
  border-color: #c7d2e0;
  background: #ffffff;
  color: #425168;
}

.list-pagination .table-action:not(:disabled):hover {
  border-color: #978fe1;
  background: #f1efff;
  color: #4338ca;
}

/* Modal system uses the same light work surface as the main application. */
dialog::backdrop,
.site-dialog::backdrop,
#dataDetailDialog::backdrop {
  background: rgba(35, 43, 59, 0.42);
  backdrop-filter: blur(5px) saturate(0.84);
}

.site-dialog {
  color-scheme: light;
  --modal-canvas: #f5f7fb;
  --modal-surface: #ffffff;
  --modal-surface-raised: #f7f9fd;
  --modal-border: #c7d2e1;
  --modal-border-soft: rgba(196, 207, 222, 0.9);
  --modal-text: #182235;
  --modal-muted: #5e6c80;
  color: var(--modal-text);
}

.site-dialog .dialog-card {
  border-color: var(--modal-border);
  background:
    linear-gradient(142deg, rgba(122, 92, 238, 0.035), transparent 42%),
    linear-gradient(318deg, rgba(36, 138, 183, 0.035), transparent 46%),
    var(--modal-canvas);
  box-shadow: 0 28px 80px rgba(36, 49, 70, 0.24), 0 0 0 1px rgba(86, 82, 160, 0.05);
  color: var(--modal-text);
}

.site-dialog .dialog-heading,
.site-dialog .dialog-actions {
  border-color: var(--modal-border-soft);
  background: linear-gradient(105deg, #faf8ff, #eef7fb, #f4faf8);
}

.site-dialog .dialog-heading h3,
.site-dialog .email-section-head h4,
.site-dialog .backup-schedule-section-head > span,
.site-dialog .restore-preflight-head strong,
.site-dialog .danger-zone strong,
.site-dialog .scope-resource-grid > div > strong,
.site-dialog .detail-item strong,
.site-dialog .detail-item code,
.site-dialog .permission-option strong,
.site-dialog .scope-check-item strong,
.site-dialog .backup-schedule-site-copy strong,
.site-dialog .site-discovery-domain strong,
.site-dialog .site-discovery-meta strong,
.site-dialog .site-discovery-path code,
.site-dialog .gsc-account-brief strong,
.site-dialog .gsc-upload-head strong,
.site-dialog .gsc-account-steps li {
  color: #182235;
}

.site-dialog .dialog-heading .eyebrow {
  color: #5b4fc5;
}

.site-dialog .dialog-heading .icon-button,
.site-dialog .dialog-close,
#dataDetailDialog .dialog-close {
  border-color: #c1ccdc;
  background: #ffffff;
  box-shadow: 0 0 0 3px rgba(84, 74, 199, 0.06);
  color: #415168;
}

.site-dialog .dialog-heading .icon-button:hover,
.site-dialog .dialog-close:hover,
#dataDetailDialog .dialog-close:hover {
  border-color: #8d82dc;
  background: #f0eeff;
  color: #4338ca;
  box-shadow: 0 4px 12px rgba(67, 56, 202, 0.12);
}

.site-dialog .dialog-body,
.site-dialog .site-discovery-body,
.site-dialog .backup-config-section,
.site-dialog .email-config-section,
.site-dialog .admin-account-section,
.site-dialog .backup-schedule-section,
.site-dialog .site-discovery-list,
.site-dialog .site-discovery-row,
.site-dialog .gsc-account-status,
.site-dialog .gsc-upload-panel textarea,
.site-dialog .gsc-properties-field textarea {
  border-color: var(--modal-border-soft);
  background: var(--modal-surface);
  color: var(--modal-text);
}

.site-dialog .backup-config-section,
.site-dialog .email-config-section,
.site-dialog .admin-account-section,
.site-dialog .backup-schedule-section {
  background: linear-gradient(110deg, rgba(249, 248, 255, 0.96), rgba(244, 249, 252, 0.96));
}

.site-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
.site-dialog select,
.site-dialog textarea,
#dataDetailDialog input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
#dataDetailDialog select,
#dataDetailDialog textarea {
  border-color: #c4cfdf;
  background: #ffffff;
  box-shadow: inset 0 1px 0 rgba(50, 70, 103, 0.025);
  color: #223047;
  caret-color: #5145cf;
}

.site-dialog input::placeholder,
.site-dialog textarea::placeholder,
#dataDetailDialog input::placeholder,
#dataDetailDialog textarea::placeholder {
  color: #8b97a8;
}

.site-dialog input:not([type="checkbox"]):not([type="radio"]):focus,
.site-dialog select:focus,
.site-dialog textarea:focus,
#dataDetailDialog input:not([type="checkbox"]):not([type="radio"]):focus,
#dataDetailDialog select:focus,
#dataDetailDialog textarea:focus {
  border-color: #7163e4;
  outline: 3px solid rgba(96, 82, 218, 0.13);
  box-shadow: none;
}

.site-dialog input:not([type="checkbox"]):not([type="radio"]):disabled,
.site-dialog select:disabled,
.site-dialog textarea:disabled,
.site-dialog textarea[readonly] {
  border-color: #d6dee9;
  background: #edf1f5;
  color: #68768a;
  -webkit-text-fill-color: #68768a;
}

.site-dialog select option {
  background: #ffffff;
  color: #223047;
}

.site-dialog label,
.site-dialog .toggle-switch,
.site-dialog .mail-retry-field,
.site-dialog label > span,
.site-dialog .dialog-body label span,
.site-dialog .backup-field-grid label > span,
.site-dialog .email-config-section label > span,
.site-dialog .admin-field-grid label span,
.site-dialog .backup-schedule-form-grid > label:not(.toggle-switch) > span {
  color: var(--modal-muted);
}

.site-dialog .email-section-head span,
.site-dialog .field-status,
.site-dialog .email-dialog-note,
.site-dialog .preflight-row small,
.site-dialog .permission-option em,
.site-dialog .scope-check-item em,
.site-dialog .scope-empty,
.site-dialog .backup-schedule-site-copy small,
.site-dialog .gsc-account-brief span,
.site-dialog .gsc-upload-head span,
.site-dialog .site-discovery-domain span,
.site-dialog .site-discovery-meta span,
.site-dialog .site-discovery-path span,
.site-dialog .site-discovery-empty {
  color: #67758a;
}

.site-dialog .email-section-head i,
.site-dialog .gsc-account-brief__icon {
  border-color: rgba(104, 86, 218, 0.32);
  background: linear-gradient(145deg, rgba(124, 58, 237, 0.12), rgba(22, 139, 213, 0.1));
  color: #5547c8;
}

.site-dialog .backup-discovery-bar,
.site-dialog .email-dialog-status,
.site-dialog .gsc-account-brief {
  border-color: #c9d4e5;
  background: linear-gradient(105deg, rgba(122, 92, 238, 0.07), rgba(36, 138, 183, 0.06));
}

.site-dialog .backup-discovery-bar span,
.site-dialog .email-dialog-status span,
.site-dialog .email-dialog-status strong {
  color: #344359;
}

.site-dialog .email-dialog-note {
  border-color: rgba(8, 122, 91, 0.24);
  background: rgba(8, 122, 91, 0.06);
  color: #326656;
}

.site-dialog .detail-section h4 {
  color: #344359;
}

.site-dialog .detail-grid,
.site-dialog .permission-grid {
  border-color: var(--modal-border-soft);
  background: var(--modal-border-soft);
}

.site-dialog .detail-item,
.site-dialog .permission-option,
.site-dialog .backup-schedule-site-option,
.site-dialog .site-discovery-row,
.site-dialog .preflight-row {
  border-color: #d6dfeb;
  background: #ffffff;
}

.site-dialog .detail-item span,
.site-dialog .restore-preflight-head span,
.site-dialog .restore-preflight-target,
.site-dialog .preflight-row strong,
.site-dialog .site-discovery-status,
.site-dialog .site-discovery-select-all,
.site-dialog .scope-control-grid .toggle-switch {
  color: #5f6e83;
}

.site-dialog .detail-section--alert .detail-grid,
.site-dialog .detail-section--alert .detail-item,
.site-dialog .danger-zone {
  border-color: rgba(189, 51, 76, 0.28);
  background: rgba(203, 54, 80, 0.06);
}

.site-dialog .danger-zone p {
  color: #734b56;
}

.site-dialog .restore-preflight,
.site-dialog .scope-control-grid .toggle-switch,
.site-dialog .scope-check-list,
.site-dialog .backup-schedule-site-list,
.site-dialog .site-discovery-list,
.site-dialog .gsc-account-status {
  border-color: var(--modal-border-soft);
  background: #f4f7fb;
  color: #56657a;
}

.site-dialog .permission-option:hover,
.site-dialog .scope-check-item:hover,
.site-dialog .backup-schedule-site-option:hover,
.site-dialog .site-discovery-row:hover {
  background: linear-gradient(105deg, rgba(124, 92, 235, 0.08), rgba(42, 137, 207, 0.06));
}

.site-dialog .site-discovery-row.is-existing,
.site-dialog .site-discovery-badge.is-existing {
  border-color: #d5dde8;
  background: #eef2f6;
  color: #69778a;
}

.site-dialog .site-discovery-badge {
  border-color: rgba(59, 130, 246, 0.26);
  background: rgba(59, 130, 246, 0.08);
  color: #3068ad;
}

.site-dialog .secret-toggle {
  border-color: #c5cfdf;
  background: #ffffff;
  color: #415168;
}

.site-dialog .gsc-account-steps li::before {
  border-color: #c1cce0;
  background: #f1efff;
  color: #5548c6;
}

.site-dialog .dialog-body,
.site-dialog .admin-dialog-body,
.site-dialog .backup-dialog-body,
.site-dialog .backup-schedule-dialog-body,
.site-dialog .site-discovery-body,
.site-dialog .email-dialog-body {
  scrollbar-color: #aab8cc #edf1f6;
}

.site-dialog .dialog-body::-webkit-scrollbar-track,
.site-dialog .admin-dialog-body::-webkit-scrollbar-track,
.site-dialog .backup-dialog-body::-webkit-scrollbar-track,
.site-dialog .backup-schedule-dialog-body::-webkit-scrollbar-track,
.site-dialog .site-discovery-body::-webkit-scrollbar-track,
.site-dialog .email-dialog-body::-webkit-scrollbar-track,
.site-dialog textarea::-webkit-scrollbar-track,
.site-dialog .scope-check-list::-webkit-scrollbar-track,
.site-dialog .backup-schedule-site-list::-webkit-scrollbar-track {
  background: #edf1f6;
}

.site-dialog .dialog-body::-webkit-scrollbar-thumb,
.site-dialog .admin-dialog-body::-webkit-scrollbar-thumb,
.site-dialog .backup-dialog-body::-webkit-scrollbar-thumb,
.site-dialog .backup-schedule-dialog-body::-webkit-scrollbar-thumb,
.site-dialog .site-discovery-body::-webkit-scrollbar-thumb,
.site-dialog .email-dialog-body::-webkit-scrollbar-thumb,
.site-dialog textarea::-webkit-scrollbar-thumb,
.site-dialog .scope-check-list::-webkit-scrollbar-thumb,
.site-dialog .backup-schedule-site-list::-webkit-scrollbar-thumb {
  border-color: #edf1f6;
  background: #aab8cc;
}

/* Data detail modal has its own token namespace. */
#dataDetailDialog {
  color-scheme: light;
  --detail-canvas: #f5f7fb;
  --detail-surface: #ffffff;
  --detail-surface-raised: #f7f9fd;
  --detail-border: #c7d2e1;
  --detail-border-soft: rgba(196, 207, 222, 0.9);
  --detail-text: #182235;
  --detail-muted: #5e6c80;
}

#dataDetailDialog .data-dialog-card {
  border-color: var(--detail-border);
  background: var(--detail-canvas);
  color: var(--detail-text);
  box-shadow: 0 28px 80px rgba(36, 49, 70, 0.24);
}

#dataDetailDialog .dialog-heading,
#dataDetailDialog .data-detail-toolbar,
#dataDetailDialog .data-detail-actions {
  border-color: var(--detail-border-soft);
  background: linear-gradient(105deg, #faf8ff, #eef7fb, #f4faf8);
}

#dataDetailDialog .dialog-heading h3,
#dataDetailDialog .data-detail-section h4,
#dataDetailDialog .data-detail-stat strong,
#dataDetailDialog .data-detail-table strong,
#dataDetailDialog code {
  color: #182235;
}

#dataDetailDialog .dialog-heading .eyebrow,
#dataDetailDialog .data-detail-stat span,
#dataDetailDialog .data-detail-table span,
#dataDetailDialog .field-status {
  color: #637186;
}

#dataDetailDialog .data-detail-body,
#dataDetailDialog .data-detail-section,
#dataDetailDialog .data-detail-stat,
#dataDetailDialog .data-detail-table,
#dataDetailDialog .data-detail-empty {
  border-color: var(--detail-border-soft);
  background: #ffffff;
  color: #27354a;
}

/* Login uses the same light canvas and keeps the original vivid action color. */
.login-page {
  background: var(--gradient-canvas);
}

.login-shell {
  background: transparent;
}

.login-brief {
  border-color: #d4ddeb;
  background-image:
    linear-gradient(rgba(80, 94, 132, 0.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(80, 94, 132, 0.032) 1px, transparent 1px),
    linear-gradient(145deg, #eef0ff 0%, #eef7fb 52%, #eff9f5 100%);
  color: #1b273a;
}

.login-brief h1,
.login-brand strong,
.login-signal strong {
  color: #172235;
}

.login-brief p,
.login-brand span,
.login-signal span {
  color: #5d6b80;
}

.login-brief__content p:not(.eyebrow) {
  color: #56667b;
}

.login-panel {
  border-color: #d1dbe8;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 22px 58px rgba(40, 57, 84, 0.14);
  color: #182235;
}

.login-panel h2,
.login-form label > span,
.login-security-list span {
  color: #263449;
}

.login-signal,
.login-security-list > div {
  border-color: #d2dce8;
  background: rgba(255, 255, 255, 0.68);
}

.login-options a {
  color: #4d42c4;
}

.login-options .toggle-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.login-options .toggle-switch > span {
  color: #35445a;
}

.login-audit-strip span {
  background: #c6d0df;
}

.login-audit-strip span:nth-child(3n + 1) { background: #7c65e8; }
.login-audit-strip span:nth-child(3n + 2) { background: #3b82d0; }
.login-audit-strip span:nth-child(3n) { background: #2a9b8e; }

@media (prefers-reduced-motion: reduce) {
  .topbar::after,
  .site-dialog .dialog-card::before {
    animation: none;
  }
}

/* Fine-line pass: structural boundaries stay quiet and consistent. */
:root {
  --border: #dfe4eb;
  --border-strong: #cbd3de;
  --modal-border: #d7dee8;
  --modal-border-soft: rgba(216, 223, 232, 0.94);
}

.topbar,
.panel,
.dashboard-signal,
.dashboard-panel,
.summary-strip,
.table-wrap,
.backup-schedule-list,
.backup-config-list,
.backup-file-list,
.backup-activity-list,
.task-center,
#data-monitor > .module-panel,
.module-subnav,
.alert-subnav-shell,
.backup-subnav,
.site-view-switch,
.record-toolbar,
.gsc-diagnostic-strip,
.gsc-coverage-flow,
.list-pagination,
.sidebar-runtime,
.login-panel,
.login-signal-grid,
.login-security-list > div,
.ghost-button,
.icon-button,
.table-action,
.secret-toggle,
.backup-storage-open,
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
select,
textarea,
.task-search,
.backup-filter-search,
.compact-input,
.gsc-binding-select {
  border-width: 1px;
  border-color: var(--border);
}

.dashboard-panel-heading,
.panel-heading,
.module-toolbar,
.backup-list-head,
.site-control-bar,
.dialog-heading,
.dialog-actions,
thead,
th,
.table-wrap td,
#domainMetricTable th,
#domainMetricTable td,
.task-table th,
.task-table td,
.task-status-cell,
.task-detail-summary,
.task-detail-summary > div,
.backup-list-row,
.backup-server-group,
.backup-file-row,
.backup-activity-row,
.backup-schedule-row {
  border-color: var(--border);
}

.nav-item.active {
  box-shadow: inset 1px 0 0 #a78bfa, inset 0 0 0 1px rgba(158, 164, 255, 0.18);
}

.module-subnav button.active,
.alert-subnav-shell button.active,
.backup-subnav button.active,
.site-view-switch button.active {
  box-shadow: 0 3px 10px rgba(61, 67, 138, 0.08), inset 0 -1px 0 #7569dd;
}

@media (hover: hover) {
  .table-wrap tbody tr:hover,
  #domainMetricTable tbody tr:hover {
    box-shadow: inset 1px 0 0 #8d83d8;
  }
}

.backup-server-group-toggle:hover {
  box-shadow: inset 1px 0 0 #8d83d8;
}

.task-status-cell--queued { box-shadow: inset 0 -1px 0 #a9b2c0; }
.task-status-cell--running { box-shadow: inset 0 -1px 0 #7ba8dc; }
.task-status-cell--failed { box-shadow: inset 0 -1px 0 #d58b99; }
.task-status-cell--success { box-shadow: inset 0 -1px 0 #75b5a1; }

.topbar::after,
.task-status-rail::after,
.site-dialog .dialog-card::before {
  height: 1px;
}

.site-dialog {
  --modal-border: #d7dee8;
  --modal-border-soft: rgba(216, 223, 232, 0.94);
}

.site-dialog .dialog-card,
.site-dialog .dialog-body,
.site-dialog .site-discovery-body,
.site-dialog .backup-config-section,
.site-dialog .email-config-section,
.site-dialog .admin-account-section,
.site-dialog .backup-schedule-section,
.site-dialog .site-discovery-list,
.site-dialog .site-discovery-row,
.site-dialog .gsc-account-status,
.site-dialog .backup-discovery-bar,
.site-dialog .email-dialog-status,
.site-dialog .gsc-account-brief,
.site-dialog .detail-grid,
.site-dialog .permission-grid,
.site-dialog .detail-item,
.site-dialog .permission-option,
.site-dialog .backup-schedule-site-option,
.site-dialog .preflight-row,
.site-dialog .restore-preflight,
.site-dialog .scope-control-grid .toggle-switch,
.site-dialog .scope-check-list,
.site-dialog .backup-schedule-site-list,
.site-dialog input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
.site-dialog select,
.site-dialog textarea {
  border-width: 1px;
  border-color: var(--modal-border-soft);
}

#dataDetailDialog {
  --detail-border: #d7dee8;
  --detail-border-soft: rgba(216, 223, 232, 0.94);
}

#dataDetailDialog .data-dialog-card,
#dataDetailDialog .dialog-heading,
#dataDetailDialog .data-detail-toolbar,
#dataDetailDialog .data-detail-actions,
#dataDetailDialog .data-detail-body,
#dataDetailDialog .data-detail-section,
#dataDetailDialog .data-detail-stat,
#dataDetailDialog .data-detail-table,
#dataDetailDialog .data-detail-empty {
  border-width: 1px;
  border-color: var(--detail-border-soft);
}

/* Readability pass for controls and grouped surfaces that had legacy dark rules. */
.topbar .eyebrow {
  color: #4f639a;
  text-shadow: none;
}

.site-group-row td,
.site-group-row:hover,
.site-group-row:hover td {
  border-color: var(--border);
  background: #f6f8fb;
  color: #263449;
}

.site-group-toggle,
.site-group-toggle:hover {
  border: 0;
  background: transparent;
  color: #263449;
}

.site-group-toggle:hover {
  background: #f0f4f9;
}

.site-group-toggle > svg {
  color: #68778c;
}

.site-group-name strong {
  color: #202d41;
  text-shadow: none;
}

.site-group-name > span,
.site-group-meta > b {
  color: #58677c;
}

.site-group-child td:first-child {
  box-shadow: inset 1px 0 0 #ccd5e1;
}

.site-sort-control,
.table-search,
.backup-storage-path-control {
  border: 1px solid var(--border);
  background: #ffffff;
  color: #263449;
}

.site-sort-control > svg {
  color: #66758a;
}

.site-sort-control select,
.site-sort-control select:focus {
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #263449;
}

select option {
  background: #ffffff;
  color: #263449;
}

.status-pill,
.status-pill--muted {
  border-color: #d0d8e3;
  background: #eef2f6;
  color: #4f5e73;
}

.status-pill--ok,
.status-pill--success {
  border-color: rgba(8, 122, 91, 0.28);
  background: rgba(8, 122, 91, 0.09);
  color: #087657;
}

.status-pill--warn,
.status-pill--warning {
  border-color: rgba(165, 91, 8, 0.28);
  background: rgba(210, 126, 16, 0.1);
  color: #965206;
}

.status-pill--down,
.status-pill--danger,
.status-pill--failed {
  border-color: rgba(189, 51, 76, 0.28);
  background: rgba(206, 57, 83, 0.09);
  color: #b52e47;
}

.gsc-coverage-node span,
.gsc-coverage-pending span {
  color: #657489;
}

.gsc-coverage-node strong,
.gsc-coverage-pending strong {
  color: #1d293c;
  text-shadow: none;
}

.gsc-coverage-node--active strong {
  color: #325ca8;
}

.gsc-coverage-pending strong {
  color: #94600d;
}

.export-menu__panel {
  border: 1px solid var(--border);
  background: #ffffff;
  box-shadow: 0 18px 42px rgba(35, 55, 86, 0.14);
}

.export-menu__panel button {
  color: #263449;
}

.export-menu__panel button:hover {
  background: #f2f4fb;
  color: #4338ca;
}

.module-context,
.module-result-meta,
.field-status,
.detail-meta {
  color: #627086;
}

#websiteStatusPanel th + th {
  border-left: 1px solid var(--border);
}

@media (max-width: 620px) {
  #websiteStatusPanel th:nth-child(2) {
    font-size: 0;
    text-align: center;
  }

  #websiteStatusPanel th:nth-child(2)::after {
    content: "状态";
    font-size: 16px;
  }

  #websiteStatusPanel th:nth-child(3),
  #websiteStatusPanel th:nth-child(10) {
    text-align: center;
  }
}

/* Final light-theme readability pass for legacy night-theme remnants. */
.panel,
.dashboard-panel,
.alert-block,
.alert-notify-card {
  background-color: #ffffff;
}

.dashboard-panel-heading {
  background-color: #f7f8fc;
}

.dashboard-section-label,
.dashboard-panel-heading > div > span,
.panel-title > span,
.trend-legend span,
.chart-axis,
.chart-axis span,
.chart-grid text {
  color: #526176;
  fill: #526176;
  text-shadow: none;
}

.text-action,
.text-action:hover {
  color: #4d42c4;
}

.alert-summary-item,
.alert-summary-item--down,
.alert-summary-item--warn {
  border-color: var(--border);
  background: #ffffff;
  color: #1d293c;
}

.alert-summary-item--down {
  background: #fff5f7;
}

.alert-summary-item--warn {
  background: #fff8ed;
}

.alert-summary-item span,
.alert-report-item span,
.alert-notify-metric span,
.alert-notify-card__head span:not(.status-pill) {
  color: #526176;
  text-shadow: none;
}

.alert-summary-item strong,
.alert-report-item strong,
.alert-notify-metric strong {
  color: #1d293c;
  text-shadow: none;
}

.alert-summary-item--down span,
.alert-summary-item--down strong {
  color: #a22e47;
}

.alert-summary-item--warn span,
.alert-summary-item--warn strong {
  color: #8a4d07;
}

.gsc-diagnostic-kpis > div {
  background: #f8fafc;
}

.gsc-diagnostic-state span:not(.status-pill),
.gsc-diagnostic-kpis span {
  color: #526176;
  text-shadow: none;
}

.email-record-result {
  color: #087657;
  font-weight: 650;
}

.email-record-result--failed {
  color: #b52e47;
}

.backup-server-group-toggle,
.backup-server-group-toggle:hover {
  background-color: #f5f7fa;
  color: #526176;
}

.backup-server-group-toggle > span:last-child {
  color: #526176;
  font-weight: 650;
}

.backup-server-group-name small {
  color: #5b697d;
}