/* Dark Mode - Світліші тіні */
body.dark-theme {
    --bs-body-bg: #1a1a1d;
    background: #1a1a1d !important;
}



body.dark-theme .dark-mode-label {
    color: #b8b8c0;
}

body.dark-theme .toggle-switch {
    background: #1a1a1d;
    box-shadow: 
        inset 6px 6px 12px rgba(0, 0, 0, 0.5),
        inset -6px -6px 12px rgba(60, 60, 65, 0.3);
}

/* Кнопки навігації */
/* body.dark-theme .button-container {
    background: #1a1a1d;
    box-shadow: 
        -10px -10px 20px rgba(60, 60, 65, 0.4),
        10px 10px 20px rgba(0, 0, 0, 0.5);
} */

body.dark-theme .button-pult button,
body.dark-theme .button-pult a button {
    background: #1a1a1d;
    color: #b8b8c0;
    box-shadow: 
        -6px -6px 12px rgba(60, 60, 65, 0.4),
        6px 6px 12px rgba(0, 0, 0, 0.5);
}

body.dark-theme .button-pult button:hover {
    box-shadow: 
        -4px -4px 8px rgba(60, 60, 65, 0.4),
        4px 4px 8px rgba(0, 0, 0, 0.5);
}

body.dark-theme .button-pult button:active {
    box-shadow: 
        inset 6px 6px 12px rgba(0, 0, 0, 0.6),
        inset -6px -6px 12px rgba(60, 60, 65, 0.3);
}

/* Заголовки */
body.dark-theme h3,
body.dark-theme h4 {
    color: #b8b8c0;
}

/* Картки */
body.dark-theme .card {
    background: #1a1a1d;
    box-shadow: 
        -10px -10px 20px rgba(60, 60, 65, 0.4),
        10px 10px 20px rgba(0, 0, 0, 0.5);
}

body.dark-theme .card h4 {
    color: #b8b8c0;
}

/* Поля форм - вдавлені */
body.dark-theme .card .mb-3 {
    background: #1a1a1d;
    box-shadow: 
        inset 5px 5px 10px rgba(0, 0, 0, 0.5),
        inset -5px -5px 10px rgba(60, 60, 65, 0.3);
}

body.dark-theme .customer-grid .mb-3 {
    background: #1a1a1d;
    box-shadow: 
        inset 5px 5px 10px rgba(0, 0, 0, 0.5),
        inset -5px -5px 10px rgba(60, 60, 65, 0.3);
}

body.dark-theme .customer-grid .full-width {
    box-shadow: 
        -6px -6px 12px rgba(60, 60, 65, 0.4),
        6px 6px 12px rgba(0, 0, 0, 0.5);
}

/* Лейбли */
body.dark-theme footer small {
    color: #6b6b75;
}

/* Editable */
body.dark-theme .editable {
    color: #b8b8c0;
}

body.dark-theme .customer-grid .full-width .editable {
    color: #d4d4dc;
}

body.dark-theme .editable:hover {
    color: #e8e8f0;
}

/* Посилання */
body.dark-theme a {
    color: #9d7bea;
}

body.dark-theme a:hover {
    color: #b99ef5;
}

/* Інпути */
body.dark-theme .form-control {
    background: #1a1a1d;
    color: #b8b8c0;
    box-shadow: 
        inset 5px 5px 10px rgba(0, 0, 0, 0.5),
        inset -5px -5px 10px rgba(60, 60, 65, 0.3);
}

body.dark-theme .form-control:focus {
    box-shadow: 
        inset 6px 6px 12px rgba(0, 0, 0, 0.6),
        inset -6px -6px 12px rgba(60, 60, 65, 0.3);
}

/* Радіо та чекбокси */
body.dark-theme .form-check-input {
    background: #1a1a1d;
    box-shadow: 
        inset 4px 4px 8px rgba(0, 0, 0, 0.5),
        inset -4px -4px 8px rgba(60, 60, 65, 0.3);
}

