/* Approved variant 2: Dunkel & ruhig. Presentation only, no stored preferences
   or business state. Keep v324b card layouts, modal scrolling and print intact. */
@media screen {
  :root[data-ui-theme="dark-calm"] {
    color-scheme: dark;
    --graphite: #121921;
    --panel: #1b2631;
    --panel2: #22303d;
    --steel: #344958;
    --line: #34424f;
    --border: var(--line);
    --chalk: #edf3f9;
    --paper: #d0dae4;
    --muted: #b0becc;
    --brass: #7fddd1;
    --brass-bright: #a2eee5;
    --green: #96e7bc;
    --red: #ffb9b9;
    --amber: #eed18d;
    --sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --disp: var(--sans);
    --mono: var(--sans);
  }

  html[data-ui-theme="dark-calm"] body {
    font-family: var(--sans);
    font-size: 1rem;
    line-height: 1.5;
    background: var(--graphite);
    color: var(--chalk);
    -webkit-font-smoothing: antialiased;
  }
  /* Existing tenant-specific brand tokens on body (e.g. WEKO) still win. */
  html[data-ui-theme="dark-calm"] :is(button, input, select, textarea) { font-family: var(--sans); }
  html[data-ui-theme="dark-calm"] :is(button, a, input, select, textarea, summary):focus-visible {
    outline: 2px solid var(--brass-bright);
    outline-offset: 3px;
  }
  html[data-ui-theme="dark-calm"] :is(input, progress) { accent-color: var(--brass); }
  html[data-ui-theme="dark-calm"] :is(.btn, .icon-btn, .desktop-sidebar-toggle, .mobile-nav-toggle) {
    border-radius: 8px;
    font-size: .875rem;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
    line-height: 1.4;
  }
  html[data-ui-theme="dark-calm"] .btn { min-height: 40px; padding: 9px 15px; }
  html[data-ui-theme="dark-calm"] .btn-primary { background: var(--brass); border-color: var(--brass); color: var(--graphite); }
  html[data-ui-theme="dark-calm"] .btn-primary:hover { background: var(--brass-bright); }
  html[data-ui-theme="dark-calm"] .btn-ghost { background: transparent; border-color: var(--line); color: var(--paper); }
  html[data-ui-theme="dark-calm"] .btn-ghost:hover { background: var(--panel2); border-color: var(--brass); color: var(--chalk); }
  html[data-ui-theme="dark-calm"] :is(.btn, .icon-btn):disabled { opacity: .5; cursor: not-allowed; }

  html[data-ui-theme="dark-calm"] .sidebar { background: color-mix(in srgb, var(--graphite) 60%, var(--panel)); }
  html[data-ui-theme="dark-calm"] .brand { padding: 22px 16px; }
  html[data-ui-theme="dark-calm"] .brand .t1 { font-size: 1rem; letter-spacing: .04em; }
  html[data-ui-theme="dark-calm"] .brand .t2 { font-size: .75rem; letter-spacing: .025em; }
  html[data-ui-theme="dark-calm"] nav { padding: 14px 10px; }
  html[data-ui-theme="dark-calm"] .navgroup-label { font-size: .75rem; font-weight: 600; letter-spacing: .07em; }
  html[data-ui-theme="dark-calm"] .navitem { border-radius: 8px; font-size: .875rem; color: var(--paper); }
  html[data-ui-theme="dark-calm"] .navitem:hover { background: var(--panel2); }
  html[data-ui-theme="dark-calm"] .navitem.active,
  html[data-ui-theme="dark-calm"] .nav-folder-items .navitem.active {
    background: color-mix(in srgb, var(--brass) 14%, var(--graphite)); color: var(--brass-bright); font-weight: 600;
  }
  html[data-ui-theme="dark-calm"] .nav-folder-toggle { border-radius: 9px; background: transparent; padding: 11px 10px; }
  html[data-ui-theme="dark-calm"] .nav-folder.is-open .nav-folder-toggle { background: var(--panel); border-color: var(--line); }
  html[data-ui-theme="dark-calm"] .nav-folder.has-active .nav-folder-toggle {
    background: color-mix(in srgb, var(--brass) 8%, var(--panel)); border-color: var(--line); box-shadow: inset 3px 0 var(--brass);
  }
  html[data-ui-theme="dark-calm"] .nav-folder-title strong { font-size: .875rem; line-height: 1.4; }
  html[data-ui-theme="dark-calm"] .nav-folder-title small { font-size: .75rem; line-height: 1.4; text-transform: none; letter-spacing: 0; color: var(--muted); }
  html[data-ui-theme="dark-calm"] .nav-folder-count { font-size: .75rem; }
  html[data-ui-theme="dark-calm"] .nav-folder-items { border-color: var(--line); }
  html[data-ui-theme="dark-calm"] :is(.sidebar-foot, .sidebar-save-label, .sidebar-save-time) { font-size: .75rem; }
  html[data-ui-theme="dark-calm"] :is(.phase1-account-trigger, .phase1-account-actions button, .phase1-tenant-top select) {
    background: var(--graphite); border-color: var(--line); color: var(--paper); font: .75rem/1.4 var(--sans);
  }
  html[data-ui-theme="dark-calm"] .phase1-account-trigger { color: var(--brass); }
  html[data-ui-theme="dark-calm"] .phase1-account-popover { background: var(--panel); border-color: var(--line); border-radius: 10px; }
  html[data-ui-theme="dark-calm"] .phase1-account-popover > span { color: var(--muted); font-size: .75rem; }

  html[data-ui-theme="dark-calm"] :is(.global-search-shell, .topbar) { background: var(--graphite); box-shadow: none; border-color: var(--line); }
  html[data-ui-theme="dark-calm"] .global-search-control { border-radius: 9px; background: var(--panel); }
  html[data-ui-theme="dark-calm"] .global-search-control:focus-within { border-color: var(--brass); box-shadow: 0 0 0 3px color-mix(in srgb, var(--brass) 13%, transparent); }
  html[data-ui-theme="dark-calm"] .global-search-control input { font-size: .875rem; }
  html[data-ui-theme="dark-calm"] .global-search-heading span { font-size: .75rem; }
  html[data-ui-theme="dark-calm"] .global-search-results { border-radius: 10px; }
  html[data-ui-theme="dark-calm"] .topbar h1 { font-size: 1.625rem; font-weight: 650; letter-spacing: -.025em; }
  html[data-ui-theme="dark-calm"] .topbar .sub { font-size: .8125rem; line-height: 1.5; }
  html[data-ui-theme="dark-calm"] .content { padding-top: 24px; }

  html[data-ui-theme="dark-calm"] :is(.customer-view-toolbar, .order-overview-toolbar, .offer-tracking-toolbar,
    .finance-panel, .calc-section, .calc-collapsible, .offer-position-card, .order-production-position,
    .customer-communication-panel, .offer-origin-panel, .commerce-card, .commerce-panel,
    .material-stock-card, .material-stock-panel, .supplier-card, .newsletter-card) { border-radius: 10px; }
  html[data-ui-theme="dark-calm"] :is(.material-stock-summary > div, .material-match, .material-supplier-list > div) { border-radius: 7px; }
  html[data-ui-theme="dark-calm"] :is(.customer-view-toolbar, .offer-origin-panel) { background: var(--panel); }
  html[data-ui-theme="dark-calm"] :is(.order-overview-flow, .offer-tracking-flow) { border-radius: 10px; overflow: hidden; }
  html[data-ui-theme="dark-calm"] .order-overview-flow article:last-child { background: color-mix(in srgb, var(--brass) 7%, var(--panel)); }
  html[data-ui-theme="dark-calm"] :is(.order-overview-flow span, .order-overview-flow small, .order-overview-legend span,
    .order-overview-order small, .order-overview-start small, .order-overview-runtime small, .order-overview-signal strong, .kpi .lbl) {
    font-size: .75rem; line-height: 1.5; letter-spacing: 0; text-transform: none;
  }
  html[data-ui-theme="dark-calm"] .kpi-grid { border-radius: 10px; overflow: hidden; }
  html[data-ui-theme="dark-calm"] :is(.field label, .customer-view-field label) {
    font-size: .8125rem; font-weight: 500; line-height: 1.5; text-transform: none; letter-spacing: 0; color: var(--muted);
  }
  html[data-ui-theme="dark-calm"] .field :is(input, select, textarea),
  html[data-ui-theme="dark-calm"] .customer-view-field :is(input, select) {
    border-radius: 7px; font-size: .875rem; min-height: 40px; background: var(--graphite); color: var(--chalk); border-color: var(--line);
  }
  html[data-ui-theme="dark-calm"] :is(.field input, .field select, .field textarea):focus { border-color: var(--brass); }
  html[data-ui-theme="dark-calm"] input::placeholder,
  html[data-ui-theme="dark-calm"] textarea::placeholder { color: var(--muted); opacity: .85; }
  html[data-ui-theme="dark-calm"] :is(.order-overview-filter, .status-pill) { border-radius: 6px; font-size: .75rem; line-height: 1.45; }
  html[data-ui-theme="dark-calm"] .order-overview-filter { padding: 7px 11px; }
  html[data-ui-theme="dark-calm"] .order-overview-filter.is-active { background: color-mix(in srgb, var(--brass) 12%, var(--panel)); }
  html[data-ui-theme="dark-calm"] .status-green { color: var(--green); background: color-mix(in srgb, var(--green) 9%, var(--panel)); }
  html[data-ui-theme="dark-calm"] .status-red { color: var(--red); background: color-mix(in srgb, var(--red) 9%, var(--panel)); }
  html[data-ui-theme="dark-calm"] .status-amber { color: var(--amber); background: color-mix(in srgb, var(--amber) 9%, var(--panel)); }
  html[data-ui-theme="dark-calm"] .status-violet { color: #cdbafa; border-color: #8e77b7; background: #332f45; }

  /* Cosmetic card treatment only. v324b continues to own display/grid/colspan. */
  html[data-ui-theme="dark-calm"] table.mobile-card-table > tbody > tr,
  html[data-ui-theme="dark-calm"] .sw-order-overview-table > tbody > .order-overview-row {
    border-radius: 11px; border-left-width: 1px; background: var(--panel); box-shadow: 0 2px 7px #0000000d;
  }
  html[data-ui-theme="dark-calm"] table.mobile-card-table > tbody > tr:hover { border-color: #4b6372; }
  html[data-ui-theme="dark-calm"] :is(table.mobile-card-table, .sw-order-overview-table) > tbody > tr > td::before {
    text-transform: none; font-size: .75rem; letter-spacing: 0; color: var(--muted);
  }
  html[data-ui-theme="dark-calm"] tbody td { font-size: .875rem; }
  html[data-ui-theme="dark-calm"] thead th { font-size: .75rem; text-transform: none; letter-spacing: 0; }
  html[data-ui-theme="dark-calm"] :is(.actions-col .icon-btn, .order-drawing-preview-button) {
    border-radius: 7px; font-size: .8125rem; color: var(--brass-bright); background: transparent;
  }
  html[data-ui-theme="dark-calm"] .order-production-detail { border-radius: 10px; background: color-mix(in srgb, var(--graphite) 60%, var(--panel)); }
  html[data-ui-theme="dark-calm"] .order-production-position { padding: 15px; }
  html[data-ui-theme="dark-calm"] .order-operation-card { border-radius: 7px; padding: 11px 12px; }
  html[data-ui-theme="dark-calm"] .order-operation-card strong { font-size: .875rem; }
  html[data-ui-theme="dark-calm"] :is(.order-operation-card span, .order-operation-card small, .order-production-position-title small, .order-runtime-audit) { font-size: .75rem; line-height: 1.5; }
  html[data-ui-theme="dark-calm"] :is(.order-overview-value, .order-overview-order-value, .money) { font-variant-numeric: tabular-nums; white-space: nowrap; }
  html[data-ui-theme="dark-calm"] :is(.modal-head, .modal-foot) { background: var(--panel); }
  html[data-ui-theme="dark-calm"] .modal-head h3 { font-size: 1.25rem; }
  html[data-ui-theme="dark-calm"] .modal-close { color: var(--paper); border-radius: 7px; }
  html[data-ui-theme="dark-calm"] .calc-section-head { border-radius: 10px 10px 0 0; background: var(--panel); }

  html[data-ui-theme="dark-calm"] :is(.swp-pool, .swp-detail, .swp-dialog, .swp-actionbar) { border-radius: 10px; }
  html[data-ui-theme="dark-calm"] :is(.swp-job, .swp-block, .swp-cell) { border-radius: 7px; }
  html[data-ui-theme="dark-calm"] .swp-block:not(.swp-locked) { background: var(--panel2); }
  html[data-ui-theme="dark-calm"] .swp-block.swp-late { box-shadow: inset 3px 0 var(--red); }
  html[data-ui-theme="dark-calm"] .swp-day-capacity progress::-webkit-progress-value { background: var(--brass); }
  html[data-ui-theme="dark-calm"] .swp-day-capacity progress::-moz-progress-bar { background: var(--brass); }
  html[data-ui-theme="dark-calm"] .swp-capacity-warning progress::-webkit-progress-value { background: var(--red); }
  html[data-ui-theme="dark-calm"] .swp-capacity-warning progress::-moz-progress-bar { background: var(--red); }
  html[data-ui-theme="dark-calm"] .swp-carry { color: var(--brass-bright); }
  html[data-ui-theme="dark-calm"] .swp-drag-ghost { background: var(--panel); border-color: var(--brass); font-family: var(--sans); }
  html[data-ui-theme="dark-calm"] .swp-drag-ghost small { color: var(--paper); }
  /* Keep risk warnings red and technical drawings on a white sheet. */
  html[data-ui-theme="dark-calm"] .swp-drawing-hover { border-color: var(--brass); }

  html[data-ui-theme="dark-calm"] :is(.copilot-card, .copilot-message, .copilot-action, .copilot-composer, .copilot-side-card) { border-radius: 10px; }
  html[data-ui-theme="dark-calm"] :is(.copilot-message, .copilot-card) { border-color: var(--line); }
  html[data-ui-theme="dark-calm"] :is(.app-toast, .form-message) { border-radius: 9px; }
  html[data-ui-theme="dark-calm"] .phase1-login-gate { background: var(--graphite); color: var(--chalk); font-family: var(--sans); }
  html[data-ui-theme="dark-calm"] .phase1-login-card { background: var(--panel); border-color: var(--line); border-radius: 14px; }
  html[data-ui-theme="dark-calm"] :is(.phase1-login-title, .phase1-login-body h1) { font-family: var(--sans); }
  html[data-ui-theme="dark-calm"] :is(.phase1-login-mark, .phase1-login-mark:after) { border-color: var(--brass); }
  html[data-ui-theme="dark-calm"] .phase1-login-sub { color: var(--brass); }
  html[data-ui-theme="dark-calm"] .phase1-login-field span { font: .8125rem/1.5 var(--sans); text-transform: none; color: var(--muted); }
  html[data-ui-theme="dark-calm"] .phase1-login-field :is(input, select) { border-radius: 7px; background: var(--graphite); color: var(--chalk); border-color: var(--line); }
  html[data-ui-theme="dark-calm"] .phase1-login-submit { background: var(--brass); color: var(--graphite); font-family: var(--sans); border-radius: 8px; }
}
@media screen and (pointer: coarse) {
  html[data-ui-theme="dark-calm"] .field :is(input, select, textarea) { font-size: 1rem; min-height: 44px; }
  html[data-ui-theme="dark-calm"] :is(.btn, .icon-btn) { min-height: 44px; }
}
@media screen and (max-width: 640px) {
  html[data-ui-theme="dark-calm"] .topbar h1 { font-size: 1.375rem; }
  html[data-ui-theme="dark-calm"] .order-production-position { padding: 10px; }
}