/* static/css/pipeline_theme.css */

/* --- Header Color Coding --- */
[data-column-id="scheduled"] .column-header { background-color: var(--surface-alt); color: var(--text-muted); }
[data-column-id="pending-container"] > .column-header { background-color: var(--warning-light); color: var(--warning-text); }
[data-column-id="queue"] .column-header { background-color: var(--accent-light); color: var(--accent-text); }
.sub-section[data-section="sent"] .column-header { background-color: var(--success-light); color: var(--success-text); }
.sub-section[data-section="recent_failed"] .column-header { background-color: var(--danger-light); color: var(--danger-text); }

/* --- Hotel Group Color Palette --- */
:root {
    --hg-color-1-glass: rgba(53, 117, 220, 0.08);
    --hg-color-2-glass: rgba(20, 145, 67, 0.08);
    --hg-color-3-glass: rgba(224, 104, 20, 0.08);
    --hg-color-4-glass: rgba(125, 82, 222, 0.08);
    --hg-color-5-glass: rgba(212, 65, 136, 0.08);
    --hg-color-6-glass: rgba(18, 166, 149, 0.08);
    --hg-color-7-glass: rgba(209, 161, 7, 0.08);
    --hg-color-8-glass: rgba(100, 116, 139, 0.08);
}
body.dark {
    --hg-color-1-glass: rgba(59, 91, 140, 0.12);
    --hg-color-2-glass: rgba(48, 122, 80, 0.12);
    --hg-color-3-glass: rgba(140, 90, 50, 0.12);
    --hg-color-4-glass: rgba(90, 75, 140, 0.12);
    --hg-color-5-glass: rgba(140, 65, 104, 0.12);
    --hg-color-6-glass: rgba(46, 140, 128, 0.12);
    --hg-color-7-glass: rgba(140, 127, 50, 0.12);
    --hg-color-8-glass: rgba(90, 100, 116, 0.12);
}

/* --- Color Assignments --- */
.email-card.hg-color-1 { border-left-color: var(--hg-color-1-solid); }
.hg-group.hg-color-1 { background-color: var(--hg-color-1-glass); }
.hg-group.hg-color-1 .hg-header { background-color: var(--hg-color-1-solid); }

.email-card.hg-color-2 { border-left-color: var(--hg-color-2-solid); }
.hg-group.hg-color-2 { background-color: var(--hg-color-2-glass); }
.hg-group.hg-color-2 .hg-header { background-color: var(--hg-color-2-solid); }

.email-card.hg-color-3 { border-left-color: var(--hg-color-3-solid); }
.hg-group.hg-color-3 { background-color: var(--hg-color-3-glass); }
.hg-group.hg-color-3 .hg-header { background-color: var(--hg-color-3-solid); }

.email-card.hg-color-4 { border-left-color: var(--hg-color-4-solid); }
.hg-group.hg-color-4 { background-color: var(--hg-color-4-glass); }
.hg-group.hg-color-4 .hg-header { background-color: var(--hg-color-4-solid); }

.email-card.hg-color-5 { border-left-color: var(--hg-color-5-solid); }
.hg-group.hg-color-5 { background-color: var(--hg-color-5-glass); }
.hg-group.hg-color-5 .hg-header { background-color: var(--hg-color-5-solid); }

.email-card.hg-color-6 { border-left-color: var(--hg-color-6-solid); }
.hg-group.hg-color-6 { background-color: var(--hg-color-6-glass); }
.hg-group.hg-color-6 .hg-header { background-color: var(--hg-color-6-solid); }

.email-card.hg-color-7 { border-left-color: var(--hg-color-7-solid); }
.hg-group.hg-color-7 { background-color: var(--hg-color-7-glass); }
.hg-group.hg-color-7 .hg-header { background-color: var(--hg-color-7-solid); }

.email-card.hg-color-8 { border-left-color: var(--hg-color-8-solid); }
.hg-group.hg-color-8 { background-color: var(--hg-color-8-glass); }
.hg-group.hg-color-8 .hg-header { background-color: var(--hg-color-8-solid); }

.hg-group[class*="hg-color-"] .hg-header .hg-count {
    background-color: rgba(0,0,0,0.2);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.2);
}