/* Shared admin palette; the phone preview keeps its own colors and media. */
html.admin-console {
  color-scheme: dark;
  --console-canvas: #0d0c15;
  --console-sidebar: #0a0910;
  --console-header: #111019;
  --console-surface: #171520;
  --console-raised: #1e1b2b;
  --console-input: #100f19;
  --console-hover: #211e30;
  --console-border: #302b3e;
  --console-control: #514a63;
  --console-text: #eeedf5;
  --console-secondary: #c4bfce;
  --console-muted: #a49dad;
  --console-accent: #b7a7ff;
  --console-accent-bg: #2b2343;
  --console-accent-line: #65528c;
  --console-primary: #386fe6;
  --console-primary-hover: #3264d6;
  --console-link: #91b7ff;
  --console-success: #6bdbb5;
  --console-success-bg: #17312b;
  --console-success-line: #31584b;
  --console-danger: #ff9caa;
  --console-danger-bg: #341e2a;
  --console-danger-line: #69404c;
  background: var(--console-canvas);
}

html.admin-console body,
html.admin-console .workspace,
html.admin-console .editor-panel,
html.admin-console .admin-content,
html.admin-console .admin-auth-shell {
  background: var(--console-canvas);
  color: var(--console-text);
}
html.admin-console .editor-panel,
html.admin-console .admin-auth-shell {
  --text: var(--console-text);
  --muted: var(--console-muted);
  --line: var(--console-border);
}
html.admin-console .editor-topline { background: var(--console-header); border-color: var(--console-border); }
html.admin-console .admin-nav { background: var(--console-sidebar); border-color: var(--console-border); }
html.admin-console .console-brand-mark,
html.admin-console .console-icon-button img { filter: invert(1); opacity: .85; }
html.admin-console :is(.editor-topline h1, .console-page-heading h2, .admin-context strong, .admin-auth-panel h2, .admin-auth-brand strong) { color: var(--console-text); }
html.admin-console :is(.admin-session-control, .save-state, #console-breadcrumb) { color: var(--console-secondary); }
html.admin-console :is(.console-brand-label, #admin-logout, #console-breadcrumb span, .console-nav-caption) { color: var(--console-muted); }
html.admin-console :is(.console-nav-link, .console-nav-parent) { color: var(--console-secondary); }
html.admin-console :is(.console-nav-link, .console-nav-parent):hover { background: var(--console-hover); color: var(--console-text); }
html.admin-console .console-nav-parent.is-current { color: var(--console-accent); }
html.admin-console .console-nav-link.is-active { background: var(--console-accent-bg); color: var(--console-accent); }

html.admin-console :is(.console-button, .console-icon-button, .editor-panel .outline-button) {
  background: var(--console-surface);
  border-color: var(--console-control);
  color: var(--console-secondary);
}
html.admin-console :is(.console-button, .console-icon-button, .editor-panel .outline-button):hover {
  background: var(--console-hover);
  border-color: var(--console-accent-line);
  color: var(--console-accent);
}
html.admin-console :is(.console-primary, .editor-panel .primary-small, .admin-auth-form button) {
  background: var(--console-primary);
  border-color: var(--console-primary);
  color: #fff;
}
html.admin-console :is(.console-primary, .editor-panel .primary-small, .admin-auth-form button):hover { background: var(--console-primary-hover); }
html.admin-console .console-button.console-sync,
html.admin-console .console-drawer-body .workflow-schema-head-actions button {
  background: var(--console-success-bg);
  border-color: var(--console-success-line);
  color: var(--console-success);
}
html.admin-console :is(.console-text-button, .console-row-actions button, .editor-panel .table-link, .console-empty button) { color: var(--console-link); }
html.admin-console :is(.console-row-actions button.is-danger, .editor-panel .table-link.danger, .console-drawer-body .workflow-schema-param-toolbar button) { color: var(--console-danger); }
html.admin-console :is(.console-page-heading > div > span, .console-filter-row > span:first-child, .console-filter-count, .admin-context span, .admin-card-head span) { color: var(--console-muted); }

html.admin-console :is(.console-catalog, .admin-config-card, .dashboard-chart-card, .dashboard-quick, .dashboard-metric, .admin-wide-table, .admin-table-card, .admin-auth-panel, .admin-modal) {
  background: var(--console-surface);
  border-color: var(--console-border);
  color: var(--console-secondary);
}
html.admin-console :is(.console-table th, .admin-wide-head, .admin-table-head) { background: var(--console-raised); color: var(--console-muted); border-color: var(--console-border); }
html.admin-console :is(.console-table td, .admin-wide-row, .admin-table-row) { color: var(--console-secondary); border-color: var(--console-border); }
html.admin-console .console-table tbody tr:hover { background: var(--console-hover); }
/* Sticky cells must be opaque, including the settings tables' status column. */
html.admin-console .console-table :is(th, td):last-child,
html.admin-console .console-table :is(th, td):nth-last-child(2) { background: var(--console-surface); box-shadow: -7px 0 10px -10px #000; }
html.admin-console .console-table th:last-child,
html.admin-console .console-table th:nth-last-child(2) { background: var(--console-raised); }
html.admin-console .console-table.settings-table.settings-table-has-status td:nth-last-child(2) { background: var(--console-surface); }
html.admin-console .console-table.settings-table.settings-table-has-status th:nth-last-child(2) { background: var(--console-raised); }
html.admin-console .console-table tbody tr:hover :is(td:last-child, td:nth-last-child(2)) { background: var(--console-hover); }
html.admin-console :is(.console-name button, .dashboard-metric strong, .console-pagination b) { color: var(--console-text); }
html.admin-console .console-name button:hover { color: var(--console-link); }
html.admin-console :is(.console-name small, .console-cell-sub, .console-table .console-id, .console-table .console-date, .console-table.settings-table .console-number, .console-table th button .console-icon, .console-status, .console-pagination) { color: var(--console-muted); }
html.admin-console .console-pagination { border-color: var(--console-border); }
html.admin-console .console-avatar { background: var(--console-accent-bg); color: var(--console-accent); }
html.admin-console .console-avatar.workflows { background: var(--console-success-bg); color: var(--console-success); }
html.admin-console .console-switch { background: var(--console-control); }
html.admin-console .console-switch.is-on { background: var(--console-primary); }
html.admin-console .console-switch > span { background: #fff; }
html.admin-console :is(.console-empty, .console-empty strong, .console-empty > .console-icon) { color: var(--console-muted); }
html.admin-console :is(.status-pill, .settings-status.is-enabled) { background: var(--console-success-bg); color: var(--console-success); }
html.admin-console .status-pill.blue { background: #20304a; color: var(--console-link); }
html.admin-console :is(.status-pill.gray, .settings-status) { background: var(--console-raised); color: var(--console-muted); }
html.admin-console .console-error { background: var(--console-danger-bg); border-color: var(--console-danger-line); color: var(--console-danger); }
html.admin-console .console-error button { color: var(--console-danger); }

html.admin-console .console-search { background: var(--console-input); border-color: var(--console-control); color: var(--console-muted); }
html.admin-console :is(.admin-content, .console-drawer-body, .admin-modal, .admin-auth-form) :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea),
html.admin-console :is(.console-toolbar-end, .console-filter-row, .console-pagination) select {
  background-color: var(--console-input);
  border-color: var(--console-control);
  color: var(--console-text);
  caret-color: var(--console-accent);
}
html.admin-console .console-search input { background: transparent; }
html.admin-console :is(.editor-panel, .console-drawer, .admin-modal, .admin-auth-form) :is(input, textarea)::placeholder { color: var(--console-muted); opacity: 1; }
html.admin-console :is(.admin-content, .console-drawer-body, .admin-modal, .admin-auth-form) :is(input, select, textarea):focus,
html.admin-console .console-search:focus-within { border-color: var(--console-accent); box-shadow: 0 0 0 2px var(--console-accent-bg); }
html.admin-console :is(.editor-panel, .admin-auth-shell) :is(input[type="checkbox"], input[type="radio"]) { accent-color: var(--console-primary); }
html.admin-console :is(.editor-panel, .admin-auth-shell) input::file-selector-button { padding: 5px 9px; margin-right: 8px; border: 1px solid var(--console-control); border-radius: 4px; background: var(--console-raised); color: var(--console-secondary); cursor: pointer; }
html.admin-console :is(.admin-content, .console-drawer-body) label,
html.admin-console :is(.admin-content, .console-drawer-body) label small,
html.admin-console .admin-auth-form label { color: var(--console-secondary); }
html.admin-console .editor-panel :is(button, a):focus-visible { outline-color: var(--console-accent); }

html.admin-console .console-drawer-backdrop { background: #0009; }
html.admin-console .console-drawer { background: var(--console-surface); color: var(--console-text); box-shadow: -12px 0 45px #0006; }
html.admin-console :is(.console-drawer > header, .console-drawer > footer, .console-drawer-tabs, .admin-modal-head, .admin-card-head, .dashboard-quick button) { border-color: var(--console-border); }
html.admin-console .admin-card-head { color: var(--console-secondary); }
html.admin-console .console-drawer > footer { background: var(--console-surface); }
html.admin-console :is(.console-drawer > header small, .console-drawer > footer > span, .console-drawer-tabs button, .console-icon-caption, .console-icon-upload-row small) { color: var(--console-muted); }
html.admin-console .console-drawer-tabs button[aria-selected="true"] { border-color: var(--console-accent); color: var(--console-accent); }
html.admin-console .console-drawer-body .agent-operation-grid { border-color: var(--console-border); }
html.admin-console .console-icon-field .console-icon-thumbnail { border-color: var(--console-accent-line); }
html.admin-console .console-drawer-body :is(.workflow-schema-config, .workflow-showcase-config) { background: transparent; }
html.admin-console .console-drawer-body :is(.workflow-parameter-card, .workflow-schema-param) { background: var(--console-input); border-color: var(--console-border); }
html.admin-console .console-drawer-body :is(.workflow-schema-head, .workflow-showcase-head, .workflow-schema-head strong, .workflow-showcase-head strong, .workflow-parameter-card strong) { color: var(--console-secondary); }
html.admin-console .console-drawer-body :is(.workflow-schema-head span, .workflow-schema-head b, .workflow-schema-head small, .workflow-showcase-head label, .workflow-source-type, .workflow-schema-param-toolbar span, .admin-help-text, .workflow-options-field, .workflow-schema-toggle b) { color: var(--console-muted); }
html.admin-console .console-drawer-body .workflow-schema-toggle i { background: var(--console-control); }
html.admin-console .console-drawer-body .workflow-schema-toggle input:checked + i { background: var(--console-primary); }
html.admin-console .console-drawer-body .workflow-schema-toggle input:focus-visible + i { outline: 2px solid var(--console-accent); outline-offset: 3px; }
html.admin-console :is(.security-note, .schema-preview) { background: var(--console-input); border-color: var(--console-border); color: var(--console-muted); }
html.admin-console .dashboard-quick button { color: var(--console-secondary); }
html.admin-console :is(.admin-data-empty, .admin-help-text, .secret-hint, .model-advanced p, .dashboard-metric small, .dashboard-metric em, .dashboard-chart-head small, .dashboard-trend-day > span) { color: var(--console-muted); }
html.admin-console .admin-auth-panel { box-shadow: 0 15px 50px #0003; }
html.admin-console .admin-auth-note { border-color: var(--console-border); color: var(--console-muted); }
html.admin-console.console-preview-open .preview-stage { background: var(--console-canvas); box-shadow: -8px 0 30px #0006; }
html.admin-console.console-preview-open .stage-toolbar { color: var(--console-secondary); }

html.admin-console .settings-view-tabs { border-color: var(--console-border); }
html.admin-console .settings-view-tabs button { color: var(--console-muted); }
html.admin-console .settings-view-tabs button[aria-selected="true"] { color: var(--console-accent); border-color: var(--console-accent); }
html.admin-console :is(.settings-description, .settings-muted) { color: var(--console-muted); }
html.admin-console .settings-code { color: var(--console-muted) !important; }
html.admin-console :is(.settings-banner-thumb, .settings-media-thumb) { background: var(--console-input); color: var(--console-accent); }
html.admin-console .settings-drawer :is(.admin-config-card, .admin-banner-row, .digital-route-row, .home-feature-route-row) { background: transparent; color: var(--console-secondary); }
html.admin-console .settings-drawer :is(.admin-banner-media, .case-admin-media-preview, .case-preset-upload, .home-route-choice) { background: var(--console-input); border-color: var(--console-border); color: var(--console-muted); }
html.admin-console .settings-drawer :is(.admin-banner-media span, .admin-banner-upload, .admin-banner-upload span, .admin-banner-upload small, .admin-help-text, .case-preset-head span, .case-preset-head b, .case-preset-field > small span, .case-preset-field em, .case-preset-field p, .case-preset-upload small, .case-preset-uploaded, .digital-route-identity code, .home-route-choice small) { color: var(--console-muted); }
html.admin-console .settings-drawer :is(.case-preset-head strong, .case-preset-upload strong, .digital-route-identity strong, .home-route-choice strong) { color: var(--console-secondary); }
html.admin-console .settings-drawer :is(.case-preset-editor, .digital-route-identity) { border-color: var(--console-border); }
html.admin-console .settings-drawer .case-preset-field code { background: var(--console-raised); color: var(--console-accent); }
html.admin-console .settings-drawer .home-route-choice:has(input:checked) { background: var(--console-accent-bg); border-color: var(--console-accent-line); }

html.admin-console .settings-material-page .admin-context strong { color: var(--console-text); }
html.admin-console .settings-material-page :is(.admin-context span, .material-summary-card small, .material-rule-card > div small, .material-rule-card label small, .admin-config-row label small, .material-section-divider span, .asset-admin-row small, .admin-help-text, .admin-banner-upload span) { color: var(--console-muted); }
html.admin-console .settings-material-page :is(.material-summary-card, .material-rule-card, .material-rule-grid .material-rule-card, .admin-config-card .admin-config-row, .admin-segment) { background: var(--console-surface); border-color: var(--console-border); color: var(--console-secondary); }
html.admin-console .settings-material-page .material-summary-card:hover { border-color: var(--console-accent-line); background: var(--console-hover); }
html.admin-console .settings-material-page .material-summary-card.active { border-color: var(--console-accent-line); background: var(--console-accent-bg); color: var(--console-accent); }
html.admin-console .settings-material-page :is(.material-summary-card i, .material-summary-card.active i, .asset-admin-icon) { background: var(--console-accent-bg); color: var(--console-accent); }
html.admin-console .settings-material-page :is(.material-summary-card strong, .material-rule-card strong, .material-section-divider, .asset-admin-row strong) { color: var(--console-secondary); }
html.admin-console .settings-material-page :is(.material-section-divider, .asset-admin-row) { border-color: var(--console-border); }
html.admin-console .settings-material-page .asset-admin-row { background: var(--console-input); color: var(--console-secondary); }
html.admin-console .settings-material-page .material-rule-card :is(input, select) { background: var(--console-input); border-color: var(--console-control); color: var(--console-text); }
html.admin-console .settings-material-page .admin-segment button { background: transparent; color: var(--console-muted); border-color: var(--console-border); }
html.admin-console .settings-material-page .admin-segment button.active { background: var(--console-accent-bg); color: var(--console-accent); }