/* Button text visibility fixes */
.btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.25rem !important;
}

.btn i.bi {
    display: inline-block !important;
    line-height: 1 !important;
}

.btn span {
    display: inline-block !important;
    line-height: 1.5 !important;
    white-space: nowrap !important;
}

/* Ensure text is visible in small buttons */
.btn-sm {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.875rem !important;
}

/* Ensure proper spacing between icon and text */
.btn i.bi + span {
    margin-left: 0.25rem !important;
}

/* Ensure buttons in QuickGrid have proper width */
::deep .quick-grid-container .btn {
    min-width: auto !important;
}