/*
 * Valenzo POS v151 — unified dark screen theme.
 *
 * This file deliberately lives behind @media screen. Receipts, reports, QR
 * documents and every other print surface keep their black-on-white layout.
 */
@media screen {
  html[data-valenzo-theme="dark"] {
    color-scheme: dark;
    --dark150-bg: #060a12;
    --dark150-panel: #0b1220;
    --dark150-raised: #111827;
    --dark150-soft: #172033;
    --dark150-field: #080d16;
    --dark150-border: #29364a;
    --dark150-border-strong: #3b4a61;
    --dark150-text: #f8fafc;
    --dark150-muted: #9aa9bd;
    --dark150-faint: #718198;
    --dark150-focus: #60a5fa;
  }

  html[data-valenzo-theme="dark"] body,
  html[data-valenzo-theme="dark"] #app {
    background: var(--dark150-bg) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] .dark150-theme-status {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 66px;
    border: 1px solid #28527f;
    border-radius: 15px;
    background: linear-gradient(135deg, #0b1728, #101d33);
    padding: 12px 14px;
  }

  html[data-valenzo-theme="dark"] .dark150-theme-status > span {
    display: grid;
    place-items: center;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: #172554;
    color: #93c5fd;
    font-size: 22px;
  }

  html[data-valenzo-theme="dark"] .dark150-theme-status b,
  html[data-valenzo-theme="dark"] .dark150-theme-status small {
    display: block;
  }

  html[data-valenzo-theme="dark"] .dark150-theme-status b { color: #f8fafc; }
  html[data-valenzo-theme="dark"] .dark150-theme-status small {
    margin-top: 3px;
    color: #9aa9bd;
    font-size: 11px;
  }

  html[data-valenzo-theme="dark"] .settings-upgrade :is(.logo-preview, .logo-editor > .bg-white) {
    border: 1px solid var(--dark150-border) !important;
    background: var(--dark150-field) !important;
    color: var(--dark150-muted) !important;
  }

  /* Native controls: dark and legible without changing checkbox/radio layout. */
  html[data-valenzo-theme="dark"] #app input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
  html[data-valenzo-theme="dark"] #app select,
  html[data-valenzo-theme="dark"] #app textarea,
  html[data-valenzo-theme="dark"] #modal input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]),
  html[data-valenzo-theme="dark"] #modal select,
  html[data-valenzo-theme="dark"] #modal textarea {
    color-scheme: dark;
  }

  html[data-valenzo-theme="dark"] #app input::placeholder,
  html[data-valenzo-theme="dark"] #app textarea::placeholder,
  html[data-valenzo-theme="dark"] #modal input::placeholder,
  html[data-valenzo-theme="dark"] #modal textarea::placeholder {
    color: var(--dark150-muted);
    opacity: 1;
  }

  html[data-valenzo-theme="dark"] #app input:-webkit-autofill,
  html[data-valenzo-theme="dark"] #app input:-webkit-autofill:hover,
  html[data-valenzo-theme="dark"] #app input:-webkit-autofill:focus,
  html[data-valenzo-theme="dark"] #modal input:-webkit-autofill,
  html[data-valenzo-theme="dark"] #modal input:-webkit-autofill:hover,
  html[data-valenzo-theme="dark"] #modal input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--dark150-text) !important;
    caret-color: var(--dark150-text) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--dark150-field) inset !important;
    box-shadow: 0 0 0 1000px var(--dark150-field) inset !important;
  }

  html[data-valenzo-theme="dark"] input[type="date"] {
    color-scheme: dark !important;
  }

  html[data-valenzo-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator {
    border-color: transparent !important;
    background-color: transparent !important;
    filter: invert(1) brightness(1.25) !important;
    opacity: 1 !important;
  }

  html[data-valenzo-theme="dark"] :is(button, a, input, select, textarea, summary):focus-visible {
    outline-color: var(--dark150-focus);
  }

  html[data-valenzo-theme="dark"] :is(button, input, select, textarea):disabled {
    cursor: not-allowed;
    opacity: .58;
  }

  /* Language picker previously introduced a white island in dark headers. */
  html[data-valenzo-theme="dark"] :is(.admin-head-actions, .site-header, .header-actions, .resto-top) .valenzo-language-selector {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-raised) !important;
    color: #e2e8f0 !important;
  }

  html[data-valenzo-theme="dark"] :is(.admin-head-actions, .site-header, .header-actions, .resto-top) .valenzo-language-selector option {
    background: #0f172a !important;
    color: #f8fafc !important;
  }

  /* Salon / self-service POS. Product accent colours are intentionally kept. */
  html[data-valenzo-theme="dark"] body.pos-active .resto-shell {
    background: var(--dark150-bg) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.resto-top, .resto-cats, .resto-cart, .resto-cart-bottom, .fast-tables) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-panel) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.mobile-pos-tabs, .resto-cart-head) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-panel) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .mobile-pos-tab {
    background: var(--dark150-soft) !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .mobile-pos-tab.active {
    background: #2563eb !important;
    color: #fff !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.resto-products, .fast-product-area) {
    background: var(--dark150-bg) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.resto-back, .resto-cat, .fast-table, .fast-summary-pill, .fast-undo, .fast-search-clear) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-raised) !important;
    color: #dbe4f0 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .resto-cat.active,
  html[data-valenzo-theme="dark"] body.pos-active .fast-table.active {
    border-color: #3b82f6 !important;
    background: #1d4ed8 !important;
    color: #fff !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .fast-table.open:not(.active) {
    border-color: #a16207 !important;
    background: #3a2b0d !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.resto-search-wrap, .resto-search) {
    border-color: var(--dark150-border-strong) !important;
    background: var(--dark150-field) !important;
    color: var(--dark150-text) !important;
    -webkit-text-fill-color: var(--dark150-text) !important;
    caret-color: #60a5fa !important;
    color-scheme: dark !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .resto-search::placeholder {
    color: var(--dark150-muted) !important;
    -webkit-text-fill-color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .resto-search:-webkit-autofill,
  html[data-valenzo-theme="dark"] body.pos-active .resto-search:-webkit-autofill:hover,
  html[data-valenzo-theme="dark"] body.pos-active .resto-search:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--dark150-text) !important;
    -webkit-box-shadow: 0 0 0 1000px var(--dark150-field) inset !important;
    box-shadow: 0 0 0 1000px var(--dark150-field) inset !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.resto-table, .resto-customer) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-field) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.resto-cart-head, .resto-cart-row) {
    border-color: var(--dark150-border) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .resto-cart-list :is(.text-slate-900, .text-slate-700) {
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .fast-status {
    border: 1px solid #166534 !important;
    background: #0b2a20 !important;
    color: #86efac !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .fast-status .fast-status-dot {
    box-shadow: 0 0 0 4px #123923 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .fast-status.offline {
    border-color: #92400e !important;
    background: #33230b !important;
    color: #fdba74 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .fast-status.offline .fast-status-dot {
    box-shadow: 0 0 0 4px #4a210d !important;
  }

  html[data-valenzo-theme="dark"] #app .pwa-install {
    border: 1px solid var(--dark150-border-strong) !important;
    background: var(--dark150-soft) !important;
    color: #bfdbfe !important;
  }

  html[data-valenzo-theme="dark"] :is(.resto-logo-mark, .header-title > div:first-child) {
    background: var(--dark150-raised) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .fast-clock { color: #cbd5e1 !important; }
  html[data-valenzo-theme="dark"] body.pos-active .pos-search-count-v96 {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-soft) !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .fast-product-badge {
    border: 1px solid #475569 !important;
    background: #0f172a !important;
    color: #fff !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .pos-search-empty-v96,
  html[data-valenzo-theme="dark"] body.pos-active .pos-search-empty-v96 b {
    color: var(--dark150-muted) !important;
  }

  /* Table map. Area colours remain as accents, surfaces use the shared palette. */
  html[data-valenzo-theme="dark"] body.pos-active .table-map-main {
    background: var(--dark150-bg) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.table-map-filter-row button, .dining-area-tabs button, .table-map-summary, .dining-table, .table-map-empty) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-raised) !important;
    color: #e2e8f0 !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, .2) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.table-map-filter-row button.active, .dining-area-tabs button.active) {
    color: #fff !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .dining-table.open {
    border-color: var(--area, #34d399) !important;
    background: linear-gradient(145deg, color-mix(in srgb, var(--area, #047857) 78%, #06101d), #0f172a) !important;
    color: #fff !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .dining-table .table-state {
    border: 1px solid var(--dark150-border-strong) !important;
    background: var(--dark150-soft) !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .dining-table.open .table-state {
    border-color: color-mix(in srgb, var(--area, #34d399) 70%, #fff) !important;
    background: #07111f !important;
    color: #f8fafc !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .dining-table.requested {
    border-color: #f97316 !important;
    background: linear-gradient(145deg, #4a210d, #111827) !important;
    color: #fff !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .dining-table.requested .table-open-duration {
    color: #fdba74 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.dining-table small, .table-map-summary span, .table-map-empty) {
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .dining-table.open small { color: #d1fae5 !important; }

  html[data-valenzo-theme="dark"] body.pos-active .table-map-filter-row {
    background: var(--dark150-bg) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.service-active-table, .service-bill-request) {
    border-color: #28527f !important;
    background: #102445 !important;
    color: #bfdbfe !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .service-bill-request {
    border-color: #9a3412 !important;
    background: #351b0c !important;
    color: #fdba74 !important;
  }

  /* Current and legacy package surfaces. */
  html[data-valenzo-theme="dark"] body.pos-active .pos-mode-tabs,
  html[data-valenzo-theme="dark"] body.pos-active .package-page,
  html[data-valenzo-theme="dark"] body.pos-active :is(.legacy-package-screen, .clean-package-screen, .package-workspace, .package-command-center) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-bg) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .pos-mode-tabs button {
    background: var(--dark150-raised) !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .pos-mode-tabs button.active {
    background: #2563eb !important;
    color: #fff !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-bell, .package-order, .package-empty, .package-command-board, .package-command-detail, .package-command-table, .package-command-side, .package-workspace-head, .package-board-empty) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-raised) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-bell select, .package-command-tools input, .package-command-tools select) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-field) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-workspace-tools .package-refresh, .package-board-tabs button, .package-side-button, .package-command-platforms button.off, .package-bell-control) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-soft) !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-board-tabs button.active, .package-side-button.active) {
    border-color: #3b82f6 !important;
    background: linear-gradient(145deg, #1689e8, #1d4ed8) !important;
    color: #fff !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-auto-summary {
    border-color: #854d0e !important;
    background: #30230c !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-auto-summary.on {
    border-color: #166534 !important;
    background: #0c2b1c !important;
    color: #86efac !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-auto-switch button {
    background: #26344a !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-head p, .package-bell label, .package-order p, .package-empty, .package-address-block, .package-note-block) {
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-lines {
    border-color: var(--dark150-border-strong) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-detail-card, .package-customer-grid > div, .package-address-block, .package-note-block, .package-command-footer) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-panel) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-note-block {
    border-color: #854d0e !important;
    background: #2b210d !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-note-block.empty-note {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-raised) !important;
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-detail-card > header, .package-item-list, .package-command-table th, .package-command-table td) {
    border-color: var(--dark150-border) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-command-table th {
    background: #0f172a !important;
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-command-table tbody tr:hover {
    background: #142036 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-command-table tbody tr.selected {
    background: color-mix(in srgb, var(--platform, #2563eb) 22%, #0b1220) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-order-identity small, .package-order-identity span, .package-customer-grid small, .package-address-block small, .package-note-block small, .package-item-row small, .package-detail-card > footer small, .package-command-table td small, .package-detail-heading > span) {
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-item-qty {
    background: #1e2b55 !important;
    color: #c7d2fe !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .package-status-pill,
  html[data-valenzo-theme="dark"] body.pos-active .package-table-status {
    background: #142b4d !important;
    color: #93c5fd !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-table-status.status-yeni, .package-status-pill.status-yeni) {
    background: #401820 !important;
    color: #fda4af !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-table-status.status-hazır, .package-status-pill.status-hazır) {
    background: #3a2b0d !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-table-status.status-yolda, .package-status-pill.status-yolda) {
    background: #25245a !important;
    color: #c7d2fe !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.package-table-status.status-teslim-edildi, .package-status-pill.status-teslim-edildi) {
    background: #113321 !important;
    color: #86efac !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.ys-test-order-v115, .ys-test-detail-v115, .ys-test-detail-v115 header) {
    border-color: #b45309 !important;
    background: #33230b !important;
    color: #fef3c7 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .ys-test-order-v115 td {
    color: #fef3c7 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.ys-test-pill-v115, .ys-test-no-action-v115, .ys-test-detail-note-v115) {
    border-color: #b45309 !important;
    background: #3a2b0d !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify {
    background: var(--dark150-bg) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify :is(.pt-ust, .pt-oto, .pt-tablo-kap, .pk-alt) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-panel) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify :is(.pk-arama, .pk-arac-secim, .pk-filtre button, .pk-arac, .pt-oto-butonlar button, .pt-plat-rozet) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-soft) !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify :is(.pk-arama, .pk-arac-secim) {
    color-scheme: dark !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pk-arama::placeholder {
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify :is(.pk-filtre button.aktif, .pt-plat-rozet.on) {
    background: var(--platform, #2563eb) !important;
    color: #fff !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-tablo thead th {
    border-color: var(--dark150-border) !important;
    background: #0f172a !important;
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-satir {
    border-color: #162238 !important;
    background: transparent !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-satir:hover {
    background: #111c33 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-satir-yeni {
    background: #3a1f12 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify :is(.pt-satir td, .pt-no, .pk-alt b) {
    color: #e2e8f0 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify :is(.pt-musteri small, .pt-odeme, .pt-saat, .pt-bos, .pt-oto small) {
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-tutar { color: #fbbf24 !important; }
  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-fis {
    background: var(--dark150-soft) !important;
    color: #e2e8f0 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-bos button {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-soft) !important;
    color: #dbe4f0 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.clean-side, .clean-board, .clean-auto, .clean-bell, .clean-table-card) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-panel) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.clean-auto button, .clean-bell select, .clean-platforms button.off) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-soft) !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .clean-order-table th {
    border-color: var(--dark150-border) !important;
    background: #0f172a !important;
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .clean-order-table td {
    border-color: var(--dark150-border) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .clean-order-table tbody tr:hover {
    background: #142036 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .clean-order-table tbody tr.selected {
    background: #142b4d !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .clean-status {
    background: #113321 !important;
    color: #86efac !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active :is(.clean-order-table .empty, .clean-bell label, .clean-footer span) {
    color: var(--dark150-muted) !important;
  }

  /* Checkout and shared POS dialogs. */
  html[data-valenzo-theme="dark"] body.pos-active #modal > div > div,
  html[data-valenzo-theme="dark"] body.pos-active #modal :is(.checkout-modal, .payment-success-card) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-panel) !important;
    color: var(--dark150-text) !important;
    box-shadow: 0 30px 90px rgba(0, 0, 0, .55) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal :is(.bg-ink, .checkout-panel, .checkout-total-card, .checkout-cart-preview, .checkout-german-wrap, .checkout-split, .checkout-amount, .payment-success-detail) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-raised) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal .bg-panel,
  html[data-valenzo-theme="dark"] body.pos-active #modal .checkout-method {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-soft) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal :is(.field, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    border-color: var(--dark150-border-strong) !important;
    background: var(--dark150-field) !important;
    color: var(--dark150-text) !important;
    -webkit-text-fill-color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal :is(.text-gray-400, .text-gray-500, .checkout-german-info, .payment-success-card > p) {
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal .bg-card,
  html[data-valenzo-theme="dark"] body.pos-active #modal .payment-success-actions .secondary {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-soft) !important;
    color: #e2e8f0 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal .payment-success-check {
    background: #123923 !important;
    color: #4ade80 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal :is(.checkout-discounts button, .checkout-split button) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-soft) !important;
    color: #e2e8f0 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal :is(.checkout-discounts button.active, .checkout-split button.active) {
    border-color: #3b82f6 !important;
    background: #1d4ed8 !important;
    color: #fff !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal .checkout-discounts .custom {
    border-color: #a16207 !important;
    background: #3a2b0d !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal .checkout-amount button {
    background: #113321 !important;
    color: #86efac !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal .checkout-german-info {
    border: 1px solid #28527f !important;
    background: #102445 !important;
    color: #bfdbfe !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal .checkout-no-method {
    border: 1px solid #7f1d1d !important;
    background: #35131a !important;
    color: #fecaca !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal .checkout-cart-preview div {
    border-color: var(--dark150-border) !important;
  }

  /* Food platform setup/cancel dialogs. */
  html[data-valenzo-theme="dark"] #modal :is(.getir-setup-v112, .getir-cancel-v113, .ys-setup-v114, .ys-cancel-v114, .migros-setup-v117, .trendyol-reject-v118) {
    background: var(--dark150-panel) !important;
    color: var(--dark150-text) !important;
    color-scheme: dark !important;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .65) !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.getir-status-v112, .ys-status-v114, .ys-step-v114, .migros-status-v117, .migros-step-v117, .trendyol-reject-v118 fieldset) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-raised) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.getir-status-v112.ok, .ys-status-v114.ok, .migros-status-v117.ok) {
    border-color: #166534 !important;
    background: #0b2a20 !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.ys-status-v114.progress, .migros-status-v117.progress, .getir-migration-v112, .ys-approval-v114, .ys-unavailable-v114, .migros-warning-v117) {
    border-color: #92400e !important;
    background: #33230b !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.getir-error-v112, .ys-error-v114, .migros-error-v117) {
    border-color: #7f1d1d !important;
    background: #35131a !important;
    color: #fecaca !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.getir-form-v112 .field, .getir-cancel-v113 .field, .ys-form-v114 .field, .ys-cancel-v114 .field, .ys-copy-v114 .field, .migros-form-v117 .field, .trendyol-reject-v118 .field) {
    border-color: var(--dark150-border-strong) !important;
    background: var(--dark150-field) !important;
    color: var(--dark150-text) !important;
    -webkit-text-fill-color: var(--dark150-text) !important;
    color-scheme: dark !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.getir-setup-v112, .getir-cancel-v113, .ys-setup-v114, .ys-cancel-v114, .migros-setup-v117, .trendyol-reject-v118) :is(header p, label > span, small, em, .getir-security-v112, .ys-security-v114, .migros-security-v117, .trendyol-reject-all-v118) {
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] #modal .trendyol-reject-item-v118 {
    border-color: var(--dark150-border) !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.ys-badges-v114 .ok, .ys-card-badges-v114 .ok, .migros-badges-v117 .ok, .migros-card-badges-v117 .ok) {
    background: #113321 !important;
    color: #86efac !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.ys-badges-v114 .wait, .ys-card-badges-v114 .wait, .migros-badges-v117 .wait, .migros-card-badges-v117 .wait) {
    background: #3a2b0d !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] #modal .safe-platform-modal {
    border: 1px solid var(--dark150-border) !important;
    background: var(--dark150-panel) !important;
    color: var(--dark150-text) !important;
    color-scheme: dark !important;
  }

  html[data-valenzo-theme="dark"] #modal .trendyol-setup-modal {
    border: 1px solid var(--dark150-border) !important;
    background: var(--dark150-panel) !important;
    color: var(--dark150-text) !important;
    color-scheme: dark !important;
  }

  html[data-valenzo-theme="dark"] #modal .trendyol-help {
    border-color: #166534 !important;
    background: #0b2a20 !important;
    color: #86efac !important;
  }

  html[data-valenzo-theme="dark"] #modal .trendyol-setup-modal :is(.trendyol-setup-head p, .trendyol-note, .trendyol-form-grid span) {
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.safe-platform-row, .trendyol-saved-box, .trendyol-saved-box span) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-raised) !important;
    color: var(--dark150-text) !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.safe-modal-x, .safe-modal-done) {
    border-color: var(--dark150-border) !important;
    background: var(--dark150-soft) !important;
    color: #e2e8f0 !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.safe-platform-title p, .safe-platform-info small, .trendyol-saved-box small) {
    color: var(--dark150-muted) !important;
  }

  html[data-valenzo-theme="dark"] #modal .trendyol-form-grid .field {
    border-color: var(--dark150-border-strong) !important;
    background: var(--dark150-field) !important;
    color: var(--dark150-text) !important;
    -webkit-text-fill-color: var(--dark150-text) !important;
    color-scheme: dark !important;
  }

  html[data-valenzo-theme="dark"] :is(.platform-note, .platform-secret-warning) {
    border-color: #92400e !important;
    background: #33230b !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] .platform-secret-status .ok {
    background: #113321 !important;
    color: #86efac !important;
  }

  html[data-valenzo-theme="dark"] .platform-secret-status .wait {
    background: #3a2b0d !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] #app .platform-switch span {
    background: #64748b !important;
  }

  html[data-valenzo-theme="dark"] #app .platform-switch.on span {
    background: #86efac !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal :is(.checkout-close, .mini-danger) {
    background: #421923 !important;
    color: #fecaca !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active #modal .checkout-progress {
    background: var(--dark150-soft) !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.ys-status-v114 strong, .ys-links-v114 button) {
    background: var(--dark150-soft) !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] #modal .ys-links-v114 a {
    background: #421923 !important;
    color: #fecaca !important;
  }

  html[data-valenzo-theme="dark"] #modal :is(.migros-status-v117 strong, .migros-links-v117 a, .migros-links-v117 button, .trendyol-test-badge-v118) {
    background: #3a2b0d !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pk-bekleme {
    background: #113321 !important;
    color: #86efac !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pk-bekleme.pk-uyari {
    background: #3a2b0d !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pk-bekleme.pk-kritik {
    background: #421923 !important;
    color: #fda4af !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-pill-yeni {
    background: #421923 !important;
    color: #fda4af !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-pill-kabul {
    background: #3a2b0d !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-pill-hazir {
    background: #0b2f2c !important;
    color: #5eead4 !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-pill-yolda {
    background: #102445 !important;
    color: #bfdbfe !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-pill-teslim {
    background: #113321 !important;
    color: #86efac !important;
  }

  html[data-valenzo-theme="dark"] body.pos-active .paket-possify .pt-pill-diger {
    background: var(--dark150-soft) !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] #app .menu-row-actions :is(.favorite, .sort) {
    border-color: var(--dark150-border-strong) !important;
    background: var(--dark150-soft) !important;
    color: #cbd5e1 !important;
  }

  html[data-valenzo-theme="dark"] #app .menu-row-actions .favorite.active {
    border-color: #a16207 !important;
    background: #3a2b0d !important;
    color: #fde68a !important;
  }

  html[data-valenzo-theme="dark"] .admin-brand > span {
    border: 1px solid var(--dark150-border) !important;
    background: var(--dark150-raised) !important;
  }

  /* Operations must follow the app theme even on computers set to light OS. */
  html[data-valenzo-theme="dark"] :is(.ops123-shell, .ops123-modal, .ops123-table-actions) {
    --ops123-bg: #0b1220;
    --ops123-surface: #111b2d;
    --ops123-surface-soft: #162238;
    --ops123-surface-strong: #1c2a43;
    --ops123-border: #283852;
    --ops123-border-strong: #3b4d69;
    --ops123-text: #f1f5f9;
    --ops123-text-soft: #c1cbd9;
    --ops123-text-faint: #91a0b6;
    --ops123-primary: #60a5fa;
    --ops123-primary-strong: #3b82f6;
    --ops123-primary-soft: #142b4d;
    --ops123-success: #4ade80;
    --ops123-success-soft: #113321;
    --ops123-warning: #fbbf24;
    --ops123-warning-soft: #3a2b0d;
    --ops123-danger: #fb7185;
    --ops123-danger-soft: #421923;
    --ops123-info: #38bdf8;
    --ops123-info-soft: #102f42;
    --ops123-shadow: 0 20px 56px rgba(0, 0, 0, .34);
    --ops123-focus: rgba(96, 165, 250, .38);
    color-scheme: dark !important;
  }

  html[data-valenzo-theme="dark"] .ops123-shell {
    border-color: var(--ops123-border) !important;
    background: var(--ops123-bg) !important;
    color: var(--ops123-text) !important;
  }

  /* Intentional machine-readable / payment-brand exceptions. */
  html[data-valenzo-theme="dark"] :is(.ops123-qr-preview, .mfa-v134-qr) {
    background: #fff !important;
    color: #111827 !important;
  }

  html[data-valenzo-theme="dark"] :is(.ops123-qr-preview, .mfa-v134-qr, .payment-band) img {
    filter: none !important;
  }
}