body.dark-theme .form-check-input:checked {
    background: #8b5cf6;
    box-shadow: 
        -4px -4px 8px rgba(60, 60, 65, 0.4),
        4px 4px 8px rgba(0, 0, 0, 0.5),
        0 0 15px rgba(139, 92, 246, 0.3);
}

/* Картка товарів */
body.dark-theme .product-card {
    background: #1a1a1d;
}

body.dark-theme .product-card .row {
    background: #1a1a1d;
}

body.dark-theme .product-card .full-width {
    box-shadow: 
        -6px -6px 12px rgba(60, 60, 65, 0.4),
        6px 6px 12px rgba(0, 0, 0, 0.5);
}

/* Головна кнопка */
body.dark-theme .button--primary {
    background: #1a1a1d;
    color: #9d7bea;
    box-shadow: 
        -8px -8px 16px rgba(60, 60, 65, 0.4),
        8px 8px 16px rgba(0, 0, 0, 0.5);
}

body.dark-theme .button--primary:hover {
    box-shadow: 
        -6px -6px 12px rgba(60, 60, 65, 0.4),
        6px 6px 12px rgba(0, 0, 0, 0.5);
}

body.dark-theme .button--primary:active {
    box-shadow: 
        inset 6px 6px 12px rgba(0, 0, 0, 0.6),
        inset -6px -6px 12px rgba(60, 60, 65, 0.3);
}

/* HR */
body.dark-theme hr {
    background: linear-gradient(
        to right, 
        transparent, 
        rgba(255, 255, 255, 0.05), 
        transparent
    );
}

/* Текст для копіювання */
body.dark-theme .textToCopy {
    color: #9d7bea;
}

body.dark-theme .textToCopy:hover {
    color: #b99ef5;
}

/* Спеціальні дисплеї */
body.dark-theme #totalAllDisplay {
    color: #4ade80;
}

/* Таблиця */
body.dark-theme #orders {
    background: #1a1a1d;
    box-shadow: 
        -10px -10px 20px rgba(60, 60, 65, 0.4),
        10px 10px 20px rgba(0, 0, 0, 0.5);
}

body.dark-theme .table thead th {
    background: #1a1a1d;
    color: #b8b8c0;
    box-shadow: 
        -4px -4px 8px rgba(60, 60, 65, 0.4),
        4px 4px 8px rgba(0, 0, 0, 0.5);
}

/* body.dark-theme .table tbody tr {
    background: #1a1a1d;
} */

body.dark-theme .table tbody td {
    background: #1a1a1d;
    color: #b8b8c0;
    box-shadow: 
        inset 3px 3px 6px rgba(0, 0, 0, 0.5),
        inset -3px -3px 6px rgba(60, 60, 65, 0.2);
}

body.dark-theme .table tbody tr:hover td {
    box-shadow: 
        inset 4px 4px 8px rgba(0, 0, 0, 0.6),
        inset -4px -4px 8px rgba(60, 60, 65, 0.25);
}

body.dark-theme .table .btn-info {
    background: #1a1a1d;
    color: #9d7bea;
    box-shadow: 
        -4px -4px 8px rgba(60, 60, 65, 0.4),
        4px 4px 8px rgba(0, 0, 0, 0.5);
}

body.dark-theme .table .form-check-input {
    background: #1a1a1d;
    box-shadow: 
        inset 3px 3px 6px rgba(0, 0, 0, 0.5),
        inset -3px -3px 6px rgba(60, 60, 65, 0.3);
}

body.dark-theme .table .form-check-input:checked {
    background: #8b5cf6;
    box-shadow: 
        -3px -3px 6px rgba(60, 60, 65, 0.4),
        3px 3px 6px rgba(0, 0, 0, 0.5),
        0 0 10px rgba(139, 92, 246, 0.3);
}

body.dark-theme .table .status-badge {
    background: #1a1a1d;
    box-shadow: 
        -3px -3px 6px rgba(60, 60, 65, 0.4),
        3px 3px 6px rgba(0, 0, 0, 0.5);
}

