/* POS 디스플레이 테마 — 기기별 localStorage (pos-display-theme) */

[data-pos-theme="dark"] {
  color-scheme: dark;
  --bg: #000000;
  --bg-panel: #1c1c1e;
  --bg-elevated: #2c2c2e;
  --border: #3a3a3c;
  --text: #ffffff;
  --text-muted: rgba(255, 255, 255, 0.65);
  --cat-tab-muted: rgba(255, 255, 255, 0.55);
  --cat-section-bg: #1c1c1e;
  --cat-section-border: #3a3a3c;
  --shadow: 0 4px 16px rgba(0, 0, 0, 0.55);
  --kitchen-preparing-bg: #152535;
  --kitchen-preparing-border: #42a5f5;
  --kitchen-preparing-text: #90caf9;
  --kitchen-preparing-hover: #1e3a52;
  --kitchen-cooking-bg: #3d2a14;
  --kitchen-cooking-border: #fb8c00;
  --kitchen-cooking-text: #ffcc80;
  --kitchen-cooking-hover: #523618;
  --kitchen-done-bg: #1a3320;
  --kitchen-done-border: #66bb6a;
  --kitchen-done-text: #a5d6a7;
  --kitchen-done-hover: #234829;
  --surface-subtle: #1c1c1e;
  --surface-hover: #2c2c2e;
  --surface-active: #1e3a5f;
  --link: #60a5fa;
  --report-title: #93c5fd;
  --report-section-border: #3a3a3c;
  --topbar-bg: #000000;
  --topbar-border: #3a3a3c;
  --topbar-fg: #ffffff;
  --topbar-fg-muted: rgba(255, 255, 255, 0.65);
  --topbar-badge-bg: #1c1c1e;
  --topbar-hover: rgba(255, 255, 255, 0.08);
  --settings-nav-bg: #000000;
  --settings-nav-border: #3a3a3c;
  --settings-nav-fg: #ffffff;
  --settings-nav-fg-muted: rgba(255, 255, 255, 0.55);
  --settings-nav-hover: rgba(255, 255, 255, 0.08);
  --settings-nav-section: rgba(255, 255, 255, 0.45);
  --settings-btn-bg: #2c2c2e;
  --settings-btn-border: #3a3a3c;
  --settings-btn-fg: #ffffff;
  --settings-btn-hover: #3a3a3c;
  --table-floor-bg: #000000;
  --table-floor-table-bg: #1c1c1e;
  --table-floor-border: #3a3a3c;
  --table-floor-empty-border: #3a3a3c;
  --table-floor-name-color: #ffffff;
}

[data-pos-theme="dark"] #posBootShield {
  background: #000000;
}

[data-pos-theme="dark"] .settings-work-shell,
[data-pos-theme="dark"] .settings-work-panel,
[data-pos-theme="dark"] .settings-work-panel-body,
[data-pos-theme="dark"] .settings-work-panel-head,
[data-pos-theme="dark"] .settings-work-menu,
[data-pos-theme="dark"] .view,
[data-pos-theme="dark"] .toast-menu-panel,
[data-pos-theme="dark"] .menu-panel,
[data-pos-theme="dark"] .toast-cart-panel,
[data-pos-theme="dark"] .cashier-cart-panel,
[data-pos-theme="dark"] .cashier-table-floor,
[data-pos-theme="dark"] .table-floor-main,
[data-pos-theme="dark"] .modal-content,
[data-pos-theme="dark"] .modal-sheet,
[data-pos-theme="dark"] .pos-login-card,
[data-pos-theme="dark"] .business-open-card,
[data-pos-theme="dark"] .notice-panel-sheet,
[data-pos-theme="dark"] .topbar-system-menu {
  background-color: var(--bg-panel);
  color: var(--text);
  border: 1px solid var(--border);
  box-shadow: 0 10px 32px rgba(0, 0, 0, 0.55);
}

[data-pos-theme="dark"] .topbar-system-label {
  color: var(--text);
}

