/* CUSTOMIZATION: Dark/Light Mode Styles - H360 */
/* Source: migration V1 → V2 */


/* Scrollbar thin for header actions */
.h360-scrollbar-thin {
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,0.2) transparent;
}
.h360-scrollbar-thin::-webkit-scrollbar {
    height: 4px;
}
.h360-scrollbar-thin::-webkit-scrollbar-track {
    background: transparent;
}
.h360-scrollbar-thin::-webkit-scrollbar-thumb {
    background: rgba(255,255,255,0.25);
    border-radius: 4px;
}
.h360-scrollbar-thin::-webkit-scrollbar-thumb:hover {
    background: rgba(255,255,255,0.4);
}

[data-theme="dark"] .tw-bg-white, [data-theme="dark"] .bg-white, [data-theme="dark"] [class*="tw-bg-white"],
[data-theme="dark"] .tw-bg-gray-50, [data-theme="dark"] .tw-bg-gray-100,
[data-theme="dark"] .tw-bg-base-100, [data-theme="dark"] .tw-bg-base-200 { background-color: #1E293B !important }

[data-theme="dark"] .box, [data-theme="dark"] .box-solid, [data-theme="dark"] .small-box, [data-theme="dark"] .info-box,
[data-theme="dark"] .panel, [data-theme="dark"] .panel-default, [data-theme="dark"] .card,
[data-theme="dark"] .tw-rounded-box, [data-theme="dark"] .tw-card { background-color: #1E293B !important; border-color: #334155 !important; color: #F8FAFC !important }
[data-theme="dark"] .box-header, [data-theme="dark"] .panel-heading, [data-theme="dark"] .card-header { background-color: #1E293B !important; border-color: #334155 !important }

[data-theme="dark"] .tw-text-gray-900, [data-theme="dark"] .tw-text-gray-800, [data-theme="dark"] .tw-text-gray-700,
[data-theme="dark"] [class*="tw-text-gray-9"], [data-theme="dark"] [class*="tw-text-gray-8"], [data-theme="dark"] [class*="tw-text-gray-7"],
[data-theme="dark"] .text-gray-900, [data-theme="dark"] .text-gray-800, [data-theme="dark"] .text-gray-700 { color: #F8FAFC !important }
[data-theme="dark"] .tw-text-gray-600, [data-theme="dark"] .tw-text-gray-500 { color: #CBD5E1 !important }
[data-theme="dark"] .tw-text-gray-400, [data-theme="dark"] .tw-text-gray-300 { color: #94A3B8 !important }

[data-theme="dark"] a:not(.theme-btn-bg):not(.tw-bg-indigo-500):not(.btn) { color: #60A5FA !important }

[data-theme="dark"] table, [data-theme="dark"] .table, [data-theme="dark"] .table-striped, [data-theme="dark"] .dataTable { background-color: #1E293B !important; color: #F8FAFC !important }
[data-theme="dark"] table th, [data-theme="dark"] .table th, [data-theme="dark"] .dataTable thead th { background-color: #334155 !important; color: #F8FAFC !important; border-color: #475569 !important }
[data-theme="dark"] table td, [data-theme="dark"] .table td, [data-theme="dark"] .dataTable td { background-color: #1E293B !important; color: #F8FAFC !important; border-color: #334155 !important }
[data-theme="dark"] table tr:nth-child(even) td, [data-theme="dark"] .table-striped tbody tr:nth-of-type(even) { background-color: #273548 !important }

[data-theme="dark"] input:not([type="submit"]):not(.btn), [data-theme="dark"] textarea, [data-theme="dark"] select, [data-theme="dark"] .form-control { background-color: #1E293B !important; border-color: #475569 !important; color: #F8FAFC !important }
[data-theme="dark"] input::placeholder, [data-theme="dark"] textarea::placeholder { color: #94A3B8 !important }

[data-theme="dark"] .tw-dw-dropdown-content, [data-theme="dark"] .dropdown-menu, [data-theme="dark"] .h360-user-menu-panel,
[data-theme="dark"] .h360-actions-menu-panel { background-color: #1E293B !important; border-color: #334155 !important; color: #F8FAFC !important }
[data-theme="dark"] .tw-dw-dropdown-content a, [data-theme="dark"] .dropdown-menu a { color: #CBD5E1 !important }
[data-theme="dark"] .tw-dw-dropdown-content a:hover, [data-theme="dark"] .dropdown-menu a:hover { background-color: #334155 !important; color: #F8FAFC !important }

[data-theme="dark"] .main-sidebar, [data-theme="dark"] .sidebar, [data-theme="dark"] .tw-bg-sidebar, [data-theme="dark"] aside.main-sidebar { background-color: #0F172A !important; color: #F8FAFC !important }
[data-theme="dark"] .sidebar-menu li a, [data-theme="dark"] .sidebar-menu .treeview-menu li a, [data-theme="dark"] .nav-sidebar .nav-link { color: #CBD5E1 !important }
[data-theme="dark"] .sidebar-menu li.active > a, [data-theme="dark"] .nav-sidebar .nav-link.active { background-color: #1E293B !important; color: #F8FAFC !important }

[data-theme="dark"] .tw-border, [data-theme="dark"] .tw-border-gray-200, [data-theme="dark"] .tw-border-gray-100,
[data-theme="dark"] [class*="tw-border-gray"] { border-color: #334155 !important }
[data-theme="dark"] hr, [data-theme="dark"] .tw-divide-gray-200 > * { border-color: #334155 !important }

[data-theme="dark"] .modal-content, [data-theme="dark"] .tw-modal, [data-theme="dark"] .modal-dialog .modal-content { background-color: #1E293B !important; color: #F8FAFC !important }
[data-theme="dark"] .modal-header, [data-theme="dark"] .modal-footer { border-color: #334155 !important }

[data-theme="dark"] .content-wrapper, [data-theme="dark"] .content, [data-theme="dark"] main.content { background-color: #0F172A !important; color: #F8FAFC !important }
[data-theme="dark"] .content-header { background-color: #0F172A !important }

[data-theme="dark"] .label-default, [data-theme="dark"] .badge { background-color: #334155 !important; color: #F8FAFC !important }

[data-theme="dark"] .h360-main-header { background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%) !important; border-bottom-color: #334155 !important }
[data-theme="dark"] .theme-btn-bg { background-color: #334155 !important }
[data-theme="dark"] .theme-btn-bg:hover { background-color: #475569 !important }
[data-theme="dark"] .theme-header-bg { background-image: linear-gradient(135deg, #1E293B 0%, #0F172A 100%) !important }