:root {
    --lux-bg: #f7f0e7;
    --lux-surface: #fffaf5;
    --lux-surface-soft: #f8f1e8;
    --lux-ink: #3f2e22;
    --lux-muted: #8b6f58;
    --lux-line: #e7d6c5;
    --lux-primary: #a87449;
    --lux-primary-deep: #8f603a;
    --lux-primary-soft: #d2a178;
    --lux-glow: rgba(168, 116, 73, 0.18);
}

.sidebar {
    background: linear-gradient(180deg, #4b3426 0%, #6a4a34 56%, #8b603f 100%) !important;
    border-left: 1px solid rgba(246, 225, 203, 0.12) !important;
    box-shadow: -16px 0 40px rgba(75, 52, 38, 0.24) !important;
}

.sidebar-header,
.sidebar-footer {
    border-color: rgba(255, 244, 235, 0.12) !important;
}

.sidebar .logo,
.sidebar .sidebar-toggle,
.sidebar .nav-item,
.sidebar .user-name {
    color: #fff8f1 !important;
}

.sidebar .user-role,
.sidebar .nav-section-title {
    color: rgba(255, 239, 225, 0.74) !important;
}

.sidebar .nav-section-divider {
    background: rgba(255, 239, 225, 0.14) !important;
}

.sidebar .nav-item:hover {
    background: rgba(255, 244, 235, 0.1) !important;
    border-color: rgba(255, 244, 235, 0.14) !important;
}

body,
.page-content,
.main-content {
    color: var(--lux-ink) !important;
}

.page-header,
.settings-header,
.table-header,
.inventory-header,
.products-header,
.reports-header,
.sales-header,
.customers-header,
.page-head,
.table-hero,
.dash-hero,
.purchases-card .card-top,
#purchases-tab .card-top,
#payments-tab .card-top,
#returns-tab .card-top,
#suppliers-tab .card-top,
#low-stock-tab .card-top,
#purchase-orders-tab .card-top,
#logs-tab .card-top,
.print-brand {
    background: linear-gradient(135deg, #3b291d, #6b4b34 58%, #a87449) !important;
    color: #fff !important;
    box-shadow: 0 20px 46px rgba(59, 41, 29, 0.22) !important;
}

.page-head p,
.hero-date,
.page-header p,
.table-hero .hero-pill,
.hero-back,
.print-brand p {
    color: rgba(255, 244, 235, 0.88) !important;
}

.card,
.settings-card,
.treasury-card,
.purchases-card,
.activity-card,
.activity-inline-card,
.table-container,
.modal-box,
.modal-content,
.modal-dialog,
.tool-card,
.filters-section,
.form-card,
.report-card,
.panel-card,
.summary-card,
.stat-box,
.reports-box,
.day-card,
.supplier-card,
.kpi-card,
.stat,
.invoice-view-item,
.preview-dialog,
.delete-confirm-dialog {
    background: var(--lux-surface) !important;
    border-color: var(--lux-line) !important;
    box-shadow: 0 12px 30px rgba(96, 69, 45, 0.09) !important;
    color: var(--lux-ink) !important;
}

.panel-head,
.preview-head,
.modal-header-bar,
.card-header,
.settings-card-header,
.notifications-header,
.day-card-head {
    background: linear-gradient(135deg, #f8efe4, #fffaf5) !important;
    border-color: var(--lux-line) !important;
}

.panel-head h2,
.panel-head p,
.preview-total-line,
.summary-card strong,
.summary-label,
.supplier-card h4,
.stat .v,
.kpi-text strong,
.invoice-view-item .v,
.day-card-title,
.day-card-total,
.panel-head h3,
.app-dialog-title {
    color: var(--lux-ink) !important;
}

.summary-card small,
.panel-head p,
.page-header p.text-muted,
.invoice-view-item .k,
.stat .l,
.kpi-text span,
.kpi-text small,
.app-dialog-message,
.delete-code-hint,
.preview-field,
.order-meta-row,
.side-stat,
.price-note,
.empty-orders,
.empty,
.telegram-switch-content small {
    color: var(--lux-muted) !important;
}

.btn-primary,
.btn-success,
.tab-btn.active,
.developer-tabs .tab-btn.active,
.settings-tabs .tab-btn.active,
.btnx.primary,
.btnx.secondary,
.btn-luxe-primary,
.shift-card button,
.btn.btn-primary,
.table-hero .hero-back:hover {
    background: linear-gradient(135deg, var(--lux-primary), var(--lux-primary-soft)) !important;
    border-color: var(--lux-primary-deep) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(168, 116, 73, 0.22) !important;
}

.btn-secondary,
.btn-outline,
.btn-light,
.tab-btn:not(.active),
.btnx.ghost,
.hero-back,
.icon-close,
.modal-close-btn,
.toggle-password {
    background: #f7eadb !important;
    border-color: #e8d2bc !important;
    color: var(--lux-primary-deep) !important;
}

.btn-warning,
.btnx.warning,
.btn-warning-lite {
    background: linear-gradient(135deg, #d39a5e, #b5793f) !important;
    color: #fff !important;
}

.btn-danger,
.btn-delete,
.btn-danger-lite,
.btn.btn-danger {
    color: #fff !important;
}

input,
select,
textarea,
.form-input,
.form-select,
.form-textarea,
.input,
.form-control,
.delete-code-input,
.qty-input {
    background: var(--lux-surface) !important;
    color: var(--lux-ink) !important;
    border-color: var(--lux-line) !important;
}

input:focus,
select:focus,
textarea:focus,
.form-input:focus,
.form-select:focus,
.form-textarea:focus,
.input:focus,
.form-control:focus,
.delete-code-input:focus,
.qty-input:focus,
.shift-card input[type="number"]:focus {
    border-color: var(--lux-primary) !important;
    box-shadow: 0 0 0 4px rgba(168, 116, 73, 0.14) !important;
}

.purchases-tabs,
.tabs,
.reports-shell,
.dashboard-luxe,
.table-page-shell,
.low-stock-help,
.expense-section-start,
.invoice-view-notes {
    background: linear-gradient(145deg, #f7f0e7, #fffaf5) !important;
    border-color: var(--lux-line) !important;
}

.tab-btn:hover,
.tab:hover,
.stat.drillable:hover,
.r-table tr:hover td,
.purchases-table tbody tr:hover,
.data-table tbody tr:hover,
.cashier-table tbody tr:hover,
.order-item,
.preview-row,
.act-row {
    background: rgba(168, 116, 73, 0.06) !important;
}

.purchases-table thead,
.invoice-items-editor th,
.r-table th,
.excel-table th,
.data-table th,
.cashier-table th {
    background: linear-gradient(180deg, #f3e4d4, #f9f1e7) !important;
    color: var(--lux-primary-deep) !important;
    border-color: #ead7c3 !important;
}

.table-wrap,
.invoice-items-editor,
.table-responsive,
.excel-wrap {
    border-color: var(--lux-line) !important;
    background: var(--lux-surface) !important;
}

.order-item,
.preview-row,
.invoice-view-item,
.insight-card,
.mini-item,
.payments-strip span,
.badge,
.hero-pill,
.section-badge,
.panel-chip {
    border-color: #ead7c3 !important;
}

.fast-item-btn,
.invoice-view-notes,
.low-stock-help,
.expense-section-sub,
.excel-total-row td {
    background: linear-gradient(135deg, #ecd7c1, #f1dfcb) !important;
    color: var(--lux-primary-deep) !important;
    border-color: #d8b794 !important;
}

.fast-item-name,
.fast-item-price {
    color: #7b4b26 !important;
}

.mini-badge,
.tab-btn:not(.active) .tab-badge,
.badge-draft,
.note-btn,
.delete-timer.always {
    background: #f3e4d4 !important;
    color: var(--lux-primary-deep) !important;
}

.mini-badge.accent,
.badge-paid,
.badge-converted,
.delete-timer.open,
.note-btn.on {
    background: #efe2d2 !important;
    color: #6f4e36 !important;
}

.badge-partial,
.delete-timer.closed {
    background: #f8ecda !important;
    color: #9a683e !important;
}

.sidebar .nav-item.active,
.sidebar .user-avatar {
    background: linear-gradient(135deg, var(--lux-primary), var(--lux-primary-soft)) !important;
}

.shift-overlay,
.shift-overlay-danger,
.preview-modal,
.delete-confirm-modal,
.modal-overlay,
.modal,
.app-dialog-backdrop {
    background: rgba(36, 25, 18, 0.62) !important;
}

.shift-card,
.shift-card-danger,
.auth-card,
.app-dialog-card {
    box-shadow: 0 28px 70px rgba(59, 41, 29, 0.28) !important;
}

.kpi-card::before,
.panel-accent::before {
    background: linear-gradient(180deg, var(--lux-primary), rgba(255,255,255,0)) !important;
}

.tone-blue,
.tone-green,
.tone-gold,
.tone-violet,
.tone-teal,
.tone-indigo,
.tone-slate,
.tone-orange {
    --accent: var(--lux-primary) !important;
}

.tone-blue .kpi-icon,
.tone-green .kpi-icon,
.tone-gold .kpi-icon,
.tone-violet .kpi-icon,
.tone-teal .kpi-icon,
.tone-indigo .kpi-icon,
.tone-slate .kpi-icon,
.tone-orange .kpi-icon {
    background: #f3e4d4 !important;
    color: var(--lux-primary-deep) !important;
}

.bar-fill {
    background: linear-gradient(180deg, #d2a178, #a87449) !important;
    box-shadow: 0 8px 18px rgba(168, 116, 73, 0.22) !important;
}

.monthly-chart,
.line.total {
    background: linear-gradient(180deg, #fffaf5, #f7eadb) !important;
    border-color: var(--lux-line) !important;
}

.payments-strip .cash,
.plus,
.text-pos,
.order-total {
    color: #7a5a3d !important;
}

.payments-strip .card,
.badge-unpaid,
.text-neg {
    color: #b44a3b !important;
}

.reports-shell,
.table-page-shell,
.purchases-page,
.sales-page,
.treasury-page,
.suppliers-page {
    color: var(--lux-ink) !important;
}

/* POS */
.pos-container .cash-drawer-section,
.pos-container .drawer-item,
.pos-container .pos-cart,
.pos-container .products-section,
.pos-container .pos-panel,
.pos-container .cart-items,
.pos-container .category-sidebar,
.pos-container .product-card,
.pos-container .table-card,
.pos-container .table-card-sm,
.pos-container .selected-table-badge,
.pos-container .active-tables-area,
.pos-container .checkout-panel,
.pos-container .payment-section {
    background: var(--lux-surface) !important;
    border-color: var(--lux-line) !important;
    color: var(--lux-ink) !important;
    box-shadow: 0 12px 30px rgba(96, 69, 45, 0.08) !important;
}

.pos-container .cash-drawer-header,
.pos-container .pos-header,
.pos-container .cart-header,
.pos-container .products-header,
.pos-container .checkout-header {
    background: linear-gradient(135deg, #3b291d, #6b4b34 58%, #a87449) !important;
    color: #fff !important;
}

.pos-container .mode-btn.active,
.pos-container .category-btn.active,
.pos-container .btn-primary,
.pos-container .checkout-btn,
.pos-container .payment-method.active {
    background: linear-gradient(135deg, var(--lux-primary), var(--lux-primary-soft)) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 10px 24px rgba(168, 116, 73, 0.22) !important;
}

.pos-container .mode-btn,
.pos-container .category-btn,
.pos-container .payment-method,
.pos-container .btn-outline,
.pos-container .btn-secondary {
    background: #f7eadb !important;
    color: var(--lux-primary-deep) !important;
    border-color: #ead7c3 !important;
}

.pos-container .drawer-label,
.pos-container .product-meta,
.pos-container .empty-cart small,
.pos-container .cart-item-note,
.pos-container .table-status,
.pos-container .cart-order-info label {
    color: var(--lux-muted) !important;
}

.pos-container .drawer-value,
.pos-container .product-name,
.pos-container .table-name,
.pos-container .cart-item-name,
.pos-container .summary-row.total,
.pos-container .selected-table-badge span {
    color: var(--lux-ink) !important;
}

.shift-overlay::after {
    background:
        radial-gradient(circle at center, rgba(210, 161, 120, 0.12), transparent 24%),
        radial-gradient(circle at top, rgba(255, 255, 255, 0.04), transparent 26%) !important;
}

.shift-card input[type="number"] {
    background: linear-gradient(180deg, #fffaf5, #f8f1e8) !important;
    color: var(--lux-ink) !important;
    border-color: rgba(168, 116, 73, 0.28) !important;
}

.shift-card label,
.shift-card p,
.shift-card h2 {
    color: var(--lux-ink) !important;
}

.shift-card button {
    background: linear-gradient(135deg, var(--lux-primary), var(--lux-primary-soft)) !important;
    box-shadow:
        0 18px 36px rgba(168, 116, 73, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

.shift-card button:hover {
    box-shadow:
        0 24px 44px rgba(168, 116, 73, 0.34),
        inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

/* Tables index */
.tables-page,
.shifts-container {
    color: var(--lux-ink) !important;
}

.tables-page .table-card,
.tables-page .modal-content,
.tables-page .table-timer,
.tables-page .table-section {
    background: var(--lux-surface) !important;
    border-color: var(--lux-line) !important;
    color: var(--lux-ink) !important;
}

.tables-page .table-card.available {
    border-color: #b78a62 !important;
}

.tables-page .table-card.occupied {
    border-color: #c27a42 !important;
}

.tables-page .status-badge.available,
.tables-page .btn-success {
    background: linear-gradient(135deg, var(--lux-primary), var(--lux-primary-soft)) !important;
    color: #fff !important;
    border-color: transparent !important;
}

.tables-page .status-badge.occupied,
.tables-page .btn-danger {
    background: linear-gradient(135deg, #b9644f, #9f4b39) !important;
    color: #fff !important;
}

.tables-page .btn-outline,
.tables-page .table-timer.warning {
    background: #f7eadb !important;
    color: var(--lux-primary-deep) !important;
    border-color: #ead7c3 !important;
}

.tables-page .shift-card p a,
.tables-page .table-info,
.tables-page .table-section {
    color: var(--lux-muted) !important;
}

/* Sales */
body.sales-page {
    background:
        radial-gradient(circle at 8% 8%, rgba(210, 161, 120, .16), transparent 24%),
        radial-gradient(circle at 88% 6%, rgba(231, 201, 171, .12), transparent 22%),
        linear-gradient(135deg, #f7f0e7 0%, #fffaf5 52%, #f4eadf 100%) !important;
}

.sales-shell > div[style*='background:#fff'],
.sales-shell > div[style*='background:linear-gradient(135deg,#10b98115,#4f46e510)'],
.sales-shell #returnSaleModal > div,
.sales-shell .container > div {
    background: var(--lux-surface) !important;
    border-color: var(--lux-line) !important;
    box-shadow: 0 12px 30px rgba(96, 69, 45, 0.10) !important;
}

.sales-shell div[style*='background:linear-gradient(135deg,#2c3e50,#34495e)'],
.sales-shell .container > div[style*='border-radius:12px'][style*='overflow:hidden'] > div:first-child {
    background: linear-gradient(135deg, #3b291d, #6b4b34 58%, #a87449) !important;
    color: #fff !important;
}

.sales-shell form input[type='date'],
.sales-shell form button[type='submit'],
.sales-shell form a {
    border-color: #ead7c3 !important;
}

.sales-shell form input[type='date'] {
    background: #fffaf5 !important;
    color: var(--lux-ink) !important;
}

.sales-shell form button[type='submit'] {
    background: linear-gradient(135deg, var(--lux-primary), var(--lux-primary-soft)) !important;
}

.sales-shell form a {
    background: linear-gradient(135deg, #8f603a, #b58a63) !important;
}

.sales-shell table thead tr,
.sales-shell table tfoot tr {
    background: linear-gradient(180deg, #f8efe4, #fffaf5) !important;
}

.sales-shell table th,
.sales-shell table td,
.sales-shell h3,
.sales-shell label,
.sales-shell strong,
.sales-shell div[style*='color:#2c3e50'],
.sales-shell div[style*='color:#7f8c8d'],
.sales-shell span[style*='color:#2c3e50'] {
    color: var(--lux-ink) !important;
}

.sales-shell td[style*='color:#10b981'],
.sales-shell div[style*='color:#10b981'] {
    color: #7a5a3d !important;
}

.sales-shell td[style*='color:#ef4444'],
.sales-shell div[style*='color:#ef4444'] {
    color: #a14f3e !important;
}

/* Shifts report */
.shifts-container .shifts-table-wrap,
.shifts-container .cashier-table,
.shifts-container .filter-form select,
.shifts-container .filter-form button {
    border-color: var(--lux-line) !important;
}

.shifts-container .shifts-table-wrap {
    background: var(--lux-surface) !important;
    box-shadow: 0 12px 30px rgba(96, 69, 45, 0.08) !important;
}

.shifts-container .shifts-table th,
.shifts-container .cashier-table thead,
.shifts-container .cashier-table tfoot .day-total-row,
.shifts-container div[style*='background: linear-gradient(135deg, #667eea 0%, #764ba2 100%)'] {
    background: linear-gradient(135deg, #3b291d, #6b4b34 58%, #a87449) !important;
    color: #fff !important;
}

.shifts-container .filter-form button,
.shifts-container .filter-form button[style*='background:#27ae60'] {
    background: linear-gradient(135deg, var(--lux-primary), var(--lux-primary-soft)) !important;
    color: #fff !important;
}

.shifts-container .filter-form select,
.shifts-container .filter-form button[type='submit'] {
    background: #fffaf5 !important;
    color: var(--lux-ink) !important;
}

.shifts-container .shifts-header h1,
.shifts-container h2,
.shifts-container label,
.shifts-container .cashier-table td,
.shifts-container .shifts-table td {
    color: var(--lux-ink) !important;
}

.shifts-container .cashier-table tbody tr:hover,
.shifts-container .shifts-table tr:hover {
    background: rgba(168, 116, 73, 0.06) !important;
}