/* Small helper utilities used across pages, on top of Bootstrap utilities */

.qb-text-muted {
    color: var(--qb-muted) !important;
}

.qb-text-primary {
    color: var(--qb-primary) !important;
}

.qb-bg-soft {
    background: var(--qb-primary-soft) !important;
}

.qb-gap-xs {
    gap: .35rem !important;
}

.qb-gap-sm {
    gap: .6rem !important;
}

.qb-gap-md {
    gap: 1rem !important;
}

.qb-rounded {
    border-radius: var(--qb-radius) !important;
}

.qb-rounded-sm {
    border-radius: var(--qb-radius-sm) !important;
}

.qb-shadow {
    box-shadow: var(--qb-shadow) !important;
}

.qb-shadow-lg {
    box-shadow: var(--qb-shadow-lg) !important;
}

.qb-nowrap {
    white-space: nowrap !important;
}

.qb-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.qb-badge-soft-success {
    color: #065f46;
    background: #d1fae5;
}

.qb-badge-soft-warning {
    color: #92400e;
    background: #fef3c7;
}

.qb-badge-soft-danger {
    color: #991b1b;
    background: #fee2e2;
}

.qb-badge-soft-info {
    color: #1e40af;
    background: #dbeafe;
}