/* ================================================
   THEME SYSTEM - Light & Dark Mode
   ================================================ */

/* CSS Variables for Light Theme (Default) */
:root {
    /* Background colors */
    --bg-primary: #dbdbdb;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-input: #f6f8fa;
    --bg-hover: #f0f0f0;
    --bg-header: #e90000;
    --bg-footer: #e90000;
    
    /* Text colors */
    --text-primary: #222222;
    --text-secondary: #333333;
    --text-muted: #666666;
    --text-light: #888888;
    --text-on-primary: #ffffff;
    
    /* Border colors */
    --border-color: #e0e0e0;
    --border-light: #f0f0f0;
    
    /* Accent colors */
    --accent-primary: #e90000;
    --accent-secondary: #00c292;
    --accent-success: #4caf50;
    --accent-warning: #ffc107;
    --accent-danger: #f44336;
    --accent-info: #2196f3;
    
    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    
    /* Transitions */
    --theme-transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

/* Dark Theme - Softer, readable palette */
[data-theme="dark"] {
    --bg-primary: #1a1d24;
    --bg-secondary: #22262f;
    --bg-card: #2a2f3a;
    --bg-input: #333945;
    --bg-hover: #3c4250;
    --bg-header: #b71c1c;
    --bg-footer: #b71c1c;
    
    --text-primary: #f5f5f5;
    --text-secondary: #e0e0e0;
    --text-muted: #a0a0a0;
    --text-light: #808080;
    --text-on-primary: #ffffff;
    
    --border-color: #404552;
    --border-light: #363b47;
    
    --accent-primary: #ef5350;
    --accent-secondary: #4db6ac;
    --accent-success: #81c784;
    --accent-warning: #ffd54f;
    --accent-danger: #e57373;
    --accent-info: #64b5f6;
    
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);
}

/* ================================================
   DARK MODE - FORCE ALL TEXT TO BE LIGHT
   ================================================ */

[data-theme="dark"],
[data-theme="dark"] body {
    background-color: var(--bg-primary) !important;
    color: #f5f5f5 !important;
}

/* Force ALL text elements to be light in dark mode */
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6,
[data-theme="dark"] p,
[data-theme="dark"] span,
[data-theme="dark"] a,
[data-theme="dark"] label,
[data-theme="dark"] td,
[data-theme="dark"] th,
[data-theme="dark"] li,
[data-theme="dark"] div,
[data-theme="dark"] strong,
[data-theme="dark"] b,
[data-theme="dark"] i,
[data-theme="dark"] em,
[data-theme="dark"] small {
    color: #f0f0f0 !important;
}

/* Links - keep default/inherit color, don't force blue */
[data-theme="dark"] a {
    color: inherit;
}

[data-theme="dark"] a:hover {
    color: #ef5350 !important;
}

/* Muted text */
[data-theme="dark"] .text-muted,
[data-theme="dark"] small,
[data-theme="dark"] .small {
    color: #a0a0a0 !important;
}

/* ================================================
   DARK MODE - SPECIFIC PAGE ELEMENTS
   ================================================ */

/* User greeting/promo area */
[data-theme="dark"] .user-name,
[data-theme="dark"] .promotion-title,
[data-theme="dark"] .promotion-header,
[data-theme="dark"] .promotion-header *,
[data-theme="dark"] #welcome-signal,
[data-theme="dark"] .breadcomb-ctn,
[data-theme="dark"] .breadcomb-ctn *,
[data-theme="dark"] .content p,
[data-theme="dark"] .breadcomb-ctn p {
    color: #f0f0f0 !important;
}

/* Specific icon colors in promo header */
[data-theme="dark"] .promotion-header i {
    color: #ef5350 !important;
}

/* Breadcrumb/greeting card area - clean dark styling without excessive borders */
[data-theme="dark"] .breadcomb-list,
[data-theme="dark"] .container-custom .breadcomb-list,
html[data-theme="dark"] .breadcomb-list {
    background: #2a2f3a !important;
    background-color: #2a2f3a !important;
    border: none !important;
    box-shadow: var(--shadow-md) !important;
}

/* Remove borders from inner elements of greeting card (except buttons) */
[data-theme="dark"] .breadcomb-wp-custom,
[data-theme="dark"] .promotion-header,
[data-theme="dark"] .breadcomb-ctn,
[data-theme="dark"] .user-actions {
    border: none !important;
    background-color: transparent !important;
}

/* Keep button styling intact */
[data-theme="dark"] .button-custom,
[data-theme="dark"] a.button-custom,
[data-theme="dark"] .breadcomb-list .button-custom,
[data-theme="dark"] .breadcomb-list a.button-custom {
    background-color: #1976d2 !important;
    background: #1976d2 !important;
    border: none !important;
    color: #fff !important;
}

[data-theme="dark"] .button-custom:hover,
[data-theme="dark"] a.button-custom:hover {
    background-color: #1565c0 !important;
    background: #1565c0 !important;
}

