/* ==========================================================
   jobs.css — Jobs page-specific styles
   ========================================================== */

/* --------------------------------------------------------
   Empty state (no open positions)
   -------------------------------------------------------- */
.jobs-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-md);
    padding: var(--space-3xl) var(--space-lg);
    color: var(--color-text-secondary);
}

.jobs-empty svg {
    color: var(--color-primary);
}

.jobs-empty__title {
    font-size: var(--font-size-h3);
    color: var(--color-text);
}

.jobs-empty__text {
    max-width: var(--text-max-width);
}