/* OmniMarket — global light/dark tema (mevcut class’ları silmeden override) */

/* —— Tema seçici (ikonlu premium toggle) —— */

.omni-theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 3px;
    background: #f1f3f5;
    border: 1px solid #e2e6ea;
    border-radius: 999px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    line-height: 1;
}

.omni-theme-toggle--floating {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 1000;
}

.omni-theme-toggle-btn {
    width: 34px;
    height: 34px;
    padding: 0;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: #8b929a;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.12s ease;
}

.omni-theme-toggle-btn:hover {
    color: #5c636a;
    transform: scale(1.05);
}

.omni-theme-toggle-btn.active {
    background: #fff;
    color: #e67e22;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.omni-theme-toggle-btn[data-theme="dark"].active {
    color: #c4a35a;
}

.header .omni-theme-toggle-item {
    display: flex;
    align-items: center;
    margin-right: 12px;
}

.header .omni-theme-toggle-item .omni-theme-toggle {
    margin: 0;
}

@media (max-width: 991px) {
    .omni-theme-toggle--floating {
        top: 12px;
        right: 12px;
    }
}

/* —— Koyu tema değişkenleri —— */

html[data-theme="dark"] {
    --omni-bg-dark: #2b2d31;
    --omni-surface-dark: #34363b;
    --omni-card-dark: #3a3d42;
    --omni-border-dark: #555961;
    --omni-text-dark: #f1f3f5;
    --omni-muted-dark: #b8bdc5;
    --omni-input-dark: #3a3d42;
    --omni-accent: #ff9f43;
    --omni-accent-soft: rgba(255, 159, 67, 0.16);
    color-scheme: dark;
}

/* —— Genel —— */

html[data-theme="dark"] body {
    background-color: var(--omni-bg-dark) !important;
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
    color: var(--omni-text-dark);
}

html[data-theme="dark"] .text-muted {
    color: var(--omni-muted-dark) !important;
}

html[data-theme="dark"] hr {
    border-color: var(--omni-border-dark);
    opacity: 1;
}

