/* ==========================================
   BADGE
========================================== */

.badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:8px 16px;
    border-radius:999px;
    font-size:13px;
    font-weight:600;
    color:#fff;
    white-space:nowrap;
    line-height:1;
}

/* ==========================================
   PRIMARY
========================================== */

.badge-primary{
    background:#3366ff;
}

/* ==========================================
   SUCCESS
========================================== */

.badge-success{
    background:#10b981;
}

/* ==========================================
   WARNING
========================================== */

.badge-warning{
    background:#f59e0b;
}

/* ==========================================
   DANGER
========================================== */

.badge-danger{
    background:#ef4444;
}

/* ==========================================
   INFO
========================================== */

.badge-info{
    background:#3b82f6;
}

/* ==========================================
   SECONDARY
========================================== */

.badge-secondary{
    background:#64748b;
}

/* ==========================================
   LIGHT BADGE
========================================== */

.badge-light{
    background:#eef4ff;
    color:#3366ff;
    border:1px solid #dbe7ff;
}

/* ==========================================
   STATUS SURAT
========================================== */

.status-menunggu{
    background:#f59e0b;
}

.status-disposisi{
    background:#3b82f6;
}

.status-distribusi{
    background:#3366ff;
}

.status-arsip{
    background:#10b981;
}

.status-ditolak{
    background:#ef4444;
}

/* ==========================================
   SIFAT SURAT
========================================== */

.sifat-sangat-segera{
    background:#ef4444;
}

.sifat-segera{
    background:#f59e0b;
}

.sifat-rahasia{
    background:#3366ff;
}
/* ==========================================
   LEGACY CLASS ALIASES USED BY PHP PAGES
========================================== */

.badge-green{
    background:#10b981;
}

.badge-red{
    background:#ef4444;
}

.badge-yellow{
    background:#f59e0b;
}

.badge-blue{
    background:#3b82f6;
}

.sangat,
.sifat-sangat-segera{
    background:#ef4444;
}

.segera,
.sifat-segera{
    background:#f59e0b;
}

.rahasia,
.sifat-rahasia{
    background:#3366ff;
}