.sidebar .sidebar-menu > ul > li.submenu-open ul li a span, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a span {    
    color: #000000 !important;
}
.sidebar .sidebar-menu > ul > li.submenu-open ul li a i, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a i {
    color: #000000;
}
.sidebar .sidebar-menu .submenu-open .submenu ul li a, .settings-sidebar .sidebar-menu .submenu-open .submenu ul li a {
    color: #000000;
    
}

[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu-open ul li a span, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a span {    
    color: #ffffff !important;
}
[data-theme=dark] .sidebar .sidebar-menu > ul > li.submenu-open ul li a i, .settings-sidebar .sidebar-menu > ul > li.submenu-open ul li a i {
    color: #ffffff;
}
[data-theme=dark] .sidebar .sidebar-menu .submenu-open .submenu ul li a, .settings-sidebar .sidebar-menu .submenu-open .submenu ul li a {
    color: #ffffff;
    
}
[data-theme=dark] a.support-link {
    color: #F44336;
}

[data-theme=dark] p.support-message {
    color: #000000;
}
.form-control {
    border-color: #dddddd;
}

.form-check-input[type=radio] {
    border: 1px solid #797979;
}
.form-check-input[type=checkbox] {
    border: 1px solid #797979;
}
.table thead tr th {
    color: #000000;
}
td.text-left,td.text-right,th.text-right,th.text-left,td.text-start {
    font-size: 12px!important;
}

.details-table th, .details-table td {
    font-size: 12px!important;
}

.form-control:disabled, .form-select:disabled {
    background-color: #00000017;
}
.form-control:read-only, .form-select:read-only {
    background-color: #00000017;
}
.card {
    margin-bottom: 3px;
    background-color: #f7f7f7;
    border: 1px solid #d1d1d1;
}
body {
    color: #000000;
    background-color: #f1f1f1;
}
/*.table tbody tr td {
    color: #000000;
}
.form-label {
    color: #000000 !important;
}*/
.accordion-body {
    padding: 12px !important;
}
.page-header {
    margin-bottom: 8px;
}
.hover-zoom {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

    .hover-zoom:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 40px rgba(0, 123, 255, 0.15);
    }

.slimScrollBar {
    background: rgb(254 157 67) !important;
}



#invoiceOverlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.25);
    z-index: 9998;
}

#invoicePopup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 95%;
    height: 90%;
    background: #fff;
    border: 1px solid #444;
    padding: 0;
    overflow: auto;
    z-index: 9999;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    border-radius: 8px;
    scrollbar-width: auto;
    scrollbar-color: #fe9f43 #f1f1f1;
}

.table-responsive {
    scrollbar-width: auto;
    scrollbar-color: #fe9f43 #f1f1f1;
}

.invoice-header {
    position: sticky;
    top: 0;
    background: #fff;
    padding: 10px 15px;
    text-align: right;
    border-bottom: 1px solid #ccc;
    z-index: 10;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

#employeeSearchPanelBody tr,
#itemSearchPanelBody tr,
#itemSearchPanelBodyScan tr,
#serialSearchPanelBody tr,
#clientSearchPanelBody tr,
#serverSearchPanelBody tr {
    cursor: pointer;
    transition: background-color 0.2s ease;
}

    #employeeSearchPanelBody tr:hover,
    #itemSearchPanelBody tr:hover,
    #itemSearchPanelBodyScan tr:hover,
    #serialSearchPanelBody tr:hover,
    #clientSearchPanelBody tr:hover,
    #serverSearchPanelBody tr:hover {
        background-color: #d0e5ff !important;
    }

    #employeeSearchPanelBody tr.table-active,
    #employeeSearchPanelBody tr.table-active td,
    #serialSearchPanelBody tr.table-active,
    #serialSearchPanelBody tr.table-active td,
    #itemSearchPanelBody tr.table-active,
    #itemSearchPanelBody tr.table-active td,
    #itemSearchPanelBodyScan tr.table-active,
    #itemSearchPanelBodyScan tr.table-active td,
    #clientSearchPanelBody tr.table-active,
    #clientSearchPanelBody tr.table-active td,
    #serverSearchPanelBody tr.table-active td {
        background-color: #fe9f43 !important;
        color: #fff !important;
    }

    #employeeSearchPanelBody tr:focus,
    #serialSearchPanelBody tr:focus,
    #itemSearchPanelBody tr:focus,
    #itemSearchPanelBodyScan tr:focus,
    #clientSearchPanelBody tr:focus,
    #serverSearchPanelBody tr:focus {
        outline: 2px solid #3f6791;
    }




