/* ==================================================
   ProfitDrop — light / dark theme (data-theme on html)
   Default: dark (existing styles). Light overrides below.
   ================================================== */

/* Theme toggle button */
.su-theme-toggle {
    color: #fff;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.2s ease;
    padding: 0;
    font-size: 16px;
    line-height: 1;
}

.su-theme-toggle:hover {
    background: rgba(255, 91, 0, 0.15);
    border-color: rgba(255, 91, 0, 0.35);
    color: #fff;
}

.su-theme-toggle .su-theme-icon-light,
.su-theme-toggle .su-theme-icon-dark {
    pointer-events: none;
}

html[data-theme="dark"] .su-theme-toggle .su-theme-icon-light {
    display: inline-block;
}

html[data-theme="dark"] .su-theme-toggle .su-theme-icon-dark {
    display: none;
}

html[data-theme="light"] .su-theme-toggle .su-theme-icon-light {
    display: none;
}

html[data-theme="light"] .su-theme-toggle .su-theme-icon-dark {
    display: inline-block;
}

.su-admin-body .top-icons .icon.su-theme-toggle-wrap {
    width: auto;
    height: auto;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}

.su-auth-theme-wrap {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 100;
}

/* ==================================================
   LIGHT THEME
   ================================================== */

html[data-theme="light"] body {
    background: #e2e8f0;
    color: #334155;
}

html[data-theme="light"] body.su-admin-body {
    color: #334155;
}

html[data-theme="light"] .su-admin-body .main {
    color: #334155;
}

