/* Production overrides тёмной темы (вариант E — sage + крем).
   Подключается после tokens.css и screen-CSS.
   Scoped-токены layout v9 — в layouts.css ([data-theme="dark"] .app--layout-v9). */

/* --- Карточки и панели: приподнятый слой на кремовом листе --- */

[data-theme="dark"] .card,
[data-theme="dark"] .table-wrap,
[data-theme="dark"] .warehouse-card:not(.warehouse-card--warning),
[data-theme="dark"] .dashboard-compact,
[data-theme="dark"] .dashboard-mini-stat,
[data-theme="dark"] .catalog-group,
[data-theme="dark"] .catalog-detail__panel,
[data-theme="dark"] .order-detail__panel,
[data-theme="dark"] .inventory-detail__panel,
[data-theme="dark"] .inventory-movement-detail__panel,
[data-theme="dark"] .customer-detail--v3 .customer-detail__panel,
[data-theme="dark"] .customer-form--v1 .customer-form__panel,
[data-theme="dark"] .settings-group__card,
[data-theme="dark"] .settings--v2 .settings-tabs__panel,
[data-theme="dark"] .content [class$="-card"],
[data-theme="dark"] .content [class*="tile__body"]:not([class*="--low"]):not([class*="--out"]),
[data-theme="dark"] .content [class*="accordion__panel"],
[data-theme="dark"] .inventory-list__items.list-panel,
[data-theme="dark"] .inventory-filters-panel {
  background: var(--color-surface-raised);
}

[data-theme="dark"] .catalog-detail__panel--accent,
[data-theme="dark"] .catalog-detail__panel--storage {
  background: var(--color-neutral-bg);
}

[data-theme="dark"] .customer-detail--v3 .customer-detail__stat {
  background: var(--color-surface-raised);
  border-color: var(--color-border);
}

[data-theme="dark"] .customer-detail--v3 .customer-detail__panel--favorites,
[data-theme="dark"] .customer-detail--v3 .customer-detail__panel--history,
[data-theme="dark"] .customer-detail--v3 .customer-detail__panel--favorites .customer-detail__panel-toggle,
[data-theme="dark"] .customer-detail--v3 .customer-detail__panel--history .customer-detail__panel-toggle {
  background: var(--color-surface-raised);
}

[data-theme="dark"] .customer-detail--v3 .customer-detail__panel--favorites .customer-detail__panel-toggle:hover,
[data-theme="dark"] .customer-detail--v3 .customer-detail__panel--favorites .customer-detail__panel-toggle:active,
[data-theme="dark"] .customer-detail--v3 .customer-detail__panel--history .customer-detail__panel-toggle:hover,
[data-theme="dark"] .customer-detail--v3 .customer-detail__panel--history .customer-detail__panel-toggle:active {
  background: var(--color-surface-raised);
}

[data-theme="dark"] .customer-detail--v3 .customer-detail__panel--favorites .customer-detail__panel-collapse,
[data-theme="dark"] .customer-detail--v3 .customer-detail__panel--history .customer-detail__panel-collapse {
  background: var(--color-neutral-bg);
}

[data-theme="dark"] .customer-detail--v3 .customer-detail__panel-collapse .customer-detail__favorite-item {
  background: var(--color-surface-raised);
}

[data-theme="dark"] .customer-detail--v2 .customer-detail__hero,
[data-theme="dark"] .customer-detail--v3 .customer-detail__hero--compact {
  color: var(--color-text);
}

[data-theme="dark"] .customer-detail__favorite-item,
[data-theme="dark"] .customer-detail__favorite-chip {
  background: var(--color-neutral-bg);
}

[data-theme="dark"] .customer-detail__order-card {
  background: var(--color-neutral-bg);
  border-color: var(--color-border);
}

/* --- Нижние панели действий (заказ, формы) --- */

[data-theme="dark"] .order-detail-bar--b2 {
  background: color-mix(in srgb, var(--color-surface) 96%, transparent);
  box-shadow: 0 -6px 24px rgba(0, 0, 0, 0.18);
}

[data-theme="dark"] .order-detail-bar--b3 .order-detail-bar__pill {
  background: color-mix(in srgb, var(--color-surface-raised) 82%, transparent);
  border-color: var(--color-border);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.22);
}

[data-theme="dark"] .order-detail-bar--b3 .order-detail-bar__divider {
  background: var(--color-border);
}

