.custom-badge {
    padding: 0.55em 0.9em;
    font-size: 0.75em;
    font-weight: 700;
    color: #fff;
    border-radius: 0.45rem;
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    text-transform: uppercase;
    cursor: default;
}

.custom-badge-primary {
    color: rgb(119, 39, 180); /* Deep muted violet */
    background-color: rgb(232, 222, 250); /* Soft violet/lavender background */
}

.custom-badge-secondary {
    color: rgb(92, 107, 192); /* Muted Slate Blue */
    background-color: rgb(227, 230, 249); /* Lighter Slate Blue Background */
}

.custom-badge-info {
    color: rgb(8.5428571429, 90.5932038835, 198.4571428571);
    background-color: rgb(174.3047619048, 205.6666666667, 246.8952380952);
}

.custom-badge-success {
    color: rgb(50.5577689243, 149.4422310757, 54.5531007284);
    background-color: rgb(188.2071713147, 225.9928286853, 189.7338645418);
}

.custom-badge-danger {
    color: rgb(245.5957746479, 18.3763807979, 0.4042253521);
    background-color: rgb(252.4281690141, 211.0450704225, 207.7718309859);
}

.custom-badge-warning {
    color: rgb(200, 111.5537848606, 0);
    background-color: rgb(255, 212.6342629482, 159.2);
}

.custom-badge-dark {
    color: rgb(0, 0, 0);
    background-color: rgb(202, 202, 202);
}

.custom-badge-accent {
    color: rgb(120, 53, 15); /* Warm brown/amber */
    background-color: rgb(254, 243, 199); /* Soft amber background */
}

.custom-badge-muted {
    color: rgb(100, 116, 139); /* Slate-500 */
    background-color: rgb(248, 250, 252); /* Very light slate */
}

.custom-badge-indigo {
    color: rgb(67, 56, 202); /* Deep indigo */
    background-color: rgb(224, 231, 255); /* Light indigo background */
}

.custom-badge-teal {
    color: rgb(13, 148, 136); /* Muted teal */
    background-color: rgb(204, 251, 241); /* Soft teal background */
}

.custom-badge-cyan {
    color: rgb(14, 116, 144); /* Deep cyan */
    background-color: rgb(207, 250, 254); /* Light cyan background */
}

.custom-badge-orange {
    color: rgb(194, 65, 12); /* Deep orange */
    background-color: rgb(255, 237, 213); /* Soft orange background */
}

.custom-badge-emerald {
    color: rgb(5, 150, 105); /* Rich emerald */
    background-color: rgb(209, 250, 229); /* Light emerald background */
}

.custom-badge-rose {
    color: rgb(255, 48, 93);
    background-color: rgb(246, 198, 209);
}

.custom-badge-zinc {
    color: oklch(37% 0.013 285.805);
    background-color: oklch(92% 0.004 286.32);
}

.cursor-pointer {
    cursor: pointer;
}

.icon-primary-hover:hover {
    color: rgb(119, 39, 180);
}

.custom-alert {
    position: relative;
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid transparent;
    font-size: 0.95rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.custom-alert-primary {
    color: rgb(119, 39, 180);
    background-color: rgb(232, 222, 250);
    border-color: rgb(232, 222, 250);
}

.custom-alert-secondary {
    color: rgb(92, 107, 192);
    background-color: rgb(227, 230, 249);
    border-color: rgb(227, 230, 249);
}

.custom-alert-info {
    color: rgb(8.54, 90.59, 198.46);
    background-color: rgb(174.3, 205.67, 246.9);
    border-color: rgb(174.3, 205.67, 246.9);
}

.custom-alert-success {
    color: rgb(50.56, 149.44, 54.55);
    background-color: rgb(188.21, 225.99, 189.73);
    border-color: rgb(188.21, 225.99, 189.73);
}

.custom-alert-danger {
    color: rgb(245.6, 18.38, 0.4);
    background-color: rgb(252.43, 211.05, 207.77);
    border-color: rgb(252.43, 211.05, 207.77);
}

.custom-alert-warning {
    color: rgb(200, 111.55, 0);
    background-color: rgb(255, 212.63, 159.2);
    border-color: rgb(255, 212.63, 159.2);
}

.custom-alert-dark {
    color: rgb(0, 0, 0);
    background-color: rgb(202, 202, 202);
    border-color: rgb(202, 202, 202);
}

.custom-alert-accent {
    color: rgb(120, 53, 15);
    background-color: rgb(254, 243, 199);
    border-color: rgb(254, 243, 199);
}

.custom-alert-muted {
    color: rgb(100, 116, 139);
    background-color: rgb(248, 250, 252);
    border-color: rgb(248, 250, 252);
}

.custom-alert-indigo {
    color: rgb(67, 56, 202);
    background-color: rgb(224, 231, 255);
    border-color: rgb(224, 231, 255);
}

.custom-alert-teal {
    color: rgb(13, 148, 136);
    background-color: rgb(204, 251, 241);
    border-color: rgb(204, 251, 241);
}

.custom-alert-cyan {
    color: rgb(14, 116, 144);
    background-color: rgb(207, 250, 254);
    border-color: rgb(207, 250, 254);
}

.custom-alert-orange {
    color: rgb(194, 65, 12);
    background-color: rgb(255, 237, 213);
    border-color: rgb(255, 237, 213);
}

.custom-alert-emerald {
    color: rgb(5, 150, 105);
    background-color: rgb(209, 250, 229);
    border-color: rgb(209, 250, 229);
}

.custom-alert-rose {
    color: rgb(255, 48, 93);
    background-color: rgb(246, 198, 209);
    border-color: rgb(246, 198, 209);
}

.custom-alert-zinc {
    color: oklch(37% 0.013 285.805);
    background-color: oklch(92% 0.004 286.32);
    border-color: oklch(92% 0.004 286.32);
}