body.dark-theme .form-control.bg-light {
        background-color: #1a1a1d !important;
}
/* 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;
}

/* Login */

/* Login */
body.dark-theme .login-card {
    background: #1a1a1d;
    box-shadow: -6px -6px 12px rgba(60, 60, 65, 0.3), 6px 6px 12px rgba(0, 0, 0, 0.6);
}

body.dark-theme .login-header h1 {
    color: #e0e0e8;
}

body.dark-theme .login-header p {
    color: #8a8a95;
}

body.dark-theme .form-label {
    color: #9a9aa5;
}

body.dark-theme .seo-text {
    background: #222226;
    color: #8a8a95;
}

body.dark-theme .seo-text h2 {
    color: #d4d4dc;
}

body.dark-theme .seo-text li:before {
    color: #17a2b8;
}

/* Autofill override — прибираємо жовтий фон браузера */
body.dark-theme input:-webkit-autofill,
body.dark-theme input:-webkit-autofill:hover,
body.dark-theme input:-webkit-autofill:focus,
body.dark-theme input:-webkit-autofill:active {

    -webkit-text-fill-color: #b8b8c0 !important;
    caret-color: #b8b8c0;
    transition: background-color 5000s ease-in-out 0s;
}

/* Projects list */
body.dark-theme .projects-card {
    background: #1a1a1d;
    box-shadow: -6px -6px 12px rgba(60, 60, 65, 0.3), 6px 6px 12px rgba(0, 0, 0, 0.6);
}

body.dark-theme .projects-header h1 {
    color: #e0e0e8;
}

body.dark-theme .projects-header p {
    color: #8a8a95;
}

body.dark-theme .project-item {
    background: #222226;
    box-shadow: -3px -3px 6px rgba(60, 60, 65, 0.3), 3px 3px 6px rgba(0, 0, 0, 0.5);
}

body.dark-theme .project-name {
    color: #d4d4dc;
}

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

body.dark-theme .btn-project-edit:hover {
    color: #d4d4dc;
}

body.dark-theme .no-projects {
    color: #6b6b75;
}

body.dark-theme .btn-create {
    background: #1a1a1d;
    border-color: #3a3a40;
    color: #6b6b75;
}

body.dark-theme .btn-create:hover {
    border-color: #17a2b8;
    color: #17a2b8;
}

body.dark-theme .user-footer {
    border-top-color: rgba(255, 255, 255, 0.06);
}

body.dark-theme .user-email {
    color: #6b6b75;
}

body.dark-theme .btn-footer-link {
    background: #1a1a1d;
    color: #8a8a95;
    box-shadow: -2px -2px 4px rgba(60, 60, 65, 0.3), 2px 2px 4px rgba(0, 0, 0, 0.5);
}

body.dark-theme .btn-footer-link:hover {
    color: #d4d4dc;
}

/* Пошук в navbar */
body.dark-theme #orderSearchInput {
    color: #b8b8c0 !important;
    background-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark-theme #orderSearchInput::placeholder {
    color: #6b6b75 !important;
}

/* ===== Work Space ===== */
body.dark-theme .workspace-container {
    background: #1a1a1d;
}

