/* ============================================================================
   EMPTY STATE
   The "nothing here yet" block used by list pages and dashboard panels:
   centred, muted text with a large faded leading icon.
   Consolidated from theme-override.css (app layer). No vendor (theme.css) or
   bootstrap.min.css rules touch these selectors, so this file is the only
   definition.
   Values are the resolved cascade result as of the consolidation — no
   intended visual change.
   ============================================================================ */

.empty-state {
    padding: 3rem 1rem;
    text-align: center;
    color: var(--text-muted);
}

.empty-state > i {
    font-size: 3rem;
    margin-bottom: 1rem;
    opacity: 0.5;
}


/* Card variant: the empty state as its own surface, for list pages that have
   dropped their Bootstrap `.card` wrapper and need the "nothing here" block to
   still read as a panel rather than as bare text on the page. */
.empty-state-card {
    background: var(--bg-surface);
    border: 1px solid var(--card-border);
    border-radius: 10px;
    padding: 3.5rem 1.5rem;
}

.empty-state-title {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--text-tertiary);
}

.empty-state-subtitle {
    font-size: 0.875rem;
    color: var(--text-muted);
}