/* ==========================================================
   FINOVA ACCOUNTING SYSTEM
   GLOBAL BADGE COMPONENT
========================================================== */

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

.badge{

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:6px;

    padding:6px 12px;

    border-radius:999px;

    font-size:12px;

    font-weight:600;

    line-height:1;

    white-space:nowrap;

    transition:all .2s ease;

}

.badge i{

    font-size:11px;

}

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

.badge-success{

    color:#198754;
    background:#EAF7EF;
    border:1px solid #CFE9D8;

}

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

.badge-danger{

    color:#DC3545;
    background:#FDECEC;
    border:1px solid #F7D0D4;

}

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

.badge-warning{

    color:#B7791F;
    background:#FFF8E5;
    border:1px solid #FFE6A8;

}

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

.badge-info{

    color:#0D6EFD;
    background:#E8F2FF;
    border:1px solid #CFE0FF;

}

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

.badge-secondary{

    color:#6C757D;
    background:#F3F4F6;
    border:1px solid #DEE2E6;

}

/* ==========================================================
   HOVER
========================================================== */

.badge:hover{

    transform:translateY(-1px);

}