/* Dashboard shell */
html[data-theme="light"] .dashboard {
    background:
        radial-gradient(circle at top left, rgba(255, 91, 0, 0.06), transparent 30%),
        radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.04), transparent 25%),
        linear-gradient(145deg, #f8fafc, #e2e8f0);
    border-color: rgba(15, 23, 42, 0.06);
    box-shadow:
        0 20px 50px rgba(15, 23, 42, 0.08),
        0 8px 20px rgba(15, 23, 42, 0.04),
        inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

/* Dashboard page */
html[data-theme="light"] .su-admin-body .overview small {
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .overview h1 {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .overview .actions .btn-dark,
html[data-theme="light"] .su-admin-body .main .overview .btn-dark {
    background: #ffffff;
    border: 1px solid #cbd5e1;
    color: #334155;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .su-admin-body .overview .actions .btn-dark:hover,
html[data-theme="light"] .su-admin-body .main .overview .btn-dark:hover {
    background: #f1f5f9;
    border-color: #94a3b8;
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .stat-card {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow:
        0 1px 3px rgba(15, 23, 42, 0.06),
        0 4px 12px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .su-admin-body .stat-card i {
    color: #ff5b00;
}

html[data-theme="light"] .su-admin-body .stat-card h3 {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .stat-card p {
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .graph-card {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow:
        0 1px 3px rgba(15, 23, 42, 0.06),
        0 4px 12px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .su-admin-body .graph-card h2 {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .graph-card .graph-line-secondary {
    stroke: #94a3b8;
}

html[data-theme="light"] .su-admin-body .table-card,
html[data-theme="light"] .su-admin-body .left > .table-card {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow:
        0 1px 3px rgba(15, 23, 42, 0.06),
        0 4px 12px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .su-admin-body .table-card h2,
html[data-theme="light"] .su-admin-body .left > .table-card h2 {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .table-card .tx-row,
html[data-theme="light"] .su-admin-body .left > .table-card .tx-row {
    border-bottom-color: #e2e8f0;
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .table-card .tx-row strong,
html[data-theme="light"] .su-admin-body .left > .table-card .tx-row strong {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .table-card .tx-row span:last-child,
html[data-theme="light"] .su-admin-body .left > .table-card .tx-row span:last-child {
    color: #334155;
}

html[data-theme="light"] .su-admin-body .referral-box {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .su-admin-body .referral-box .fa-link {
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .referral-box input {
    color: #334155;
}

html[data-theme="light"] body.su-auth-body {
    background:
        radial-gradient(circle at top left, rgba(255, 91, 0, 0.08), transparent 30%),
        radial-gradient(circle at bottom right, rgba(59, 130, 246, 0.05), transparent 25%),
        linear-gradient(145deg, #f8fafc, #e2e8f0);
}

html[data-theme="light"] .su-logo-text {
    color: #0f172a;
}

/* Sidebar */
html[data-theme="light"] .sidebar {
    background: #ffffff;
    border-right-color: #e2e8f0;
}

html[data-theme="light"] .sidebar .menu-link,
html[data-theme="light"] .sidebar .menu-dropdown > .dropdown-toggle {
    color: #64748b;
    background: #f8fafc;
    border-color: #e2e8f0;
}

html[data-theme="light"] .sidebar .menu-link:hover,
html[data-theme="light"] .sidebar .menu-dropdown > .dropdown-toggle:hover {
    color: #fff;
    background: linear-gradient(145deg, #ff5b00, #e65100);
    border-color: transparent;
}

html[data-theme="light"] .sidebar .menu-link.active,
html[data-theme="light"] .sidebar .menu-dropdown.active > .dropdown-toggle {
    color: #fff;
    background: linear-gradient(145deg, #1e293b, #334155);
    border-color: transparent;
}

html[data-theme="light"] .sidebar .submenu {
    background: transparent;
    border-color: transparent;
}

html[data-theme="light"] .sidebar .submenu a,
html[data-theme="light"] .sidebar .submenu .menu-link {
    color: #64748b;
    background: #f8fafc;
    border-color: #e2e8f0;
}

html[data-theme="light"] .sidebar .submenu a:hover,
html[data-theme="light"] .sidebar .submenu .menu-link:hover,
html[data-theme="light"] .sidebar .submenu a.active,
html[data-theme="light"] .sidebar .submenu .menu-link.active {
    color: #ff5b00;
    background: rgba(255, 91, 0, 0.08);
    border-color: rgba(255, 91, 0, 0.2);
}

html[data-theme="light"] .sidebar .support-card {
    background: #f8fafc;
    border-color: #e2e8f0;
}

html[data-theme="light"] .sidebar .support-card p {
    color: #64748b;
}

html[data-theme="light"] .sidebar .support-card h4 {
    color: #0f172a;
}

/* Mobile header */
html[data-theme="light"] .mobile-header-bar {
    background: rgba(255, 255, 255, 0.92);
    border-bottom-color: #e2e8f0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .mobile-menu-toggle {
    color: #0f172a;
}

@media (max-width: 1024px) {
    html[data-theme="light"] .sidebar {
        background: #ffffff;
        box-shadow: 15px 0 40px rgba(15, 23, 42, 0.12);
    }
}

/* Topbar */
html[data-theme="light"] .su-admin-body .topbar-left .page-header h1,
html[data-theme="light"] .su-admin-body .main .page-header h1 {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .topbar-left .page-header p,
html[data-theme="light"] .su-admin-body .main .page-header p {
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .topbar-user {
    background: #ffffff;
    border-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .topbar-user-name {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .topbar-user-email,
html[data-theme="light"] .su-admin-body .topbar-user-chevron {
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .topbar-user-popup,
html[data-theme="light"] .su-admin-body .notif-popup {
    background: #ffffff;
    border-color: #e2e8f0;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12), 0 6px 16px rgba(15, 23, 42, 0.06);
}

html[data-theme="light"] .su-admin-body .topbar-user-popup-hero,
html[data-theme="light"] .su-admin-body .topbar-user-popup-header,
html[data-theme="light"] .su-admin-body .notif-popup-header {
    background: #f8fafc;
    border-bottom-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .topbar-user-popup-name {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .topbar-user-popup-email {
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .topbar-user-popup-menu,
html[data-theme="light"] .su-admin-body .topbar-user-popup-footer {
    background: #f8fafc;
    border-top-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .topbar-user-popup-link {
    color: #475569;
}

html[data-theme="light"] .su-admin-body .topbar-user-popup-link:hover {
    background: #f1f5f9;
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .top-icons .icon > a,
html[data-theme="light"] .su-admin-body .top-icons .icon[role="button"],
html[data-theme="light"] .su-admin-body .top-icons #notifToggle,
html[data-theme="light"] .su-theme-toggle {
    color: #0f172a;
    background: #ffffff;
    border-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .top-icons .icon > a:hover,
html[data-theme="light"] .su-admin-body .top-icons .icon[role="button"]:hover,
html[data-theme="light"] .su-admin-body .top-icons #notifToggle:hover,
html[data-theme="light"] .su-theme-toggle:hover {
    background: rgba(255, 91, 0, 0.1);
    border-color: rgba(255, 91, 0, 0.35);
    color: #ff5b00;
}

html[data-theme="light"] .su-admin-body .top-icons .notif-dot {
    border-color: #ffffff;
}

html[data-theme="light"] .su-admin-body .notif-popup-title {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .notif-mark-all {
    color: #ff5b00;
}

html[data-theme="light"] .su-admin-body .notif-item {
    border-bottom-color: #f1f5f9;
}

html[data-theme="light"] .su-admin-body .notif-item:hover {
    background: #f8fafc;
}

html[data-theme="light"] .su-admin-body .notif-item.unread {
    background: rgba(255, 91, 0, 0.06);
}

html[data-theme="light"] .su-admin-body .notif-text {
    color: #334155;
}

html[data-theme="light"] .su-admin-body .notif-text strong {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .notif-time {
    color: #94a3b8;
}

html[data-theme="light"] .su-admin-body .notif-popup-footer {
    background: #f8fafc;
    border-top-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .notif-popup-footer a {
    color: #64748b;
}

/* Cards & CRUD */
html[data-theme="light"] .su-admin-body .main .card,
html[data-theme="light"] .su-admin-body .main .su-crud-card,
html[data-theme="light"] .su-auth-card {
    background: #ffffff;
    border-color: rgba(255, 91, 0, 0.15);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
    color: #334155;
}

html[data-theme="light"] .su-admin-body .main .card-header,
html[data-theme="light"] .su-admin-body .main .su-crud-card > .card-header,
html[data-theme="light"] .su-admin-body .main .su-crud-card .card-body > .card-header {
    background: #f8fafc;
    border-bottom-color: #e2e8f0;
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .card-title,
html[data-theme="light"] .su-admin-body .main .card-header h4,
html[data-theme="light"] .su-admin-body .main .su-crud-card .card-title {
    color: #0f172a;
}

html[data-theme="light"] .su-auth-title {
    color: #0f172a;
}

html[data-theme="light"] .su-auth-subtitle {
    color: #64748b;
}

/* Forms */
html[data-theme="light"] .su-admin-body .main .form-label,
html[data-theme="light"] .su-auth-body .form-label,
html[data-theme="light"] .su-auth-body .form-check-label {
    color: #475569;
}

html[data-theme="light"] .su-admin-body .main .form-control,
html[data-theme="light"] .su-admin-body .main .form-select,
html[data-theme="light"] .su-admin-body .main .chosen-container-single .chosen-single,
html[data-theme="light"] .su-admin-body .main .chosen-container-multi .chosen-choices,
html[data-theme="light"] .su-auth-body .form-control {
    background-color: #ffffff;
    border-color: #cbd5e1;
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .form-control:focus,
html[data-theme="light"] .su-admin-body .main .form-select:focus,
html[data-theme="light"] .su-auth-body .form-control:focus {
    background-color: #ffffff;
    border-color: rgba(255, 91, 0, 0.5);
    color: #0f172a;
    box-shadow: 0 0 0 0.2rem rgba(255, 91, 0, 0.12);
}

html[data-theme="light"] .su-admin-body .main .form-control::placeholder,
html[data-theme="light"] .su-auth-body .form-control::placeholder {
    color: #94a3b8;
}

html[data-theme="light"] .su-admin-body .main .input-group-text,
html[data-theme="light"] .su-auth-body .input-group-text {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .main input[type="number"].form-control::-webkit-outer-spin-button,
html[data-theme="light"] .su-admin-body .main input[type="number"].form-control::-webkit-inner-spin-button {
    filter: none;
}

html[data-theme="light"] .su-admin-body .main input[type="number"].form-control:hover::-webkit-outer-spin-button,
html[data-theme="light"] .su-admin-body .main input[type="number"].form-control:hover::-webkit-inner-spin-button,
html[data-theme="light"] .su-admin-body .main input[type="number"].form-control:focus::-webkit-outer-spin-button,
html[data-theme="light"] .su-admin-body .main input[type="number"].form-control:focus::-webkit-inner-spin-button {
    filter: sepia(1) saturate(5) hue-rotate(350deg);
}

/* Chosen */
html[data-theme="light"] .su-admin-body .main .chosen-container-single .chosen-single span {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .chosen-container-single .chosen-single div b {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

html[data-theme="light"] .su-admin-body .main .chosen-container-multi .chosen-choices {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

html[data-theme="light"] .su-admin-body .main .chosen-container-multi .chosen-choices .search-choice {
    background: rgba(255, 91, 0, 0.1);
    border-color: rgba(255, 91, 0, 0.3);
    color: #c2410c;
}

html[data-theme="light"] .su-admin-body .main .chosen-container .chosen-drop {
    background: #ffffff;
    border-color: #cbd5e1;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.1);
}

html[data-theme="light"] .su-admin-body .main .chosen-container .chosen-results {
    color: #334155;
}

html[data-theme="light"] .su-admin-body .main .chosen-container .chosen-results li.highlighted,
html[data-theme="light"] .su-admin-body .main .chosen-container .chosen-results li.active-result:hover {
    background: rgba(255, 91, 0, 0.12) !important;
    color: #c2410c !important;
}

html[data-theme="light"] .su-admin-body .main .chosen-container .chosen-results li.active-result:hover {
    background: rgba(255, 91, 0, 0.08) !important;
    color: #334155 !important;
}

html[data-theme="light"] .su-admin-body .main .chosen-container .chosen-results li em {
    background: rgba(255, 91, 0, 0.18);
    color: #c2410c;
    font-style: normal;
}

html[data-theme="light"] .su-admin-body .main .chosen-container .chosen-results .no-results {
    background: #f8fafc;
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .main .chosen-container-single .chosen-search {
    background: #ffffff;
    padding: 8px;
}

html[data-theme="light"] .su-admin-body .main .chosen-container-single .chosen-search input[type="text"] {
    background: #ffffff !important;
    background-image: none !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

html[data-theme="light"] .su-admin-body .main .chosen-container-single .chosen-search input[type="text"]:focus {
    border-color: rgba(255, 91, 0, 0.5) !important;
    box-shadow: 0 0 0 0.15rem rgba(255, 91, 0, 0.12) !important;
    outline: none;
}

html[data-theme="light"] .su-admin-body .main .chosen-container-multi .chosen-choices .search-field input[type="text"] {
    background: transparent !important;
    color: #0f172a !important;
}

html[data-theme="light"] .su-admin-body .main .chosen-container-multi .chosen-choices .search-field .default {
    color: #94a3b8 !important;
}

html[data-theme="light"] .su-admin-body .main .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
    filter: none;
}

html[data-theme="light"] .su-admin-body .main .chosen-container-active.chosen-with-drop .chosen-single,
html[data-theme="light"] .su-admin-body .main .chosen-container-active .chosen-choices {
    border-color: rgba(255, 91, 0, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(255, 91, 0, 0.12);
}

html[data-theme="light"] .su-admin-body .main .chosen-container-active.chosen-with-drop .chosen-single div b {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ff5b00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

/* Native date/time inputs (same approach as datetime-local) */
html[data-theme="light"] .su-admin-body .main input.form-control[type="date"],
html[data-theme="light"] .su-admin-body .main input.form-control[type="datetime-local"],
html[data-theme="light"] .su-admin-body .main input.form-control[type="time"] {
    color-scheme: light;
    background-color: #ffffff;
    border-color: #cbd5e1;
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main input.form-control[type="date"]:focus,
html[data-theme="light"] .su-admin-body .main input.form-control[type="datetime-local"]:focus,
html[data-theme="light"] .su-admin-body .main input.form-control[type="time"]:focus {
    background-color: #ffffff;
    border-color: rgba(255, 91, 0, 0.5);
    color: #0f172a;
    box-shadow: 0 0 0 0.15rem rgba(255, 91, 0, 0.12);
}

html[data-theme="dark"] .su-admin-body .main input.form-control[type="date"],
html[data-theme="dark"] .su-admin-body .main input.form-control[type="datetime-local"],
html[data-theme="dark"] .su-admin-body .main input.form-control[type="time"] {
    color-scheme: dark;
}

/* Legacy jQuery UI datepicker (older generated forms) */
html[data-theme="light"] .su-admin-body .main input.form-control.dateBox {
    background-color: #ffffff;
    border-color: #cbd5e1;
    color: #0f172a;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23475569' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E") !important;
}

html[data-theme="light"] .su-admin-body .main input.form-control.dateBox:focus {
    background-color: #ffffff;
    border-color: rgba(255, 91, 0, 0.5);
    color: #0f172a;
    box-shadow: 0 0 0 0.15rem rgba(255, 91, 0, 0.12);
}

html[data-theme="light"] #ui-datepicker-div,
html[data-theme="light"] #ui-datepicker-div.ui-datepicker {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0.5rem;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.12);
    color: #334155;
    z-index: 11050 !important;
    padding: 0.5rem;
}

html[data-theme="light"] #ui-datepicker-div .ui-datepicker-header,
html[data-theme="light"] #ui-datepicker-div .ui-widget-header {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
    background-image: none !important;
    border-radius: 0.375rem;
}

html[data-theme="light"] #ui-datepicker-div .ui-datepicker-title,
html[data-theme="light"] #ui-datepicker-div .ui-datepicker-title select,
html[data-theme="light"] #ui-datepicker-div select.ui-datepicker-month,
html[data-theme="light"] #ui-datepicker-div select.ui-datepicker-year {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #0f172a !important;
    background-image: none !important;
    border-radius: 0.25rem;
}

html[data-theme="light"] #ui-datepicker-div .ui-datepicker-calendar th {
    color: #64748b;
    font-weight: 600;
}

html[data-theme="light"] #ui-datepicker-div .ui-state-default,
html[data-theme="light"] #ui-datepicker-div .ui-widget-content .ui-state-default,
html[data-theme="light"] #ui-datepicker-div .ui-widget-header .ui-state-default {
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    background-image: none !important;
}

html[data-theme="light"] #ui-datepicker-div .ui-state-hover,
html[data-theme="light"] #ui-datepicker-div .ui-state-focus,
html[data-theme="light"] #ui-datepicker-div .ui-widget-content .ui-state-hover,
html[data-theme="light"] #ui-datepicker-div .ui-widget-header .ui-state-hover {
    background: rgba(255, 91, 0, 0.1) !important;
    border-color: rgba(255, 91, 0, 0.35) !important;
    color: #c2410c !important;
    background-image: none !important;
}

html[data-theme="light"] #ui-datepicker-div .ui-state-active,
html[data-theme="light"] #ui-datepicker-div .ui-widget-content .ui-state-active,
html[data-theme="light"] #ui-datepicker-div .ui-state-highlight,
html[data-theme="light"] #ui-datepicker-div .ui-widget-content .ui-state-highlight {
    background: #ff5b00 !important;
    border-color: #ff5b00 !important;
    color: #ffffff !important;
    background-image: none !important;
}

html[data-theme="light"] #ui-datepicker-div .ui-datepicker-other-month .ui-state-default {
    color: #94a3b8 !important;
    background: #ffffff !important;
}

html[data-theme="light"] #ui-datepicker-div .ui-datepicker-buttonpane {
    background: #f8fafc;
    border-top: 1px solid #e2e8f0;
}

html[data-theme="light"] #ui-datepicker-div .ui-datepicker-buttonpane button {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    background-image: none !important;
}

html[data-theme="light"] #ui-datepicker-div .ui-datepicker-buttonpane button.ui-state-hover {
    background: rgba(255, 91, 0, 0.1) !important;
    border-color: rgba(255, 91, 0, 0.35) !important;
    color: #c2410c !important;
}

html[data-theme="light"] #ui-datepicker-div .ui-datepicker-prev,
html[data-theme="light"] #ui-datepicker-div .ui-datepicker-next {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    background-image: none !important;
}

html[data-theme="light"] #ui-datepicker-div .ui-datepicker-prev-hover,
html[data-theme="light"] #ui-datepicker-div .ui-datepicker-next-hover {
    background: rgba(255, 91, 0, 0.1) !important;
    border-color: rgba(255, 91, 0, 0.35) !important;
}

/* Tables */
html[data-theme="light"] .su-admin-body .main .table {
    color: #334155;
    --bs-table-color: #334155;
    --bs-table-hover-bg: rgba(255, 91, 0, 0.06);
    --bs-table-hover-color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .table thead th,
html[data-theme="light"] .su-admin-body .main .table-light th {
    background: #f8fafc;
    color: #64748b;
    border-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .main .table td,
html[data-theme="light"] .su-admin-body .main .table th {
    border-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .main .table a.text-dark,
html[data-theme="light"] .su-admin-body .main .table a.text-decoration-none {
    color: #334155 !important;
}

/* Buttons (secondary variants) */
html[data-theme="light"] .su-admin-body .main .btn-secondary,
html[data-theme="light"] .su-admin-body .main .btn-light {
    background: #f1f5f9;
    border-color: #cbd5e1;
    color: #334155;
}

html[data-theme="light"] .su-admin-body .main .btn-outline-secondary {
    color: #475569;
    border-color: #cbd5e1;
    background: #ffffff;
}

html[data-theme="light"] .su-admin-body .main .btn-outline-secondary:hover {
    background: #f1f5f9;
    border-color: #94a3b8;
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .btn-outline-success,
html[data-theme="light"] .su-admin-body .main label.btn-outline-success {
    color: #15803d;
    border-color: #22c55e;
    background: #ffffff;
}

html[data-theme="light"] .su-admin-body .main .btn-outline-success:hover,
html[data-theme="light"] .su-admin-body .main label.btn-outline-success:hover {
    background: #22c55e;
    border-color: #16a34a;
    color: #ffffff;
}

html[data-theme="light"] .su-admin-body .main .btn-outline-primary,
html[data-theme="light"] .su-admin-body .main label.btn-outline-primary {
    color: #c2410c;
    border-color: #ff5b00;
    background: #ffffff;
}

html[data-theme="light"] .su-admin-body .main .btn-outline-primary:hover,
html[data-theme="light"] .su-admin-body .main .btn-outline-primary:focus,
html[data-theme="light"] .su-admin-body .main label.btn-outline-primary:has(input:checked) {
    background: #ff5b00;
    border-color: #e65200;
    color: #ffffff;
}

html[data-theme="light"] .su-admin-body .main .btn-outline-dark,
html[data-theme="light"] .su-admin-body .main label.btn-outline-dark {
    color: #475569;
    border-color: #cbd5e1;
    background: #ffffff;
}

html[data-theme="light"] .su-admin-body .main .btn-outline-dark:hover,
html[data-theme="light"] .su-admin-body .main label.btn-outline-dark:has(input:checked) {
    background: #f1f5f9;
    border-color: #94a3b8;
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .su-crud-card > .card-header label.btn {
    color: inherit;
}

/* Alerts */
html[data-theme="light"] .su-admin-body .main .alert-success {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.25);
    color: #15803d;
}

html[data-theme="light"] .su-admin-body .main .alert-danger {
    background: rgba(239, 68, 68, 0.1);
    border-color: rgba(239, 68, 68, 0.25);
    color: #b91c1c;
}

html[data-theme="light"] .su-admin-body .main .text-muted {
    color: #64748b !important;
}

/* Pagination */
html[data-theme="light"] .su-admin-body .main .pagination .page-link {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #334155;
}

html[data-theme="light"] .su-admin-body .main .pagination .page-item.disabled .page-link {
    background: #f8fafc;
    color: #94a3b8;
}

/* Dropzone & footer */
html[data-theme="light"] .su-admin-body .main .dropzone {
    border-color: #cbd5e1;
    background: #f8fafc;
}

html[data-theme="light"] .su-admin-body .main .dropzone:hover {
    border-color: rgba(255, 91, 0, 0.45);
    background: rgba(255, 91, 0, 0.04);
}

html[data-theme="light"] .su-admin-footer {
    border-top-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-footer p {
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .main .su-password-toggle,
html[data-theme="light"] .su-auth-body .su-password-toggle {
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .main .su-password-toggle:hover,
html[data-theme="light"] .su-auth-body .su-password-toggle:hover {
    color: #ff5b00;
    background: rgba(255, 91, 0, 0.08);
}

/* Index page search / filter bar */
html[data-theme="light"] .su-admin-body .main .su-crud-filters input[type="text"],
html[data-theme="light"] .su-admin-body .main .su-crud-filters input[type="search"],
html[data-theme="light"] .su-admin-body .main .su-crud-filters select {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .su-crud-filters input[type="text"]::placeholder,
html[data-theme="light"] .su-admin-body .main .su-crud-filters input[type="search"]::placeholder {
    color: #94a3b8;
}

html[data-theme="light"] .su-admin-body .main .su-crud-filters input[type="text"]:focus,
html[data-theme="light"] .su-admin-body .main .su-crud-filters input[type="search"]:focus,
html[data-theme="light"] .su-admin-body .main .su-crud-filters select:focus {
    border-color: rgba(255, 91, 0, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(255, 91, 0, 0.12);
}

/* DataTables search on index pages (permissions, etc.) */
html[data-theme="light"] .su-admin-body .main .dataTables_wrapper {
    color: #334155;
}

html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_length,
html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_filter,
html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_info {
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_length label,
html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_filter label {
    color: #64748b;
}

html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_length select,
html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_filter input {
    background: #ffffff;
    border-color: #cbd5e1;
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_length select:focus,
html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_filter input:focus {
    border-color: rgba(255, 91, 0, 0.5);
    box-shadow: 0 0 0 0.15rem rgba(255, 91, 0, 0.12);
}

html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_length select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23475569' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
}

html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #334155 !important;
}

html[data-theme="light"] .su-admin-body .main .dataTables_wrapper .dataTables_processing {
    background: rgba(255, 255, 255, 0.95);
    color: #334155;
    border-color: #e2e8f0;
}

/* CRUD tables on index pages */
html[data-theme="light"] .su-admin-body .main .su-crud-table {
    --bs-table-color: #334155;
    --bs-table-hover-bg: rgba(255, 91, 0, 0.06);
    --bs-table-hover-color: #0f172a;
    --bs-table-border-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .main .su-crud-table thead {
    background: #f8fafc;
}

html[data-theme="light"] .su-admin-body .main .su-crud-table thead th,
html[data-theme="light"] .su-admin-body .main .su-crud-table.table-light th {
    color: #64748b !important;
    border-bottom-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .main .su-crud-table tbody td {
    color: #334155;
    border-bottom-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .main .su-crud-table tbody tr:hover > td,
html[data-theme="light"] .su-admin-body .main .su-crud-table.table-hover > tbody > tr:hover > * {
    color: #0f172a !important;
    box-shadow: inset 0 0 0 9999px rgba(255, 91, 0, 0.04) !important;
}

html[data-theme="light"] .su-admin-body .main .su-crud-table a.text-dark,
html[data-theme="light"] .su-admin-body .main .su-crud-table a.text-decoration-none {
    color: #334155 !important;
}

html[data-theme="light"] .su-row-actions-toggle {
    background: #f8fafc;
    border-color: #e2e8f0;
    color: #475569;
}

html[data-theme="light"] .su-row-actions-toggle:hover,
html[data-theme="light"] .su-row-actions-toggle:focus,
html[data-theme="light"] .su-row-actions.show .su-row-actions-toggle,
html[data-theme="light"] .su-row-actions.is-open .su-row-actions-toggle {
    background: #fff;
    border-color: rgba(255, 91, 0, 0.35);
    color: #0f172a;
}

html[data-theme="light"] .su-row-actions-menu {
    background: #fff;
    border-color: #e2e8f0;
}

html[data-theme="light"] .su-row-actions-menu .dropdown-item {
    color: #334155;
}

html[data-theme="light"] .su-row-actions-menu .dropdown-item:hover,
html[data-theme="light"] .su-row-actions-menu .dropdown-item:focus {
    background: rgba(255, 91, 0, 0.08);
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main h1,
html[data-theme="light"] .su-admin-body .main h2,
html[data-theme="light"] .su-admin-body .main h3,
html[data-theme="light"] .su-admin-body .main h4,
html[data-theme="light"] .su-admin-body .main h5,
html[data-theme="light"] .su-admin-body .main h6 {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .su-crud-card > .card-body > .mt-4 {
    border-top-color: #e2e8f0;
}

/* SweetAlert2 light popup when in light mode */
html[data-theme="light"] .swal2-popup.su-swal-popup {
    background: #ffffff;
    color: #334155;
    border: 1px solid #e2e8f0;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.12);
}

html[data-theme="light"] .swal2-popup .swal2-title {
    color: #0f172a;
}

html[data-theme="light"] .swal2-popup .swal2-html-container {
    color: #475569;
}

html[data-theme="light"] .swal2-popup button.swal2-styled.su-swal-cancel {
    background: #f1f5f9;
    border: 1px solid #cbd5e1;
    color: #334155 !important;
}

html[data-theme="light"] .swal2-popup button.swal2-styled.su-swal-cancel:hover {
    background: #e2e8f0;
    border-color: #94a3b8;
    color: #0f172a !important;
}

/* Roles permissions matrix (create / edit) */
html[data-theme="light"] .su-admin-body .main .su-permissions-panel {
    background: #ffffff;
    border-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .main .su-permissions-panel__header {
    background: #f8fafc;
    border-bottom-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .main .su-permissions-panel__header .card-title,
html[data-theme="light"] .su-admin-body .main .su-permissions-panel__header h4 {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .form-check-input {
    background-color: #ffffff;
    border-color: #cbd5e1;
}

html[data-theme="light"] .su-admin-body .main .form-check-input:checked {
    background-color: #ff5b00;
    border-color: #ff5b00;
}

html[data-theme="light"] .su-admin-body .main .form-check-input:focus {
    border-color: rgba(255, 91, 0, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 91, 0, 0.12);
}

html[data-theme="light"] .su-admin-body .main .alert-info {
    background: #eff6ff;
    border-color: #bfdbfe;
    color: #1d4ed8;
}

html[data-theme="light"] .su-admin-body .main .alert-info.alert-danger {
    background: #fef2f2;
    border-color: #fecaca;
    color: #b91c1c;
}

html[data-theme="light"] .su-admin-body .main .alert-info.alert-success {
    background: #f0fdf4;
    border-color: #bbf7d0;
    color: #15803d;
}

/* Mobile index cards (list pages) */
html[data-theme="light"] .su-admin-body .main .su-index-card {
    background: #ffffff;
    border-color: #e2e8f0;
    color: #334155;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

html[data-theme="light"] .su-admin-body .main .su-index-card-sr,
html[data-theme="light"] .su-admin-body .main .su-index-card-avatar {
    color: #c2410c;
    background: rgba(255, 91, 0, 0.1);
    border-color: rgba(255, 91, 0, 0.25);
}

html[data-theme="light"] .su-admin-body .main .su-index-card__title,
html[data-theme="light"] .su-admin-body .main .su-index-card__title .fw-semibold {
    color: #0f172a;
}

html[data-theme="light"] .su-admin-body .main .su-index-card__details {
    border-top-color: #e2e8f0;
}

html[data-theme="light"] .su-admin-body .main .su-index-card__detail-label {
    color: #64748b !important;
}

html[data-theme="light"] .su-admin-body .main .su-index-card__detail-value {
    color: #334155;
}

html[data-theme="light"] .su-admin-body .main .su-index-card-empty {
    color: #64748b;
}