/* Shared card spacing and card state helpers. */

.card-stack {
    display: grid;
    gap: var(--spacing-lg);
}

.card-muted {
    background: var(--gray-50);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius);
}

.card-danger {
    background: var(--danger-light);
    border-color: rgba(211, 69, 69, 0.28);
}

.analytics-meta {
    color: var(--gray-500);
    display: block;
    font-size: var(--font-size-sm);
    margin-top: 0.25rem;
}

.status-badge {
    align-items: center;
    background: var(--gray-100);
    border: 1px solid var(--border-color);
    border-radius: var(--border-radius-sm);
    color: var(--gray-700);
    display: inline-flex;
    font-size: var(--font-size-xs);
    font-weight: 800;
    line-height: 1.2;
    padding: 0.3rem 0.55rem;
    white-space: nowrap;
}

.status-badge-success {
    background: var(--success-light);
    border-color: rgba(14, 111, 92, 0.22);
    color: var(--success-dark);
}

.status-badge-warning {
    background: var(--warning-light);
    border-color: rgba(216, 154, 29, 0.25);
    color: var(--warning-dark);
}

.status-badge-danger {
    background: var(--danger-light);
    border-color: rgba(201, 74, 58, 0.22);
    color: var(--danger-dark);
}

.status-badge-info {
    background: var(--info-light);
    border-color: rgba(45, 111, 159, 0.22);
    color: #164769;
}