:root,
[data-bs-theme=light],
[data-bs-theme=dark] {
    --brand-orange: #f97316;
    --brand-orange-dark: #c2410c;
    --brand-orange-soft: #fff3e8;
    --brand-black: #111111;
    --brand-ink: #1f1f1f;
    --brand-muted: #6b625c;
    --brand-border: #ead9cc;
    --bs-primary: #f97316;
    --bs-primary-rgb: 249, 115, 22;
    --bs-success: #f97316;
    --bs-success-rgb: 249, 115, 22;
    --bs-info: #111111;
    --bs-info-rgb: 17, 17, 17;
    --bs-link-color: #c2410c;
    --bs-link-hover-color: #111111;
    --bs-body-color: #1f1f1f;
}

html.topbar-dark,
html[data-bs-theme=dark].topbar-dark,
html[data-bs-theme=dark].topbar-light {
    --bs-topbar-bg: #111111;
    --bs-topbar-item-color: #ffffff;
}

a,
.text-primary,
.text-success,
.text-info,
.link-primary,
.link-success,
.page-title,
.card-title a {
    color: var(--brand-orange-dark) !important;
}

a:hover,
.nav-link:hover,
.menu-link:hover,
.sub-menu-link:hover {
    color: var(--brand-black) !important;
}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-outline-primary:hover,
.btn-outline-success:hover,
.btn-outline-info:hover,
.btn-outline-warning:hover,
.page-item.active .page-link,
.dropdown-item.active,
.dropdown-item:active {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    color: #ffffff !important;
}

.btn-primary:hover,
.btn-success:hover,
.btn-info:hover,
.btn-warning:hover {
    background-color: var(--brand-orange-dark) !important;
    border-color: var(--brand-orange-dark) !important;
    color: #ffffff !important;
}

.btn-outline-primary,
.btn-outline-success,
.btn-outline-info,
.btn-outline-warning {
    border-color: var(--brand-orange) !important;
    color: var(--brand-orange-dark) !important;
}

.btn-light,
.btn-outline-secondary {
    border-color: var(--brand-border) !important;
}

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.badge.bg-primary,
.badge.bg-success,
.badge.bg-info,
.badge.bg-warning,
.badge.bg-primary-subtle,
.badge.bg-success-subtle,
.badge.bg-info-subtle,
.badge.bg-warning-subtle {
    background-color: var(--brand-orange) !important;
    color: #ffffff !important;
}

.text-bg-primary,
.text-bg-success,
.text-bg-info,
.text-bg-warning {
    background-color: var(--brand-orange) !important;
    color: #ffffff !important;
}

.btn-primary *,
.btn-success *,
.btn-info *,
.btn-warning *,
.bg-primary *,
.bg-success *,
.bg-info *,
.bg-warning *,
.text-bg-primary *,
.text-bg-success *,
.text-bg-info *,
.text-bg-warning *,
.badge.bg-primary *,
.badge.bg-success *,
.badge.bg-info *,
.badge.bg-warning * {
    color: #ffffff !important;
}

.border-primary,
.border-success,
.border-info {
    border-color: var(--brand-orange) !important;
}

.alert-primary,
.alert-success,
.alert-info {
    background-color: var(--brand-orange-soft) !important;
    border-color: #fed7aa !important;
    color: var(--brand-black) !important;
}

.table-primary,
.table-success,
.table-info {
    --bs-table-bg: var(--brand-orange-soft);
    --bs-table-color: var(--brand-black);
    --bs-table-border-color: #fed7aa;
}

.form-control:focus,
.form-select:focus,
.select2-container--default .select2-selection--single:focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--brand-orange) !important;
    box-shadow: 0 0 0 .2rem rgba(249, 115, 22, .18) !important;
}

.form-check-input:checked,
.switch input:checked + .slider {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}

.sidebar-wrapper,
.app-sidebar,
.main-nav,
.navbar-custom,
.topbar,
.side-nav {
    --bs-link-color: #ffffff;
}

