/* Custom Badge Styles */
.custom-badge {
    display: inline-flex;
    /* align-items: center;
    justify-content: center; */
    text-align: left !important;
    padding: 0.35em 0.65em;
    font-size: 0.8em;
    font-weight: 600 !important;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.3em;
    /* min-width: 55px; */

    --vz-badge-padding-x: 0.6em;
    --vz-badge-padding-y: 0.5em;
    --vz-badge-font-size: 0.8em;
    --vz-badge-font-weight: 500;
    --vz-badge-color: #fff;
    --vz-badge-border-radius: 0.6em;
    display: inline-block !important;
    padding: var(--vz-badge-padding-y) var(--vz-badge-padding-x);
    xpadding: 0.3em 0.6em !important;
    font-size: var(--vz-badge-font-size);
    font-weight: var(--vz-badge-font-weight);
    line-height: 1;
    margin-right: 5px;
}

.custom-badge-small {
    padding: 0.35em 0.65em !important;
    font-size: 0.8em !important;
    font-weight: 600 !important;
}

.custom-badge-rounded {
    border-radius: 1rem !important;
    xborder-radius: 6px !important;
    xpadding-left: 0.8em;
    xpadding-right: 0.8em;
}

/* Base link behavior reset if used on <a> tags */
a.custom-badge:hover,
a.custom-badge:focus {
    text-decoration: none;
    xcolor: #fff;
    opacity: 0.95;
}

/* Palette */
/* Index 1: #465a9b - Primary/Blue */
.custom-badge-1 {
    background-color: #465a9b;
}

/* Index 2: #0ab39c - Success/Teal */
.custom-badge-2 {
    background-color: #0ab39c;
}

/* Index 3: #0e8ed9 - Info/SkyBlue */
.custom-badge-3 {
    background-color: #0e8ed9;
}

/* Index 4: #ee9f23 - Warning/Orange */
.custom-badge-4 {
    background-color: #ee9f23;
}

/* Index 5: #f06548 - Danger/Red */
.custom-badge-5 {
    background-color: #f06548;
}

/* Semantic Aliases */
.custom-badge-primary {
    background-color: #465a9b;
}

.custom-badge-success {
    background-color: #0ab39c;
}

.custom-badge-info {
    background-color: #0e8ed9;
}

.custom-badge-warning {
    background-color: #ee9f23;
}

.custom-badge-danger {
    background-color: #f06548;
}


.xcustom-badge {
    display: inline-flex;
    align-items: center;
    padding: 0.25em 0.5em;
    font-size: 0.85em;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.xcustom-badge-rounded {
    border-radius: 9999px;
}

/* Solid Colors */
.xcustom-badge-primary {
    background-color: #465a9b;
    color: #ffffff;
    border: 1px solid #465a9b;
}

.xcustom-badge-success {
    background-color: #0ab39c;
    color: #ffffff;
    border: 1px solid #0ab39c;
}

.custom-badge-info {
    background-color: #0e8ed9;
    color: #ffffff;
    border: 1px solid #0e8ed9;
}

.custom-badge-warning {
    background-color: #ee9f23;
    color: #ffffff;
    border: 1px solid #ee9f23;
}

.custom-badge-danger {
    background-color: #f06548;
    color: #ffffff;
    border: 1px solid #f06548;
}

/* Default / Neutral */
.custom-badge-default {
    background-color: #6c757d;
    color: #ffffff;
    border: 1px solid #6c757d;
}

/* Soft Colors */
.custom-badge-soft-success {
    background: #f0fdf4;
    color: #16a34a;
    border: 1px solid #bbf7d0;
}

.custom-badge-soft-info {
    background: #e0f2fe;
    color: #0284c7;
    border: 1px solid #bae6fd;
}

.custom-badge-soft-danger {
    background: #fee2e2;
    color: #dc2626;
    border: 1px solid #fecaca;
}

.custom-badge-soft-warning {
    background: #fef3c7;
    color: #d97706;
    border: 1px solid #fde68a;
}

.custom-badge-soft-primary {
    background: #dbeafe;
    color: #2563eb;
    border: 1px solid #bfdbfe;
}

.custom-badge-soft-default {
    background: #f1f3f5;
    color: #495057;
    border: 1px solid #dee2e6;
}