/* Remove borders from menu items */
[data-theme="dark"] .notika-menu-wrap,
[data-theme="dark"] .notika-menu-wrap li,
[data-theme="dark"] .notika-menu-wrap li a,
[data-theme="dark"] ul.notika-menu-wrap,
[data-theme="dark"] ul.notika-menu-wrap li,
[data-theme="dark"] ul.notika-menu-wrap li a,
[data-theme="dark"] .nav-tabs.notika-menu-wrap,
[data-theme="dark"] .nav-tabs.notika-menu-wrap li,
[data-theme="dark"] .nav-tabs.notika-menu-wrap li a {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Menu items text */
[data-theme="dark"] .notika-menu-wrap li,
[data-theme="dark"] .notika-menu-wrap li span,
[data-theme="dark"] .notika-menu-wrap li i {
    color: #e0e0e0 !important;
}

/* Fix menu container overflow - applies to both light and dark */
.user-actions {
    overflow: hidden !important;
}

.user-actions .notika-menu-wrap,
.user-actions ul.notika-menu-wrap {
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure menu stays within container */
.breadcomb-list {
    overflow: hidden !important;
}

.breadcomb-ctn {
    overflow: visible !important;
}

/* Sidebar/Add car panel */
[data-theme="dark"] .add-machine-panel,
[data-theme="dark"] .add-machine-panel * {
    color: #f0f0f0 !important;
}

/* ================================================
   DARK MODE - BACKGROUNDS
   ================================================ */

/* Main body/page background */
[data-theme="dark"] {
    background-color: #1a1d24 !important;
}

/* Header stays red but darker */
[data-theme="dark"] .header-top-area,
[data-theme="dark"] .footer-copyright-area {
    background: #b71c1c !important;
}

/* All card/panel backgrounds */
[data-theme="dark"] .sale-statistic-inner,
[data-theme="dark"] .statistic-right-area,
[data-theme="dark"] .email-statis-inner,
[data-theme="dark"] .recent-post-wrapper,
[data-theme="dark"] .blog-inner-list,
[data-theme="dark"] .realtime-wrap,
[data-theme="dark"] .add-todo-list,
[data-theme="dark"] .notika-chat-list,
[data-theme="dark"] .recent-signup-inner,
[data-theme="dark"] .ongoing-task-inner,
[data-theme="dark"] .contact-inner,
[data-theme="dark"] .contact-form,
[data-theme="dark"] .widget-tabs-int,
[data-theme="dark"] .visitor-sv-tm-int,
[data-theme="dark"] .search-engine-int,
[data-theme="dark"] .alert-inner,
[data-theme="dark"] .color-wrap,
[data-theme="dark"] .wizard-wrap-int,
[data-theme="dark"] .dropdown-list,
[data-theme="dark"] .modals-list,
[data-theme="dark"] .accordion-wn-wp,
[data-theme="dark"] .tooltips-inner,
[data-theme="dark"] .popovers-list,
[data-theme="dark"] .typography-list,
[data-theme="dark"] .typography-heading,
[data-theme="dark"] .typography-inline-pro,
[data-theme="dark"] .tpgp-helper,
[data-theme="dark"] .contact-list,
[data-theme="dark"] .inbox-left-sd,
[data-theme="dark"] .inbox-text-list,
[data-theme="dark"] .view-mail-list,
[data-theme="dark"] .normal-table-list,
[data-theme="dark"] .data-table-list,
[data-theme="dark"] .form-element-list,
[data-theme="dark"] .range-slider-wrap,
[data-theme="dark"] .datepicker-int,
[data-theme="dark"] .colorpicker-int,
[data-theme="dark"] .summernote-wrap,
[data-theme="dark"] .dropdone-nk,
[data-theme="dark"] .form-example-wrap,
[data-theme="dark"] .invoice-wrap,
[data-theme="dark"] .google-map-single,
[data-theme="dark"] .data-map-single,
[data-theme="dark"] .image-cropper-wp,
[data-theme="dark"] .nk-cd-ed-wp,
[data-theme="dark"] .bar-chart-wp,
[data-theme="dark"] .line-chart-wp,
[data-theme="dark"] .area-chart-wp,
[data-theme="dark"] .flot-chart-wp,
[data-theme="dark"] .wb-traffic-inner,
[data-theme="dark"] .notika-icon-int,
[data-theme="dark"] .panel,
[data-theme="dark"] .panel-default,
[data-theme="dark"] .panel-body,
[data-theme="dark"] .well,
[data-theme="dark"] .card,
[data-theme="dark"] .notika-menu-wrap {
    background: #2a2f3a !important;
    border: 1px solid #404552 !important;
}

/* ================================================
   DARK MODE - FORMS & INPUTS
   ================================================ */

[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="number"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] input[type="date"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] textarea,
[data-theme="dark"] select,
[data-theme="dark"] .form-control {
    background-color: #333945 !important;
    color: #f5f5f5 !important;
    border: 1px solid #404552 !important;
}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
    color: #888 !important;
}

/* ================================================
   DARK MODE - TABLES
   ================================================ */

[data-theme="dark"] .table,
[data-theme="dark"] table {
    background: #2a2f3a !important;
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table td,
[data-theme="dark"] table th,
[data-theme="dark"] table td {
    color: #f0f0f0 !important;
    border-color: #404552 !important;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #333945 !important;
}

[data-theme="dark"] .table-hover > tbody > tr:hover {
    background-color: #3c4250 !important;
}

/* ================================================
   DARK MODE - BUTTONS
   ================================================ */

[data-theme="dark"] .btn-default {
    background-color: #3c4250 !important;
    color: #f5f5f5 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .btn-default:hover {
    background-color: #4a5060 !important;
}

/* ================================================
   DARK MODE - MODALS & DROPDOWNS
   ================================================ */

[data-theme="dark"] .modal-content {
    background-color: #2a2f3a !important;
    border-color: #404552 !important;
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
    border-color: #404552 !important;
}

[data-theme="dark"] .dropdown-menu {
    background-color: #2a2f3a !important;
    border-color: #404552 !important;
}

[data-theme="dark"] .dropdown-menu > li > a {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .dropdown-menu > li > a:hover {
    background-color: #3c4250 !important;
}

/* ================================================
   DARK MODE - NAVIGATION
   ================================================ */

[data-theme="dark"] .notika-menu-wrap li a {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .notika-menu-wrap li a:hover,
[data-theme="dark"] .notika-menu-wrap li.active a {
    background: #ef5350 !important;
    color: #ffffff !important;
}

/* Nav tabs */
[data-theme="dark"] .nav-tabs {
    border-color: #404552 !important;
}

[data-theme="dark"] .nav-tabs > li > a {
    color: #e0e0e0 !important;
    background-color: #333945 !important;
    border-color: #404552 !important;
}

[data-theme="dark"] .nav-tabs > li.active > a {
    background-color: #2a2f3a !important;
    border-bottom-color: #2a2f3a !important;
}

/* ================================================
   DARK MODE - ALERTS
   ================================================ */

[data-theme="dark"] .alert-success {
    background-color: rgba(129, 199, 132, 0.2) !important;
    border-color: #81c784 !important;
    color: #a5d6a7 !important;
}

[data-theme="dark"] .alert-warning {
    background-color: rgba(255, 213, 79, 0.2) !important;
    border-color: #ffd54f !important;
    color: #fff176 !important;
}

[data-theme="dark"] .alert-danger {
    background-color: rgba(229, 115, 115, 0.2) !important;
    border-color: #e57373 !important;
    color: #ef9a9a !important;
}

[data-theme="dark"] .alert-info {
    background-color: rgba(100, 181, 246, 0.2) !important;
    border-color: #64b5f6 !important;
    color: #90caf9 !important;
}

/* ================================================
   DARK MODE - SWEETALERT & TOASTR
   ================================================ */

[data-theme="dark"] .swal2-popup {
    background: #2a2f3a !important;
}

[data-theme="dark"] .swal2-title,
[data-theme="dark"] .swal2-html-container {
    color: #f5f5f5 !important;
}

[data-theme="dark"] .swal2-input {
    background: #333945 !important;
    color: #f5f5f5 !important;
    border-color: #404552 !important;
}

/* ================================================
   DARK MODE - SCROLLBAR
   ================================================ */

[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #22262f;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #404552;
    border-radius: 5px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #505664;
}

/* ================================================
   DARK MODE - LOADING OVERLAY
   ================================================ */

[data-theme="dark"] #loading-overlay {
    background: rgba(26, 29, 36, 0.95) !important;
}

/* ================================================
   DARK MODE - WHATSAPP WIDGET (MODERN)
   ================================================ */

[data-theme="dark"] #whatsapp-chat {
    background: #1e2128 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.4), 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

/* Dark mode header */
[data-theme="dark"] .header-chat {
    background: linear-gradient(135deg, #1a3a34 0%, #0d5048 100%) !important;
}

[data-theme="dark"] .header-chat::after {
    background: linear-gradient(90deg, #25d366, #0d5048) !important;
}

[data-theme="dark"] .info-avatar::after {
    border-color: #1a3a34 !important;
}

/* Dark mode chat body */
[data-theme="dark"] .start-chat,
[data-theme="dark"] .whatsapp-chat-body {
    background-color: #0b141a !important;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
}

/* Dark mode message bubble */
[data-theme="dark"] .WhatsappChat__Message-sc-1wqac52-4 {
    background: #1f2c34 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .WhatsappChat__Message-sc-1wqac52-4::before {
    border-color: #1f2c34 transparent transparent transparent !important;
}

[data-theme="dark"] .WhatsappChat__Author-sc-1wqac52-3 {
    color: #25d366 !important;
}

[data-theme="dark"] .WhatsappChat__Text-sc-1wqac52-2 {
    color: #e9edef !important;
}

[data-theme="dark"] .WhatsappChat__Time-sc-1wqac52-5 {
    color: #8696a0 !important;
}

/* Dark mode typing dots */
[data-theme="dark"] .WhatsappDots__Component-pks5bf-0 {
    background: #1f2c34 !important;
}

[data-theme="dark"] .WhatsappDots__Dot-pks5bf-2 {
    background: #8696a0 !important;
}

/* Dark mode input area */
[data-theme="dark"] .blanter-msg {
    background: #1e2128 !important;
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] textarea#chat-input {
    background: #2a3942 !important;
    color: #e9edef !important;
    box-shadow: none !important;
}

[data-theme="dark"] textarea#chat-input::placeholder {
    color: #8696a0 !important;
}

[data-theme="dark"] textarea#chat-input:focus {
    box-shadow: 0 0 0 2px rgba(37, 211, 102, 0.3) !important;
}

/* Dark mode send button */
[data-theme="dark"] a#send-it {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
}

/* Dark mode floating button */
[data-theme="dark"] a.blantershow-chat {
    background: linear-gradient(135deg, #25d366 0%, #128c7e 100%) !important;
    box-shadow: 0 4px 20px rgba(37, 211, 102, 0.3), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

/* ================================================
   THEME TOGGLE BUTTON
   ================================================ */

.theme-toggle {
    position: fixed !important;
    bottom: 25px !important;
    right: 100px !important;
    left: auto !important;
    top: auto !important;
    z-index: 97 !important; /* Below WhatsApp button (98) and chat (99) */
}

/* Mobile positioning for theme toggle */
@media screen and (max-width: 480px) {
    .theme-toggle {
        position: fixed !important;
        bottom: 80px !important;
        right: 15px !important;
        left: auto !important;
        top: auto !important;
    }
    
    .theme-toggle-btn {
        width: 50px !important;
        height: 50px !important;
    }
    
    .theme-toggle-icon {
        width: 22px !important;
        height: 22px !important;
    }
    
    .sun-icon,
    .moon-icon {
        width: 22px !important;
        height: 22px !important;
    }
    
    .sun-icon svg,
    .moon-icon svg {
        width: 22px !important;
        height: 22px !important;
    }
}

@media screen and (max-width: 768px) and (min-width: 481px) {
    .theme-toggle {
        position: fixed !important;
        bottom: 25px !important;
        right: 90px !important;
        left: auto !important;
        top: auto !important;
    }
}

.theme-toggle-btn {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    border: none;
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    padding: 0;
}

.theme-toggle-btn:hover {
    transform: translateY(-3px) scale(1.08);
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.2), 0 4px 12px rgba(0, 0, 0, 0.15);
}

.theme-toggle-btn:active {
    transform: scale(0.95);
}

.theme-toggle-icon {
    position: relative;
    width: 26px;
    height: 26px;
}

/* Sun Icon */
.sun-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    transition: all 0.4s ease;
}

.sun-icon svg {
    width: 26px;
    height: 26px;
    fill: #f59e0b;
}

/* Moon Icon */
.moon-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 26px;
    height: 26px;
    transition: all 0.4s ease;
}

