/* ============================================================================
   THEME OVERRIDES — Debug Overlay
   ============================================================================ */

/* ============================================================================
   DEBUG OVERLAY — Light Theme
   ============================================================================ */

.theme-light .debug-panel        { background: white !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3) !important; }
.theme-light .debug-header       { background: #F9FAFB !important; border-bottom-color: #E5E7EB !important; }
.theme-light .debug-header h4    { color: #111827 !important; }
.theme-light .debug-actions button { background: white !important; border-color: #E5E7EB !important; color: #6B7280 !important; }
.theme-light .debug-actions button:hover { background: #F3F4F6 !important; color: #111827 !important; }
.theme-light .debug-tabs         { background: #F9FAFB !important; border-bottom-color: #E5E7EB !important; }
.theme-light .debug-tab          { color: #6B7280 !important; }
.theme-light .debug-tab:hover    { background: #F3F4F6 !important; color: #111827 !important; }
.theme-light .debug-tab-active   { color: #667eea !important; background: white !important; border-bottom-color: #667eea !important; }
.theme-light .debug-content      { background: white !important; }
.theme-light .debug-tab-content h3 { color: #111827 !important; }
.theme-light .debug-table thead tr  { background: #F9FAFB !important; border-bottom-color: #E5E7EB !important; }
.theme-light .debug-table th     { color: #6B7280 !important; }
.theme-light .debug-table td     { color: #374151 !important; border-bottom-color: #F3F4F6 !important; }
.theme-light .debug-table tbody tr:hover { background: #F9FAFB !important; }
.theme-light .debug-stat-card    { background: #F9FAFB !important; border-color: #E5E7EB !important; }
.theme-light .debug-stat-label   { color: #6B7280 !important; }
.theme-light .debug-stat-value   { color: #111827 !important; }
.theme-light .debug-subtab       { background: #F3F4F6 !important; border-color: #E5E7EB !important; color: #6B7280 !important; }
.theme-light .debug-subtab:hover { background: #E5E7EB !important; }
.theme-light .debug-subtab-active { background: #667eea !important; color: white !important; border-color: #667eea !important; }
.theme-light .debug-tips         { background: #EFF6FF !important; border-color: #DBEAFE !important; color: #1E40AF !important; }
.theme-light .debug-alerts       { background: #FEF3C7 !important; border-color: #FDE68A !important; color: #92400E !important; }
.theme-light .debug-tab-header   { color: #111827 !important; background: #F9FAFB !important; }
.theme-light .debug-section-title { color: #374151 !important; border-bottom-color: #E5E7EB !important; }

/* ============================================================================
   DEBUG OVERLAY — Dark Theme
   ============================================================================ */

.theme-dark .debug-panel         { background: #1F2937 !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important; }
.theme-dark .debug-header        { background: #111827 !important; border-bottom-color: #374151 !important; }
.theme-dark .debug-header h4     { color: #F9FAFB !important; }
.theme-dark .debug-actions button { background: #374151 !important; border-color: #4B5563 !important; color: #D1D5DB !important; }
.theme-dark .debug-actions button:hover { background: #4B5563 !important; color: #F9FAFB !important; }
.theme-dark .debug-tabs          { background: #111827 !important; border-bottom-color: #374151 !important; }
.theme-dark .debug-tab           { color: #9CA3AF !important; }
.theme-dark .debug-tab:hover     { background: #374151 !important; color: #F9FAFB !important; }
.theme-dark .debug-tab-active    { color: #818CF8 !important; background: #1F2937 !important; border-bottom-color: #818CF8 !important; }
.theme-dark .debug-content       { background: #1F2937 !important; }
.theme-dark .debug-tab-content h3 { color: #F9FAFB !important; }
.theme-dark .debug-table thead tr  { background: #111827 !important; border-bottom-color: #374151 !important; }
.theme-dark .debug-table th      { color: #9CA3AF !important; }
.theme-dark .debug-table td      { color: #D1D5DB !important; border-bottom-color: #374151 !important; }
.theme-dark .debug-table tbody tr:hover { background: #374151 !important; }
.theme-dark .debug-stat-card     { background: #111827 !important; border-color: #374151 !important; }
.theme-dark .debug-stat-label    { color: #9CA3AF !important; }
.theme-dark .debug-stat-value    { color: #F9FAFB !important; }
.theme-dark .debug-subtab        { background: #374151 !important; border-color: #4B5563 !important; color: #9CA3AF !important; }
.theme-dark .debug-subtab:hover  { background: #4B5563 !important; }
.theme-dark .debug-subtab-active { background: #818CF8 !important; color: white !important; border-color: #818CF8 !important; }
.theme-dark .debug-tips          { background: #1E3A8A !important; border-color: #1E40AF !important; color: #BFDBFE !important; }
.theme-dark .debug-alerts        { background: #78350F !important; border-color: #92400E !important; color: #FDE68A !important; }
.theme-dark .debug-tab-header    { color: #F9FAFB !important; background: #111827 !important; }
.theme-dark .debug-section-title { color: #D1D5DB !important; border-bottom-color: #374151 !important; }

/* ============================================================================
   DEBUG OVERLAY — Default Theme (OS dark preference)
   ============================================================================ */

@media (prefers-color-scheme: dark) {
    .theme-default .debug-panel         { background: #1F2937 !important; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5) !important; }
    .theme-default .debug-header        { background: #111827 !important; border-bottom-color: #374151 !important; }
    .theme-default .debug-header h4     { color: #F9FAFB !important; }
    .theme-default .debug-actions button { background: #374151 !important; border-color: #4B5563 !important; color: #D1D5DB !important; }
    .theme-default .debug-actions button:hover { background: #4B5563 !important; color: #F9FAFB !important; }
    .theme-default .debug-tabs          { background: #111827 !important; border-bottom-color: #374151 !important; }
    .theme-default .debug-tab           { color: #9CA3AF !important; }
    .theme-default .debug-tab:hover     { background: #374151 !important; color: #F9FAFB !important; }
    .theme-default .debug-tab-active    { color: #818CF8 !important; background: #1F2937 !important; border-bottom-color: #818CF8 !important; }
    .theme-default .debug-content       { background: #1F2937 !important; }
    .theme-default .debug-tab-content h3 { color: #F9FAFB !important; }
    .theme-default .debug-table thead tr  { background: #111827 !important; border-bottom-color: #374151 !important; }
    .theme-default .debug-table th      { color: #9CA3AF !important; }
    .theme-default .debug-table td      { color: #D1D5DB !important; border-bottom-color: #374151 !important; }
    .theme-default .debug-table tbody tr:hover { background: #374151 !important; }
    .theme-default .debug-stat-card     { background: #111827 !important; border-color: #374151 !important; }
    .theme-default .debug-stat-label    { color: #9CA3AF !important; }
    .theme-default .debug-stat-value    { color: #F9FAFB !important; }
    .theme-default .debug-subtab        { background: #374151 !important; border-color: #4B5563 !important; color: #9CA3AF !important; }
    .theme-default .debug-subtab:hover  { background: #4B5563 !important; }
    .theme-default .debug-subtab-active { background: #818CF8 !important; color: white !important; border-color: #818CF8 !important; }
    .theme-default .debug-tips          { background: #1E3A8A !important; border-color: #1E40AF !important; color: #BFDBFE !important; }
    .theme-default .debug-alerts        { background: #78350F !important; border-color: #92400E !important; color: #FDE68A !important; }
    .theme-default .debug-tab-header    { color: #F9FAFB !important; background: #111827 !important; }
    .theme-default .debug-section-title { color: #D1D5DB !important; border-bottom-color: #374151 !important; }
}