/**
 * badges.css
 * Reusable badge components for status indicators in DataTable columns and elsewhere.
 *
 * Use badge-bool-yes / badge-bool-no  → for boolean (active/inactive, yes/no) columns
 * Use badge-status-*                  → for named status values
 */

/* --------------------------------------------------------------------------
   Boolean badges — boolean_icon() helper output
   -------------------------------------------------------------------------- */

.badge-bool-yes,
.badge-bool-no {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 6px;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.badge-bool-yes {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.badge-bool-no {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

/* --------------------------------------------------------------------------
   Generic status badges
   -------------------------------------------------------------------------- */

.badge-status {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 3px 10px;
    font-size: 0.72rem;
    font-weight: 600;
    border-radius: 6px;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.badge-status-success {
    background: #f0fdf4;
    color: #15803d;
    border: 1px solid #bbf7d0;
}

.badge-status-danger {
    background: #fef2f2;
    color: #b91c1c;
    border: 1px solid #fecaca;
}

.badge-status-warning {
    background: #fffbeb;
    color: #92400e;
    border: 1px solid #fde68a;
}

.badge-status-info {
    background: #eff6ff;
    color: #1d4ed8;
    border: 1px solid #bfdbfe;
}

.badge-status-neutral {
    background: #f8fafc;
    color: #475569;
    border: 1px solid #cbd5e1;
}