[data-theme="dark"] .order-detail-bar--b3 .order-detail-bar__back:hover {
  background: var(--color-neutral-bg);
}

[data-theme="dark"] .order-detail-bar--b3 .order-detail-bar__btn--surface {
  background: var(--color-neutral-bg);
  border-color: var(--color-border);
  box-shadow: none;
}

[data-theme="dark"] .order-detail-bar--b3 .order-detail-bar__btn--surface:hover {
  background: var(--color-surface-raised);
}

@media (max-width: 900px) {
  [data-theme="dark"] .order-detail--v3 .order-detail__sticky-actions {
    background: color-mix(in srgb, var(--color-surface) 92%, transparent);
  }
}

/* --- Пагинация списков --- */

[data-theme="dark"] .orders-pagination__float {
  background: color-mix(in srgb, var(--color-surface-raised) 80%, transparent);
  border-color: var(--color-border);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}

/* --- Склад: FAB hover --- */

[data-theme="dark"] .inventory-fab-action--receipt:hover {
  background: color-mix(in srgb, var(--color-success-text) 18%, var(--color-success-bg));
}

[data-theme="dark"] .inventory-fab-action--history:hover {
  background: color-mix(in srgb, var(--color-warning-text) 14%, var(--color-warning-bg));
}

[data-theme="dark"] .inventory-fab-action--writeoff:hover {
  background: color-mix(in srgb, var(--color-danger-text) 14%, var(--color-danger-bg));
}

[data-theme="dark"] .inventory-form__duplicate-banner-close:hover {
  background: rgba(255, 255, 255, 0.08);
}

/* --- Настройки --- */

[data-theme="dark"] .settings-switch__thumb {
  background: var(--color-text);
}

/* --- Tom Select --- */

[data-theme="dark"] .ts-control {
  border-color: var(--color-border-strong);
  color: var(--color-text);
}

[data-theme="dark"] .full .ts-control,
[data-theme="dark"] .ts-wrapper.single .ts-control {
  background-color: var(--color-surface) !important;
}

[data-theme="dark"] .disabled .ts-control {
  background-color: var(--color-neutral-bg) !important;
}

[data-theme="dark"] .ts-wrapper.multi .ts-control > div {
  background: var(--color-neutral-bg);
  color: var(--color-text);
  border-color: var(--color-border);
}

[data-theme="dark"] .ts-wrapper.multi .ts-control > div.active {
  background: var(--color-surface-raised);
  color: var(--color-text);
}

[data-theme="dark"] .ts-dropdown {
  background: var(--color-surface-raised);
  border-color: var(--color-border-strong);
  box-shadow: var(--shadow-md);
}

[data-theme="dark"] .ts-dropdown .optgroup-header {
  color: var(--color-text-secondary);
  background: var(--color-surface-raised);
}

[data-theme="dark"] .ts-dropdown .option {
  color: var(--color-text);
}

[data-theme="dark"] .ts-dropdown .active {
  background-color: var(--color-neutral-bg);
  color: var(--color-text);
}

[data-theme="dark"] .ts-dropdown .create {
  color: var(--color-text-muted);
}

[data-theme="dark"] .ts-dropdown .spinner::after {
  border-color: var(--color-border-strong) transparent var(--color-border-strong) transparent;
}

/* --- Auth (login / register / setup) --- */

[data-theme="dark"] .auth-login--v1 .auth-login__card {
  background: var(--color-surface-raised);
}

[data-theme="dark"] .auth-form--v1 .input,
[data-theme="dark"] .auth-oauth__btn {
  background: var(--color-surface);
  border-color: var(--color-border-strong);
  color: var(--color-text);
}

[data-theme="dark"] .auth-login--v2 .auth-login__form-panel,
[data-theme="dark"] .auth-page--v3 {
  background: var(--color-bg);
}

/* --- Mobile v9: sage-шапка (перебивает desktop topbar и app.css .topbar) --- */

@media (max-width: 900px) {
  [data-theme="dark"] .app--layout-v9 .topbar {
    background: color-mix(in srgb, var(--color-bg) 86%, transparent);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom-color: rgba(255, 255, 255, 0.14);
  }

  [data-theme="dark"] .app--layout-v9 .topbar__title {
    color: #fff;
  }

  [data-theme="dark"] .app--layout-v9 .topbar__burger {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.32);
    background: rgba(255, 255, 255, 0.08);
  }
}