/* Мобільні картки */
body.dark-theme .order-card {
    background: #1a1a1d;
    box-shadow: 
        -10px -10px 20px rgba(60, 60, 65, 0.4), 
        10px 10px 20px rgba(0, 0, 0, 0.5);
    /* box-shadow: 
        -10px -10px 20px rgba(255, 255, 255, 0.8), 
        10px 10px 20px rgba(0, 0, 0, 0.15); */
}

body.dark-theme .create-btn {
    background: #1a1a1d;
    color: #9d7bea;
    box-shadow: 
        -6px -6px 12px rgba(60, 60, 65, 0.4),
        6px 6px 12px rgba(0, 0, 0, 0.5);
}

body.dark-theme .order-code {
    color: #d4d4dc;
}

body.dark-theme .order-time {
    color: #6b6b75;
}

body.dark-theme .status-badge {
    background: #1a1a1d;
    box-shadow: 
        -4px -4px 8px rgba(60, 60, 65, 0.4),
        4px 4px 8px rgba(0, 0, 0, 0.5);
}

body.dark-theme .product-tag {
    background: #1a1a1d;
    box-shadow: 
        inset 4px 4px 8px rgba(0, 0, 0, 0.5),
        inset -4px -4px 8px rgba(60, 60, 65, 0.3);
}

body.dark-theme .product-tag-article {
    color: #b8b8c0;
}

body.dark-theme .product-tag-quantity {
    color: #9d7bea;
}

body.dark-theme .stat-box {
    background: #1a1a1d;
    box-shadow: 
        inset 5px 5px 10px rgba(0, 0, 0, 0.5),
        inset -5px -5px 10px rgba(60, 60, 65, 0.3);
}

body.dark-theme .stat-title {
    color: #6b6b75;
}

body.dark-theme .stat-box > div:not(.stat-title),
body.dark-theme .client-name {
    color: #b8b8c0;
}

body.dark-theme .client-phone {
    color: #8b8b95;
}

body.dark-theme .price-big {
    color: #4ade80;
}

body.dark-theme .note-box {
    background: #1a1a1d;
    color: #b8b8c0;
    box-shadow: 
        inset 4px 4px 8px rgba(0, 0, 0, 0.5),
        inset -4px -4px 8px rgba(60, 60, 65, 0.3);
}

body.dark-theme .edit-btn,
body.dark-theme .confirm-btn {
    background: #1a1a1d;
    box-shadow: 
        -4px -4px 8px rgba(60, 60, 65, 0.4),
        4px 4px 8px rgba(0, 0, 0, 0.5);
}

body.dark-theme .edit-btn {
    color: #9d7bea;
}

body.dark-theme .confirm-btn {
    color: #4ade80;
}

body.dark-theme .pagination {
    background: #1a1a1d;
    box-shadow: 
        -10px -10px 20px rgba(60, 60, 65, 0.4),
        10px 10px 20px rgba(0, 0, 0, 0.5);
}

body.dark-theme .pagination li a {
    background: #1a1a1d;
    color: #b8b8c0;
    box-shadow: 
        -4px -4px 8px rgba(60, 60, 65, 0.4),
        4px 4px 8px rgba(0, 0, 0, 0.5);
}

body.dark-theme .pagination li.active a {
    color: #9d7bea;
    box-shadow: 
        inset 4px 4px 8px rgba(0, 0, 0, 0.5),
        inset -4px -4px 8px rgba(60, 60, 65, 0.3);
}

body.dark-theme .order-checkbox .form-check-input {
    background: #1a1a1d;
    box-shadow: 
        inset 4px 4px 8px rgba(0, 0, 0, 0.5),
        inset -4px -4px 8px rgba(60, 60, 65, 0.3);
}