[data-pos-theme="dark"] .exit-confirm-cancel {
  background: var(--bg-elevated);
  color: var(--text-muted, #cbd5e1);
}

[data-pos-theme="dark"] .exit-confirm-cancel:hover {
  background: var(--border);
}

[data-pos-theme="dark"] .topbar-system-icon {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
}

[data-pos-theme="dark"] .topbar-system-item:hover .topbar-system-icon {
  background: var(--surface-hover);
}

[data-pos-theme="dark"] .topbar-system-icon-neutral {
  color: rgba(255, 255, 255, 0.72);
}

[data-pos-theme="dark"] .settings-work-menu {
  background: var(--settings-nav-bg);
  border-color: var(--settings-nav-border);
}

[data-pos-theme="dark"] .settings-work-menu-item {
  color: var(--settings-nav-fg);
}

[data-pos-theme="dark"] .settings-work-menu-item:hover:not(.active) {
  background: var(--settings-nav-hover);
}

[data-pos-theme="dark"] .settings-work-menu-item.active {
  background: var(--primary);
  color: #fff;
}

[data-pos-theme="dark"] .settings-work-nav {
  background: var(--settings-nav-bg);
  border-right-color: var(--settings-nav-border);
  color: var(--settings-nav-fg);
}

[data-pos-theme="dark"] .settings-work-nav-head {
  border-bottom-color: var(--settings-nav-border);
}

[data-pos-theme="dark"] .settings-work-nav-label {
  color: var(--settings-nav-fg-muted);
}

[data-pos-theme="dark"] .settings-work-store-name,
[data-pos-theme="dark"] .settings-work-close-btn {
  color: var(--settings-nav-fg);
}

[data-pos-theme="dark"] .settings-work-close-btn {
  background: rgba(255, 255, 255, 0.1);
}

[data-pos-theme="dark"] .settings-work-close-btn:hover {
  background: rgba(255, 255, 255, 0.18);
}

[data-pos-theme="dark"] .settings-work-menu-section {
  color: var(--settings-nav-section);
}

[data-pos-theme="dark"] .settings-country-options-nav {
  border-left-color: rgba(255, 255, 255, 0.28);
}

[data-pos-theme="dark"] .settings-country-options-nav-section,
[data-pos-theme="dark"] .settings-country-option-bullet {
  color: rgba(255, 255, 255, 0.72);
}

[data-pos-theme="dark"] .topbar-business-day-label.open {
  color: #86efac;
}

[data-pos-theme="dark"] .topbar-business-day-label.pending {
  color: #fcd34d;
}

[data-pos-theme="dark"] .topbar-business-day-label.closed {
  color: #c5221f;
}

[data-pos-theme="dark"] .topbar .btn-topbar-func {
  border-color: #374151;
  background: #1f2937;
  color: var(--topbar-fg-muted);
}

[data-pos-theme="dark"] .topbar .btn-topbar-func:hover {
  background: #374151;
  border-color: #4b5563;
  color: var(--topbar-fg);
}

[data-pos-theme="dark"] .topbar .touch-select,
[data-pos-theme="dark"] .topbar .btn-icon {
  border-color: #374151;
  background: #1f2937;
  color: var(--topbar-fg);
}

[data-pos-theme="dark"] .topbar .touch-select:hover,
[data-pos-theme="dark"] .topbar .btn-icon:hover {
  background: #374151;
  border-color: #4b5563;
}

[data-pos-theme="dark"] .topbar-store-flag-img {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
}

[data-pos-theme="dark"] .settings-work-panel-head {
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .hint {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .touch-input,
[data-pos-theme="dark"] .touch-select,
[data-pos-theme="dark"] textarea.touch-input {
  background: var(--bg-elevated);
  color: var(--text);
  border-color: var(--border);
}

[data-pos-theme="dark"] .btn-ghost,
[data-pos-theme="dark"] .btn-ghost.touch-sm {
  background: var(--bg-elevated);
  color: var(--text);
  border-color: var(--border);
}

[data-pos-theme="dark"] .btn-ghost:hover {
  background: #303540;
}

[data-pos-theme="dark"] .toast-cart-item,
[data-pos-theme="dark"] .toast-cart-item.cart-line-sent,
[data-pos-theme="dark"] .order-lines-table,
[data-pos-theme="dark"] .order-lines-table td,
[data-pos-theme="dark"] .product-card,
[data-pos-theme="dark"] .screen-btn-order-item,
[data-pos-theme="dark"] .display-theme-option,
[data-pos-theme="dark"] .table-floor-btn,
[data-pos-theme="dark"] .modal-backdrop + .modal-dialog .modal-body {
  background: var(--bg-panel);
  color: var(--text);
  border-color: var(--border);
}

[data-pos-theme="dark"] .toast-cart-item.selected,
[data-pos-theme="dark"] .toast-cart-item.cart-line-unsent,
[data-pos-theme="dark"] .toast-cart-item.cart-line-pending-add {
  background: var(--bg-elevated, #2c2c2e);
  border-left: 3px solid var(--primary);
}

[data-pos-theme="dark"] .toast-cart-item.cart-line-unsent.selected,
[data-pos-theme="dark"] .toast-cart-item.cart-line-pending-add.selected {
  background: var(--bg-panel, #1c1c1e);
}

[data-pos-theme="dark"] .toast-cart-item-name,
[data-pos-theme="dark"] .toast-cart-col-amount,
[data-pos-theme="dark"] .toast-cart-item-unit-qty,
[data-pos-theme="dark"] .toast-cart-item-price,
[data-pos-theme="dark"] .toast-cart-item-qty-label,
[data-pos-theme="dark"] .toast-cart-item .toast-qty-val,
[data-pos-theme="dark"] .line-product-name,
[data-pos-theme="dark"] .product-card .name,
[data-pos-theme="dark"] .product-card .price {
  color: var(--text);
}

[data-pos-theme="dark"] .toast-cart-item.cart-line-unsent .toast-cart-item-name,
[data-pos-theme="dark"] .toast-cart-item.cart-line-pending-add .toast-cart-item-name,
[data-pos-theme="dark"] .toast-cart-item.cart-line-unsent .toast-cart-item-price,
[data-pos-theme="dark"] .toast-cart-item.cart-line-pending-add .toast-cart-item-price,
[data-pos-theme="dark"] .toast-cart-item.cart-line-unsent .toast-cart-item-qty-label,
[data-pos-theme="dark"] .toast-cart-item.cart-line-pending-add .toast-cart-item-qty-label,
[data-pos-theme="dark"] .toast-cart-item.cart-line-unsent .toast-cart-col-amount,
[data-pos-theme="dark"] .toast-cart-item.cart-line-pending-add .toast-cart-col-amount,
[data-pos-theme="dark"] .toast-cart-item.cart-line-unsent .toast-cart-item-unit-qty,
[data-pos-theme="dark"] .toast-cart-item.cart-line-pending-add .toast-cart-item-unit-qty,
[data-pos-theme="dark"] .toast-cart-item.cart-line-unsent .toast-qty-val,
[data-pos-theme="dark"] .toast-cart-item.cart-line-pending-add .toast-qty-val {
  color: var(--text);
}

[data-pos-theme="dark"] .toast-menu-header,
[data-pos-theme="dark"] .toast-cart-top,
[data-pos-theme="dark"] .toast-menu-footer,
[data-pos-theme="dark"] .toast-cat-tabs,
[data-pos-theme="dark"] .toast-menu-search-bar {
  background: var(--cat-section-bg);
  border-color: var(--cat-section-border);
}

[data-pos-theme="dark"] .toast-order-type {
  background: var(--bg, #000000);
}

[data-pos-theme="dark"] .toast-type-btn[data-order-type="dine_in"]:not(.active),
[data-pos-theme="dark"] .toast-type-btn[data-order-type="takeout"]:not(.active) {
  color: rgba(255, 255, 255, 0.5);
}

[data-pos-theme="dark"] .toast-receipt-print-btn {
  background: rgba(255, 255, 255, 0.12);
  color: #d1d5db;
}

[data-pos-theme="dark"] .toast-receipt-print-btn.is-on {
  background: rgba(255, 255, 255, 0.16);
  color: #e5e7eb;
}

[data-pos-theme="dark"] .toast-receipt-print-btn.is-off {
  background: rgba(255, 255, 255, 0.08);
  color: #7b828c;
}

[data-pos-theme="dark"] .toast-cart-table,
[data-pos-theme="dark"] .toast-cart-meta-label {
  color: var(--text);
}

[data-pos-theme="dark"] .toast-guest-btn {
  background: var(--bg, #000000);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .toast-guest-btn .sale-guest-count-badge,
[data-pos-theme="dark"] .toast-guest-btn.has-count .sale-guest-count-badge {
  color: var(--text);
}

[data-pos-theme="dark"] .cat-tab {
  color: var(--cat-tab-muted);
}

[data-pos-theme="dark"] .cat-tab.active,
[data-pos-theme="dark"] .toast-cat-tabs .cat-tab.active {
  color: var(--text);
  background: var(--bg-elevated, #2c2c2e);
  border-bottom-color: var(--primary);
}

[data-pos-theme="dark"] .toast-cat-tabs .cat-tab.active:active,
[data-pos-theme="dark"] .toast-cat-tabs .cat-tab:active {
  background: var(--bg-panel, #1c1c1e);
}

[data-pos-theme="dark"] .toast-cat-tabs .cat-tab.active .cat-tab-count {
  color: var(--text);
  background: rgba(255, 255, 255, 0.12);
}

[data-pos-theme="dark"] .toast-quick-order-btn {
  background: var(--bg-elevated, #2c2c2e);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .toast-quick-order-btn:not(:disabled):active {
  background: var(--bg-panel, #1c1c1e);
  border-color: var(--primary);
}

[data-pos-theme="dark"] .toast-quick-order-btn.toast-quick-clear-btn {
  background: var(--bg-elevated, #2c2c2e);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .toast-quick-order-btn.toast-quick-clear-btn:not(:disabled):active {
  background: var(--bg-panel, #1c1c1e);
  border-color: #f87171;
}

[data-pos-theme="dark"] .toast-quick-tip-btn.has-tip {
  background: var(--bg-elevated, #2c2c2e);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .toast-quick-kitchen-icon.release {
  background: rgba(255, 255, 255, 0.14);
  color: var(--text);
  border-color: var(--border);
}

[data-pos-theme="dark"] .toast-quick-kitchen-icon.stay,
[data-pos-theme="dark"] .toast-quick-kitchen-icon.send,
[data-pos-theme="dark"] .toast-quick-kitchen-icon.table {
  background: rgba(255, 255, 255, 0.14);
  color: var(--text);
}

[data-pos-theme="dark"] .toast-cat-arrow,
[data-pos-theme="dark"] .toast-page-arrow,
[data-pos-theme="dark"] .toast-icon-btn {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .toast-menu-panel,
[data-pos-theme="dark"] .toast-product-grid,
[data-pos-theme="dark"] .cashier-order-flow {
  background: var(--bg);
}

[data-pos-theme="dark"] .toast-cart-list {
  background: var(--bg-elevated, #2c2c2e);
}

[data-pos-theme="dark"] .toast-cart-item.cart-line-sent {
  background: var(--bg-elevated, #2c2c2e);
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .toast-cart-item .toast-qty-btn,
[data-pos-theme="dark"] .toast-cart-item .toast-qty-change-btn {
  color: var(--text);
  background: var(--bg-panel, #1c1c1e);
  border-color: var(--border);
}

[data-pos-theme="dark"] .toast-cart-item .toast-cart-del-cancel {
  background: rgba(0, 93, 245, 0.2);
  color: #93c5fd;
}

[data-pos-theme="dark"] .toast-cart-status {
  background: var(--bg-elevated, #2c2c2e);
  color: var(--text-muted);
  border-top-color: var(--border);
}

[data-pos-theme="dark"] .toast-cart-checkout,
[data-pos-theme="dark"] .toast-checkout-label,
[data-pos-theme="dark"] .toast-checkout-value {
  color: var(--text);
}

[data-pos-theme="dark"] .toast-checkout-label {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .toast-cart-action-bar {
  background: var(--cat-section-bg);
  border-top-color: var(--cat-section-border);
}

[data-pos-theme="dark"] .toast-cart-action-btn.toast-cart-table-btn {
  background: var(--bg-elevated, #2c2c2e);
  border: 1px solid var(--border);
}

[data-pos-theme="dark"] .toast-cart-action-btn.toast-cart-table-btn .toast-cart-kitchen-action-label {
  color: var(--text);
}

[data-pos-theme="dark"] .toast-cart-empty {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .toast-menu-footer-action,
[data-pos-theme="dark"] .toast-menu-search {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .toast-menu-footer-action:hover {
  border-color: var(--primary);
  color: var(--text);
}

[data-pos-theme="dark"] .table-floor-sidebar,
[data-pos-theme="dark"] .table-floor-status {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .order-lines-table th {
  background: #2a3140;
  color: var(--text);
  border-color: var(--border);
}

[data-pos-theme="dark"] .order-lines-table td {
  background: var(--bg-panel);
}

[data-pos-theme="dark"] .pos-login-gate,
[data-pos-theme="dark"] .pos-mode-gate,
[data-pos-theme="dark"] #businessOpenLoginGate {
  background: rgba(0, 0, 0, 0.72);
}

[data-pos-theme="dark"] .logo-wordmark-img {
  background: #fff;
}

/* ── KDS (주방 디스플레이) ── */
[data-pos-theme="dark"] #view-kds,
[data-pos-theme="dark"] #kdsDetailModal,
[data-pos-theme="dark"] #view-did {
  --kds-ink: #e8eaed;
  background-color: var(--bg);
  color: var(--kds-ink);
}

[data-pos-theme="dark"] #view-did .did-toolbar h2,
[data-pos-theme="dark"] #view-did .did-clock-label,
[data-pos-theme="dark"] #view-did .did-col-empty {
  color: var(--kds-ink);
}

[data-pos-theme="dark"] #view-did .did-column {
  background: var(--surface);
  border-color: rgba(255, 255, 255, 0.12);
}

[data-pos-theme="dark"] #view-kds .panel-toolbar h2,
[data-pos-theme="dark"] #view-kds .toolbar-right,
[data-pos-theme="dark"] #view-kds .check-label,
[data-pos-theme="dark"] #view-kds .kds-status-bar-label,
[data-pos-theme="dark"] #view-kds .kds-clock-label,
[data-pos-theme="dark"] #view-kds .kds-summary-label,
[data-pos-theme="dark"] #view-kds .kds-summary-empty,
[data-pos-theme="dark"] #view-kds .kds-footer-bar,
[data-pos-theme="dark"] #view-kds .kds-footer-bar .hint,
[data-pos-theme="dark"] #view-kds .kds-col-header,
[data-pos-theme="dark"] #view-kds .kds-col-empty,
[data-pos-theme="dark"] #kdsDetailModal h3,
[data-pos-theme="dark"] #kdsDetailModal .btn-close,
[data-pos-theme="dark"] #kdsDetailModal .kds-detail-modal-sub,
[data-pos-theme="dark"] #kdsDetailModal .kds-line-main,
[data-pos-theme="dark"] #kdsDetailModal .kds-line-main strong {
  color: var(--kds-ink);
}

[data-pos-theme="dark"] #view-kds .kds-status-filter {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] #view-kds .kds-count {
  background: #303540;
  color: var(--text);
}

[data-pos-theme="dark"] #view-kds .kds-summary-bar {
  background: var(--bg-panel);
  border: 1px solid var(--border);
  border-radius: var(--radius);
}

[data-pos-theme="dark"] #view-kds .kds-summary-chip {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] #view-kds .kds-order-card {
  color: var(--kds-ink);
}

[data-pos-theme="dark"] #view-kds .kds-order-card .kds-card-bottom {
  border-top-color: rgba(255, 255, 255, 0.1);
}

[data-pos-theme="dark"] #view-kds .kds-order-card.status-NEW {
  background: var(--kitchen-preparing-bg);
  border-color: var(--kitchen-preparing-border);
  color: var(--kitchen-preparing-text);
}

[data-pos-theme="dark"] #view-kds .kds-order-card.status-COOKING {
  background: var(--kitchen-cooking-bg);
  border-color: var(--kitchen-cooking-border);
  color: var(--kitchen-cooking-text);
}

[data-pos-theme="dark"] #view-kds .kds-order-card.status-READY {
  background: var(--kitchen-done-bg);
  border-color: var(--kitchen-done-border);
  color: var(--kitchen-done-text);
}

[data-pos-theme="dark"] #view-kds .kds-order-card.status-NEW .kds-server,
[data-pos-theme="dark"] #view-kds .kds-order-card.status-COOKING .kds-server,
[data-pos-theme="dark"] #view-kds .kds-order-card.status-READY .kds-server,
[data-pos-theme="dark"] #view-kds .kds-type-row,
[data-pos-theme="dark"] #view-kds .kds-type-row.type-dine-in,
[data-pos-theme="dark"] #view-kds .kds-type-row.type-takeout,
[data-pos-theme="dark"] #view-kds .kds-type-row.type-delivery,
[data-pos-theme="dark"] #view-kds .kds-ticket-no,
[data-pos-theme="dark"] #view-kds .kds-order-time,
[data-pos-theme="dark"] #view-kds .kds-elapsed,
[data-pos-theme="dark"] #view-kds .kds-elapsed-label,
[data-pos-theme="dark"] #view-kds .kds-qty,
[data-pos-theme="dark"] #view-kds .kds-mod,
[data-pos-theme="dark"] #view-kds .kds-lines-more-label,
[data-pos-theme="dark"] #view-kds .kds-line-main,
[data-pos-theme="dark"] #view-kds .kds-line-main strong {
  color: inherit;
}

[data-pos-theme="dark"] #view-kds .kds-col-NEW .kds-col-header {
  background: var(--kitchen-preparing-bg);
  border-color: var(--kitchen-preparing-border);
  color: var(--kitchen-preparing-text);
}

[data-pos-theme="dark"] #view-kds .kds-col-COOKING .kds-col-header {
  background: var(--kitchen-cooking-bg);
  border-color: var(--kitchen-cooking-border);
  color: var(--kitchen-cooking-text);
}

[data-pos-theme="dark"] #view-kds .kds-col-READY .kds-col-header {
  background: var(--kitchen-done-bg);
  border-color: var(--kitchen-done-border);
  color: var(--kitchen-done-text);
}

[data-pos-theme="dark"] #view-kds .kds-column {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] #kdsDetailModal .modal-content {
  background: var(--bg-panel);
  color: var(--kds-ink);
  border-color: var(--border);
}

[data-pos-theme="dark"] #kdsDetailModal .kds-detail-item-actions button,
[data-pos-theme="dark"] #kdsDetailModal .kds-actions-row > button {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] #view-kds .kds-status-bar .btn-ghost {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] #view-kds .kds-sort-divider {
  background: var(--border);
}

[data-pos-theme="dark"] #view-kds .kds-qty,
[data-pos-theme="dark"] #kdsDetailModal .kds-qty {
  background: rgba(255, 255, 255, 0.12);
}

[data-pos-theme="dark"] #view-kds .kds-seat,
[data-pos-theme="dark"] #kdsDetailModal .kds-seat {
  background: rgba(255, 255, 255, 0.1);
  color: var(--text);
}

[data-pos-theme="dark"] #view-kds .kds-board .kds-actions-row > button {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] #view-kds .kds-actions-row .btn-cook,
[data-pos-theme="dark"] #view-kds .kds-actions-row .btn-bump,
[data-pos-theme="dark"] #view-kds .kds-actions-row .btn-back,
[data-pos-theme="dark"] #view-kds .kds-actions-row .btn-ready,
[data-pos-theme="dark"] #kdsDetailModal .kds-detail-item-actions .btn-item-cook,
[data-pos-theme="dark"] #kdsDetailModal .kds-detail-item-actions .btn-item-bump {
  border: none;
  color: #fff;
}

[data-pos-theme="dark"] #view-kds .btn-release,
[data-pos-theme="dark"] #kdsDetailModal .btn-release,
[data-pos-theme="dark"] #kdsDetailModal .kds-detail-item-actions .btn-release {
  background: transparent;
  border-color: var(--accent);
  color: var(--accent);
}

[data-pos-theme="dark"] #view-kds .kds-order-card.status-CANCELLED {
  background: #2a1515;
  border-color: #f87171;
  color: #fca5a5;
}

[data-pos-theme="dark"] #view-kds .kds-col-CANCELLED .kds-col-header {
  background: #2a1515;
  border-bottom-color: #f87171;
  color: #fca5a5;
}

[data-pos-theme="dark"] #view-kds .kds-pill-CANCELLED,
[data-pos-theme="dark"] #kdsDetailModal .kds-pill-CANCELLED {
  background: rgba(220, 38, 38, 0.28);
  border-color: #f87171;
  color: #fca5a5;
}

[data-pos-theme="dark"] #view-kds .kds-cancel-tag,
[data-pos-theme="dark"] #kdsDetailModal .kds-cancel-tag {
  background: rgba(220, 38, 38, 0.32);
  color: #fecaca;
}

