/* Hidden Factory custom styles */

/* Stage collapse/expand */
.stage-cards { transition: max-height 0.2s ease; }
.stage-collapsed .stage-cards { max-height: 0; overflow: hidden; padding: 0; }
.stage-collapsed .stage-chevron { transform: rotate(0deg); }
.stage-chevron { transform: rotate(90deg); }

/* Card section tabs */
.section-tab.active {
    color: var(--hf-accent, #60a5fa);
    border-bottom-color: var(--hf-accent, #60a5fa);
}

/* Priority colors */
.priority-dot-regular { background-color: #22c55e; }
.priority-dot-expedited { background-color: #eab308; }
.priority-dot-express { background-color: #ef4444; }

.priority-badge-regular { background-color: rgba(34, 197, 94, 0.2); color: #4ade80; }
.priority-badge-expedited { background-color: rgba(234, 179, 8, 0.2); color: #facc15; }
.priority-badge-express { background-color: rgba(239, 68, 68, 0.2); color: #f87171; }

/* Pipeline card rows — alternating background + hover */
.pipeline-card-row:nth-child(even) {
    background-color: color-mix(in srgb, var(--hf-surface-hover) 40%, transparent);
}
.pipeline-card-row:hover {
    background-color: var(--hf-surface-hover) !important;
}

/* HTMX loading indicator */
.htmx-indicator { opacity: 0; transition: opacity 200ms; }
.htmx-request .htmx-indicator { opacity: 1; }
.htmx-request.htmx-indicator { opacity: 1; }

/* Flatpickr dark theme overrides */
.flatpickr-input.form-control,
.flatpickr-alt-input {
    background-color: rgb(55 65 81); /* gray-700 */
    color: white;
}