.moon-icon svg {
    width: 26px;
    height: 26px;
    fill: #6366f1;
}

/* Light mode: Show moon (click to go dark) */
:root .sun-icon,
html:not([data-theme="dark"]) .sun-icon {
    opacity: 0;
    transform: rotate(-90deg) scale(0);
}

:root .moon-icon,
html:not([data-theme="dark"]) .moon-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* Dark mode: Show sun (click to go light) */
[data-theme="dark"] .sun-icon {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

[data-theme="dark"] .moon-icon {
    opacity: 0;
    transform: rotate(90deg) scale(0);
}

/* Dark mode button styling */
[data-theme="dark"] .theme-toggle-btn {
    background: #2a2f3a;
    border-color: #505664;
}

/* Tooltip */
.theme-toggle-btn::before {
    content: attr(data-tooltip);
    position: absolute;
    right: 62px;
    padding: 8px 14px;
    background: #333;
    color: #fff;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transform: translateX(10px);
    transition: all 0.25s ease;
}

.theme-toggle-btn:hover::before {
    opacity: 1;
    transform: translateX(0);
}

[data-theme="dark"] .theme-toggle-btn::before {
    background: #1a1d24;
    border: 1px solid #404552;
}

/* ================================================
   DARK MODE - ADDITIONAL COMPONENT FIXES
   ================================================ */

/* Gear/Settings icon buttons - remove white background */
[data-theme="dark"] .btn-icon,
[data-theme="dark"] .gear-btn,
[data-theme="dark"] .settings-btn,
[data-theme="dark"] .action-btn,
[data-theme="dark"] .edit-btn,
[data-theme="dark"] button.btn-default,
[data-theme="dark"] .btn-light,
[data-theme="dark"] .btn-white,
[data-theme="dark"] td button,
[data-theme="dark"] td .btn {
    background: #3c4250 !important;
    background-color: #3c4250 !important;
    color: #f0f0f0 !important;
    border: 1px solid #505664 !important;
}

[data-theme="dark"] td button:hover,
[data-theme="dark"] td .btn:hover {
    background: #4a5060 !important;
    background-color: #4a5060 !important;
}

/* Payment/Plateste popup fixes */
[data-theme="dark"] .payment-popup,
[data-theme="dark"] .plateste-popup,
[data-theme="dark"] .subscription-popup,
[data-theme="dark"] .popup-content,
[data-theme="dark"] .swal2-popup,
[data-theme="dark"] .swal2-modal {
    background: #2a2f3a !important;
    background-color: #2a2f3a !important;
    color: #f0f0f0 !important;
}

[data-theme="dark"] .swal2-title,
[data-theme="dark"] .swal2-content,
[data-theme="dark"] .swal2-html-container,
[data-theme="dark"] .popup-title,
[data-theme="dark"] .popup-text {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .swal2-input,
[data-theme="dark"] .swal2-select,
[data-theme="dark"] .swal2-textarea {
    background: #333945 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

/* Alerte suplimentare table fixes */
/* Nr masina column - white text */
[data-theme="dark"] .nrmasina,
[data-theme="dark"] td.nrmasina,
[data-theme="dark"] #alerte .nrmasina,
[data-theme="dark"] #alerte td.nrmasina,
html[data-theme="dark"] .nrmasina,
html[data-theme="dark"] td.nrmasina {
    color: #f0f0f0 !important;
    background: #2a2f3a !important;
    background-color: #2a2f3a !important;
}

/* Old td:last-child rules removed - now handled by general table styling */

/* Gear/settings button styling */
[data-theme="dark"] .settingsButton,
[data-theme="dark"] button.settingsButton,
[data-theme="dark"] .btn.settingsButton {
    background: #3c4250 !important;
    border-color: #505664 !important;
    color: #f0f0f0 !important;
}

/* Action cell (gear/edit button td) - consistent background */
.action-cell,
td.action-cell {
    background: transparent !important;
    background-color: transparent !important;
}

[data-theme="dark"] .action-cell,
[data-theme="dark"] td.action-cell {
    background: #2a2f3a !important;
    background-color: #2a2f3a !important;
}

/* Seteaza alerte button/text */
[data-theme="dark"] .seteaza-alerte,
[data-theme="dark"] .set-alerts-btn,
[data-theme="dark"] .alert-settings,
[data-theme="dark"] [class*="seteaza"],
[data-theme="dark"] [class*="alert"] button,
[data-theme="dark"] [class*="alert"] .btn {
    color: #f0f0f0 !important;
}

/* Passport/Document uploads section */
[data-theme="dark"] .passport-section,
[data-theme="dark"] .document-upload,
[data-theme="dark"] .upload-section,
[data-theme="dark"] .file-upload,
[data-theme="dark"] .dropzone,
[data-theme="dark"] [class*="upload"],
[data-theme="dark"] [class*="passport"],
[data-theme="dark"] [class*="document"] {
    background: #2a2f3a !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .upload-label,
[data-theme="dark"] .file-label,
[data-theme="dark"] .dropzone-text {
    color: #a0a0a0 !important;
}

/* Acte masini section - fix labels and cards */
[data-theme="dark"] #acte-content,
[data-theme="dark"] .acte-section,
[data-theme="dark"] #acte-masini {
    background: transparent !important;
}

/* Acte Masini accordion cards - CRITICAL FIX */
[data-theme="dark"] #carsAccordion .card,
[data-theme="dark"] #carsAccordion .card-header,
[data-theme="dark"] #carsAccordion .card-body,
[data-theme="dark"] .car-doc-header,
[data-theme="dark"] #acte-content .card,
[data-theme="dark"] #acte-content .card-header,
[data-theme="dark"] #acte-content .card-body {
    background: #2a2f3a !important;
    background-color: #2a2f3a !important;
    border-color: #404552 !important;
}

/* Car plate text in accordion */
[data-theme="dark"] .car-plate,
[data-theme="dark"] .car-header-content,
[data-theme="dark"] .car-plate-section {
    color: #f0f0f0 !important;
}

/* Doc indicators - missing docs gray, has docs WHITE on green bg */
[data-theme="dark"] .doc-indicator.missing-doc,
[data-theme="dark"] .doc-indicator.missing-doc .doc-name,
[data-theme="dark"] .doc-indicator.missing-doc i {
    color: #808080 !important;
}

[data-theme="dark"] .doc-indicator.has-doc,
[data-theme="dark"] .doc-indicator.has-doc .doc-name,
[data-theme="dark"] .doc-indicator.has-doc i {
    color: #ffffff !important;
}

/* Card titles and labels in acte section */
[data-theme="dark"] #acte-content h5,
[data-theme="dark"] #acte-content h4,
[data-theme="dark"] #acte-content .card-title,
[data-theme="dark"] .document-title,
[data-theme="dark"] .doc-label {
    color: #f0f0f0 !important;
}

/* Document type labels (Talon, Rovinieta, etc.) */
[data-theme="dark"] #acte-content .card h5,
[data-theme="dark"] #acte-content .card-body h5,
[data-theme="dark"] .document-section h5,
[data-theme="dark"] .document-section-title {
    color: #f0f0f0 !important;
}

/* Empty document placeholder areas */
[data-theme="dark"] .document-side,
[data-theme="dark"] .document-placeholder,
[data-theme="dark"] .upload-placeholder {
    background: #333945 !important;
    border-color: #505664 !important;
}

/* Încarcă buttons */
[data-theme="dark"] .upload-btn,
[data-theme="dark"] [class*="upload-btn"],
[data-theme="dark"] .btn-upload {
    background: #3c4250 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

/* Descarcă PDF buttons with light background */
[data-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .btn-light {
    background: #3c4250 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

/* RCA and Rovinieta history containers */
[data-theme="dark"] .rca-item,
[data-theme="dark"] .rovinieta-item,
[data-theme="dark"] .rovinieta-history-container {
    background: #333945 !important;
    background-color: #333945 !important;
}

/* Btn-link in accordion headers */
[data-theme="dark"] .btn-link,
[data-theme="dark"] #carsAccordion .btn-link {
    color: #f0f0f0 !important;
}

/* Ajutor rapid / FAQ section - remove unwanted borders */
[data-theme="dark"] .contact-inner,
[data-theme="dark"] .contact-inner .panel,
[data-theme="dark"] .contact-inner .panel-collapse,
[data-theme="dark"] .contact-inner .panel-heading,
[data-theme="dark"] .contact-inner .panel-body,
[data-theme="dark"] .notika-accrodion-cus,
[data-theme="dark"] .accordion-stn .panel {
    border: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .contact-inner .panel-title a,
[data-theme="dark"] .notika-accrodion-cus .panel-title a {
    color: #f0f0f0 !important;
}

/* Payment/Abonament Popup - CRITICAL FIX */
[data-theme="dark"] .payment-popup,
[data-theme="dark"] .swal2-popup .payment-popup {
    background: transparent !important;
    color: #f0f0f0 !important;
}

[data-theme="dark"] .payment-header h2,
[data-theme="dark"] .payment-popup h2 {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .payment-subtitle,
[data-theme="dark"] .payment-popup .payment-subtitle {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .payment-options,
[data-theme="dark"] .payment-option {
    background: #333945 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .payment-option:hover {
    background: #3c4250 !important;
    border-color: #ef5350 !important;
}

[data-theme="dark"] .payment-option h3,
[data-theme="dark"] .payment-option .option-title {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .payment-option p,
[data-theme="dark"] .payment-option .option-desc {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .payment-option .price,
[data-theme="dark"] .payment-option .option-price {
    color: #ef5350 !important;
}

[data-theme="dark"] .quantity-selector {
    background: transparent !important;
    border: none !important;
}

[data-theme="dark"] .quantity-input,
[data-theme="dark"] .quantity-selector input {
    background: #333945 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .quantity-btn,
[data-theme="dark"] .qty-btn {
    background: #3c4250 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .total-section,
[data-theme="dark"] .payment-total {
    background: #333945 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .total-amount,
[data-theme="dark"] .payment-amount {
    color: #ef5350 !important;
}

/* Additional element fixes */

/* Panel body text */
[data-theme="dark"] .panel-body,
[data-theme="dark"] .panel-body p {
    color: #e0e0e0 !important;
    background: transparent !important;
}

/* Form control inputs */
[data-theme="dark"] #inmatriculare,
[data-theme="dark"] input.form-control,
[data-theme="dark"] .form-control {
    background: #333945 !important;
    background-color: #333945 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
    padding: 10px 15px !important;
}

[data-theme="dark"] .form-control::placeholder {
    color: #808080 !important;
}

/* Table header sorting columns */
[data-theme="dark"] th.sorting,
[data-theme="dark"] th.sorting_asc,
[data-theme="dark"] th.sorting_desc,
[data-theme="dark"] #alerte th,
[data-theme="dark"] .dataTable th {
    background: #333945 !important;
    background-color: #333945 !important;
    color: #f0f0f0 !important;
    border-color: #404552 !important;
}

/* Contact list widget - remove border */
[data-theme="dark"] .contact-list,
[data-theme="dark"] .widget-contact-list,
[data-theme="dark"] ul.contact-list,
[data-theme="dark"] ul.widget-contact-list {
    color: #e0e0e0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .contact-list li,
[data-theme="dark"] .widget-contact-list li {
    color: #e0e0e0 !important;
    border: none !important;
}

/* Price display */
[data-theme="dark"] .price-display {
    color: #f0f0f0 !important;
    background: #333945 !important;
}

/* Quantity buttons */
[data-theme="dark"] .qty-btn,
[data-theme="dark"] .qty-plus,
[data-theme="dark"] .qty-minus,
[data-theme="dark"] #addli,
[data-theme="dark"] #removeli,
[data-theme="dark"] button.qty-btn {
    background: #3c4250 !important;
    background-color: #3c4250 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

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

/* Billing section */
[data-theme="dark"] .billing-section,
[data-theme="dark"] .company-fields-container,
[data-theme="dark"] .billing-fields {
    background: #2a2f3a !important;
    color: #f0f0f0 !important;
    border-color: #404552 !important;
}

[data-theme="dark"] .billing-section label,
[data-theme="dark"] .billing-section input,
[data-theme="dark"] .company-fields-container label,
[data-theme="dark"] .company-fields-container input {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .billing-section input,
[data-theme="dark"] .company-fields-container input {
    background: #333945 !important;
    border-color: #505664 !important;
}

/* Billing toggle */
[data-theme="dark"] .billing-toggle {
    background: #333945 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .billing-toggle button,
[data-theme="dark"] .billing-toggle .toggle-btn,
[data-theme="dark"] .billing-toggle label {
    background: #3c4250 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .billing-toggle button.active,
[data-theme="dark"] .billing-toggle .toggle-btn.active {
    background: #ef5350 !important;
    color: #fff !important;
}

/* RCA PDF container - override inline light blue background */
[data-theme="dark"] .rca-pdf-container,
[data-theme="dark"] [class*="rca-container"],
[data-theme="dark"] div[id^="rca-container"] {
    background: #333945 !important;
    background-color: #333945 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .rca-pdf-container *,
[data-theme="dark"] [class*="rca-container"] * {
    color: #e0e0e0 !important;
}

/* Rovinieta item */
[data-theme="dark"] .rovinieta-item {
    background: #333945 !important;
    background-color: #333945 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .rovinieta-item:hover {
    background: #3c4250 !important;
}

/* Document indicators */
[data-theme="dark"] .doc-indicator {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .doc-indicator.has-doc {
    color: #81c784 !important;
}

[data-theme="dark"] .doc-indicator.missing-doc {
    color: #808080 !important;
    opacity: 0.7;
}

/* WhatsApp styles moved to top of file in DARK MODE - WHATSAPP WIDGET section */

/* Info/help boxes with inline backgrounds - override them */
[data-theme="dark"] div[style*="background-color: #E3F2FD"],
[data-theme="dark"] div[style*="background-color:#E3F2FD"],
[data-theme="dark"] div[style*="background-color: #f8f9fa"],
[data-theme="dark"] div[style*="background-color:#f8f9fa"],
[data-theme="dark"] div[style*="background-color: #FFF8E1"],
[data-theme="dark"] div[style*="background-color:#FFF8E1"],
[data-theme="dark"] div[style*="background-color: #e8f4fd"],
[data-theme="dark"] div[style*="background-color:#e8f4fd"] {
    background-color: #333945 !important;
    background: #333945 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] div[style*="background-color: #E3F2FD"] *,
[data-theme="dark"] div[style*="background-color:#E3F2FD"] *,
[data-theme="dark"] div[style*="background-color: #f8f9fa"] *,
[data-theme="dark"] div[style*="background-color:#f8f9fa"] *,
[data-theme="dark"] div[style*="background-color: #FFF8E1"] *,
[data-theme="dark"] div[style*="background-color:#FFF8E1"] *,
[data-theme="dark"] div[style*="background-color: #e8f4fd"] *,
[data-theme="dark"] div[style*="background-color:#e8f4fd"] * {
    color: #e0e0e0 !important;
}

/* SweetAlert checkbox buttons and inline #f0f0f0 backgrounds */
[data-theme="dark"] .swal2-checkbox-button,
[data-theme="dark"] div[style*="background: #f0f0f0"],
[data-theme="dark"] div[style*="background:#f0f0f0"] {
    background: #333945 !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] .swal2-checkbox-button *,
[data-theme="dark"] div[style*="background: #f0f0f0"] *,
[data-theme="dark"] div[style*="background:#f0f0f0"] * {
    color: #e0e0e0 !important;
}

/* Detected data and upgrade notice boxes */
[data-theme="dark"] .detected-data,
[data-theme="dark"] .upgrade-notice {
    background: #333945 !important;
    color: #e0e0e0 !important;
    border-color: #505664 !important;
}

[data-theme="dark"] .detected-data *,
[data-theme="dark"] .upgrade-notice * {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .detected-data a,
[data-theme="dark"] .upgrade-notice a {
    color: #64b5f6 !important;
}

[data-theme="dark"] .detected-data button,
[data-theme="dark"] .upgrade-notice button {
    background: #3c4250 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

/* Data items */
[data-theme="dark"] .data-item {
    background: transparent !important;
    color: #e0e0e0 !important;
}

/* Input container and field icon */
[data-theme="dark"] .input-container {
    background: transparent !important;
    background-color: transparent !important;
}

[data-theme="dark"] .field-icon {
    background: transparent !important;
    background-color: transparent !important;
    color: #a0a0a0 !important;
}

/* Table styling - only for tables WITHOUT colored status cells */
/* Target specific tables like #sessions, settings tables, etc. */
[data-theme="dark"] #sessions.table > tbody > tr > td,
[data-theme="dark"] #sessions.table > tbody > tr > th,
[data-theme="dark"] .settings-table > tbody > tr > td {
    background-color: #2d323c !important;
    color: #e0e0e0 !important;
}

[data-theme="dark"] #sessions.table > tbody > tr:nth-child(odd) > td {
    background-color: #252930 !important;
}

/* Table header - safe to style all */
[data-theme="dark"] .table > thead > tr > th,
[data-theme="dark"] .table-striped > thead > tr > th {
    background-color: #1e2128 !important;
    color: #f0f0f0 !important;
    border-color: #3c4250 !important;
}

/* Table borders - safe for all */
[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    border-color: #3c4250 !important;
}

/* Current session row */
[data-theme="dark"] .current-session,
[data-theme="dark"] .current-session td {
    background-color: rgba(76, 175, 80, 0.15) !important;
}

/* Bootstrap table variable overrides */
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd),
[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(even),
[data-theme="dark"] .table > tbody > tr {
    --bs-table-bg: transparent !important;
    --bs-table-accent-bg: transparent !important;
    --bs-table-striped-bg: transparent !important;
}

/* Only style td/th that DON'T have inline background styles */
/* This targets the first column (car plate) and action columns */
[data-theme="dark"] #listamasini td:first-child,
[data-theme="dark"] #listamasini td:last-child,
[data-theme="dark"] #listamasini td.action-cell,
[data-theme="dark"] #alerte td:first-child,
[data-theme="dark"] #alerte td.nrmasina,
[data-theme="dark"] #alerte td:last-child,
[data-theme="dark"] #alerte td.action-cell {
    background-color: #2d323c !important;
}

/* ========================================
   ALTELE PAGE - Service Cards
   ======================================== */

/* Service sections backgrounds */
[data-theme="dark"] .ea-services-section {
    background-color: #1e2128 !important;
    background: #1e2128 !important;
}

[data-theme="dark"] .ea-services-section[style*="background-color: #ffffff"],
[data-theme="dark"] .ea-services-section[style*="background-color:#ffffff"] {
    background-color: #252930 !important;
    background: #252930 !important;
}

/* Service cards */
[data-theme="dark"] .ea-service-card {
    background: #2d323c !important;
    border-color: #3c4250 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important;
    overflow: hidden !important;
}

[data-theme="dark"] .ea-service-card:hover {
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .ea-service-card:before {
    background: linear-gradient(90deg, #25d366, #128c7e) !important;
}

/* Service card headers */
[data-theme="dark"] .ea-service-header {
    background: #333945 !important;
    border-bottom-color: #3c4250 !important;
}

[data-theme="dark"] .ea-service-icon-wrapper {
    background: rgba(0, 194, 146, 0.15) !important;
}

/* Service card titles and text */
[data-theme="dark"] .ea-service-title {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .ea-service-card:hover .ea-service-title {
    color: #00c292 !important;
}

[data-theme="dark"] .ea-service-subtitle {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .ea-service-description {
    color: #c0c0c0 !important;
}

[data-theme="dark"] .ea-service-feature-item {
    color: #d0d0d0 !important;
}

[data-theme="dark"] .ea-service-feature-item:before {
    background: rgba(0, 194, 146, 0.2) !important;
}

/* Service card stats */
[data-theme="dark"] .ea-service-stat {
    background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .ea-service-stat-value {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .ea-service-stat-label {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .ea-service-stats {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* Service card body */
[data-theme="dark"] .ea-service-body {
    background: #2d323c !important;
}

/* Service card footer */
[data-theme="dark"] .ea-service-footer {
    background: #2d323c !important;
    border-top-color: #3c4250 !important;
}

/* Section titles */
[data-theme="dark"] .ea-section-title h2 {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .ea-section-title p {
    color: #a0a0a0 !important;
}

/* Delete button */
[data-theme="dark"] #deleter,
[data-theme="dark"] .btn-danger,
[data-theme="dark"] button.btn-danger {
    background: #d32f2f !important;
    background-color: #d32f2f !important;
    color: #fff !important;
    border-color: #c62828 !important;
}

[data-theme="dark"] .btn-danger:hover {
    background: #b71c1c !important;
}

/* Outline primary buttons (Descarcă PDF) */
[data-theme="dark"] .btn-outline-primary {
    background: transparent !important;
    color: #64b5f6 !important;
    border-color: #64b5f6 !important;
}

[data-theme="dark"] .btn-outline-primary:hover {
    background: #64b5f6 !important;
    color: #1e2128 !important;
}

/* Outline success buttons (Descarcă PDF green) */
[data-theme="dark"] .btn-outline-success {
    background: transparent !important;
    color: #4caf50 !important;
    border-color: #4caf50 !important;
}

[data-theme="dark"] .btn-outline-success:hover {
    background: #4caf50 !important;
    color: #1e2128 !important;
}

/* Upload buttons - clean icon background */
[data-theme="dark"] .upload-btn,
[data-theme="dark"] label[class*="upload-btn"] {
    background: #1976d2 !important;
    color: #fff !important;
    border: none !important;
}

[data-theme="dark"] .upload-btn i,
[data-theme="dark"] label[class*="upload-btn"] i,
[data-theme="dark"] .upload-btn::before,
[data-theme="dark"] label[class*="upload-btn"]::before {
    background: transparent !important;
    color: inherit !important;
}

/* Phone display */
[data-theme="dark"] .phone-display {
    background: #333945 !important;
    background-color: #333945 !important;
    color: #f0f0f0 !important;
}

[data-theme="dark"] .phone-display strong {
    color: #f0f0f0 !important;
}

/* Form field / chassis field */
[data-theme="dark"] .form-field,
[data-theme="dark"] .chassis-field,
[data-theme="dark"] .form-field.chassis-field {
    background: transparent !important;
    color: #f0f0f0 !important;
}

[data-theme="dark"] .form-field label,
[data-theme="dark"] .chassis-field label {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .form-field input,
[data-theme="dark"] .chassis-field input {
    background: #333945 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

/* DataTables - ONLY style the wrapper, not colored cells */
[data-theme="dark"] .dataTables_wrapper {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .dataTables_info,
[data-theme="dark"] .dataTables_length,
[data-theme="dark"] .dataTables_filter {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .dataTables_length select,
[data-theme="dark"] .dataTables_filter input {
    background: #333945 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

/* Fix any remaining white backgrounds */
[data-theme="dark"] .white-bg,
[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-light,
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"] {
    background: #2a2f3a !important;
    background-color: #2a2f3a !important;
}

/* Ensure all card-like elements have proper styling */
[data-theme="dark"] .card,
[data-theme="dark"] .panel,
[data-theme="dark"] .box,
[data-theme="dark"] .widget {
    background: #2a2f3a !important;
    border-color: #404552 !important;
}

/* ================================================
   DARK MODE - NOTIFICATION BOXES (SMS/Email selection popup)
   ================================================ */

/* Base notification box - dark background */
[data-theme="dark"] .notification-box {
    background: #2a2f3a !important;
    background-color: #2a2f3a !important;
    border-color: #505664 !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .notification-box:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4) !important;
}

/* PRO box - special gradient for dark mode */
[data-theme="dark"] .notification-box.pro-box {
    background: linear-gradient(135deg, #2a2f4a 0%, #352a3d 100%) !important;
    border: 3px solid #667eea !important;
    box-shadow: 0 10px 30px rgba(102, 126, 234, 0.2) !important;
}

[data-theme="dark"] .notification-box.pro-box:hover {
    box-shadow: 0 15px 40px rgba(102, 126, 234, 0.3) !important;
}

/* FREE box */
[data-theme="dark"] .notification-box.free-box {
    background: #2a2f3a !important;
    border-color: #505664 !important;
}

/* Notification box headings */
[data-theme="dark"] .notification-box h3 {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .pro-box h3 {
    color: #8799f5 !important;
}

[data-theme="dark"] .notification-box h4 {
    color: #a0a0a0 !important;
}

/* Advantages list */
[data-theme="dark"] .notification-box .advantages li {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .pro-box .advantages li {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .notification-box .advantages li i {
    color: #a0a0a0 !important;
}

[data-theme="dark"] .pro-box .advantages li i {
    color: #8799f5 !important;
}

/* Free box red/warning text stays visible */
[data-theme="dark"] .free-box .advantages li[style*="color: #e90000"],
[data-theme="dark"] .free-box .advantages li[style*="color:#e90000"] {
    color: #ef5350 !important;
}

[data-theme="dark"] .free-box .advantages li[style*="color: #ff6600"],
[data-theme="dark"] .free-box .advantages li[style*="color:#ff6600"] {
    color: #ff9800 !important;
}

/* Choose buttons */
[data-theme="dark"] #select-sms {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
}

[data-theme="dark"] #select-email {
    background: #4a5060 !important;
    color: #f0f0f0 !important;
}

[data-theme="dark"] #select-email:hover {
    background: #5a6270 !important;
}

/* PRO badge */
[data-theme="dark"] .pro-badge {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
}

/* Notification options container */
[data-theme="dark"] #notification-options {
    background: transparent !important;
}

/* ================================================
   DARK MODE - SMS PRICING TABLE (CresteLimita popup)
   ================================================ */

/* Table wrapper */
[data-theme="dark"] .sms-table-wrapper {
    border-color: #505664 !important;
}

/* Table base */
[data-theme="dark"] .sms-pricing-table {
    background: #2a2f3a !important;
}

/* Table header - keep dark, works fine */
[data-theme="dark"] .sms-pricing-table thead {
    background: #1a1d24 !important;
}

[data-theme="dark"] .sms-pricing-table th {
    color: #f0f0f0 !important;
}

/* Table body cells */
[data-theme="dark"] .sms-pricing-table td {
    background: #2a2f3a !important;
    color: #e0e0e0 !important;
    border-bottom-color: #404552 !important;
}

/* Row hover - dark background instead of light */
[data-theme="dark"] .sms-pricing-table tbody tr:hover td {
    background: #3c4250 !important;
}

/* SMS code links */
[data-theme="dark"] .sms-code {
    color: #64b5f6 !important;
}

[data-theme="dark"] .sms-code:hover {
    color: #90caf9 !important;
}

/* Strong text in table */
[data-theme="dark"] .sms-pricing-table td strong {
    color: #81c784 !important;
}

/* Payment popup container elements */
[data-theme="dark"] .payment-header h2,
[data-theme="dark"] .payment-subtitle {
    color: #f0f0f0 !important;
}

[data-theme="dark"] .payment-subtitle strong {
    color: #ef5350 !important;
}

[data-theme="dark"] .sms-note {
    color: #a0a0a0 !important;
}

/* Payment buttons */
[data-theme="dark"] .btn-payment {
    background: #3c4250 !important;
    color: #f0f0f0 !important;
    border-color: #505664 !important;
}

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

[data-theme="dark"] .btn-confirm-paid {
    background: #4caf50 !important;
    color: white !important;
}

[data-theme="dark"] .btn-confirm-paid:hover {
    background: #43a047 !important;
}

/* ================================================
   RESPONSIVE
   ================================================ */

@media (max-width: 768px) {
    .theme-toggle {
        bottom: 140px;
        right: 15px;
    }
    
    .theme-toggle-btn {
        width: 48px;
        height: 48px;
    }
    
    .theme-toggle-icon {
        width: 22px;
        height: 22px;
    }
    
    .sun-icon svg,
    .moon-icon svg {
        width: 22px;
        height: 22px;
    }
    
    .theme-toggle-btn::before {
        display: none;
    }
}

/* ================================================
   PRINT - Force light theme
   ================================================ */

@media print {
    * {
        background: white !important;
        color: black !important;
    }
}