/* Wspólna semantyczna warstwa motywu Ultramare. */
html[data-theme="light"] {
  --um-page-bg:#F5F4F0;
  --um-page-bg-soft:#FBFAF7;
  --um-surface:#FFFFFF;
  --um-surface-2:#EEEDE8;
  --um-surface-3:#E4E2DC;
  --um-border:#D8D7D1;
  --um-border-strong:#B0AFA8;
  --um-text:#1A1918;
  --um-text-muted:#62615D;
  --um-text-hint:#85847F;
  --um-shadow:0 16px 42px rgba(23,32,42,.10);
  --um-accent:#1F6D66;
  --um-accent-soft:#D7ECE8;
  --um-green:#23694D;
  --um-green-soft:#D9EEE5;
  --um-amber:#8A560E;
  --um-amber-soft:#F7E4CB;
  --um-danger:#9F2F3E;
  --um-danger-soft:#F6D5DB;
  --um-topbar:rgba(245,244,240,.94);
}

html[data-theme="dark"] {
  --um-page-bg:#0B0D14;
  --um-page-bg-soft:#10131D;
  --um-surface:#151925;
  --um-surface-2:#1C2130;
  --um-surface-3:#252B3D;
  --um-border:#343B52;
  --um-border-strong:#59627D;
  --um-text:#F1F3F8;
  --um-text-muted:#B5BBCB;
  --um-text-hint:#8C94AA;
  --um-shadow:0 18px 46px rgba(0,0,0,.30);
  --um-accent:#66C7BD;
  --um-accent-soft:#173C39;
  --um-green:#74D69A;
  --um-green-soft:#173A29;
  --um-amber:#F4BD6A;
  --um-amber-soft:#3A2A13;
  --um-danger:#FF9AAA;
  --um-danger-soft:#421D27;
  --um-topbar:rgba(15,18,27,.94);
}

html[data-theme] {
  --bg:var(--um-page-bg);
  --bg-soft:var(--um-page-bg-soft);
  --surface:var(--um-surface);
  --surface2:var(--um-surface-2);
  --surface-2:var(--um-surface-2);
  --surface3:var(--um-surface-3);
  --surface-3:var(--um-surface-3);
  --surface-strong:var(--um-surface);
  --panel:var(--um-surface);
  --card:var(--um-surface);
  --border:var(--um-border);
  --border-light:var(--um-border);
  --border-strong:var(--um-border-strong);
  --line:var(--um-border);
  --line-strong:var(--um-border-strong);
  --text:var(--um-text);
  --ink:var(--um-text);
  --text-muted:var(--um-text-muted);
  --text-soft:var(--um-text-muted);
  --muted:var(--um-text-muted);
  --soft:var(--um-text-muted);
  --text-hint:var(--um-text-hint);
  --text-faint:var(--um-text-hint);
  --shadow:var(--um-shadow);
  --accent:var(--um-accent);
  --accent-bg:color-mix(in srgb,var(--um-accent) 12%,transparent);
  --accent-soft:var(--um-accent-soft);
  --green:var(--um-green);
  --green-bg:var(--um-green-soft);
  --green-border:color-mix(in srgb,var(--um-green) 48%,var(--um-border));
  --done:var(--um-green);
  --done-bg:var(--um-green-soft);
  --done-soft:var(--um-green-soft);
  --amber:var(--um-amber);
  --amber-bg:var(--um-amber-soft);
  --amber-border:color-mix(in srgb,var(--um-amber) 55%,var(--um-border));
  --warn:var(--um-amber);
  --warn-bg:var(--um-amber-soft);
  --warn-soft:var(--um-amber-soft);
  --danger:var(--um-danger);
  --danger-strong:var(--um-danger);
  --danger-bg:var(--um-danger-soft);
  --danger-soft:var(--um-danger-soft);
  --danger-border:color-mix(in srgb,var(--um-danger) 48%,var(--um-border));
}

html[data-theme] body { color:var(--um-text); }
html[data-theme="light"] body { background-color:var(--um-page-bg); }
html[data-theme="dark"] body { background:var(--um-page-bg)!important; }
html[data-theme] .topbar { background:var(--um-topbar)!important;border-color:var(--um-border)!important; }
html[data-theme] .brand-sub { color:var(--um-text-muted)!important; }
html[data-theme] input,
html[data-theme] select,
html[data-theme] textarea { color:var(--um-text);background-color:var(--um-surface);border-color:var(--um-border); }
html[data-theme] input::placeholder,
html[data-theme] textarea::placeholder { color:var(--um-text-hint); }