[data-pos-theme="dark"] #view-kds .kds-pill-NEW,
[data-pos-theme="dark"] #view-kds .kds-pill-COOKING,
[data-pos-theme="dark"] #view-kds .kds-pill-READY,
[data-pos-theme="dark"] #kdsDetailModal .kds-item-status-pill.kds-pill-NEW,
[data-pos-theme="dark"] #kdsDetailModal .kds-item-status-pill.kds-pill-COOKING,
[data-pos-theme="dark"] #kdsDetailModal .kds-item-status-pill.kds-pill-READY {
  color: #fff;
}

[data-pos-theme="dark"] #kdsDetailModal .kds-detail-item.status-NEW {
  color: var(--kitchen-preparing-text);
}

[data-pos-theme="dark"] #kdsDetailModal .kds-detail-item.status-COOKING {
  color: var(--kitchen-cooking-text);
}

[data-pos-theme="dark"] #kdsDetailModal .kds-detail-item.status-READY {
  color: var(--kitchen-done-text);
}

[data-pos-theme="dark"] #kdsDetailModal .kds-detail-modal-body-inner .kds-detail-lines,
[data-pos-theme="dark"] #kdsDetailModal .kds-detail-empty {
  border-top-color: var(--border);
}

[data-pos-theme="dark"] #kdsDetailModal .kds-detail-ticket-label,
[data-pos-theme="dark"] #kdsDetailModal .kds-detail-elapsed,
[data-pos-theme="dark"] #kdsDetailModal .kds-detail-order-time,
[data-pos-theme="dark"] #kdsDetailModal .kds-type-row,
[data-pos-theme="dark"] #kdsDetailModal .kds-server,
[data-pos-theme="dark"] #kdsDetailModal .kds-mod,
[data-pos-theme="dark"] #kdsDetailModal .kds-seat,
[data-pos-theme="dark"] #kdsDetailModal .kds-item-station,
[data-pos-theme="dark"] #kdsDetailModal .kds-allergy {
  color: inherit;
}

[data-pos-theme="dark"] #kdsDetailModal .modal-header,
[data-pos-theme="dark"] #kdsDetailModal .kds-detail-modal-footer {
  border-color: var(--border);
}

[data-pos-theme="dark"] #view-kds .kds-card.status-NEW,
[data-pos-theme="dark"] #view-kds .kds-card.status-COOKING,
[data-pos-theme="dark"] #view-kds .kds-card.status-READY {
  color: inherit;
}

/* ── 전역 셸 ── */
[data-pos-theme="dark"] body {
  background: var(--bg);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout {
  background: var(--bg);
}

[data-pos-theme="dark"] .panel-toolbar {
  color: var(--text);
}

[data-pos-theme="dark"] .panel-toolbar h2 {
  color: var(--text);
}

[data-pos-theme="dark"] .modal-header,
[data-pos-theme="dark"] .modal-footer {
  border-color: var(--border);
}

[data-pos-theme="dark"] .code-block {
  background: var(--bg-elevated);
  color: var(--text);
  border-color: var(--border);
}

/* ── 설정업무 ── */
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="reports"],
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="sales"],
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="locale-hub"] .settings-work-panel-body,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="operation"] .settings-work-panel-body,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="storeops"] .settings-work-panel-body,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="smartorder"] .settings-work-panel-body,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="architecture"] .settings-work-panel-body {
  background: var(--bg);
}

[data-pos-theme="dark"] .settings-work-section-title {
  color: var(--text);
}

[data-pos-theme="dark"] .settings-option-cards {
  border-color: var(--border);
}