body.dark-theme .order-checkbox .form-check-input:checked {
    background: #8b5cf6;
    box-shadow: 
        -3px -3px 6px rgba(60, 60, 65, 0.4),
        3px 3px 6px rgba(0, 0, 0, 0.5),
        0 0 15px rgba(139, 92, 246, 0.3);
}
/* ==================== DARK MODE - Неоморфізм ==================== */

body.dark-theme {
    background: #1a1a1d;
}


/* Toggle switch */
body.dark-theme .dark-mode-label {
    color: #b8b8c0;
}

body.dark-theme .toggle-switch {
    background: #1a1a1d;
    box-shadow: 
        inset 6px 6px 12px rgba(0, 0, 0, 0.5),
        inset -6px -6px 12px rgba(60, 60, 65, 0.3);
}

/* Кнопки */
/* body.dark-theme .button-container {
    background: #1a1a1d;
    box-shadow: 
        -10px -10px 20px rgba(60, 60, 65, 0.4),
        10px 10px 20px rgba(0, 0, 0, 0.5);
} */

/* body.dark-theme .button-pult {
    background: #1a1a1d;
    color: #b8b8c0;
    box-shadow: 
        -6px -6px 12px rgba(60, 60, 65, 0.4),
        6px 6px 12px rgba(0, 0, 0, 0.5);
} */

/* body.dark-theme .button-pult:hover {
    background: #1a1a1d;
    box-shadow: 
        -4px -4px 8px rgba(60, 60, 65, 0.4),
        4px 4px 8px rgba(0, 0, 0, 0.5);
} */

/* Заголовки */
body.dark-theme h1,
body.dark-theme h2,
body.dark-theme h3,
body.dark-theme h4 {
    color: #b8b8c0;
}

/* Посилання */
body.dark-theme a {
    color: #9d7bea;
}

body.dark-theme a:hover {
    color: #b99ef5;
}

/* Таблиця */
body.dark-theme tr {
    color: #b8b8c0;
}

body.dark-theme #orders {
    background: #1a1a1d;
    box-shadow: 
        -10px -10px 20px rgba(60, 60, 65, 0.4),
        10px 10px 20px rgba(0, 0, 0, 0.5);
}

/* body.dark-theme .table {
    background: #1a1a1d;
} */

body.dark-theme .table thead th {
    background: #171719;
    color: #b8b8c0;
    box-shadow: 
        -4px -4px 8px rgba(60, 60, 65, 0.4),
        4px 4px 8px rgba(0, 0, 0, 0.5);
}

body.dark-theme .table tbody td {
    background: #171719;
    color: #b8b8c0;
    box-shadow: 
        inset 3px 3px 6px rgba(0, 0, 0, 0.5),
        inset -3px -3px 6px rgba(60, 60, 65, 0.2);
}

body.dark-theme .table tbody tr:hover td {
    box-shadow: 
        inset 4px 4px 8px rgba(0, 0, 0, 0.6),
        inset -4px -4px 8px rgba(60, 60, 65, 0.25);
}

/* Картки */
body.dark-theme .card {
    background: #1a1a1d;
    box-shadow: 
        -10px -10px 20px rgba(60, 60, 65, 0.4),
        10px 10px 20px rgba(0, 0, 0, 0.5);
}

/* Форми */
body.dark-theme .form-control,
body.dark-theme select,
body.dark-theme textarea {
    background: #1a1a1d;
    color: #b8b8c0;
    border-color: rgba(60, 60, 65, 0.3);
    box-shadow: 
        inset 5px 5px 10px rgba(0, 0, 0, 0.5),
        inset -5px -5px 10px rgba(60, 60, 65, 0.3);
}

body.dark-theme .form-control:focus {
    box-shadow: 
        inset 6px 6px 12px rgba(0, 0, 0, 0.6),
        inset -6px -6px 12px rgba(60, 60, 65, 0.3);
}

/* Navbar */
body.dark-theme .glass-nav {
    background: rgba(30, 30, 30, 0.4);
    border-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
}