.search-panel {
    max-height: 200px;
    display: none;
    position: absolute;
    z-index: 999;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: 3px;
    border: 1px solid #ccc;
    overflow: auto;
    border-radius: 5px;
    background-color: #f8f9fa;
    scrollbar-width: auto;
    scrollbar-color: #fe9f43 #f1f1f1;
}

.table-active {
    background-color: #d1ecf1;
}



/*
    print page button style 
*/
.action-btn {
    color: white;
    border: none;
    padding: 8px 15px;
    margin-left: 5px;
    font-size: 14px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

#btnExport {
    background-color: #4CAF50;
}

    #btnExport:hover {
        background-color: #45a049;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }

#btnWhatsapp {
    background: #24c72b!important;
}

#btnPrintInvoice {
    background-color: #007bff;
}

    #btnPrintInvoice:hover {
        background-color: #0069d9;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }

.pdf-btn {
    background-color: #007bff;
}

    .pdf-btn:hover {
        background-color: #0069d9;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }

.close-btn {
    background-color: #f44336;
}

    .close-btn:hover {
        background-color: #d32f2f;
        box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    }



/*ticketchatbox*/

/*#chatContainer::-webkit-scrollbar {
        width: 6px;
    }

    #chatContainer::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 5px;
    }

    textarea:focus {
        border-color: #3f6791;
        box-shadow: 0 0 0 0.2rem rgba(63, 103, 145, 0.25);
    }*/

.supplier-profile-card {
    background: #fff;
    border: 1px solid #e6edf5;
    transition: all 0.3s ease-in-out;
}

    .supplier-profile-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 6px 15px rgba(0,0,0,0.1);
    }

.profile-img img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    background: #fff;
}

.supplier-profile-card ul li {
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
}

/* Feather icon sizing */
.feather-sm {
    width: 16px;
    height: 16px;
}

.scrollable-table {
    max-height: 350px; /* fixed height for scroll */
    overflow-y: auto;
}

    .scrollable-table thead th {
        position: sticky;
        top: 0;
        background: #f8f9fa; /* header stays visible */
        z-index: 2;
    }

