/**
 * Voizend Infinity — paleta del modal «Programar tandas»
 * Armoniza azul primario, advertencias y estados con las variables del tema.
 */
.vi-alarm-modal {
    background: var(--surface);
    border-color: var(--border-strong);
}

.vi-alarm-modal-head {
    border-bottom: 1px solid var(--border);
}

.vi-alarm-title-icon {
    filter: none;
    opacity: 0.85;
}

.vi-alarm-subtitle strong {
    color: var(--text-secondary);
    font-weight: 600;
}

.vi-alarm-section-saved {
    border-top-color: var(--border-strong);
}

.vi-alarm-slot {
    background: var(--surface-active);
    border-color: var(--border-strong);
}

.vi-alarm-slot-ring {
    background: var(--accent-soft);
    color: var(--link-hover);
}

.vi-alarm-slot-fields {
    color-scheme: dark;
}

[data-theme="light"] .vi-alarm-slot-fields {
    color-scheme: light;
}

.vi-alarm-time,
.vi-alarm-date {
    color: var(--text);
}

.vi-alarm-time:focus,
.vi-alarm-date:focus {
    outline: none;
}

.vi-alarm-time::-webkit-calendar-picker-indicator,
.vi-alarm-date::-webkit-calendar-picker-indicator {
    filter: opacity(0.65);
    cursor: pointer;
}

[data-theme="light"] .vi-alarm-time::-webkit-calendar-picker-indicator,
[data-theme="light"] .vi-alarm-date::-webkit-calendar-picker-indicator {
    filter: none;
}

.vi-alarm-add-btn {
    color: var(--accent);
}

.vi-alarm-add-btn:hover {
    color: var(--link-hover);
}

.vi-alarm-add-icon {
    background: var(--accent-soft);
    color: var(--accent);
}

.vi-alarm-list {
    background: var(--surface-active);
    border-color: var(--border-strong);
}

.vi-alarm-item {
    border-bottom-color: var(--border);
}

.vi-alarm-item-time {
    color: var(--text);
}

.vi-alarm-item-note {
    color: var(--warn-text);
}

.vi-alarm-chip--pending {
    background: var(--warn-soft);
    color: var(--warn-text);
}

.vi-alarm-chip--executing {
    background: var(--violet-soft);
    color: var(--violet-text);
}

.vi-alarm-chip--done {
    background: var(--ok-soft);
    color: var(--pill-running-fg);
}

.vi-alarm-chip--skipped {
    background: var(--chart-desvio-soft);
    color: var(--chart-desvio);
}

.vi-alarm-chip--cancelled {
    background: var(--chart-cancelled-soft);
    color: var(--chart-cancelled);
}

.vi-alarm-modal-foot .vi-btn-ok {
    background: var(--accent);
    color: var(--on-accent);
    box-shadow: 0 1px 2px var(--accent-glow);
}

.vi-alarm-modal-foot .vi-btn-ok:hover {
    background: var(--accent-hover);
}

.vi-alarm-modal-foot .vi-btn-secondary {
    background: transparent;
    border-color: var(--border-strong);
    color: var(--text-secondary);
}

.vi-alarm-modal-foot .vi-btn-secondary:hover {
    background: var(--surface-hover);
    color: var(--text);
}