/* Custom Badge Styles for Better Text Contrast */

/* Orange badges - better than yellow/warning */
.badge.bg-orange {
    background-color: #fd7e14 !important;
    color: #fff !important;
}

/* Cyan badges - better than light blue/info */
.badge.bg-cyan {
    background-color: #17a2b8 !important;
    color: #fff !important;
}

/* Azure badges - light blue with good contrast */
.badge.bg-azure {
    background-color: #4299e1 !important;
    color: #fff !important;
}

/* Ensure all badges have proper text color */
.badge.bg-primary {
    color: #fff !important;
}

.badge.bg-secondary {
    color: #fff !important;
}

.badge.bg-success {
    color: #fff !important;
}

.badge.bg-danger {
    color: #fff !important;
}

.badge.bg-warning {
    background-color: #fd7e14 !important;
    color: #fff !important;
}

.badge.bg-info {
    background-color: #17a2b8 !important;
    color: #fff !important;
}

.badge.bg-light {
    color: #1e293b !important;
}

.badge.bg-dark {
    color: #fff !important;
}

/* Badge sizes */
.badge.badge-lg {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
}

.badge.badge-sm {
    padding: 0.125rem 0.375rem;
    font-size: 0.75rem;
}

/* Ghost Button Styles */
.btn-ghost-primary {
    color: #206bc4;
    background-color: transparent;
    border-color: transparent;
}

.btn-ghost-primary:hover {
    color: #fff;
    background-color: #206bc4;
    border-color: #206bc4;
}

.btn-ghost-warning {
    color: #f59f00;
    background-color: transparent;
    border-color: transparent;
}

.btn-ghost-warning:hover {
    color: #fff;
    background-color: #f59f00;
    border-color: #f59f00;
}

.btn-ghost-danger {
    color: #d63939;
    background-color: transparent;
    border-color: transparent;
}

.btn-ghost-danger:hover {
    color: #fff;
    background-color: #d63939;
    border-color: #d63939;
}

.btn-ghost-success {
    color: #2fb344;
    background-color: transparent;
    border-color: transparent;
}

.btn-ghost-success:hover {
    color: #fff;
    background-color: #2fb344;
    border-color: #2fb344;
}

.btn-ghost-info {
    color: #4299e1;
    background-color: transparent;
    border-color: transparent;
}

.btn-ghost-info:hover {
    color: #fff;
    background-color: #4299e1;
    border-color: #4299e1;
}