tbody, td, tfoot, th, thead, tr {
    background: #fff;
}
.clear-icon-btn {
        background: linear-gradient(135deg, #ff416c, #ff4b2b);
        border: none;
        color: #fff;
        padding: 4px 10px;
        border-radius: 6px;
        cursor: pointer;
        transition: 0.25s ease-in-out;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .clear-icon-btn:hover {
            background: linear-gradient(135deg, #ff2e63, #ff5722);
            transform: scale(1.05);
        }

        .clear-icon-btn i {
            width: 16px;
            height: 16px;
        }


/* ==========================================================================
   DARK MODE OVERRIDES — [data-theme=dark]
   Fixes hardcoded light colors in iStyle.css that break the dark theme.
   Uses the same color palette as style.css dark mode for consistency.
   ========================================================================== */

[data-theme=dark] body {
    color: #D8DFEE;
    background-color: #0D0D0D;
}

/* --- Cards & Containers --- */
[data-theme=dark] .card {
    background-color: #0D0D0D;
    border-color: #1F2228;
}

/* --- Tables (critical fix — removes forced white bg on ALL cells) --- */
[data-theme=dark] tbody,
[data-theme=dark] td,
[data-theme=dark] tfoot,
[data-theme=dark] th,
[data-theme=dark] thead,
[data-theme=dark] tr {
    background: #0D0D0D;
    color: #D8DFEE;
}

[data-theme=dark] .table thead tr th {
    color: #D8DFEE;
    background: #181818;
    border-color: #1F2228;
}

[data-theme=dark] .table tbody tr:hover td {
    background: #1a1f2b;
}

[data-theme=dark] .table-active {
    background-color: #1a2332 !important;
}

[data-theme=dark] .details-table th,
[data-theme=dark] .details-table td {
    color: #D8DFEE;
    border-color: #1F2228;
}

[data-theme=dark] .scrollable-table thead th {
    background: #181818;
    color: #D8DFEE;
}

/* --- Forms: disabled & read-only --- */
[data-theme=dark] .form-control:disabled,
[data-theme=dark] .form-select:disabled {
    background-color: rgba(255, 255, 255, 0.06);
    color: #8a8fa5;
}

[data-theme=dark] .form-control:read-only,
[data-theme=dark] .form-select:read-only {
    background-color: rgba(255, 255, 255, 0.06);
    color: #8a8fa5;
}

[data-theme=dark] .form-check-input[type=radio],
[data-theme=dark] .form-check-input[type=checkbox] {
    border-color: #4D555E;
    background-color: #212B36;
}

/* --- Search Panels & Dropdowns --- */
[data-theme=dark] .search-panel {
    background-color: #212B36;
    border-color: #1F2228;
    scrollbar-color: #fe9f43 #1a1a1a;
}

[data-theme=dark] #employeeSearchPanelBody tr:hover,
[data-theme=dark] #itemSearchPanelBody tr:hover,
[data-theme=dark] #itemSearchPanelBodyScan tr:hover,
[data-theme=dark] #serialSearchPanelBody tr:hover,
[data-theme=dark] #clientSearchPanelBody tr:hover,
[data-theme=dark] #serverSearchPanelBody tr:hover {
    background-color: #1a2332 !important;
}

/* --- Invoice Popup --- */
[data-theme=dark] #invoicePopup {
    background: #0D0D0D;
    border-color: #1F2228;
    scrollbar-color: #fe9f43 #1a1a1a;
}

[data-theme=dark] .invoice-header {
    background: #181818;
    border-bottom-color: #1F2228;
    color: #D8DFEE;
}

[data-theme=dark] .table-responsive {
    scrollbar-color: #fe9f43 #1a1a1a;
}

/* --- Supplier Profile Card --- */
[data-theme=dark] .supplier-profile-card {
    background: #0D0D0D;
    border-color: #1F2228;
}

[data-theme=dark] .supplier-profile-card ul li {
    color: #D8DFEE;
}

[data-theme=dark] .profile-img img {
    background: #181818;
}

/* --- Support Message (was #000 on dark) --- */
[data-theme=dark] p.support-message {
    color: #D8DFEE;
}

/* --- Hover Zoom cards --- */
[data-theme=dark] .hover-zoom:hover {
    box-shadow: 0 20px 40px rgba(254, 159, 67, 0.12);
}

/* --- Accordion --- */
[data-theme=dark] .accordion-body {
    background: #0D0D0D;
    color: #D8DFEE;
}

/* --- Bootstrap utility overrides (global) --- */
[data-theme=dark] .text-black {
    color: #D8DFEE !important;
}

[data-theme=dark] .text-dark {
    color: #D8DFEE !important;
}

[data-theme=dark] .text-muted {
    color: #8a8fa5 !important;
}

/* --- Card header bg-secondary fix (report panels) --- */
[data-theme=dark] .card-header.bg-secondary {
    background-color: #1a1a28 !important;
    border-bottom-color: #2a2a3a;
}

/* --- Login / Register Pages (bg-light, login-page) --- */
[data-theme=dark] .bg-light {
    background-color: #0D0D0D !important;
}

[data-theme=dark] .login-page {
    background-color: #0D0D0D;
}

[data-theme=dark] .login-page .card {
    background-color: #181820 !important;
    border-color: #2a2a3a !important;
}

[data-theme=dark] .login-page .card h4,
[data-theme=dark] .login-page .card .form-label {
    color: #D8DFEE;
}

[data-theme=dark] .login-page .card .form-check-label {
    color: #D8DFEE;
}

[data-theme=dark] .login-page .help-box.bg-light {
    background-color: #1a1a28 !important;
    border-color: #2a2a3a !important;
    color: #D8DFEE;
}

[data-theme=dark] .login-page .help-box p,
[data-theme=dark] .login-page .help-box a {
    color: #D8DFEE;
}

[data-theme=dark] .login-page .login-hints,
[data-theme=dark] .login-page .login-hints li {
    color: #D8DFEE;
}

[data-theme=dark] .login-page hr {
    border-color: #2a2a3a;
}

/* --- Admin Dashboard (iSoftadminLayout) Dark Mode --- */
[data-theme=dark] .custom-card.bg-white {
    background: #181820 !important;
    border-color: #2a2a3a !important;
}

[data-theme=dark] .custom-card h6.text-dark {
    color: #D8DFEE !important;
}

[data-theme=dark] .custom-card p.text-muted {
    color: #8a8fa5 !important;
}

[data-theme=dark] .copyright-footer.bg-white {
    background: #181820 !important;
    border-top-color: #2a2a3a !important;
}

[data-theme=dark] .copyright-footer p {
    color: #8a8fa5 !important;
}

[data-theme=dark] .sidebar-profile.bg-light {
    background: #1a1a28 !important;
}

[data-theme=dark] .sidebar-profile-info h6 {
    color: #D8DFEE !important;
}

[data-theme=dark] .sidebar-profile-info p {
    color: #8a8fa5 !important;
}

[data-theme=dark] .sidebar-header .btn.bg-light {
    background: #1a1a28 !important;
    border-color: #2a2a3a !important;
}

[data-theme=dark] .stylish-search {
    background: #1a1a28 !important;
    border-color: #2a2a3a !important;
}

[data-theme=dark] .search-input-box {
    background: #1a1a28 !important;
    color: #D8DFEE !important;
}

[data-theme=dark] .search-icon {
    color: #8a8fa5 !important;
}

[data-theme=dark] .search-results-panel {
    background: #181820 !important;
    border-color: #2a2a3a !important;
}

[data-theme=dark] .search-table thead {
    background-color: #1a1a28 !important;
}

[data-theme=dark] .search-table th {
    color: #D8DFEE !important;
    border-bottom-color: #2a2a3a !important;
}

[data-theme=dark] .search-table td {
    color: #b0b5c5 !important;
    border-bottom-color: #2a2a3a !important;
}

[data-theme=dark] .search-row:hover {
    background-color: #1f1f2e !important;
}

[data-theme=dark] .table.dataTable tbody tr {
    background-color: #181820 !important;
}

[data-theme=dark] table.dataTable tbody td {
    border-bottom-color: #2a2a3a !important;
}

[data-theme=dark] table.dataTable thead th {
    border-bottom-color: #2a2a3a !important;
}

[data-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button {
    background: #181820 !important;
    border-color: #2a2a3a !important;
}

[data-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: #1f1f2e !important;
}

[data-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button.current,
[data-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: #fe9f43 !important;
    color: #fff !important;
}

[data-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: #1a1a28 !important;
    color: #6b7080 !important;
    border-color: #2a2a3a !important;
}

[data-theme=dark] .link-item:hover {
    background: #1f1f2e !important;
}

/* --- Scrollbar global --- */
[data-theme=dark] ::-webkit-scrollbar {
    background: #1a1a1a;
}
[data-theme=dark] ::-webkit-scrollbar-thumb {
    background: #fe9f43;
    border-radius: 4px;
}
[data-theme=dark] ::-webkit-scrollbar-track {
    background: #1a1a1a;
}


@media print {
    .invoice-container {
        max-width: 100% !important;
        min-width: auto !important;
        zoom: 0.9; /* slightly shrink to fit A4 */
    }

    .text-left {
        text-align: left !important;
    }

    .text-right {
        text-align: right !important;
    }

    .text-center {
        text-align: center !important;
    }

    .text-start {
        text-align: left !important;
    }

    .text-end {
        text-align: right !important;
    }

    .text-center {
        text-align: center !important;
    }
}