/* =========================================
   BADGES / STATUS PILLS
========================================= */

.status-pill,
.badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:32px;
    padding:6px 12px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    letter-spacing:.02em;
    line-height:1;
    border:1px solid transparent;
    white-space:nowrap;
    box-shadow:none;
    backdrop-filter:none;
}

/* ---------- DARK MODE ---------- */

.badge-success{
    color:#d9f5e6;
    background:rgba(46, 160, 96, .18);
    border-color:rgba(46, 160, 96, .34);
}

.badge-warning{
    color:#f7e7b2;
    background:rgba(184, 134, 11, .18);
    border-color:rgba(184, 134, 11, .34);
}

.badge-info{
    color:#d7e7ff;
    background:rgba(52, 120, 199, .20);
    border-color:rgba(52, 120, 199, .36);
}

.badge-review{
    color:#dbe4ff;
    background:rgba(92, 122, 189, .20);
    border-color:rgba(92, 122, 189, .34);
}

.badge-danger{
    color:#ffd9d2;
    background:rgba(184, 107, 75, .18);
    border-color:rgba(184, 107, 75, .34);
}

.badge-muted{
    color:#d5dbe7;
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.14);
}

/* ---------- LIGHT MODE ---------- */

body.light .status-pill,
body.light .badge{
    box-shadow:none;
}

body.light .badge-success{
    color:#21563d;
    background:#dff3e8;
    border-color:#a7d4b8;
}

body.light .badge-warning{
    color:#7a5a12;
    background:#f7ebc8;
    border-color:#dbc07a;
}

body.light .badge-info{
    color:#184f87;
    background:#dbeafe;
    border-color:#a9c4ea;
}

body.light .badge-review{
    color:#425f8d;
    background:#dfe7f5;
    border-color:#afbdd9;
}

body.light .badge-danger{
    color:#8a3d2f;
    background:#f7e2dd;
    border-color:#d9b0a6;
}

body.light .badge-muted{
    color:#556070;
    background:#e6ebf1;
    border-color:#c6d0db;
}

/* =========================================
   CONTEXTOS ESPECIALES
   Mantener mismo tono en tablas y modales
========================================= */

.data-table .status-pill,
.data-table .badge,
.modal-card .status-pill,
.modal-card .badge,
.metric-card .status-pill,
.panel .status-pill{
    box-shadow:none;
    filter:none;
}

/* =========================================
   TAMAÑOS OPCIONALES
========================================= */

.badge-sm{
    min-height:26px;
    padding:4px 10px;
    font-size:11px;
}

.badge-lg{
    min-height:36px;
    padding:8px 14px;
    font-size:13px;
}