/*
 * DMT Finance Control — accessible light workspace layer v1.0
 *
 * Light-theme contract:
 * - persistent workspace surfaces are opaque
 * - standard text uses high-contrast neutral colors
 * - interactive control boundaries remain visually distinct
 * - brand violet is reserved for CTA / selection / focus
 * - dark theme is not changed by this file
 */

:root:not([data-theme="dark"]) body.ui-v3 {
  --dmt-light-bg: #f2f4f7;
  --dmt-light-surface: #ffffff;
  --dmt-light-surface-subtle: #f7f8fa;
  --dmt-light-surface-muted: #eef1f5;

  --dmt-light-text: #182230;
  --dmt-light-text-secondary: #344054;
  --dmt-light-muted: #475467;
  --dmt-light-helper: #526077;
  --dmt-light-placeholder: #667085;

  --dmt-light-border: #b8c1cc;
  --dmt-light-control-border: #8794a5;
  --dmt-light-border-soft: #d0d5dd;

  --dmt-light-primary: #5d50cf;
  --dmt-light-primary-hover: #4e42bc;
  --dmt-light-primary-soft: #f0edff;
  --dmt-light-primary-border: #b4aaf7;

  color: var(--dmt-light-text) !important;
  background: var(--dmt-light-bg) !important;
}