body.dark-theme .navbar-collapse.show {
    background: rgba(30, 30, 30, 0.95);
    border-color: rgba(255, 255, 255, 0.1);
}

body.dark-theme .navbar-nav .nav-link {
    color: #b8b8c0 !important;
}

body.dark-theme .navbar-nav .nav-link:hover {
    background: rgba(60, 60, 65, 0.3);
    color: #d4d4dc !important;
}

/* Select2 */
body.dark-theme .select2-container .select2-selection {
    background: #1a1a1d;
    color: #b8b8c0;
    border-color: rgba(60, 60, 65, 0.3);
    box-shadow: 
        inset 5px 5px 10px rgba(0, 0, 0, 0.5),
        inset -5px -5px 10px rgba(60, 60, 65, 0.3);
}

body.dark-theme .select2-container--open .select2-dropdown {
    background: #1a1a1d;
    border-color: rgba(255, 255, 255, 0.1);
}

/* Status badges темна тема */
body.dark-theme .status-badge {
    opacity: 0.9;
}

/* Мобільні стилі */


body.dark-theme .stat-box {
    background: #1a1a1d;
    box-shadow: 
        inset 5px 5px 10px rgba(0, 0, 0, 0.5),
        inset -5px -5px 10px rgba(60, 60, 65, 0.3);
}

body.dark-theme .product-tag {
    background: #1a1a1d;
    box-shadow: 
        inset 4px 4px 8px rgba(0, 0, 0, 0.5),
        inset -4px -4px 8px rgba(60, 60, 65, 0.3);
}

/* Додати до dark mode стилів */

/* Текст всередині карток */
body.dark-theme .card > div,
body.dark-theme .card p {
    color: #b8b8c0;
}

/* Editable div */
body.dark-theme .editable {
    color: #b8b8c0;
}

body.dark-theme .customer-grid .full-width .editable {
    color: #d4d4dc;
}

/* Всі div всередині mb-3 */
body.dark-theme .mb-3 > div {
    color: #b8b8c0;
}

/* Лейбли footer */
body.dark-theme footer small {
    color: #6b6b75;
}

/* Посилання в картках */
body.dark-theme .card a {
    color: #9d7bea;
}

body.dark-theme .card a:hover {
    color: #b99ef5;
}

/* Текст в display блоках */
body.dark-theme #notesDisplay,
body.dark-theme #paymentDisplay,
body.dark-theme #statusDisplay,
body.dark-theme #deliveryDisplay {
    color: #b8b8c0;
}

body.dark-theme #viewMethod,
body.dark-theme #viewCity,
body.dark-theme #viewAddress,
body.dark-theme #paymentText,
body.dark-theme #paymentStatus {
    color: #b8b8c0;
}

/* Заголовки H4 в картках */
body.dark-theme .card h4 {
    color: #b8b8c0 !important;
}

/* Текст "Немає", "Нема історії" */
body.dark-theme .card > div:not(.mb-3):not(.customer-grid) {
    color: #b8b8c0;
}

/* Span з onclick */
body.dark-theme span[onclick] {
    color: #9d7bea;
}

body.dark-theme span[onclick]:hover {
    color: #b99ef5;
}

/* Specific для AdsressOld */
body.dark-theme #AdsressOld div {
    color: #b8b8c0;
}

/* Для історії та інших текстових полів */
body.dark-theme .card div[data-name] {
    color: #b8b8c0;
}

/* Footer labels - світліші */
body.dark-theme footer small,
body.dark-theme .card footer small,
body.dark-theme .text-muted {
    color: #8b8b95 !important;
}

/* Також для stat-title якщо є */
body.dark-theme .stat-title {
    color: #8b8b95;
}

/* Параграфи в dark mode */
body.dark-theme p {
    color: #b8b8c0;
}

/* Параграфи в картках */
body.dark-theme .card p {
    color: #b8b8c0;
}

/* Параграфи з text-align center */
body.dark-theme p[style*="text-align: center"] {
    color: #b8b8c0;
}