[data-pos-theme="dark"] .settings-option-card {
  background: var(--bg-panel);
  border-bottom-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-option-card-body strong,
[data-pos-theme="dark"] .settings-option-card-body span {
  color: inherit;
}

[data-pos-theme="dark"] .settings-table-work-tab {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-table-work-tab.active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

[data-pos-theme="dark"] .store-ops-card {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .store-ops-card .settings-option-cards-in-card {
  background: var(--bg-elevated);
  border-color: var(--border);
}

/* ── Country & locale / store-ops 표·카드 (어두운 테마) ── */
[data-pos-theme="dark"] .settings-work-layout .locale-hub-section,
[data-pos-theme="dark"] .settings-work-layout .locale-hub-country-options,
[data-pos-theme="dark"] .settings-work-layout .locale-hub-section .settings-work-panel-body,
[data-pos-theme="dark"] .settings-work-layout .store-ops-countryopts-panel {
  background: transparent;
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-table {
  background: var(--bg-panel);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-table thead th,
[data-pos-theme="dark"] .settings-work-layout .store-ops-table thead .store-ops-col-no {
  background: #3a3a3c;
  border-color: var(--border);
  color: var(--text);
  box-shadow: none;
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-table tbody th,
[data-pos-theme="dark"] .settings-work-layout .store-ops-table tbody td {
  border-color: var(--border);
  color: var(--text);
  background: var(--bg-panel);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-table tbody th {
  background: var(--bg-elevated);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-col-no,
[data-pos-theme="dark"] .settings-work-layout .store-ops-table tbody .store-ops-col-no {
  background: var(--bg-elevated);
  color: var(--text-muted);
  box-shadow: 1px 0 0 var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-table tbody .store-ops-col-label {
  box-shadow: 1px 0 0 var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-row-detail td {
  background: var(--bg);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-countryopts-block {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-countryopts-title,
[data-pos-theme="dark"] .settings-work-layout .store-ops-table-title,
[data-pos-theme="dark"] .settings-work-layout .store-ops-lang-pack-title {
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-preset-table-wrap,
[data-pos-theme="dark"] .settings-work-layout .store-ops-lang-pack-table-wrap {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-preset-table th,
[data-pos-theme="dark"] .settings-work-layout .store-ops-preset-table td {
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-preset-table th {
  background: var(--bg-elevated);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-lang-pack-table thead th {
  background: var(--bg-elevated);
  color: var(--text);
  border-color: var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-lang-pack-table tbody td {
  border-color: var(--border);
  color: var(--text);
  background: var(--bg-panel);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-lang-pack-table tbody tr:nth-child(even) td {
  background: rgba(255, 255, 255, 0.04);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-lang-pack-table tbody td:first-child {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-locale-preview {
  background: var(--bg-elevated);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-lang-pack {
  border-top-color: var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-caption-btn {
  background: var(--settings-btn-bg);
  border-color: var(--settings-btn-border);
  color: var(--settings-btn-fg);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-caption-btn:hover {
  background: var(--settings-btn-hover);
  border-color: #48484a;
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-card h3,
[data-pos-theme="dark"] .settings-work-layout .store-ops-card-head {
  background: var(--bg-elevated);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-card-head-summary {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-collapse-btn {
  background: var(--settings-btn-bg);
  border-color: var(--settings-btn-border);
  color: var(--settings-btn-fg);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-collapse-btn:hover {
  background: var(--settings-btn-hover);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-inline-field > span,
[data-pos-theme="dark"] .settings-work-layout .store-ops-row-hint,
[data-pos-theme="dark"] .settings-work-layout .store-ops-row-summary,
[data-pos-theme="dark"] .settings-work-layout .store-ops-lang-pack-hint,
[data-pos-theme="dark"] .settings-work-layout .settings-field > span,
[data-pos-theme="dark"] .settings-work-layout .store-ops-field-compact > span {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .settings-work-layout .settings-option-card:has(input:checked) {
  background: var(--surface-active);
}

[data-pos-theme="dark"] .settings-work-layout .receipt-tpl-country-label,
[data-pos-theme="dark"] .settings-work-layout .receipt-tpl-country-label strong,
[data-pos-theme="dark"] .settings-work-layout .receipt-tpl-sample-title {
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .receipt-tpl-country-tab {
  background: var(--settings-btn-bg);
  border-color: var(--settings-btn-border);
  color: var(--settings-btn-fg);
}

[data-pos-theme="dark"] .settings-work-layout .receipt-tpl-country-tab.active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

[data-pos-theme="dark"] .settings-work-layout .receipt-tpl-sample-card {
  background: var(--bg-panel);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .receipt-tpl-sample-card.is-selected {
  border-color: var(--primary);
  box-shadow: 0 0 0 1px var(--primary);
}

[data-pos-theme="dark"] .settings-work-layout .receipt-tpl-sample-preview {
  background: #48484a;
}

[data-pos-theme="dark"] .settings-work-layout .receipt-tpl-samples::-webkit-scrollbar-track {
  background: var(--bg-elevated);
}

[data-pos-theme="dark"] .settings-work-panel .settings-work-placeholder .hint {
  background: var(--bg-panel);
  border-color: var(--border);
}

/* ── 설정업무 버튼 (짙은 회색 · 흰 글자) ── */
[data-pos-theme="dark"] .settings-work-layout .btn-primary,
[data-pos-theme="dark"] .settings-work-layout .btn-ghost,
[data-pos-theme="dark"] .settings-work-layout .btn-ghost.touch-sm,
[data-pos-theme="dark"] .settings-work-layout .btn-ghost.btn-refresh,
[data-pos-theme="dark"] .settings-work-layout .btn-ghost.btn-action-close,
[data-pos-theme="dark"] .settings-work-layout .btn-action-close,
[data-pos-theme="dark"] .settings-work-layout .btn-save,
[data-pos-theme="dark"] .settings-work-layout .btn-save-action,
[data-pos-theme="dark"] .settings-work-layout .locale-hub-nav-btn,
[data-pos-theme="dark"] .settings-work-layout .store-ops-preset-btn,
[data-pos-theme="dark"] .settings-work-layout .store-ops-expand-btn,
[data-pos-theme="dark"] .settings-work-layout .settings-table-work-tab,
[data-pos-theme="dark"] .settings-work-layout .sales-report-nav-item,
[data-pos-theme="dark"] .settings-work-layout .product-analysis-tab,
[data-pos-theme="dark"] .settings-work-layout .product-analysis-sort,
[data-pos-theme="dark"] .settings-work-layout .product-analysis-query-btn,
[data-pos-theme="dark"] .settings-work-layout .btn-lookup-action,
[data-pos-theme="dark"] .settings-work-layout .sales-report-feedback-btn,
[data-pos-theme="dark"] .settings-work-layout .settings-work-panel-close-btn,
[data-pos-theme="dark"] .settings-work-layout .store-ops-panel-toolbar button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .table-settings-panel-toolbar button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .staff-panel-toolbar button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .member-panel-toolbar button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .reports-panel-toolbar button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .smart-order-panel-toolbar button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .settings-menu-toolbar button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .admin-panel-toolbar .btn-ghost,
[data-pos-theme="dark"] .settings-work-layout .admin-card .btn-ghost,
[data-pos-theme="dark"] .settings-work-layout .crm-filter-bar button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .crm-pagination button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .crm-batch-bar button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .crm-member-table button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .staff-row-actions button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .store-ops-table-toolbar button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .store-ops-table-wrap button:not(.btn-danger):not(.store-ops-preset-toggle):not(.store-ops-pos-work-toggle):not(.store-ops-store-info-toggle),
[data-pos-theme="dark"] .settings-work-layout .store-ops-store-info-block button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .store-ops-lang-pack button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .settings-work-panel-head button:not(.btn-danger),
[data-pos-theme="dark"] .settings-work-layout .settings-work-panel-body button:not(.btn-danger):not(.settings-placement-cell):not(.store-ops-preset-toggle):not(.store-ops-pos-work-toggle):not(.store-ops-store-info-toggle):not(.settings-store-ops-chevron) {
  background: var(--settings-btn-bg);
  border: 1px solid var(--settings-btn-border);
  color: var(--settings-btn-fg);
}

[data-pos-theme="dark"] .settings-work-layout .btn-primary:hover:not(:disabled),
[data-pos-theme="dark"] .settings-work-layout .btn-ghost:hover:not(:disabled),
[data-pos-theme="dark"] .settings-work-layout .btn-save:hover:not(:disabled),
[data-pos-theme="dark"] .settings-work-layout .btn-action-close:hover:not(:disabled),
[data-pos-theme="dark"] .settings-work-layout .locale-hub-nav-btn:hover:not(:disabled),
[data-pos-theme="dark"] .settings-work-layout .store-ops-preset-btn:hover:not(:disabled),
[data-pos-theme="dark"] .settings-work-layout .store-ops-expand-btn:hover:not(:disabled),
[data-pos-theme="dark"] .settings-work-layout .settings-table-work-tab:hover:not(.active),
[data-pos-theme="dark"] .settings-work-layout .sales-report-nav-item:hover:not(.active),
[data-pos-theme="dark"] .settings-work-layout .product-analysis-tab:hover:not(.active),
[data-pos-theme="dark"] .settings-work-layout .product-analysis-sort:hover:not(.active),
[data-pos-theme="dark"] .settings-work-layout .sales-report-feedback-btn:hover:not(:disabled) {
  background: var(--settings-btn-hover);
  border-color: #48484a;
  color: var(--settings-btn-fg);
}

[data-pos-theme="dark"] .settings-work-layout .btn-ghost.btn-action-close:active,
[data-pos-theme="dark"] .settings-work-layout .btn-action-close:active {
  background: #48484a;
  border-color: #5a5a5c;
  color: var(--settings-btn-fg);
}

[data-pos-theme="dark"] .settings-work-layout .btn-refresh-icon,
[data-pos-theme="dark"] .settings-work-layout .btn-save-icon {
  color: var(--settings-btn-fg);
}

[data-pos-theme="dark"] .settings-work-layout .settings-table-work-tab.active,
[data-pos-theme="dark"] .settings-work-layout .sales-report-nav-item.active,
[data-pos-theme="dark"] .settings-work-layout .product-analysis-tab.active,
[data-pos-theme="dark"] .settings-work-layout .product-analysis-sort.active {
  background: var(--primary);
  border-color: var(--primary);
  color: #fff;
}

[data-pos-theme="dark"] .settings-work-layout .settings-master-tab {
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  color: var(--text-muted);
}

[data-pos-theme="dark"] .settings-work-layout .settings-master-tab:hover:not(.active) {
  background: var(--settings-btn-hover);
  color: var(--settings-btn-fg);
}

[data-pos-theme="dark"] .settings-work-layout .settings-master-tab.active {
  background: transparent;
  border-bottom-color: var(--primary);
  color: var(--link);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-radio-pill {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .settings-work-layout .store-ops-radio-pill:has(input:checked) {
  color: var(--settings-btn-fg);
}

[data-pos-theme="dark"] .settings-work-layout .locale-hub-nav {
  background: var(--bg);
}

[data-pos-theme="dark"] .settings-work-layout .locale-hub-country-label {
  background: var(--bg-elevated);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .locale-hub-section-title,
[data-pos-theme="dark"] .settings-work-layout .store-ops-inline-label,
[data-pos-theme="dark"] .settings-work-layout .store-ops-preset-panel-title,
[data-pos-theme="dark"] .settings-work-layout .store-ops-locale-presets-label {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .screen-btn-order-list {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .screen-btn-order-item {
  background: var(--bg-panel);
  border-bottom-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .screen-btn-order-item.is-dragging {
  background: var(--surface-active);
}

[data-pos-theme="dark"] .screen-btn-order-item.is-drop-target {
  background: #1e4a7a;
}

[data-pos-theme="dark"] .screen-btn-order-handle {
  background: var(--bg-elevated);
  color: var(--text-muted);
}

[data-pos-theme="dark"] .settings-placement-board,
[data-pos-theme="dark"] .settings-placement-column,
[data-pos-theme="dark"] .settings-placement-pool {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .settings-placement-column-title {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .settings-placement-cell {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-placement-cell.is-selected {
  background: var(--surface-active);
  border-color: var(--primary);
}

[data-pos-theme="dark"] .settings-placement-cell.is-placed,
[data-pos-theme="dark"] .settings-placement-grid .settings-placement-cell.is-placed {
  background: #1a3320;
  border-color: var(--kitchen-done-border);
  color: var(--kitchen-done-text);
}

[data-pos-theme="dark"] .settings-placement-grid .settings-placement-cell.is-compose-zone {
  background: var(--surface-subtle);
}

[data-pos-theme="dark"] .settings-placement-grid .settings-placement-cell.is-drop-target {
  background: var(--surface-active);
}

/* ── Table setup (테이블설정 · operation) ── */
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="operation"] .settings-table-layout-compact,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="operation"] .settings-grid-inputs,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="operation"] .settings-table-shape-bar,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="operation"] .settings-option-cards {
  background: var(--bg-panel);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="operation"] .settings-table-list {
  background: #000;
  border-color: var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .settings-table-layout-compact .settings-field-compact span,
[data-pos-theme="dark"] .settings-work-layout .settings-table-shape-label,
[data-pos-theme="dark"] .settings-work-layout .settings-table-prefix-field span,
[data-pos-theme="dark"] .settings-work-layout .settings-table-field > span,
[data-pos-theme="dark"] .settings-work-layout .settings-table-card-title,
[data-pos-theme="dark"] .settings-work-layout .settings-table-floor-badge,
[data-pos-theme="dark"] .settings-work-layout .settings-table-floor-hint,
[data-pos-theme="dark"] .settings-work-layout .settings-shape-option {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .settings-work-layout .settings-table-inline-sep {
  background: var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .settings-table-row {
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .settings-table-use:not(.settings-table-use-inline),
[data-pos-theme="dark"] .settings-work-layout .settings-table-no-input,
[data-pos-theme="dark"] .settings-work-layout .settings-table-seats-input,
[data-pos-theme="dark"] .settings-work-layout .settings-table-shape,
[data-pos-theme="dark"] .settings-work-layout .settings-table-row .touch-input.settings-table-name {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .settings-table-use-inline {
  background: transparent;
  border: none;
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .settings-table-name-color-field input[type="color"] {
  border-color: var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .settings-table-color-bar {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .settings-placement-grid,
[data-pos-theme="dark"] .settings-work-layout .settings-placement-pool {
  background: var(--border);
  border-color: var(--border);
}

[data-pos-theme="dark"] .settings-work-layout .settings-placement-cell:hover:not(:disabled):not(.is-placed):not(.is-used) {
  background: var(--settings-btn-hover);
}

[data-pos-theme="dark"] .settings-work-layout .settings-placement-grid .settings-placement-cell.is-compose-zone {
  background: rgba(220, 38, 38, 0.14);
  box-shadow: inset 0 0 0 1px rgba(248, 113, 113, 0.4);
}

[data-pos-theme="dark"] .settings-work-layout .settings-placement-grid .settings-placement-cell.is-compose-zone.is-placed {
  background: rgba(220, 38, 38, 0.22);
}

[data-pos-theme="dark"] .settings-work-layout .settings-placement-cell.is-used {
  background: #3a3a3c;
  color: var(--text-muted);
}

[data-pos-theme="dark"] .settings-work-layout .settings-placement-actions .btn-ghost {
  background: var(--settings-btn-bg);
  border-color: var(--settings-btn-border);
  color: var(--settings-btn-fg);
}

/* ── Smart order (스마트 오더) ── */
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="smartorder"] .smart-order-grid,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="smartorder"] .smart-order-fields,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="smartorder"] .smart-order-links-bar,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="smartorder"] .smart-order-qr-list {
  background: var(--bg-panel);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="smartorder"] .settings-work-section-title {
  background: var(--bg-elevated);
  color: var(--text);
  border: 1px solid var(--border);
  border-bottom: none;
}

[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="smartorder"] .smart-order-grid .settings-option-card,
[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="smartorder"] .smart-order-toggle {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-panel[data-settings-panel="smartorder"] .smart-order-grid .settings-option-card:has(input:checked) {
  background: var(--surface-active);
  border-color: var(--primary);
}

[data-pos-theme="dark"] .settings-work-layout .smart-order-link-label {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .settings-work-layout .smart-order-link-code {
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .smart-order-qr-card {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .smart-order-qr-meta strong {
  color: var(--text);
}

[data-pos-theme="dark"] .settings-work-layout .smart-order-link-row .btn-ghost,
[data-pos-theme="dark"] .settings-work-layout .smart-order-qr-actions .btn-ghost {
  background: var(--settings-btn-bg);
  border-color: var(--settings-btn-border);
  color: var(--settings-btn-fg);
}

[data-pos-theme="dark"] .settings-work-layout .smart-order-link-row .btn-ghost:hover,
[data-pos-theme="dark"] .settings-work-layout .smart-order-qr-actions .btn-ghost:hover {
  background: var(--settings-btn-hover);
  border-color: #48484a;
  color: var(--settings-btn-fg);
}

/* ── 매출·상품 리포트 (설정) ── */
[data-pos-theme="dark"] .sales-report-layout {
  background: var(--bg);
}

[data-pos-theme="dark"] .sales-report-top-nav {
  background: var(--bg-panel);
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .sales-report-top-nav-label,
[data-pos-theme="dark"] .sales-report-sidebar-title {
  color: var(--text);
}

[data-pos-theme="dark"] .sales-report-nav-item {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .sales-report-nav-item:hover {
  background: var(--surface-hover);
  color: var(--text);
}

[data-pos-theme="dark"] .sales-report-nav-item.active {
  background: var(--surface-active);
  border-color: #2563eb;
  color: var(--link);
}

[data-pos-theme="dark"] .sales-report-feedback-btn {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text-muted);
}

[data-pos-theme="dark"] .product-analysis-chart-wrap {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .product-analysis-tab,
[data-pos-theme="dark"] .product-analysis-sort {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .product-analysis-tab.active,
[data-pos-theme="dark"] .product-analysis-sort.active {
  background: var(--surface-active);
  border-color: var(--primary);
  color: var(--link);
}

[data-pos-theme="dark"] .product-analysis-table-wrap {
  border-color: var(--border);
}

[data-pos-theme="dark"] .product-analysis-table th,
[data-pos-theme="dark"] .product-analysis-table td {
  border-bottom-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .product-analysis-table th {
  background: #2a3140;
}

[data-pos-theme="dark"] .product-analysis-table tfoot td {
  background: var(--bg-elevated);
}

[data-pos-theme="dark"] .product-analysis-stat-label,
[data-pos-theme="dark"] .product-analysis-asof {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .product-analysis-stat-val {
  color: var(--text);
}

/* ── X-Report / Z-Report ── */
[data-pos-theme="dark"] #view-xreport.view-xreport-brand {
  background: linear-gradient(180deg, #0f1729 0%, var(--bg) 140px);
}

[data-pos-theme="dark"] #view-zreport.view-zreport-brand {
  background: linear-gradient(180deg, #1a1210 0%, #14171c 160px, var(--bg) 300px);
}

[data-pos-theme="dark"] .xreport-section,
[data-pos-theme="dark"] .zreport-section {
  background: var(--bg-panel);
  border-color: var(--report-section-border);
  box-shadow: none;
  color: var(--text);
}

[data-pos-theme="dark"] .xreport-section-title {
  color: var(--report-title);
}

[data-pos-theme="dark"] .zreport-section-title {
  color: #fdba74;
}

[data-pos-theme="dark"] .xreport-summary-card-label {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .xreport-summary-item.is-primary .xreport-summary-card-label {
  color: var(--text);
}

[data-pos-theme="dark"] .xreport-summary-card {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .xreport-summary-card .sub {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .xreport-table th,
[data-pos-theme="dark"] .xreport-table td {
  border-bottom-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .xreport-table tbody tr.is-tip td {
  background: #3d2f14;
}

[data-pos-theme="dark"] .xreport-table tfoot td {
  background: var(--bg-elevated);
  border-top-color: var(--border);
}

[data-pos-theme="dark"] .xreport-cash-row {
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .xreport-cash-row.is-readonly strong {
  color: var(--text);
}

[data-pos-theme="dark"] .xreport-cash-total {
  background: var(--surface-active);
}

[data-pos-theme="dark"] .xreport-cash-total strong {
  color: var(--link);
}

[data-pos-theme="dark"] .xreport-cash-move-item {
  background: var(--bg-elevated);
}

[data-pos-theme="dark"] .xreport-cash-move-meta {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .xreport-settlement-item,
[data-pos-theme="dark"] .xreport-footer {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .xreport-footer {
  background: linear-gradient(180deg, transparent, var(--bg) 40%);
}

[data-pos-theme="dark"] .zreport-denom-subtotal {
  color: var(--text);
}

[data-pos-theme="dark"] .zreport-coin-row {
  border-top-color: var(--border);
}

[data-pos-theme="dark"] .zreport-actual-cash-row {
  background: #3d2a14;
  color: var(--kitchen-cooking-text);
}

[data-pos-theme="dark"] .zreport-variance-box.is-balanced {
  background: #1a3320;
  border-color: var(--kitchen-done-border);
  color: var(--kitchen-done-text);
}

[data-pos-theme="dark"] .zreport-variance-box.is-short {
  background: #2a1515;
  border-color: #f87171;
  color: #fca5a5;
}

[data-pos-theme="dark"] .zreport-variance-box.is-over {
  background: var(--surface-active);
  border-color: #60a5fa;
  color: var(--link);
}

[data-pos-theme="dark"] .zreport-footer {
  background: linear-gradient(180deg, transparent, var(--bg) 40%);
}

[data-pos-theme="dark"] .business-open-meta {
  background: var(--bg-elevated);
  border-color: var(--border);
}

[data-pos-theme="dark"] .business-open-date-input {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .business-open-amount-display {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--link);
}

/* ── 시재입출금 ── */
[data-pos-theme="dark"] #view-cashmove.view-cashmove-brand {
  background: var(--bg);
}

[data-pos-theme="dark"] .cash-move-panel-title {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .cash-move-form-panel,
[data-pos-theme="dark"] .cash-move-list-panel {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .cash-move-type-tab {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .cash-move-type-tab.active[data-type="deposit"] {
  background: #1a3320;
  border-color: var(--kitchen-done-border);
  color: var(--kitchen-done-text);
}

[data-pos-theme="dark"] .cash-move-type-tab.active[data-type="withdraw"] {
  background: #3d2a14;
  border-color: var(--kitchen-cooking-border);
  color: var(--kitchen-cooking-text);
}

[data-pos-theme="dark"] .cash-move-amount-pad .cash-move-pad-key {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .cash-move-empty {
  background: var(--bg-elevated);
  color: var(--text-muted);
}

[data-pos-theme="dark"] .cash-move-table-wrap {
  border-color: var(--border);
}

[data-pos-theme="dark"] .cash-move-list-summary {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .cash-move-table th {
  background: #2a3140;
  color: var(--text);
}

[data-pos-theme="dark"] .cash-move-table td {
  border-bottom-color: var(--border);
  color: var(--text);
}

/* ── 결제내역 (영수증관리) ── */
[data-pos-theme="dark"] .payhist-layout {
  background: var(--bg);
}

[data-pos-theme="dark"] .payhist-sidebar {
  background: var(--bg-panel);
  border-right-color: var(--border);
}

[data-pos-theme="dark"] .payhist-sidebar-head,
[data-pos-theme="dark"] .payhist-mode-tabs,
[data-pos-theme="dark"] .payhist-date-row {
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .payhist-title,
[data-pos-theme="dark"] .payhist-list-method,
[data-pos-theme="dark"] .payhist-list-amount {
  color: var(--text);
}

[data-pos-theme="dark"] .payhist-mode-tab {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text-muted);
}

[data-pos-theme="dark"] .payhist-mode-tab.active {
  background: var(--surface-active);
  border-color: var(--primary);
  color: var(--link);
}

[data-pos-theme="dark"] .payhist-card-btn,
[data-pos-theme="dark"] .payhist-list-item {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .payhist-list-item:hover {
  background: var(--surface-hover);
  border-color: #3b82f6;
}

[data-pos-theme="dark"] .payhist-list-item.active {
  background: var(--surface-active);
  border-color: var(--primary);
  box-shadow: inset 0 0 0 1px var(--primary);
}

[data-pos-theme="dark"] .payhist-date-input {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .payhist-detail {
  background: var(--bg);
}

[data-pos-theme="dark"] .payhist-detail-head {
  background: var(--bg-panel);
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .payhist-detail-amount {
  color: var(--text);
}

[data-pos-theme="dark"] .payhist-detail-empty {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .payhist-section {
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .payhist-section-title {
  color: var(--text);
}

[data-pos-theme="dark"] .payhist-kv dt {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .payhist-kv dd {
  color: var(--text);
}

[data-pos-theme="dark"] .payhist-payment-row {
  background: var(--bg-elevated);
}

[data-pos-theme="dark"] .payhist-payment-row--selectable:hover {
  background: var(--surface-hover);
}

[data-pos-theme="dark"] .payhist-payment-row--selectable.active {
  background: var(--surface-active);
  border-color: var(--primary);
}

[data-pos-theme="dark"] .payhist-item-seat {
  background: var(--surface-active);
  color: var(--link);
}

[data-pos-theme="dark"] .payhist-totals {
  border-top-color: var(--border);
}

[data-pos-theme="dark"] .payhist-total-row {
  color: var(--text);
}

[data-pos-theme="dark"] .payhist-icon-btn,
[data-pos-theme="dark"] .payhist-action-btn,
[data-pos-theme="dark"] .payhist-close-btn {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

/* ── 매출 상세 리포트 ── */
[data-pos-theme="dark"] .sales-detail-card {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .sales-detail-net-row {
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .sales-detail-net-label,
[data-pos-theme="dark"] .sales-detail-breakdown > li,
[data-pos-theme="dark"] .sales-detail-expand-btn,
[data-pos-theme="dark"] .sales-detail-count-row {
  color: var(--text);
}

[data-pos-theme="dark"] .sales-detail-net-value,
[data-pos-theme="dark"] .sales-detail-count-row strong {
  color: var(--text);
}

[data-pos-theme="dark"] .sales-detail-breakdown > li {
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .sales-detail-sub {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .sales-detail-card-channel,
[data-pos-theme="dark"] .sales-detail-card-refund,
[data-pos-theme="dark"] .sales-detail-card-counts {
  border-top-color: var(--border);
}

/* ── 직원·회원 테이블 ── */
[data-pos-theme="dark"] .staff-list-table thead th,
[data-pos-theme="dark"] .crm-member-table thead th {
  background: #2a3140;
  color: var(--text);
}

[data-pos-theme="dark"] .staff-list-row:hover,
[data-pos-theme="dark"] .crm-member-row:hover {
  background: var(--surface-hover);
}

[data-pos-theme="dark"] .staff-row-active-pos {
  background: var(--surface-active);
}

[data-pos-theme="dark"] .staff-code,
[data-pos-theme="dark"] .staff-login-id {
  background: var(--bg-elevated);
  color: var(--text-muted);
}

[data-pos-theme="dark"] .staff-inactive-badge {
  background: var(--bg-elevated);
  color: var(--text-muted);
}

/* ── 예약 ── */
[data-pos-theme="dark"] #view-reservations.active {
  background: var(--bg);
  color: var(--text);
}

[data-pos-theme="dark"] .reservation-sidebar {
  background: var(--bg-panel);
  border-right-color: var(--border);
}

[data-pos-theme="dark"] .reservation-main {
  background: var(--bg);
}

[data-pos-theme="dark"] .res-nav-arrow {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .res-nav-arrow:hover,
[data-pos-theme="dark"] .res-mini-month-label,
[data-pos-theme="dark"] .res-month-summary,
[data-pos-theme="dark"] .res-day-num,
[data-pos-theme="dark"] .res-list-col,
[data-pos-theme="dark"] .res-list-col-date {
  color: var(--text);
}

[data-pos-theme="dark"] .res-mini-head .res-weekday,
[data-pos-theme="dark"] .res-month-head .res-weekday,
[data-pos-theme="dark"] .res-list-head .res-list-col,
[data-pos-theme="dark"] .res-list-col-status,
[data-pos-theme="dark"] .res-day-more {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .res-mini-body .res-day-cell.other-month .res-mini-day {
  color: #5f6368;
}

[data-pos-theme="dark"] .res-mini-body .res-day-cell.selected:not(.today) .res-mini-day {
  background: var(--surface-active);
  color: var(--link);
}

[data-pos-theme="dark"] .res-feedback-btn,
[data-pos-theme="dark"] .res-search-input,
[data-pos-theme="dark"] .res-view-select,
[data-pos-theme="dark"] .res-settings-btn,
[data-pos-theme="dark"] .res-guest-btn,
[data-pos-theme="dark"] .res-list-cancel-btn,
[data-pos-theme="dark"] .res-list-delete-btn {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .res-feedback-btn:hover,
[data-pos-theme="dark"] .res-list-delete-btn:hover {
  background: var(--surface-hover);
}

[data-pos-theme="dark"] .res-guest-btn.active {
  background: var(--surface-active);
  border-color: var(--primary);
  color: var(--link);
}

[data-pos-theme="dark"] .res-month-head {
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .res-month-body {
  border-left-color: var(--border);
}

[data-pos-theme="dark"] .res-month-body .res-day-cell {
  background: var(--bg-panel);
  border-color: var(--border);
}

[data-pos-theme="dark"] .res-month-body .res-day-cell:hover {
  background: var(--surface-hover);
}

[data-pos-theme="dark"] .res-month-body .res-day-cell.other-month {
  background: var(--bg);
}

[data-pos-theme="dark"] .res-day-chip {
  color: var(--link);
}

[data-pos-theme="dark"] .res-list-table .res-list-head {
  background: var(--bg-elevated);
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .res-list-row {
  background: var(--bg-panel);
  border-bottom-color: var(--border);
}

[data-pos-theme="dark"] .res-list-row:hover {
  background: var(--surface-hover);
}

[data-pos-theme="dark"] .res-list-row-cancelled {
  background: #2a1515;
}

[data-pos-theme="dark"] .res-list-row-cancelled:hover {
  background: #331818;
}

[data-pos-theme="dark"] .res-week-item.is-cancelled {
  background: #2a1515;
  color: #fca5a5;
}

[data-pos-theme="dark"] .res-list-cancel-btn {
  color: #fca5a5;
  border-color: #7f1d1d;
}

[data-pos-theme="dark"] .res-list-cancel-btn:hover {
  background: #2a1515;
}

[data-pos-theme="dark"] .reservation-modal-footer {
  border-top-color: var(--border);
}

[data-pos-theme="dark"] .res-modal-action-btn {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

/* ── 공통 모달·키패드 ── */
[data-pos-theme="dark"] .pos-login-pad-key {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .pos-login-pad-key:active {
  background: var(--surface-hover);
}

[data-pos-theme="dark"] .pos-login-pin-display {
  color: var(--text);
}

[data-pos-theme="dark"] .pos-login-hint {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .pos-login-method-tab {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text-muted);
}

[data-pos-theme="dark"] .pos-login-method-tab.active {
  background: rgba(0, 93, 245, 0.22);
  border-color: #60a5fa;
  color: #93c5fd;
}

[data-pos-theme="dark"] .pos-login-id-field span {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .pos-login-secondary {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text-muted);
}

[data-pos-theme="dark"] .pos-login-secondary:hover {
  background: var(--surface-hover);
  color: var(--text);
}

[data-pos-theme="dark"] .member-numpad-key,
[data-pos-theme="dark"] .business-open-numpad .member-numpad-key {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .member-lookup-result {
  background: var(--bg-elevated);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .member-lookup-result:hover {
  background: var(--surface-hover);
  border-color: var(--border);
}

[data-pos-theme="dark"] .check-label {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .modal-header h3,
[data-pos-theme="dark"] .btn-close {
  color: var(--text);
}

[data-pos-theme="dark"] .guest-count-modal-content,
[data-pos-theme="dark"] .unsettled-tables-modal .modal-body {
  color: var(--text);
}

[data-pos-theme="dark"] .guest-count-table-hint {
  color: var(--text-muted);
}

[data-pos-theme="dark"] .guest-count-seat-info {
  background: var(--bg-elevated, #2c2c2e);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .guest-count-seat-step-btn {
  background: var(--bg-elevated, #2c2c2e);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .guest-count-seat-step-btn:active:not(:disabled) {
  background: var(--bg-panel, #1c1c1e);
  border-color: var(--primary);
}

[data-pos-theme="dark"] .guest-count-display {
  background: var(--bg-elevated, #2c2c2e);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .guest-count-pad button {
  background: var(--bg-elevated, #2c2c2e);
  border-color: var(--border);
  color: var(--text);
}

[data-pos-theme="dark"] .guest-count-pad button:active {
  background: var(--bg-panel, #1c1c1e);
  border-color: var(--primary);
}

[data-pos-theme="dark"] .guest-count-pad .guest-pad-clear {
  background: var(--bg-elevated, #2c2c2e);
  border-color: var(--border);
  color: #f87171;
}

[data-pos-theme="dark"] .guest-count-pad .guest-pad-clear:active {
  background: var(--bg-panel, #1c1c1e);
  border-color: #f87171;
}

.display-theme-block {
  margin-bottom: 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--border);
}

.display-theme-options {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 8px 0 10px;
  align-items: center;
}

.display-theme-option {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: var(--hub-tile-w, 260px);
  min-width: var(--hub-tile-w, 260px);
  max-width: var(--hub-tile-w, 260px);
  height: var(--hub-tile-h, 35px);
  min-height: var(--hub-tile-h, 35px);
  max-height: var(--hub-tile-h, 35px);
  padding: 0 var(--hub-tile-pad-x, 12px) 0 var(--hub-tile-pad-icon, 10px);
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: var(--hub-tile-radius, 8px);
  background: var(--bg-panel);
  cursor: pointer;
  transition: border-color 0.15s, box-shadow 0.15s;
  box-sizing: border-box;
  flex-shrink: 0;
  overflow: hidden;
}

.display-theme-option:has(input:checked) {
  border-color: var(--primary, #005df5);
  box-shadow: 0 0 0 1px var(--primary, #005df5);
  background: linear-gradient(145deg, #eff6ff 0%, #dbeafe 100%);
}

.display-theme-option input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.display-theme-preview {
  width: var(--hub-tile-icon, 32px);
  height: var(--hub-tile-icon, 32px);
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--border);
}

.display-theme-preview-light {
  background: linear-gradient(180deg, #ffffff 0%, #eceff1 100%);
}

.display-theme-preview-dark {
  background: linear-gradient(180deg, #1c1c1e 0%, #000000 100%);
}

.display-theme-option-label {
  font-size: var(--hub-tile-font, 0.88rem);
  font-weight: 600;
  color: var(--text);
  line-height: 1.25;
  white-space: nowrap;
}

.display-theme-option-desc {
  display: none !important;
}

.display-theme-save-row {
  display: flex;
  justify-content: flex-start;
}

/* 밝은 모드 — 설정 좌측 메뉴 (흰 배경 + 검정 글자) */
[data-pos-theme="light"] {
  --settings-nav-bg: #ffffff;
  --settings-nav-border: #dadce0;
  --settings-nav-fg: #202124;
  --settings-nav-fg-muted: #5f6368;
  --settings-nav-hover: rgba(0, 0, 0, 0.05);
  --settings-nav-section: #80868b;
}

[data-pos-theme="light"] .settings-work-nav,
html:not([data-pos-theme="dark"]) .settings-work-nav {
  background: var(--settings-nav-bg);
  border-right-color: var(--settings-nav-border);
  color: #202124;
}

[data-pos-theme="light"] .settings-work-nav-head,
html:not([data-pos-theme="dark"]) .settings-work-nav-head {
  border-bottom-color: var(--settings-nav-border);
}

[data-pos-theme="light"] .settings-work-nav-label,
html:not([data-pos-theme="dark"]) .settings-work-nav-label {
  color: var(--settings-nav-fg-muted);
}

[data-pos-theme="light"] .settings-work-store-name,
[data-pos-theme="light"] .settings-work-close-btn,
html:not([data-pos-theme="dark"]) .settings-work-store-name,
html:not([data-pos-theme="dark"]) .settings-work-close-btn {
  color: #202124;
}

[data-pos-theme="light"] .settings-work-close-btn,
html:not([data-pos-theme="dark"]) .settings-work-close-btn {
  background: var(--bg-elevated);
}

[data-pos-theme="light"] .settings-work-menu,
html:not([data-pos-theme="dark"]) .settings-work-menu {
  background: var(--settings-nav-bg);
  color: #202124;
}

[data-pos-theme="light"] .settings-work-menu-item:not(.active),
[data-pos-theme="light"] .settings-work-menu-label,
[data-pos-theme="light"] .settings-country-option-item:not(.active),
html:not([data-pos-theme="dark"]) .settings-work-menu-item:not(.active),
html:not([data-pos-theme="dark"]) .settings-work-menu-label,
html:not([data-pos-theme="dark"]) .settings-country-option-item:not(.active) {
  color: #202124;
}

[data-pos-theme="light"] .settings-work-menu-section,
html:not([data-pos-theme="dark"]) .settings-work-menu-section {
  color: var(--settings-nav-section);
}

[data-pos-theme="light"] .settings-country-options-nav-section,
[data-pos-theme="light"] .settings-country-option-bullet,
html:not([data-pos-theme="dark"]) .settings-country-options-nav-section,
html:not([data-pos-theme="dark"]) .settings-country-option-bullet {
  color: var(--settings-nav-fg-muted);
}

/* 밝은 모드 — 테이블 플로어·우측 사이드바 배경 */
[data-pos-theme="light"] .cashier-table-floor,
[data-pos-theme="light"] .table-floor-main,
html:not([data-pos-theme="dark"]) .cashier-table-floor,
html:not([data-pos-theme="dark"]) .table-floor-main {
  background: var(--table-floor-bg, #eceff1);
}

[data-pos-theme="light"] .table-floor-sidebar,
html:not([data-pos-theme="dark"]) .table-floor-sidebar {
  background: transparent;
}

/* 어두운 모드 — 테이블 플로어 (검정 바탕 · 흰 글자) */
[data-pos-theme="dark"] .cashier-table-floor,
[data-pos-theme="dark"] .table-floor-main,
[data-pos-theme="dark"] .table-floor-overview {
  background: var(--table-floor-bg, #000000);
}

[data-pos-theme="dark"] .table-floor-grid {
  background: var(--table-floor-bg, #000000);
}

[data-pos-theme="dark"] .table-floor-btn:not(.has-order):not(.is-pick):not(.is-merge-main):not(.is-merge-sub) {
  background: var(--table-floor-table-bg, #1c1c1e);
  border-color: var(--table-floor-border, #3a3a3c);
  color: var(--table-floor-name-color, #ffffff);
}

[data-pos-theme="dark"] .table-floor-btn .table-floor-label {
  color: var(--table-floor-name-color, #ffffff);
}

/* ── 설정업무 2단계 허브 ── */
/* 타일·칩 박스 공통 크기 — 설정 툴바 버튼(35px)과 동일 */
.settings-work-main {
  --hub-tile-w: 260px;
  --hub-tile-h: 35px;
  --hub-tile-gap: 8px;
  --hub-tile-radius: 8px;
  --hub-tile-pad-x: 12px;
  --hub-tile-pad-icon: 10px;
  --hub-tile-font: 0.88rem;
  --hub-tile-icon: 22px;
  --hub-tile-icon-svg: 18px;
}

.settings-hub-shell {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  min-width: 0;
  width: 100%;
  overflow: hidden;
}

.settings-work-panel-body.settings-hub-panel-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding: 0;
}

.settings-hub-shell.settings-hub-mode-detail {
  gap: 0;
}

.settings-hub-grid {
  flex: 1;
  min-height: 0;
  padding: 16px 24px 24px;
  overflow: auto;
}

.settings-hub-grid.is-hidden {
  display: none;
}

.settings-hub-grid.is-compact {
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  padding: 8px 20px 10px;
  overflow-x: auto;
  overflow-y: hidden;
  border-bottom: 1px solid var(--border-subtle, #e5e7eb);
  background: var(--bg-panel, #fff);
}

.settings-hub-grid.is-compact .settings-hub-intro {
  display: none;
}

/* 세부 화면 — 업무 타일 칩(목록과 동일 규격) */
.settings-hub-grid.is-compact .settings-hub-tile {
  box-shadow: none;
}

.settings-hub-grid.is-compact .settings-hub-tile:hover {
  transform: none;
  box-shadow: none;
}

.settings-hub-grid.is-compact .settings-hub-tile-desc,
.settings-hub-grid.is-compact .settings-hub-tile-chevron,
.settings-hub-grid.is-compact .settings-hub-tile-badge {
  display: none !important;
}

.settings-hub-grid.is-compact .settings-hub-tile-icon {
  width: var(--hub-tile-icon, 32px);
  height: var(--hub-tile-icon, 32px);
  flex-shrink: 0;
  border-radius: 8px;
  padding: 6px;
}

.settings-hub-grid.is-compact .settings-hub-tile-icon svg {
  max-width: var(--hub-tile-icon-svg, 20px);
  max-height: var(--hub-tile-icon-svg, 20px);
}

.settings-hub-grid.is-compact .settings-hub-tile-body {
  flex: 1;
  flex-direction: row;
  align-items: center;
  gap: 0;
  min-width: 0;
}

.settings-hub-grid.is-compact .settings-hub-tile-label {
  font-size: var(--hub-tile-font, 0.88rem);
  font-weight: 600;
  line-height: 1.25;
  white-space: nowrap;
}

.settings-hub-tile.is-active {
  border-color: #005df5;
  background: linear-gradient(145deg, #eff6ff 0%, #dbeafe 100%);
  box-shadow: 0 2px 8px rgba(0, 93, 245, 0.1);
}

.settings-hub-grid.is-compact .settings-hub-tile.is-active {
  box-shadow: none;
}

.settings-hub-mode-detail .settings-hub-stage {
  flex: 1;
  min-height: 0;
  display: flex;
}

.settings-hub-detail {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 16px 24px 24px;
  transition: opacity 0.2s;
}

.settings-hub-detail .locale-hub-sections {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.settings-hub-intro {
  margin-bottom: 20px;
}

.settings-hub-intro-title {
  margin: 0 0 6px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--text-primary, #111827);
}

.settings-hub-intro-desc {
  margin: 0;
  font-size: 0.95rem;
  color: var(--text-muted, #6b7280);
}

.settings-hub-tiles {
  display: flex;
  flex-wrap: wrap;
  gap: var(--hub-tile-gap, 8px);
  align-items: flex-start;
  width: 100%;
  box-sizing: border-box;
}

.settings-hub-tile {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: var(--hub-tile-w, 260px);
  min-width: var(--hub-tile-w, 260px);
  max-width: var(--hub-tile-w, 260px);
  height: var(--hub-tile-h, 35px);
  min-height: var(--hub-tile-h, 35px);
  max-height: var(--hub-tile-h, 35px);
  padding: 0 var(--hub-tile-pad-x, 12px) 0 var(--hub-tile-pad-icon, 10px);
  border: 1px solid var(--border-subtle, #e5e7eb);
  border-radius: var(--hub-tile-radius, 8px);
  background: linear-gradient(145deg, #ffffff 0%, #f8fafc 100%);
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  cursor: pointer;
  text-align: left;
  transition: border-color 0.15s, box-shadow 0.15s, transform 0.12s;
  overflow: hidden;
  box-sizing: border-box;
  flex-shrink: 0;
  margin: 0;
  font: inherit;
  appearance: none;
  -webkit-appearance: none;
  line-height: 1.25;
}

.settings-hub-tile:hover {
  border-color: #93c5fd;
  box-shadow: 0 8px 24px rgba(0, 93, 245, 0.1);
  transform: translateY(-1px);
}

.settings-hub-tile:active {
  transform: translateY(0);
}

.settings-hub-tile-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--hub-tile-icon, 22px);
  height: var(--hub-tile-icon, 22px);
  flex-shrink: 0;
  border-radius: 6px;
  background: linear-gradient(135deg, #005df5 0%, #3b82f6 100%);
  color: #fff;
  overflow: hidden;
  box-sizing: border-box;
  padding: 3px;
}

.settings-hub-tile-icon svg {
  display: block;
  width: 100%;
  height: 100%;
  max-width: var(--hub-tile-icon-svg, 20px);
  max-height: var(--hub-tile-icon-svg, 20px);
  flex-shrink: 0;
  overflow: visible;
}

.settings-hub-tile-body {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  gap: 6px;
  min-width: 0;
  flex: 1;
}

.settings-hub-tile-label {
  font-size: var(--hub-tile-font, 0.88rem);
  font-weight: 600;
  color: var(--text-primary, #111827);
  line-height: 1.25;
  white-space: nowrap;
  flex-shrink: 0;
}

/* 허브 타일 — 패널별 button 전역 스타일보다 우선 */
.settings-work-panel .settings-hub-shell button.settings-hub-tile,
.settings-work-panel .settings-hub-shell button.settings-hub-back-btn {
  height: var(--hub-tile-h, 35px);
  min-height: var(--hub-tile-h, 35px);
  max-height: var(--hub-tile-h, 35px);
  padding: 0 var(--hub-tile-pad-x, 12px) 0 var(--hub-tile-pad-icon, 10px);
  font-size: var(--hub-tile-font, 0.88rem);
  font-weight: 600;
  line-height: 1.25;
  border-radius: var(--hub-tile-radius, 8px);
  justify-content: flex-start;
  overflow: hidden;
  box-sizing: border-box;
}

.settings-hub-tile-desc {
  display: none !important;
}

/* 허브 패널 — 상단 제목·헤더를 좌측 메뉴와 동일 크기 */
.settings-work-panel:has(.settings-hub-shell) .settings-work-panel-head {
  padding: 12px 20px 10px;
  min-height: 44px;
  box-sizing: border-box;
}

.settings-work-panel:has(.settings-hub-shell) .settings-work-panel-title {
  font-size: var(--hub-tile-font, 0.88rem);
  font-weight: 600;
  line-height: 1.25;
}

.settings-hub-tile-badge {
  display: inline-block;
  margin-left: 6px;
  padding: 2px 7px;
  font-size: 0.68rem;
  font-weight: 600;
  vertical-align: middle;
  border-radius: 6px;
  background: #eff6ff;
  color: #1d4ed8;
}

.settings-hub-tile-chevron {
  flex-shrink: 0;
  color: #9ca3af;
}

.settings-hub-stage.is-hidden {
  display: none;
}

.settings-hub-detail.is-dimmed {
  opacity: 0.35;
  pointer-events: none;
}

.settings-hub-section-hidden {
  display: none !important;
}

.settings-hub-stage {
  display: flex;
  flex-direction: column;
  min-height: 0;
  flex: 1;
  position: relative;
}

.settings-hub-loading {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.72);
  backdrop-filter: blur(2px);
}

.settings-hub-loading.is-hidden {
  display: none;
}

.settings-hub-loading-card {
  width: min(360px, 88%);
  padding: 24px 28px;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.12);
  text-align: center;
}

.settings-hub-progress-track {
  height: 6px;
  border-radius: 3px;
  background: #e5e7eb;
  overflow: hidden;
  margin-bottom: 14px;
}

.settings-hub-progress-bar {
  height: 100%;
  width: 0%;
  border-radius: 3px;
  background: linear-gradient(90deg, #005df5, #60a5fa);
  transition: width 0.35s ease;
}

.settings-hub-loading-text {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #374151;
}

.settings-hub-back-btn {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-right: 10px;
  padding: 6px 10px 6px 6px !important;
  font-weight: 600;
}

.settings-hub-back-btn.hidden {
  display: none !important;
}

.settings-master-tabs.is-hidden,
.settings-hub-master-tabs.is-hidden {
  display: none !important;
}

[data-pos-theme="dark"] .settings-hub-grid.is-compact {
  background: #141416;
  border-bottom-color: #3a3a3c;
}

[data-pos-theme="dark"] .settings-hub-tile.is-active {
  background: linear-gradient(145deg, #1e3a5f 0%, #1c1c1e 100%);
  border-color: #60a5fa;
}

[data-pos-theme="dark"] .settings-hub-tile {
  background: linear-gradient(145deg, #1c1c1e 0%, #141416 100%);
  border-color: #3a3a3c;
}

[data-pos-theme="dark"] .settings-hub-tile:hover {
  border-color: #60a5fa;
  box-shadow: 0 8px 24px rgba(96, 165, 250, 0.15);
}

[data-pos-theme="dark"] .settings-hub-tile-label,
[data-pos-theme="dark"] .settings-hub-intro-title {
  color: #f3f4f6;
}

[data-pos-theme="dark"] .settings-hub-tile-desc,
[data-pos-theme="dark"] .settings-hub-intro-desc {
  color: #9ca3af;
}

[data-pos-theme="dark"] .settings-hub-loading {
  background: rgba(0, 0, 0, 0.55);
}

[data-pos-theme="dark"] .settings-hub-loading-card {
  background: #1c1c1e;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
}

[data-pos-theme="dark"] .settings-hub-loading-text {
  color: #e5e7eb;
}

[data-pos-theme="dark"] .settings-hub-progress-track {
  background: #3a3a3c;
}