/* ==========================================================
   GLOBAL READABILITY
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3 .app-main,
:root:not([data-theme="dark"]) body.ui-v3 .app-content {
  color: var(--dmt-light-text) !important;
}

:root:not([data-theme="dark"]) body.ui-v3 h1,
:root:not([data-theme="dark"]) body.ui-v3 h2,
:root:not([data-theme="dark"]) body.ui-v3 h3,
:root:not([data-theme="dark"]) body.ui-v3 h4,
:root:not([data-theme="dark"]) body.ui-v3 h5,
:root:not([data-theme="dark"]) body.ui-v3 h6,
:root:not([data-theme="dark"]) body.ui-v3 strong {
  color: var(--dmt-light-text) !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .text-muted,
:root:not([data-theme="dark"]) body.ui-v3 .form-text,
:root:not([data-theme="dark"]) body.ui-v3 .subtitle,
:root:not([data-theme="dark"]) body.ui-v3 .field-label,
:root:not([data-theme="dark"]) body.ui-v3 small.text-muted {
  color: var(--dmt-light-muted) !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .eyebrow,
:root:not([data-theme="dark"]) body.ui-v3 .form-label,
:root:not([data-theme="dark"]) body.ui-v3 .col-form-label {
  color: var(--dmt-light-text-secondary) !important;
  font-weight: 650 !important;
}


/* ==========================================================
   SOLID SURFACES
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3 .panel,
:root:not([data-theme="dark"]) body.ui-v3 .card,
:root:not([data-theme="dark"]) body.ui-v3 .dashboard-card,
:root:not([data-theme="dark"]) body.ui-v3 .summary-card,
:root:not([data-theme="dark"]) body.ui-v3 .usage-card,
:root:not([data-theme="dark"]) body.ui-v3 .ai-metric,
:root:not([data-theme="dark"]) body.ui-v3 .import-kpi-card,
:root:not([data-theme="dark"]) body.ui-v3 .report-kpi-card {
  color: var(--dmt-light-text) !important;
  background: var(--dmt-light-surface) !important;
  border-color: var(--dmt-light-border) !important;
  box-shadow:
    0 1px 2px rgba(16, 24, 40, .05),
    0 5px 14px rgba(16, 24, 40, .04) !important;
}


/* ==========================================================
   CONTROLS — >= 3:1 VISUAL BOUNDARY
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3 .form-control,
:root:not([data-theme="dark"]) body.ui-v3 .form-select,
:root:not([data-theme="dark"]) body.ui-v3 textarea,
:root:not([data-theme="dark"]) body.ui-v3 input[type="text"],
:root:not([data-theme="dark"]) body.ui-v3 input[type="email"],
:root:not([data-theme="dark"]) body.ui-v3 input[type="number"],
:root:not([data-theme="dark"]) body.ui-v3 input[type="date"],
:root:not([data-theme="dark"]) body.ui-v3 input[type="datetime-local"],
:root:not([data-theme="dark"]) body.ui-v3 input[type="search"] {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
  border-color: var(--dmt-light-control-border) !important;
  box-shadow: none !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .form-control::placeholder,
:root:not([data-theme="dark"]) body.ui-v3 textarea::placeholder,
:root:not([data-theme="dark"]) body.ui-v3 input::placeholder {
  color: var(--dmt-light-placeholder) !important;
  opacity: 1 !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .form-control:hover,
:root:not([data-theme="dark"]) body.ui-v3 .form-select:hover,
:root:not([data-theme="dark"]) body.ui-v3 textarea:hover {
  border-color: #758297 !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .form-control:focus,
:root:not([data-theme="dark"]) body.ui-v3 .form-select:focus,
:root:not([data-theme="dark"]) body.ui-v3 textarea:focus,
:root:not([data-theme="dark"]) body.ui-v3 input:focus {
  border-color: var(--dmt-light-primary) !important;
  box-shadow: 0 0 0 3px rgba(93, 80, 207, .14) !important;
}


/* ==========================================================
   BUTTONS
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3 .btn-primary {
  color: #ffffff !important;
  background: var(--dmt-light-primary) !important;
  border-color: var(--dmt-light-primary) !important;
  box-shadow: none !important;
  filter: none !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .btn-primary:hover,
:root:not([data-theme="dark"]) body.ui-v3 .btn-primary:focus,
:root:not([data-theme="dark"]) body.ui-v3 .btn-primary:active {
  color: #ffffff !important;
  background: var(--dmt-light-primary-hover) !important;
  border-color: var(--dmt-light-primary-hover) !important;
  box-shadow: none !important;
  filter: none !important;
  transform: none !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .btn-secondary,
:root:not([data-theme="dark"]) body.ui-v3 .btn-outline-secondary {
  color: var(--dmt-light-text-secondary) !important;
  background: #ffffff !important;
  border-color: var(--dmt-light-control-border) !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .btn-outline-primary {
  color: #493db7 !important;
  background: #ffffff !important;
  border-color: #7568dc !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .btn-outline-primary:hover:not(:disabled) {
  color: #ffffff !important;
  background: var(--dmt-light-primary) !important;
  border-color: var(--dmt-light-primary) !important;
}


/* ==========================================================
   TABLES
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3 .table {
  --bs-table-color: var(--dmt-light-text);
  --bs-table-border-color: #b8c1cc;
  --bs-table-hover-bg: #f4f6f8;
  color: var(--dmt-light-text) !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .table thead th {
  color: var(--dmt-light-text-secondary) !important;
  background: #e9edf2 !important;
  border-bottom-color: #aeb8c5 !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .table tbody td,
:root:not([data-theme="dark"]) body.ui-v3 .table tbody th {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
}

:root:not([data-theme="dark"]) body.ui-v3 .table tbody tr:hover > * {
  background: #f4f6f8 !important;
}


/* ==========================================================
   IMPORT — remove dark translucent inline design
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-stepper,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .source-option-card,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-preview-card {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
  border-color: var(--dmt-light-border) !important;
  box-shadow: none !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-active {
  background: #ffffff !important;
  border-color: #7568dc !important;
  box-shadow: 0 0 0 2px rgba(93, 80, 207, .08) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .source-option-card:hover,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .source-option-card.is-selected {
  background: var(--dmt-light-primary-soft) !important;
  border-color: #7568dc !important;
  transform: none !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-locked {
  opacity: 1 !important;
  background: var(--dmt-light-surface-muted) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-locked .import-step-header,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-locked .import-step-title,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-locked .import-step-subtitle,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-locked .import-step-state {
  color: var(--dmt-light-muted) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step-index {
  color: #493db7 !important;
  background: #ece9ff !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step-subtitle,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step-state,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-stepper__eyebrow,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .source-option-card span,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .source-option-card small,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-preview-card dt {
  color: var(--dmt-light-muted) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step-actions .btn[disabled],
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn:disabled {
  opacity: 1 !important;
  color: #667085 !important;
  background: #e9edf2 !important;
  border-color: #b8c1cc !important;
}


/* ==========================================================
   IDEAS & SUPPORT
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3[data-page="upgrade"] .support-stat,
:root:not([data-theme="dark"]) body.ui-v3[data-page="upgrade"] .upgrade-topic-card,
:root:not([data-theme="dark"]) body.ui-v3[data-page="upgrade"] .upgrade-request-card {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
  border-color: var(--dmt-light-border) !important;
  box-shadow: none !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="upgrade"] .upgrade-topic-card:hover,
:root:not([data-theme="dark"]) body.ui-v3[data-page="upgrade"] .upgrade-request-card:hover {
  background: #f7f8fa !important;
  border-color: #9ca8b7 !important;
  transform: none !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="upgrade"] .support-drawer {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
  border-color: var(--dmt-light-control-border) !important;
}


/* ==========================================================
   ADMIN SUPPORT
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-support-counter,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-support-panel,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-ticket-card,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-support-card,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-thread-bubble,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-pill {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
  border-color: var(--dmt-light-border) !important;
  box-shadow: none !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-ticket-card:hover {
  background: #f7f8fa !important;
  border-color: #8794a5 !important;
  transform: none !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-ticket-card.is-active {
  background: var(--dmt-light-primary-soft) !important;
  border-color: #7568dc !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-thread-message--admin .admin-thread-bubble {
  background: #f0edff !important;
  border-color: #b4aaf7 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-support-counter__label,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-ticket-card__preview,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-ticket-card__meta,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-support-ticket-sub,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-support-card__title,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-thread-bubble__time,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .support-attachment-meta,
:root:not([data-theme="dark"]) body.ui-v3[data-page="admin-support"] .admin-support-empty {
  color: var(--dmt-light-muted) !important;
}


/* ==========================================================
   DATA WORKSPACE
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .workspace-kpi,
:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .workspace-table-card,
:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .workspace-bulk {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
  border-color: var(--dmt-light-border) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .workflow-step {
  color: var(--dmt-light-text-secondary) !important;
  background: #f3f1ff !important;
  border-color: #b4aaf7 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .workspace-table th,
:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .workspace-table td {
  border-bottom-color: #c5ccd5 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .workspace-table thead th {
  color: var(--dmt-light-text-secondary) !important;
  background: #e9edf2 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .workspace-row:hover {
  background: #f4f6f8 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .workspace-drawer-panel {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
  border-left-color: var(--dmt-light-control-border) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .status-new {
  color: #175cd3 !important;
  background: #eff8ff !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .status-categorized,
:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .status-imported {
  color: #067647 !important;
  background: #ecfdf3 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="data-workspace"] .status-ignored {
  color: #475467 !important;
  background: #f2f4f7 !important;
}


/* ==========================================================
   TAX — override old unconditional dark table/button rules
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3[data-page="tax"] {
  --tax-bg: var(--dmt-light-bg) !important;
  --tax-surface: #ffffff !important;
  --tax-surface-2: #f7f8fa !important;
  --tax-surface-3: #eef1f5 !important;
  --tax-border: var(--dmt-light-border) !important;
  --tax-border-strong: var(--dmt-light-control-border) !important;
  --tax-muted: var(--dmt-light-muted) !important;

  color: var(--dmt-light-text) !important;
  background: var(--dmt-light-bg) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="tax"] .btn-primary {
  color: #ffffff !important;
  background: var(--dmt-light-primary) !important;
  border-color: var(--dmt-light-primary) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="tax"] .btn-outline-primary {
  color: #493db7 !important;
  background: #ffffff !important;
  border-color: #7568dc !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="tax"] .table {
  --bs-table-bg: #ffffff !important;
  --bs-table-color: var(--dmt-light-text) !important;
  --bs-table-border-color: #b8c1cc !important;
  --bs-table-hover-bg: #f4f6f8 !important;
  --bs-table-hover-color: var(--dmt-light-text) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="tax"] .table > :not(caption) > * > *,
:root:not([data-theme="dark"]) body.ui-v3[data-page="tax"] .table tbody tr,
:root:not([data-theme="dark"]) body.ui-v3[data-page="tax"] .table tbody td,
:root:not([data-theme="dark"]) body.ui-v3[data-page="tax"] .table tbody th {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="tax"] .table tbody tr:hover > * {
  background: #f4f6f8 !important;
}


/* ==========================================================
   CATEGORIES
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] .categories-sidebar,
:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] .category-workspace,
:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] .category-item,
:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] .table-wrap,
:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] .empty-state {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
  border-color: var(--dmt-light-border) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] .category-item .meta,
:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] .category-meta,
:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] #categoryMeta,
:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] #categoryFlowHint {
  color: var(--dmt-light-muted) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] .category-item:hover {
  background: #f4f6f8 !important;
  border-color: #9da9b8 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="categories"] .category-item.active {
  color: #342a9f !important;
  background: var(--dmt-light-primary-soft) !important;
  border-color: #7568dc !important;
}


/* ==========================================================
   REPORTS
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3[data-page="reports"] .report-focus-frame,
:root:not([data-theme="dark"]) body.ui-v3[data-page="reports"] .report-category-chart,
:root:not([data-theme="dark"]) body.ui-v3[data-page="reports"] .report-category-cards-wrap,
:root:not([data-theme="dark"]) body.ui-v3[data-page="reports"] .report-category-detail,
:root:not([data-theme="dark"]) body.ui-v3[data-page="reports"] .report-command-deck,
:root:not([data-theme="dark"]) body.ui-v3[data-page="reports"] .report-gaps-block {
  color: var(--dmt-light-text) !important;
  background: #ffffff !important;
  border-color: var(--dmt-light-border) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="reports"] .report-category-cards-head,
:root:not([data-theme="dark"]) body.ui-v3[data-page="reports"] .report-kpi-label,
:root:not([data-theme="dark"]) body.ui-v3[data-page="reports"] .report-kpi-hint {
  color: var(--dmt-light-muted) !important;
}


/* ==========================================================
   SETTINGS
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3[data-page="settings"] .user-integration-note {
  color: var(--dmt-light-text-secondary) !important;
  background: #f7f8fa !important;
  border-color: var(--dmt-light-border) !important;
}


/* ==========================================================
   DISABLED STATES
   Don't fade entire containers into unreadable fog.
   ========================================================== */

