/**
 * Light Theme Overrides for Work Item Manager
 * Overrides --btn-* tokens for light appearance.
 * Uses token overrides instead of !important hacks.
 */

/* ================================================================
   Light Theme Token Overrides — all buttons adapt automatically
   ================================================================ */
body.theme-light-clean.feature-workitemmanager .pref_workitemmanager {
    /* Base button tokens for light theme */
    --btn-bg: #ffffff;
    --btn-bg-hover: #f8f9fa;
    --btn-text: #2c3e50;
    --btn-border: #e1e4e8;
    --btn-border-hover: #d1d5db;

    /* Primary stays blue */
    --btn-primary-bg: #3b82f6;
    --btn-primary-bg-hover: #2563eb;
    --btn-primary-text: #ffffff;

    /* Danger */
    --btn-danger-bg: #ef4444;
    --btn-danger-bg-hover: #dc2626;
    --btn-danger-text: #ffffff;
    --btn-danger-border: #ef4444;

    /* Active / selected */
    --btn-active-bg: #2c3e50;
    --btn-active-text: #ffffff;
    --btn-active-border: #2c3e50;
    --btn-active-shadow: none;

    /* Select dropdown arrow for light bg */
    --select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2 4l4 4 4-4z'/%3E%3C/svg%3E");
}

/* ================================================================
   Toolbar background in light theme
   ================================================================ */
body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .main-toolbar {
    background: #f1f3f5 !important;
    border-bottom: 1px solid #e1e4e8 !important;
}

/* ================================================================
   View switcher container
   ================================================================ */
body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .view-switcher {
    background: #ffffff !important;
    border-color: #e1e4e8 !important;
}

/* ================================================================
   Icon colors for light theme buttons
   ================================================================ */
body.theme-light-clean.feature-workitemmanager .pref_workitemmanager .btn i {
    color: #6b7280;
}

body.theme-light-clean.feature-workitemmanager .pref_workitemmanager .btn:hover i {
    color: #2c3e50;
}

/* Active state icons stay white */
body.theme-light-clean.feature-workitemmanager .pref_workitemmanager .btn.active i,
body.theme-light-clean.feature-workitemmanager .pref_workitemmanager .btn-primary i,
body.theme-light-clean.feature-workitemmanager .pref_workitemmanager .app-btn-primary i {
    color: #ffffff;
}

/* ================================================================
   Filter button
   ================================================================ */
body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .filter-button-container
    .filter-btn.active {
    background: #3b82f6 !important;
    color: #ffffff !important;
    border-color: #3b82f6 !important;
}

/* ================================================================
   Search box in light theme
   ================================================================ */
body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .search-box
    input {
    background: #ffffff !important;
    border-color: #e1e4e8 !important;
    color: #2c3e50 !important;
}

body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .search-box
    i {
    color: #6b7280 !important;
}

/* ================================================================
   Column header elements in light theme
   ================================================================ */

/* Work item count badge */
body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .workItem-count,
body.theme-light-clean.feature-workitemmanager .workItem-count {
    background: #e5e7eb !important;
    color: #1f2937 !important;
}

/* Column header add button — dark blue */
body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .column-header
    .add-workItem-btn {
    background: #1e40af !important;
    color: #ffffff !important;
    border-color: #1e40af !important;
}

body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .column-header
    .add-workItem-btn:hover {
    background: #1e3a8a !important;
    border-color: #1e3a8a !important;
}

body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .column-header
    .add-workItem-btn i {
    color: #ffffff !important;
}

/* Column header text */
body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .column-header
    h3,
body.theme-light-clean.feature-workitemmanager .column-header h3 {
    color: #1f2937 !important;
}

/* ================================================================
   Icon button overrides (list view action buttons)
   ================================================================ */
body.theme-light-clean.feature-workitemmanager .pref_workitemmanager .btn-icon {
    background: #ffffff;
    border-color: #e1e4e8;
    color: #6b7280;
}

body.theme-light-clean.feature-workitemmanager
    .pref_workitemmanager
    .btn-icon:hover {
    background: #f8f9fa;
    color: #2c3e50;
}