body.dark-theme .workspace-title {
    color: #d4d4dc;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

body.dark-theme .section-block {
    background: #1a1a1d;
    box-shadow:
        8px 8px 16px rgba(0, 0, 0, 0.5),
        -8px -8px 16px rgba(60, 60, 65, 0.3);
}

body.dark-theme .section-title {
    color: #d4d4dc;
}

body.dark-theme .section-title i {
    color: #9d7bea;
}

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

body.dark-theme .neo-button:hover {
    box-shadow:
        3px 3px 6px rgba(0, 0, 0, 0.5),
        -3px -3px 6px rgba(60, 60, 65, 0.3);
    color: #9d7bea;
}

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

body.dark-theme .neo-button.success {
    color: #34d399;
}

body.dark-theme .neo-button.warning {
    color: #fbbf24;
}

body.dark-theme .neo-button.danger {
    color: #f87171;
}

/* Monthly Expense Modal */
body.dark-theme .expense-modal-content {
    background: #1a1a1d;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

body.dark-theme .expense-modal-header {
    border-bottom-color: rgba(60, 60, 65, 0.5);
}

body.dark-theme .expense-modal-header h3 {
    color: #d4d4dc;
}

body.dark-theme .close-btn {
    color: #6b6b75;
}

body.dark-theme .close-btn:hover {
    color: #d4d4dc;
}

body.dark-theme .expense-form,
body.dark-theme .expense-list {
    background: #222226;
    border-radius: 15px;
}

body.dark-theme .expense-form h4,
body.dark-theme .expense-list h4 {
    color: #d4d4dc;
}

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

body.dark-theme .form-group input,
body.dark-theme .form-group select,
body.dark-theme .form-group textarea {
    background: #1a1a1d;
    border-color: rgba(60, 60, 65, 0.4);
    color: #b8b8c0;
}

body.dark-theme .form-group input:focus,
body.dark-theme .form-group select:focus,
body.dark-theme .form-group textarea:focus {
    border-color: #9d7bea;
}

body.dark-theme .expense-item {
    background: #1a1a1d;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

body.dark-theme .expense-name {
    color: #d4d4dc;
}

body.dark-theme .expense-details {
    color: #6b6b75;
}

body.dark-theme .expense-amount {
    color: #34d399;
}

/* ===== Update Order page ===== */

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

body.dark-theme .card h3,
body.dark-theme .card h4 {
    color: #9b9ba8;
}

body.dark-theme .card .mb-3,
body.dark-theme .customer-grid .mb-3 {
    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 .customer-grid .full-width {
    box-shadow:
        -6px -6px 12px rgba(60, 60, 65, 0.3),
        6px 6px 12px rgba(0, 0, 0, 0.5);
}

body.dark-theme footer small {
    color: #6b6b75;
}

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

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

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

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

/* "Чек пробито" keep green; "Очікуємо гроші" keep orange */
body.dark-theme .admin-controls-section button[style*="#4caf50"] {
    background: #4caf50 !important;
    color: #fff !important;
}

body.dark-theme .admin-controls-section button[style*="#ff9800"] {
    background: #ff9800 !important;
    color: #fff !important;
}

/* Customer action buttons: VIP, Негатив, + */
body.dark-theme #btnCustVip,
body.dark-theme #btnCustNeg,
body.dark-theme .add-comment-btn {
    background: #1a1a1d !important;
    color: #b8b8c0 !important;
    box-shadow: -4px -4px 8px rgba(60,60,65,0.4), 4px 4px 8px rgba(0,0,0,0.5) !important;
}

/* Customer link buttons (external + order count) */
body.dark-theme a.cust-link-btn {
    background: #1a1a1d !important;
    color: #b8b8c0 !important;
    box-shadow: -4px -4px 8px rgba(60,60,65,0.4), 4px 4px 8px rgba(0,0,0,0.5) !important;
}

body.dark-theme a.cust-link-btn:hover {
    color: #d4d4dc !important;
    text-decoration: none;
}

/* Comment block */
body.dark-theme #custCommentBlock {
    box-shadow: inset 3px 3px 7px rgba(0,0,0,0.5), inset -3px -3px 7px rgba(60,60,65,0.3) !important;
}

body.dark-theme #custCommentDisplay {
    color: #b8b8c0 !important;
}

body.dark-theme #custCommentText {
    color: #b8b8c0 !important;
}

/* "Змінити" / "Видалити" product links */
body.dark-theme .ChangeProductOldItem,
body.dark-theme .removeButton {
    color: #9d7bea !important;
}

/* "Змінити адресу" / "Копіювати" */
body.dark-theme #ChangeAddress,
body.dark-theme .btn-link {
    color: #9d7bea !important;
}

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

/* History */
body.dark-theme .history-content {
    color: #b8b8c0;
}

/* Payment / delivery display */
body.dark-theme #paymentText,
body.dark-theme #paymentStatus,
body.dark-theme #viewMethod,
body.dark-theme #viewCity,
body.dark-theme #viewAddress,
body.dark-theme #notesDisplay {
    color: #b8b8c0;
}

body.dark-theme #totalAllDisplay {
    color: #34d399;
}

/* Submit button */
body.dark-theme .button--primary {
    background: #1a1a1d;
    color: #c4a05a;
    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);
}

/* textToCopy */
body.dark-theme .textToCopy {
    color: #c4a05a;
}

/* Ajax select */
body.dark-theme .ajax-select-wrapper,
body.dark-theme .ajax-select-trigger {
    background: #1a1a1d;
    color: #b8b8c0;
}

body.dark-theme .ajax-select-trigger {
    box-shadow:
        -6px -6px 12px rgba(60, 60, 65, 0.4),
        6px 6px 12px rgba(0, 0, 0, 0.5);
    color: #b8b8c0;
}

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

body.dark-theme .ajax-select-search {
    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 .ajax-select-options li {
    background: #1a1a1d;
    color: #b8b8c0;
}

body.dark-theme .ajax-select-options li:hover {
    box-shadow:
        inset 3px 3px 6px rgba(0, 0, 0, 0.5),
        inset -3px -3px 6px rgba(60, 60, 65, 0.3);
}

/* History modal */
body.dark-theme #addHistoryModal .modal-content {
    background: #1a1a1d;
}

body.dark-theme #addHistoryModal .modal-header {
    border-bottom-color: rgba(60, 60, 65, 0.4);
}

body.dark-theme #addHistoryModal .modal-title {
    color: #d4d4dc;
}

body.dark-theme #addHistoryModal .modal-body textarea {
    background: #222226;
    color: #b8b8c0;
    border-color: rgba(60, 60, 65, 0.4);
}

/* Status change modal */
body.dark-theme #statusModal .modal-content {
    background: #1a1a1d;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6);
}

body.dark-theme #statusModal .modal-header {
    border-bottom-color: rgba(60, 60, 65, 0.4);
}

body.dark-theme #statusModal .modal-title {
    color: #d4d4dc;
}

body.dark-theme .status-option {
    background: #222226;
    border-color: rgba(60, 60, 65, 0.4);
    color: #b8b8c0;
}

body.dark-theme .status-option:hover {
    background: #2a2a2e;
    border-color: #9d7bea;
    box-shadow: 0 4px 12px rgba(157, 123, 234, 0.2);
}