html[data-theme="dark"] .border,
html[data-theme="dark"] .border-top,
html[data-theme="dark"] .border-bottom {
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .bg-white {
    background-color: var(--omni-card-dark) !important;
}

/* —— Layout —— */

html[data-theme="dark"] .main-wrapper {
    background: var(--omni-bg-dark);
}

html[data-theme="dark"] .page-wrapper {
    background: var(--omni-bg-dark) !important;
}

html[data-theme="dark"] .content {
    background: var(--omni-bg-dark);
}

html[data-theme="dark"] .page-header .page-title h4,
html[data-theme="dark"] .page-title h4 {
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .page-header .page-title h6,
html[data-theme="dark"] .page-title h6 {
    color: var(--omni-muted-dark) !important;
}

/* —— Header —— */

html[data-theme="dark"] .header {
    background: var(--omni-surface-dark) !important;
    border-bottom: 1px solid var(--omni-border-dark) !important;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .header .user-menu .nav-link,
html[data-theme="dark"] .header .userset {
    color: var(--omni-text-dark);
}

html[data-theme="dark"] .dropdown-menu {
    background: var(--omni-card-dark) !important;
    border-color: var(--omni-border-dark) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .dropdown-menu .dropdown-item {
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .dropdown-menu .dropdown-item:hover,
html[data-theme="dark"] .dropdown-menu .dropdown-item:focus {
    background: var(--omni-accent-soft) !important;
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .menu-drop-user .profilesets h5,
html[data-theme="dark"] .menu-drop-user .profilesets h6 {
    color: var(--omni-text-dark);
}

html[data-theme="dark"] .omni-theme-toggle {
    background: var(--omni-card-dark);
    border-color: var(--omni-border-dark);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.25);
}

html[data-theme="dark"] .omni-theme-toggle-btn {
    color: var(--omni-muted-dark);
}

html[data-theme="dark"] .omni-theme-toggle-btn:hover {
    color: var(--omni-text-dark);
}

html[data-theme="dark"] .omni-theme-toggle-btn.active {
    background: #4a4d52;
    color: #f5c878;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.3);
}

html[data-theme="dark"] .omni-theme-toggle-btn[data-theme="light"].active {
    color: #f5c878;
}

/* —— Sidebar —— */

/* Alt menü — nokta ile metin arası (Personel, Pazaryeri, E-Belge vb.) */
.sidebar .sidebar-menu > ul > li.submenu ul li a {
    padding-left: 2.75rem !important;
}

.sidebar .sidebar-menu > ul > li.submenu ul li a::after {
    left: 1.1rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 7px !important;
    height: 7px !important;
}

.sidebar .sidebar-menu > ul > li.submenu ul li.active > a {
    font-weight: 600;
}

.sidebar .sidebar-menu > ul > li.submenu ul li.active > a::after {
    background: #ff9f43;
    border-color: #ff9f43;
}

html[data-theme="dark"] .sidebar,
html[data-theme="dark"] .sidebar .slimScrollDiv {
    background: var(--omni-surface-dark) !important;
    border-right-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li > a,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li > a span {
    color: #ffffff !important;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li > a img {
    filter: brightness(0) invert(1) !important;
    opacity: 0.92;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li > a .menu-arrow::before {
    color: #ffffff !important;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li > a:hover,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.active > a {
    background: var(--omni-accent-soft) !important;
    color: var(--omni-accent) !important;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li > a:hover span,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.active a span {
    color: var(--omni-accent) !important;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li > a:hover .menu-arrow::before,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.active > a .menu-arrow::before {
    color: var(--omni-accent) !important;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li > a:hover img,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.active a img {
    filter: brightness(0) saturate(100%) invert(72%) sepia(48%) saturate(1200%) hue-rotate(346deg) brightness(101%) contrast(101%) !important;
    opacity: 1;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu ul {
    background: var(--omni-card-dark) !important;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu ul > li.sidebar-submenu-label span {
    color: #c4cad3 !important;
    opacity: 1 !important;
    font-size: 0.72rem;
    letter-spacing: 0.06em;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu ul li a {
    color: #eef0f3 !important;
    font-weight: 500;
    font-size: 0.92rem;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu ul li a:hover,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu ul li a.active,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu ul li.active > a {
    color: var(--omni-accent) !important;
    font-weight: 600;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu.active > ul > li > a,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu > a.subdrop + ul > li > a,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu.tanimlar-submenu-open > ul > li > a {
    color: #eef0f3 !important;
    background: transparent !important;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu.active > ul,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu > a.subdrop + ul,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu.tanimlar-submenu-open > ul {
    background: #363940 !important;
    border-top: 1px solid var(--omni-border-dark);
    border-bottom: 1px solid var(--omni-border-dark);
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu.active > ul > li.active > a,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu > a.subdrop + ul > li.active > a,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu.tanimlar-submenu-open > ul > li.active > a {
    color: var(--omni-accent) !important;
    font-weight: 600;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li#nav-tanimlar > a.subdrop,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li#nav-tanimlar.tanimlar-submenu-open > a,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li#nav-tanimlar.active > a {
    background: #4a3d2e !important;
    color: #ffc078 !important;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu ul li a::after {
    border-color: var(--omni-border-dark) !important;
    background: transparent !important;
}

html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu ul li a:hover::after,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu ul li a.active::after,
html[data-theme="dark"] .sidebar .sidebar-menu > ul > li.submenu ul li.active > a::after {
    background: var(--omni-accent) !important;
    border-color: var(--omni-accent) !important;
}

html[data-theme="dark"] .alert-info {
    background: #1e3a4f !important;
    border: 1px solid #2d5a78 !important;
    color: #b8e0f5 !important;
}

html[data-theme="dark"] .badges.bg-lightgreen {
    background: #1f3d32 !important;
    color: #5eead4 !important;
}

html[data-theme="dark"] .badges.bg-lightred {
    background: #4a3030 !important;
    color: #fca5a5 !important;
}

html[data-theme="dark"] .badges.bg-lightgrey {
    background: #40444c !important;
    color: #d1d5db !important;
}

html[data-theme="dark"] #sidebar > .sidebar-bottom {
    border-top-color: var(--omni-border-dark) !important;
    background: var(--omni-surface-dark) !important;
}

html[data-theme="dark"] .sidebar-logout-btn {
    color: #ffffff !important;
    border-color: var(--omni-border-dark) !important;
    background: var(--omni-card-dark) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .sidebar-logout-icon {
    background: var(--omni-bg-dark) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .sidebar-logout-btn:hover {
    color: #fca5a5 !important;
}

/* —— Kartlar —— */

html[data-theme="dark"] .card {
    background: var(--omni-card-dark) !important;
    border: 1px solid var(--omni-border-dark) !important;
    color: var(--omni-text-dark);
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.32);
}

html[data-theme="dark"] .table {
    --bs-table-hover-bg: #40444c;
    --bs-table-striped-bg: #363940;
}

html[data-theme="dark"] .card-header {
    background: var(--omni-surface-dark) !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark);
}

html[data-theme="dark"] .card-footer {
    background: var(--omni-surface-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .dash-widget {
    background: var(--omni-card-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .dash-widget .dash-count h4,
html[data-theme="dark"] .dash-widget .dash-count h5,
html[data-theme="dark"] .dash-widget strong {
    color: #ffffff !important;
}

html[data-theme="dark"] .dash-widget .widget-label {
    color: var(--omni-muted-dark) !important;
}

html[data-theme="dark"] .dash-widget.widget-warn strong {
    color: #ffb366 !important;
}

html[data-theme="dark"] .dash-count p {
    color: var(--omni-muted-dark) !important;
}

/* Dashboard — finance-card (Anasayfa sayfa stillerini override) */

html[data-theme="dark"] .finance-card,
html[data-theme="dark"] .dash-count.finance-card {
    background: var(--omni-card-dark) !important;
    border-color: var(--omni-border-dark) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .finance-card .dash-counts h3,
html[data-theme="dark"] .finance-card .dash-counts h4,
html[data-theme="dark"] .finance-card .dash-counts h5,
html[data-theme="dark"] .dashboard-hero h3,
html[data-theme="dark"] .dashboard-hero h5 {
    color: #ffffff !important;
}

html[data-theme="dark"] .finance-card .dash-counts small,
html[data-theme="dark"] .finance-card .text-muted {
    color: var(--omni-muted-dark) !important;
}

html[data-theme="dark"] .finance-card .dash-imgs {
    background: #42454b !important;
    border: 1px solid var(--omni-border-dark) !important;
}

html[data-theme="dark"] .finance-card:hover {
    border-color: #6b7078 !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .card-title {
    color: #ffffff !important;
}

html[data-theme="dark"] .badge.bg-light {
    background: #42454b !important;
    color: #ffffff !important;
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .btn-outline-primary {
    color: var(--omni-accent) !important;
    border-color: var(--omni-accent) !important;
}

html[data-theme="dark"] .btn-outline-primary:hover {
    background: var(--omni-accent-soft) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .main-wrapper .content.omni-list-page .omni-list-card,
html[data-theme="dark"] .main-wrapper .content.omni-list-page > .card.omni-list-card {
    background: var(--omni-card-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

/* —— Tablolar —— */

html[data-theme="dark"] .table {
    color: var(--omni-text-dark);
    border-color: var(--omni-border-dark);
}

html[data-theme="dark"] .table thead th,
html[data-theme="dark"] table thead th {
    background: var(--omni-surface-dark) !important;
    color: var(--omni-text-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .table tbody td,
html[data-theme="dark"] table tbody td {
    background: var(--omni-card-dark) !important;
    color: var(--omni-text-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .table tbody tr:hover td,
html[data-theme="dark"] table tbody tr:hover td {
    background: #42454b !important;
}

html[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background: #3e4147 !important;
    color: var(--omni-text-dark);
}

html[data-theme="dark"] .main-wrapper .content.omni-list-page .omni-list-card table.table thead th,
html[data-theme="dark"] .main-wrapper .content.omni-list-page .omni-list-card table thead th {
    background: var(--omni-surface-dark) !important;
    color: var(--omni-text-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .main-wrapper .content.omni-list-page .omni-list-card table.table tbody td,
html[data-theme="dark"] .main-wrapper .content.omni-list-page .omni-list-card table tbody td {
    background: var(--omni-card-dark) !important;
    color: var(--omni-text-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .main-wrapper .content.omni-list-page .omni-list-card table.table tbody tr:hover td {
    background-color: #42454b !important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_length,
html[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
html[data-theme="dark"] .dataTables_wrapper .dataTables_info,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate {
    color: var(--omni-muted-dark) !important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--omni-muted-dark) !important;
    background: var(--omni-card-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: var(--omni-accent-soft) !important;
    color: var(--omni-accent) !important;
    border-color: var(--omni-accent) !important;
}

html[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #42454b !important;
    color: var(--omni-text-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

/* —— Formlar —— */

html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select,
html[data-theme="dark"] input[type="text"],
html[data-theme="dark"] input[type="password"],
html[data-theme="dark"] input[type="email"],
html[data-theme="dark"] input[type="number"],
html[data-theme="dark"] input[type="search"],
html[data-theme="dark"] textarea {
    background: var(--omni-input-dark) !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .form-control::placeholder,
html[data-theme="dark"] input::placeholder,
html[data-theme="dark"] textarea::placeholder {
    color: #7d848c !important;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
    background: #42454b !important;
    border-color: var(--omni-accent) !important;
    color: var(--omni-text-dark) !important;
    box-shadow: 0 0 0 0.15rem rgba(255, 159, 67, 0.2) !important;
}

html[data-theme="dark"] .form-label,
html[data-theme="dark"] label {
    color: var(--omni-muted-dark);
}

html[data-theme="dark"] .form-check-label {
    color: var(--omni-text-dark);
}

html[data-theme="dark"] .input-group-text {
    background: var(--omni-surface-dark) !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-muted-dark) !important;
}

html[data-theme="dark"] .table-top .search-input .btn-searchset {
    color: var(--omni-muted-dark) !important;
}

/* —— Butonlar —— */

html[data-theme="dark"] .btn-white,
html[data-theme="dark"] .btn-filter {
    background: var(--omni-card-dark) !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .btn-secondary {
    background: #4a4d52 !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .btn-secondary:hover,
html[data-theme="dark"] .btn-secondary:focus,
html[data-theme="dark"] .btn-secondary:active {
    background: #555961 !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark) !important;
    box-shadow: none !important;
}

/* style.css modal footer: hover'da beyaz inset gölge — koyu temada metin kayboluyor */
html[data-theme="dark"] .modal .modal-footer .btn-secondary {
    background: #4a4d52 !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .modal .modal-footer .btn-secondary:hover,
html[data-theme="dark"] .modal .modal-footer .btn-secondary:focus,
html[data-theme="dark"] .modal .modal-footer .btn-secondary:active {
    background: #555961 !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .btn-primary {
    background: #5a8f7b !important;
    border-color: #5a8f7b !important;
    color: #fff !important;
}

html[data-theme="dark"] .btn-primary:hover {
    background: #6aa08c !important;
    border-color: #6aa08c !important;
}

/* —— Modal —— */

html[data-theme="dark"] .modal-content {
    background: var(--omni-card-dark) !important;
    color: var(--omni-text-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .modal-header {
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .modal-footer {
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .btn-close {
    filter: invert(1) grayscale(100%) brightness(1.2);
}

html[data-theme="dark"] .modal-backdrop {
    background-color: rgba(0, 0, 0, 0.65);
}

/* —— SweetAlert2 —— */

html[data-theme="dark"] .swal2-popup {
    background: var(--omni-card-dark) !important;
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .swal2-title,
html[data-theme="dark"] .swal2-html-container {
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .swal2-toast {
    background: var(--omni-card-dark) !important;
    color: var(--omni-text-dark) !important;
}

/* —— Login sayfası (yapı korunur, yalnızca sağ panel) —— */

html[data-theme="dark"] .auth-form-side {
    background: var(--omni-surface-dark) !important;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .login-header h2 {
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .login-header p {
    color: var(--omni-muted-dark) !important;
}

html[data-theme="dark"] .auth-form-side .form-label {
    color: var(--omni-muted-dark) !important;
}

html[data-theme="dark"] .auth-form-side .form-control {
    background: var(--omni-input-dark) !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .auth-form-side .form-control:focus {
    background: #42454b !important;
    border-color: var(--omni-accent) !important;
    box-shadow: 0 0 0 0.15rem rgba(255, 159, 67, 0.2) !important;
}

/* Sol görsel alan yapısı değişmez — yalnızca body zemin */

html[data-theme="dark"] body:has(.auth-container) {
    background-color: var(--omni-bg-dark) !important;
}

/* —— POS / Hızlı Satış —— */

html[data-theme="dark"] .page-wrapper:has(#posAppRoot) {
    background: var(--omni-bg-dark) !important;
}

html[data-theme="dark"] #posAppRoot {
    color: var(--omni-text-dark);
}

html[data-theme="dark"] .pos-mobile-tabs {
    background: var(--omni-surface-dark) !important;
    border-color: var(--omni-border-dark) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .pos-tab-btn {
    color: var(--omni-muted-dark) !important;
}

html[data-theme="dark"] .pos-tab-btn.active {
    background: linear-gradient(145deg, #139243, #0f7d3a) !important;
    color: #fff !important;
}

html[data-theme="dark"] .pos-topbar {
    background: var(--omni-surface-dark) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.35) !important;
}

html[data-theme="dark"] .pos-search-box,
html[data-theme="dark"] .pos-middle,
html[data-theme="dark"] .pos-customer-card,
html[data-theme="dark"] .pos-numpad {
    background: var(--omni-card-dark) !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.18) !important;
}

html[data-theme="dark"] .pos-search-box label,
html[data-theme="dark"] .pos-customer-card-label,
html[data-theme="dark"] .pos-customer-card-meta,
html[data-theme="dark"] .pos-customer-card-meta span,
html[data-theme="dark"] .pos-product-card .stock,
html[data-theme="dark"] .pos-product-card .text-muted,
html[data-theme="dark"] .pos-cart-footer .totals-row {
    color: var(--omni-muted-dark) !important;
}

html[data-theme="dark"] .pos-search-box input,
html[data-theme="dark"] .pos-barcode-input {
    background: var(--omni-input-dark) !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .pos-search-box input::placeholder,
html[data-theme="dark"] .pos-barcode-input::placeholder {
    color: #9298a1 !important;
}

html[data-theme="dark"] .pos-categories .btn-cat {
    background: var(--omni-card-dark) !important;
    border-color: var(--omni-border-dark) !important;
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .pos-categories .btn-cat:hover {
    background: #42454b !important;
}

html[data-theme="dark"] .pos-categories .btn-cat.active {
    background: var(--omni-accent-soft) !important;
    border-color: var(--omni-accent) !important;
    color: var(--omni-accent) !important;
}

html[data-theme="dark"] .pos-products-grid::-webkit-scrollbar-track,
html[data-theme="dark"] .pos-cart-table::-webkit-scrollbar-track {
    background: #35383d !important;
}

html[data-theme="dark"] .pos-products-grid::-webkit-scrollbar-thumb,
html[data-theme="dark"] .pos-cart-table::-webkit-scrollbar-thumb {
    background: #5f646b !important;
    border-color: #35383d !important;
}

html[data-theme="dark"] .pos-products-grid::-webkit-scrollbar-thumb:hover,
html[data-theme="dark"] .pos-cart-table::-webkit-scrollbar-thumb:hover {
    background: #727880 !important;
}

html[data-theme="dark"] .pos-product-card {
    background: var(--omni-card-dark) !important;
    border-color: var(--omni-border-dark) !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
}

html[data-theme="dark"] .pos-product-card:hover {
    background: #42454b !important;
    border-color: #6a7078 !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .pos-product-card .product-img {
    background: #2f3237 !important;
}

html[data-theme="dark"] .pos-product-card .img-placeholder {
    color: #8d939b !important;
}

html[data-theme="dark"] .pos-product-card .name,
html[data-theme="dark"] .pos-customer-card-name,
html[data-theme="dark"] .pos-customer-card-meta strong {
    color: #ffffff !important;
}

html[data-theme="dark"] .pos-product-card .price,
html[data-theme="dark"] .totals-row.grand-total,
html[data-theme="dark"] #displayCariBalance {
    color: #59c98c !important;
}

html[data-theme="dark"] .pos-cart-header,
html[data-theme="dark"] .btn-hold.h1,
html[data-theme="dark"] .btn-hold.h2,
html[data-theme="dark"] .btn-hold.h3,
html[data-theme="dark"] .btn-hold.h4 {
    background: var(--omni-surface-dark) !important;
    border-color: var(--omni-border-dark) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .btn-hold.active {
    background: linear-gradient(145deg, #139243, #0f7d3a) !important;
    border-color: #0f7d3a !important;
}

html[data-theme="dark"] .pos-barcode-zone {
    background: var(--omni-card-dark) !important;
    border-color: #c96b9d !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25) !important;
}

html[data-theme="dark"] .pos-barcode-icon {
    background: linear-gradient(145deg, #c24782, #9f3167) !important;
}

html[data-theme="dark"] .table-pos th {
    background: var(--omni-surface-dark) !important;
    color: var(--omni-muted-dark) !important;
    border-bottom-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .table-pos td {
    background: var(--omni-card-dark) !important;
    color: var(--omni-text-dark) !important;
    border-bottom-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .qty-btn {
    background: #42454b !important;
    border-color: var(--omni-border-dark) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .qty-btn:active {
    background: #50545b !important;
}

html[data-theme="dark"] .pos-cart-footer {
    background: var(--omni-surface-dark) !important;
    border-top-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .pos-customer-card.retail,
html[data-theme="dark"] .pos-customer-card.selected-customer {
    background: var(--omni-card-dark) !important;
}

html[data-theme="dark"] .pos-customer-card.retail {
    border-color: #59c98c !important;
}

html[data-theme="dark"] .pos-customer-card.selected-customer {
    border-color: var(--omni-accent) !important;
}

html[data-theme="dark"] .pos-customer-card-badge {
    background: #234333 !important;
    color: #d5f5e2 !important;
}

html[data-theme="dark"] .pos-customer-card.selected-customer .pos-customer-card-badge {
    background: #4e4027 !important;
    color: #ffd79e !important;
}

html[data-theme="dark"] .btn-pos-quick {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22) !important;
}

html[data-theme="dark"] .pos-numpad {
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .num-btn {
    background: #42454b !important;
    border-color: var(--omni-border-dark) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .num-btn:hover {
    background: #4d5158 !important;
}

html[data-theme="dark"] .num-btn:active {
    background: #575c64 !important;
}

html[data-theme="dark"] .num-btn.special {
    background: #3d4046 !important;
}

html[data-theme="dark"] .btn-payment {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] .btn-payment.invoice {
    background: linear-gradient(145deg, #4a4d52, #36393e) !important;
}

html[data-theme="dark"] .cpm-header,
html[data-theme="dark"] .cpm-body,
html[data-theme="dark"] .cpm-footer,
html[data-theme="dark"] .cpm-list,
html[data-theme="dark"] .cpm-search-wrap,
html[data-theme="dark"] .cpm-item {
    background: var(--omni-card-dark) !important;
    color: var(--omni-text-dark) !important;
    border-color: var(--omni-border-dark) !important;
}

html[data-theme="dark"] .cpm-search {
    background: var(--omni-input-dark) !important;
    color: var(--omni-text-dark) !important;
}

html[data-theme="dark"] .cpm-empty,
html[data-theme="dark"] .cpm-item-meta,
html[data-theme="dark"] .cpm-item-sub {
    color: var(--omni-muted-dark) !important;
}

html[data-theme="dark"] .btn-light {
    background: #42454b !important;
    border-color: var(--omni-border-dark) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .btn-link {
    color: #f5c878 !important;
}

html[data-theme="dark"] #posPageLoadingOverlay {
    background: rgba(24, 26, 29, 0.72) !important;
}

html[data-theme="dark"] #posSaleLoadingOverlay {
    background: transparent !important;
}