:root:not([data-theme="dark"]) body.ui-v3 .btn:disabled,
:root:not([data-theme="dark"]) body.ui-v3 .form-control:disabled,
:root:not([data-theme="dark"]) body.ui-v3 .form-select:disabled {
  color: #667085 !important;
  background: #e9edf2 !important;
  border-color: #b8c1cc !important;
  opacity: 1 !important;
}

/* === IMPORT LIGHT FOCUS V1 START === */

/*
 * Import-only visual pass.
 * Does not affect Dashboard or any other application page.
 */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] {
  --import-blue: #153f68;
  --import-blue-hover: #0e3152;
  --import-blue-soft: #e5eef7;
  --import-text: #172433;
  --import-muted: #495b70;
  --import-border: #9ba9b8;
  --import-border-strong: #748599;
  --import-surface-muted: #e8edf3;
}


/* Main white working blocks */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .panel {
  background: #ffffff !important;
  border: 1px solid var(--import-border) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .11),
    0 5px 11px rgba(15, 23, 42, .085) !important;
}


/* Wizard header */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-stepper {
  color: var(--import-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--import-border-strong) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .12),
    0 5px 11px rgba(15, 23, 42, .09) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-stepper__eyebrow {
  color: #43566c !important;
  font-weight: 700 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-stepper__title {
  color: #111c2a !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-stepper__progress {
  color: #ffffff !important;
  background: var(--import-blue) !important;
  border: 2px solid #0e3152 !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .16),
    0 3px 7px rgba(21, 63, 104, .22) !important;
}


/* Wizard steps */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step {
  color: var(--import-text) !important;
  background: #ffffff !important;
  border: 1px solid var(--import-border) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .09),
    0 4px 8px rgba(15, 23, 42, .065) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-active {
  background: #ffffff !important;
  border: 2px solid var(--import-blue) !important;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, .12),
    0 7px 14px rgba(21, 63, 104, .13) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-locked {
  opacity: 1 !important;
  background: var(--import-surface-muted) !important;
  border-color: #9eacbb !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .07),
    0 3px 6px rgba(15, 23, 42, .05) !important;
}


/* Number circles */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step-index {
  color: var(--import-blue) !important;
  background: #dce8f3 !important;
  border: 1px solid #7693ad !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .14) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-active .import-step-index {
  color: #ffffff !important;
  background: var(--import-blue) !important;
  border-color: #0e3152 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-completed .import-step-index {
  color: #ffffff !important;
  background: #167249 !important;
  border-color: #0f5d3a !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-locked .import-step-index {
  color: #34485e !important;
  background: #d2dce6 !important;
  border-color: #8999aa !important;
}


/* Step typography */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step-title {
  color: #182434 !important;
  font-weight: 850 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step-subtitle {
  color: #4d5e72 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step-state {
  color: #43566c !important;
  font-weight: 650 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-locked .import-step-title {
  color: #34465a !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-locked .import-step-subtitle,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-step.is-locked .import-step-state {
  color: #526378 !important;
}


/* Inputs */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .form-control,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .form-select,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] textarea {
  color: #172433 !important;
  background: #ffffff !important;
  border-color: #7f90a3 !important;
  box-shadow: inset 0 1px 1px rgba(15, 23, 42, .025) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .form-control:hover,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .form-select:hover,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] textarea:hover {
  border-color: #63778d !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .form-control:focus,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .form-select:focus,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] textarea:focus {
  border-color: var(--import-blue) !important;
  box-shadow: 0 0 0 3px rgba(21, 63, 104, .14) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .form-check-input:checked {
  background-color: var(--import-blue) !important;
  border-color: var(--import-blue) !important;
}


/* Import buttons — dark blue only on this page */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn-primary {
  color: #ffffff !important;
  background: var(--import-blue) !important;
  border-color: var(--import-blue) !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .13),
    0 3px 7px rgba(21, 63, 104, .18) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn-primary:hover:not(:disabled),
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn-primary:focus:not(:disabled) {
  color: #ffffff !important;
  background: var(--import-blue-hover) !important;
  border-color: var(--import-blue-hover) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn-outline-secondary {
  color: #26394e !important;
  background: #ffffff !important;
  border-color: #7f90a3 !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .08) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn-outline-secondary:hover:not(:disabled) {
  color: #172433 !important;
  background: #e8eef4 !important;
  border-color: #63778d !important;
}


/* Source cards — visual only, workflow unchanged */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .source-option-card {
  color: #172433 !important;
  background: #ffffff !important;
  border: 1px solid #9aa9b8 !important;
  box-shadow: 0 1px 3px rgba(15, 23, 42, .08) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .source-option-card:hover,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .source-option-card.is-selected {
  color: #102f4d !important;
  background: var(--import-blue-soft) !important;
  border-color: #52789c !important;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, .10),
    0 5px 9px rgba(21, 63, 104, .10) !important;
  transform: none !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .source-option-card span,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .source-option-card small {
  color: #4d5e72 !important;
}


/* Empty/source notice */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-source-empty {
  color: #26394e !important;
  background: #e9eef4 !important;
  border: 1px solid #9aa9b8 !important;
  box-shadow: inset 0 1px 1px rgba(15, 23, 42, .035) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-source-empty__text {
  color: #26394e !important;
  font-weight: 700 !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-source-empty__hint {
  color: #4d5e72 !important;
}


/* Preview / confirmation */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-preview-card,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-confirm-card,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-result-card {
  color: #172433 !important;
  background: #ffffff !important;
  border: 1px solid #a0adbb !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .08),
    0 4px 8px rgba(15, 23, 42, .055) !important;
}

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-confirm-card__label,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-result-card__label,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-preview-card dt {
  color: #495b70 !important;
}


/* Disabled controls stay visible */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn:disabled {
  color: #526378 !important;
  background: #dce3ea !important;
  border-color: #9aa8b7 !important;
  opacity: 1 !important;
  box-shadow: none !important;
}


/* Mobile mapping blocks */

@media (max-width: 640px) {
  :root:not([data-theme="dark"]) body.ui-v3[data-page="import"] #mapping-section [data-map-block] {
    color: #172433 !important;
    background: #f4f6f9 !important;
    border-color: #9aa9b8 !important;
  }
}

/* === IMPORT LIGHT FOCUS V1 END === */

/* === IMPORT ACTION BLUE V1 START === */

/*
 * Import-only action palette.
 * Keep all action controls aligned with the dark-blue wizard state.
 */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] {
  --v4-primary: #153f68;
  --v4-primary-hover: #0e3152;
  --v4-primary-soft: rgba(21, 63, 104, .10);
  --v4-primary-border: rgba(21, 63, 104, .34);

  --v3-accent: #153f68;
  --v3-accent-2: #0e3152;

  --accent-color: #153f68;
  --accent-gradient: #153f68;

  --dmt-light-primary: #153f68;
  --dmt-light-primary-hover: #0e3152;
}


/* Bootstrap primary actions */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn.btn-primary,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] #api-import-run,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] #cron-save,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] button[type="submit"].btn-primary,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn-next {
  color: #ffffff !important;
  background: #153f68 !important;
  background-color: #153f68 !important;
  background-image: none !important;
  border: 1px solid #0e3152 !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .14),
    0 3px 7px rgba(21, 63, 104, .20) !important;
  filter: none !important;
}


/* Custom source action is NOT a Bootstrap button */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-source-empty__button,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] [data-data-source-create] {
  color: #ffffff !important;
  background: #153f68 !important;
  background-color: #153f68 !important;
  background-image: none !important;
  border: 1px solid #0e3152 !important;
  box-shadow:
    0 1px 2px rgba(15, 23, 42, .14),
    0 3px 7px rgba(21, 63, 104, .20) !important;
}


/* Hover/focus */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn.btn-primary:hover:not(:disabled),
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .btn.btn-primary:focus:not(:disabled),
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] #api-import-run:hover:not(:disabled),
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] #cron-save:hover:not(:disabled),
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .import-source-empty__button:hover,
:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] [data-data-source-create]:hover {
  color: #ffffff !important;
  background: #0e3152 !important;
  background-color: #0e3152 !important;
  background-image: none !important;
  border-color: #092842 !important;
  box-shadow:
    0 2px 4px rgba(15, 23, 42, .16),
    0 4px 9px rgba(21, 63, 104, .24) !important;
  transform: none !important;
}


/* Checked switches/radios on Import follow same palette */

:root:not([data-theme="dark"]) body.ui-v3[data-page="import"] .form-check-input:checked {
  background-color: #153f68 !important;
  border-color: #153f68 !important;
  background-image: var(--bs-form-check-bg-image) !important;
}

/* === IMPORT ACTION BLUE V1 END === */