/* Auto refresh jest jednym spójnym statusem — select nie tworzy osobnego jasnego pola. */
html[data-theme] .sync-pill { background:var(--um-green-soft)!important;color:var(--um-green)!important;border-color:color-mix(in srgb,var(--um-green) 42%,var(--um-border))!important; }
html[data-theme] .sync-pill select,
html[data-theme] .sync-pill .sync-select {
  min-height:0;
  padding:0 2px;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  background-color:transparent!important;
  color:inherit!important;
  box-shadow:none!important;
  font:inherit;
  font-weight:800;
  outline:none;
}
html[data-theme] .sync-pill select option { background:var(--um-surface);color:var(--um-text); }

.ultramare-theme-toggle {
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:40px;
  padding:9px 13px;
  border:1px solid var(--um-border);
  border-radius:14px;
  background:color-mix(in srgb,var(--um-surface) 86%,transparent);
  color:var(--um-text-muted);
  font:700 12px/1.1 var(--topbar-font,ui-sans-serif,system-ui,sans-serif);
  cursor:pointer;
  white-space:nowrap;
  transition:border-color .15s ease,background .15s ease,color .15s ease,transform .15s ease;
}
.ultramare-theme-toggle:hover { border-color:var(--um-border-strong);background:var(--um-surface);color:var(--um-text);transform:translateY(-1px); }
.ultramare-theme-toggle:focus-visible { outline:3px solid color-mix(in srgb,var(--um-accent) 35%,transparent);outline-offset:2px; }
.ultramare-theme-toggle > span:first-child { font-size:15px;line-height:1; }

html[data-theme="dark"] .card,
html[data-theme="dark"] .warehouse-panel,
html[data-theme="dark"] .warehouse-component-card,
html[data-theme="dark"] .warehouse-request-card:not(.status-Nowe):not(.status-Wydane):not(.status-Anulowane),
html[data-theme="dark"] .warehouse-mapped-card,
html[data-theme="dark"] .hero-panel:not(.hero-panel--accent),
html[data-theme="dark"] .stat-card,
html[data-theme="dark"] .lane,
html[data-theme="dark"] .workspace-panel,
html[data-theme="dark"] .toolbar,
html[data-theme="dark"] .shipment-card,
html[data-theme="dark"] .shipment-builder,
html[data-theme="dark"] .builder-order,
html[data-theme="dark"] .modal-card,
html[data-theme="dark"] .panel,
html[data-theme="dark"] .metric,
html[data-theme="dark"] .meta-card,
html[data-theme="dark"] .list-panel,
html[data-theme="dark"] .detail-panel,
html[data-theme="dark"] .auth-card,
html[data-theme="dark"] .sales-workbench-panel,
html[data-theme="dark"] .sales-summary-card,
html[data-theme="dark"] .sales-stage-card,
html[data-theme="dark"] .sales-lane-card { background:var(--um-surface)!important;border-color:var(--um-border)!important;color:var(--um-text); }