.menu-link.active,
.menu-link[aria-expanded=true],
.sub-menu-link.active,
.side-nav-link.active,
.nav-pills .nav-link.active,
.nav-tabs .nav-link.active {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    color: #ffffff !important;
}

.menu-link.active *,
.menu-link[aria-expanded=true] *,
.side-nav-link.active *,
.nav-pills .nav-link.active *,
.nav-tabs .nav-link.active * {
    color: #ffffff !important;
}

.main-nav.app-shell-sidebar .navbar-nav .menu-item.active > .menu-link,
.main-nav.app-shell-sidebar .navbar-nav .menu-link.active,
.main-nav.app-shell-sidebar .navbar-nav .menu-link[aria-expanded=true] {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

.main-nav.app-shell-sidebar .navbar-nav .menu-item.active > .menu-link .nav-icon,
.main-nav.app-shell-sidebar .navbar-nav .menu-link.active .nav-icon,
.main-nav.app-shell-sidebar .navbar-nav .menu-link[aria-expanded=true] .nav-icon {
    background-color: rgba(255, 255, 255, .18) !important;
    border-color: rgba(255, 255, 255, .42) !important;
    color: #ffffff !important;
}

.main-nav.app-shell-sidebar .sub-menu-link.active {
    background-color: var(--brand-orange-soft) !important;
    border-color: #fed7aa !important;
    color: var(--brand-orange-dark) !important;
}

.main-nav.app-shell-sidebar .sub-menu-link.active::before {
    background-color: var(--brand-orange) !important;
}

.metric-icon,
.summary-icon,
.quick-action.primary,
.order-pill,
.ticket-accent,
.kds-card.ready .ticket-accent,
.kds-card.cooking .ticket-accent,
.kds-card.served .ticket-accent,
.kds-card.completed .ticket-accent {
    background-color: var(--brand-orange) !important;
    color: #ffffff !important;
}

.metric-icon *,
.summary-icon *,
.quick-action.primary *,
.order-pill * {
    color: #ffffff !important;
}

[style*="background: #f97316"],
[style*="background:#f97316"],
[style*="background-color: #f97316"],
[style*="background-color:#f97316"],
[style*="background: var(--brand-orange"],
[style*="background-color: var(--brand-orange"],
[style*="background:var(--brand-orange"],
[style*="background-color:var(--brand-orange"] {
    color: #ffffff !important;
}

[style*="background: #f97316"] *,
[style*="background:#f97316"] *,
[style*="background-color: #f97316"] *,
[style*="background-color:#f97316"] *,
[style*="background: var(--brand-orange"] *,
[style*="background-color: var(--brand-orange"] *,
[style*="background:var(--brand-orange"] *,
[style*="background-color:var(--brand-orange"] * {
    color: #ffffff !important;
}

.quick-action.primary,
.order-status-select.completed,
.manager-order-status.completed {
    background-color: var(--brand-black) !important;
    border-color: var(--brand-black) !important;
    color: #ffffff !important;
}

.order-pill--confirmed,
.order-pill--cooking,
.order-pill--ready,
.order-pill--served,
.order-pill--completed,
.manager-order-status.confirmed,
.manager-order-status.cooking,
.manager-order-status.ready,
.manager-order-status.served,
.order-status-select.confirmed,
.order-status-select.cooking,
.order-status-select.ready,
.order-status-select.served {
    background-color: var(--brand-orange-soft) !important;
    border-color: var(--brand-orange) !important;
    color: var(--brand-black) !important;
}

.apexcharts-tooltip,
.apexcharts-menu {
    border-color: var(--brand-border) !important;
}

.noUi-connect,
.noUi-handle,
.toastify,
.pricing-ribbon,
.pricing-ribbon-primary,
.card-pricing-recommended,
.timeline-icon::before,
.left-timeline-list::after {
    background-color: var(--brand-orange) !important;
    border-color: var(--brand-orange) !important;
}

.bg-danger,
.btn-danger,
.alert-danger,
.badge.bg-danger,
.text-bg-danger {
    --bs-danger: #111111;
    --bs-danger-rgb: 17, 17, 17;
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
}

.text-danger {
    color: #111111 !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.order-tile--completed {
    border-color: #d8eee3 !important;
    border-left-color: #16a34a !important;
}
.order-tile--completed .order-pill--completed,
.order-tile--completed .order-pill--pay-paid {
    background-color: #dcfce7 !important;
    border-color: #86efac !important;
    color: #166534 !important;
}
.order-tile--completed .order-pill--served {
    background-color: #e8f0ff !important;
    border-color: #93c5fd !important;
    color: #1d4ed8 !important;
}
.order-tile--completed .order-pill--out_for_delivery {
    background-color: #ede9fe !important;
    border-color: #c4b5fd !important;
    color: #5b21b6 !important;
}
.order-tile--completed .order-pill--pay-pending,
.order-tile--completed .order-pill--pay-partial_paid {
    background-color: #ffedd5 !important;
    border-color: #fdba74 !important;
    color: #9a3412 !important;
}
.order-tile--completed .order-pill--membership {
    background-color: #fff7ed !important;
    border-color: #fdba74 !important;
    color: #9a3412 !important;
}

/* Shared list tables: one shaded box, same treatment as category cards */
.page-content .table-responsive,
.page-content .list-table-wrap {
    background: #fff7ed !important;
    border: 1px solid #fdba74 !important;
    border-radius: 8px !important;
    padding: 8px !important;
}
.page-content .table {
    --bs-table-bg: #fffaf5;
    --bs-table-color: #111111;
    --bs-table-border-color: #fed7aa;
    --bs-table-striped-bg: #fff7ed;
    --bs-table-hover-bg: #ffedd5;
    --bs-table-hover-color: #111111;
    --bs-table-accent-bg: transparent;
    background: #fffaf5 !important;
    border: 1px solid #fed7aa !important;
    border-collapse: separate !important;
    border-radius: 8px !important;
    border-spacing: 0 !important;
    margin-bottom: 0;
}
.page-content .table > :not(caption) > * > *,
.page-content .table.ledger-table td {
    background-color: #fffaf5 !important;
    border-bottom-color: #fed7aa !important;
    box-shadow: none !important;
    vertical-align: middle;
}
.page-content .table thead,
.page-content .table thead.bg-light-subtle,
.page-content .table thead.table-light,
.page-content .table thead th,
.page-content .table.ledger-table th {
    background: #ffedd5 !important;
    background-color: #ffedd5 !important;
    border-bottom-color: #fdba74 !important;
    box-shadow: none !important;
    color: #9a3412 !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    vertical-align: middle;
    white-space: nowrap;
}
.page-content .table thead tr:first-child th:first-child {
    border-top-left-radius: 7px;
}
.page-content .table thead tr:first-child th:last-child {
    border-top-right-radius: 7px;
}
.page-content .table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 7px;
}
.page-content .table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 7px;
}
.page-content .table td.col-actions,
.page-content .table th.col-actions {
    width: 1%;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle;
}
.page-content .table td.col-num,
.page-content .table th.col-num {
    text-align: right;
    white-space: nowrap;
}
.list-table-wrap {
    overflow: visible;
}
.list-action-dropdown {
    display: inline-flex;
    justify-content: flex-end;
    width: 100%;
}
.list-action-dropdown .dropdown-toggle {
    min-width: 108px;
    justify-content: space-between;
}
.list-action-dropdown .dropdown-menu {
    min-width: 220px;
    padding: 6px 0;
    z-index: 20;
}
.list-action-dropdown .dropdown-item {
    align-items: center;
    display: flex;
    gap: 8px;
    font-size: 13px;
    padding: 8px 14px;
    width: 100%;
    border: 0;
    background: transparent;
    text-align: left;
}
.list-action-dropdown .dropdown-item i {
    width: 16px;
    text-align: center;
}
.list-action-dropdown form {
    margin: 0;
}
.list-action-dropdown .dropdown-form {
    display: grid;
    gap: 8px;
    padding: 8px 14px;
}
.list-filter-actions {
    display: flex;
    gap: 8px;
    align-items: stretch;
    flex-wrap: nowrap;
}
.list-filter-actions .btn {
    min-width: 88px;
}