html[data-theme="dark"] .warehouse-request-card.status-Nowe { background:linear-gradient(180deg,#17243A,#142033)!important; }
html[data-theme="dark"] .warehouse-request-card.status-Wydane { background:linear-gradient(180deg,#13271D,var(--um-green-soft))!important; }
html[data-theme="dark"] .warehouse-request-card.status-Anulowane { background:linear-gradient(180deg,#2D1820,var(--um-danger-soft))!important; }
html[data-theme="dark"] .warehouse-cancelled-preview { background:rgba(21,25,37,.99)!important; }
html[data-theme="dark"] .brand-logo-wrap { background:rgba(255,255,255,.96)!important; }
html[data-theme="dark"] .user-badge {
  background:var(--um-surface-2)!important;
  color:var(--um-text-muted)!important;
  border-color:var(--um-border)!important;
}
html[data-theme="dark"] .search-box,
html[data-theme="dark"] .builder-order-cell,
html[data-theme="dark"] .summary-card,
html[data-theme="dark"] .shipment-grid .cell,
html[data-theme="dark"] .empty,
html[data-theme="dark"] .scope-btn,
html[data-theme="dark"] .action-btn,
html[data-theme="dark"] .mode-btn,
html[data-theme="dark"] .btn-light,
html[data-theme="dark"] .lang-btn,
html[data-theme="dark"] .pill { background:var(--um-surface-2)!important;color:var(--um-text);border-color:var(--um-border)!important; }

/* Produkcja: usunięcie jasnych wysp pozostawionych przez starsze, wpisane na sztywno kolory. */
html[data-theme="dark"][data-ultramare-app="production"] .production-presentation-switch,
html[data-theme="dark"][data-ultramare-app="production"] .production-pager { background:var(--um-surface-2)!important;border-color:var(--um-border)!important; }
html[data-theme="dark"][data-ultramare-app="production"] .stat.stat-btn.is-active-filter,
html[data-theme="dark"][data-ultramare-app="production"] .app-tab.is-active,
html[data-theme="dark"][data-ultramare-app="production"] .view-switch-btn.active,
html[data-theme="dark"][data-ultramare-app="production"] .record-type-btn.active,
html[data-theme="dark"][data-ultramare-app="production"] .production-presentation-btn.is-active { background:var(--um-amber-soft)!important;color:var(--um-amber)!important;border-color:var(--um-amber)!important; }
html[data-theme="dark"][data-ultramare-app="production"] .record-type-btn.is-base.active { background:var(--um-surface-3)!important;color:var(--um-text)!important;border-color:var(--um-border-strong)!important; }
html[data-theme="dark"][data-ultramare-app="production"] .record-type-btn.is-complaint.active { background:#17343A!important;color:#75D6E3!important;border-color:#327986!important; }
html[data-theme="dark"][data-ultramare-app="production"] .record-type-btn.is-cancelled.active { background:var(--um-danger-soft)!important;color:var(--um-danger)!important;border-color:var(--um-danger)!important; }
html[data-theme="dark"][data-ultramare-app="production"] .view-switch-btn.active .view-switch-count { background:var(--um-surface-3)!important;border-color:var(--um-border)!important; }
html[data-theme="dark"][data-ultramare-app="production"] .card.is-active,
html[data-theme="dark"][data-ultramare-app="production"] .card.is-paused { background:var(--um-amber-soft)!important; }
html[data-theme="dark"][data-ultramare-app="production"] .btn-stage { background:#173934!important;color:#6ED8C8!important;border-color:#397D73!important; }
html[data-theme="dark"][data-ultramare-app="production"] .btn-progress { background:#252454!important;color:#B9B7FF!important;border-color:#5452A8!important; }
html[data-theme="dark"][data-ultramare-app="production"] .btn-warehouse { background:#172E52!important;color:#8FBCFF!important;border-color:#365F9B!important; }

/* Pakowalnia: wszystkie robocze karty korzystają z tej samej ciemnej powierzchni. */
html[data-theme="dark"][data-ultramare-app="packing"] .order-card,
html[data-theme="dark"][data-ultramare-app="packing"] .order-cell,
html[data-theme="dark"][data-ultramare-app="packing"] .workspace-header,
html[data-theme="dark"][data-ultramare-app="packing"] .workspace-status-strip,
html[data-theme="dark"][data-ultramare-app="packing"] .workspace-status-chip,
html[data-theme="dark"][data-ultramare-app="packing"] .summary-card,
html[data-theme="dark"][data-ultramare-app="packing"] .context-card,
html[data-theme="dark"][data-ultramare-app="packing"] .position-group-head,
html[data-theme="dark"][data-ultramare-app="packing"] .position-row,
html[data-theme="dark"][data-ultramare-app="packing"] .unit-card,
html[data-theme="dark"][data-ultramare-app="packing"] .content-table,
html[data-theme="dark"][data-ultramare-app="packing"] .content-table tr,
html[data-theme="dark"][data-ultramare-app="packing"] .shipment-card,
html[data-theme="dark"][data-ultramare-app="packing"] .view-tab:not(.is-active),
html[data-theme="dark"][data-ultramare-app="packing"] .board-mobile-tab:not(.is-active) { background:var(--um-surface)!important;color:var(--um-text)!important;border-color:var(--um-border)!important; }
html[data-theme="dark"][data-ultramare-app="packing"] .workspace-status-strip[data-tone="active"],
html[data-theme="dark"][data-ultramare-app="packing"] .workspace-status-strip[data-tone="warn"] { background:var(--um-amber-soft)!important; }

/* Wysyłka: statystyki, karty i formularze nie mogą pozostać jasne przy jasnym tekście. */
html[data-theme="dark"][data-ultramare-app="shipping"] .stat,
html[data-theme="dark"][data-ultramare-app="shipping"] .source-card,
html[data-theme="dark"][data-ultramare-app="shipping"] .unit-card,
html[data-theme="dark"][data-ultramare-app="shipping"] .workflow-card,
html[data-theme="dark"][data-ultramare-app="shipping"] .builder-order-cell,
html[data-theme="dark"][data-ultramare-app="shipping"] .shipment-grid .cell,
html[data-theme="dark"][data-ultramare-app="shipping"] .summary-card,
html[data-theme="dark"][data-ultramare-app="shipping"] .table tr,
html[data-theme="dark"][data-ultramare-app="shipping"] .view-tab:not(.active),
html[data-theme="dark"][data-ultramare-app="shipping"] .view-tab-count,
html[data-theme="dark"][data-ultramare-app="shipping"] .hero-chip,
html[data-theme="dark"][data-ultramare-app="shipping"] .btn,
html[data-theme="dark"][data-ultramare-app="shipping"] .btn-ghost,
html[data-theme="dark"][data-ultramare-app="shipping"] .user-badge { background:var(--um-surface-2)!important;color:var(--um-text)!important;border-color:var(--um-border)!important; }
html[data-theme="dark"][data-ultramare-app="shipping"] .view-tab.active .view-tab-count { background:rgba(255,255,255,.16)!important;color:#fff!important; }
html[data-theme="dark"][data-ultramare-app="shipping"] .banner { background:var(--um-amber-soft)!important;color:var(--um-amber)!important;border-color:var(--um-amber)!important; }

/* Podglądy etykiet są dokumentami — celowo pozostają jasne i dostają ciemny tekst. */
html[data-theme="dark"] .label-sheet,
html[data-theme="dark"] .label-preview,
html[data-theme="dark"] .label-preview-card,
html[data-theme="dark"] .label-qr-wrap,
html[data-theme="dark"] .label-qr-box { background:#fff!important;color:#111!important;border-color:#A8A8A8!important; }

/* QR i CRM: domknięcie starszych kart z literalnym `white`/rgba(255...). */
html[data-theme="dark"][data-ultramare-app="qr"] .card,
html[data-theme="dark"][data-ultramare-app="qr"] .metric,
html[data-theme="dark"][data-ultramare-app="qr"] .panel { background:var(--um-surface)!important;color:var(--um-text)!important;border-color:var(--um-border)!important; }
html[data-theme="dark"][data-ultramare-app="crm"] .sales-workbench-panel-soft,
html[data-theme="dark"][data-ultramare-app="crm"] .sales-kickoff-note,
html[data-theme="dark"][data-ultramare-app="crm"] .sales-lane-card,
html[data-theme="dark"][data-ultramare-app="crm"] .toolbar-hint,
html[data-theme="dark"][data-ultramare-app="crm"] .case-card,
html[data-theme="dark"][data-ultramare-app="crm"] .quick-action-card,
html[data-theme="dark"][data-ultramare-app="crm"] .workflow-note,
html[data-theme="dark"][data-ultramare-app="crm"] .workflow-step,
html[data-theme="dark"][data-ultramare-app="crm"] .diag-item,
html[data-theme="dark"][data-ultramare-app="crm"] .timeline-item,
html[data-theme="dark"][data-ultramare-app="crm"] .ops-card,
html[data-theme="dark"][data-ultramare-app="crm"] .planning-summary,
html[data-theme="dark"][data-ultramare-app="crm"] .planning-result,
html[data-theme="dark"][data-ultramare-app="crm"] .planning-audit,
html[data-theme="dark"][data-ultramare-app="crm"] .empty-state,
html[data-theme="dark"][data-ultramare-app="crm"] .message-box { background:var(--um-surface)!important;color:var(--um-text)!important;border-color:var(--um-border)!important; }
html[data-theme="dark"][data-ultramare-app="crm"] .sales-lane-count,
html[data-theme="dark"][data-ultramare-app="crm"] .sales-lane-label,
html[data-theme="dark"][data-ultramare-app="crm"] .detail-tab,
html[data-theme="dark"][data-ultramare-app="crm"] .quick-action-button,
html[data-theme="dark"][data-ultramare-app="crm"] .workflow-step-status { background:var(--um-surface-2)!important;color:var(--um-text)!important;border-color:var(--um-border)!important; }

@media (max-width:640px) {
  .ultramare-theme-toggle { width:100%; }
}

@media print {
  html[data-theme] {
    color-scheme:light!important;
    --um-page-bg:#fff;--um-page-bg-soft:#fff;--um-surface:#fff;--um-surface-2:#fff;--um-surface-3:#fff;
    --um-border:#bbb;--um-border-strong:#888;--um-text:#111;--um-text-muted:#333;--um-text-hint:#555;--um-shadow:none;
    --bg:#fff;--bg-soft:#fff;--surface:#fff;--surface2:#fff;--surface-2:#fff;--surface3:#fff;--surface-3:#fff;
    --panel:#fff;--card:#fff;--border:#bbb;--line:#bbb;--text:#111;--ink:#111;--text-muted:#333;--text-soft:#333;--muted:#333;--soft:#333;
  }
  html[data-theme] body { background:#fff!important;color:#111!important; }
  html[data-theme] .card,
  html[data-theme] .panel,
  html[data-theme] .warehouse-panel,
  html[data-theme] .warehouse-request-card,
  html[data-theme] .shipment-card,
  html[data-theme] .modal-card,
  html[data-theme] .label-sheet { background:#fff!important;color:#111!important;box-shadow:none!important; }
  .ultramare-theme-toggle { display:none!important; }
}