/* Model Selection Buttons - Common CSS for Agnostic and Sector-Specific buttons */

/* Base model selection button styles */
.model-selection-button {
    text-transform: capitalize !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 140px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* Text capitalize utility class - applies to all buttons */
.text-capitalize {
    text-transform: capitalize !important;
}

/* Sector-Specific button class - specifically for sector-specific model buttons */
.sector-specific-btn {
    text-transform: capitalize !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

/* Dashboard specific button styles */
.dashboard-btn-primary {
    text-transform: capitalize !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 120px;
}

.dashboard-top-button {
    text-transform: capitalize !important;
    white-space: nowrap !important;
}

/* Action buttons (used in CSE Weightage, etc.) */
.action-button-primary {
    text-transform: capitalize !important;
    white-space: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
}

.action-button-small {
    text-transform: capitalize !important;
    white-space: nowrap !important;
}

/* Ensure flex containers don't break button layout */
.flex-fill {
    flex: 1 1 auto;
    white-space: nowrap !important;
    text-transform: capitalize !important;
}

/* Icon spacing within buttons */
.model-selection-button .rz-button-icon,
.dashboard-btn-primary .rz-button-icon,
.action-button-primary .rz-button-icon {
    margin-right: 6px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .model-selection-button,
    .dashboard-btn-primary,
    .action-button-primary {
        min-width: 100px;
        font-size: 13px;
    }

    .dashboard-top-button {
        padding: 6px 12px;
    }
}

/* Disabled state styling */
.model-selection-button:disabled,
.dashboard-btn-primary:disabled,
.action-button-primary:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Hover effects for enabled buttons */
.model-selection-button:not(:disabled):hover,
.dashboard-btn-primary:not(:disabled):hover,
.action-button-primary:not(:disabled):hover {
    transform: translateY(-1px);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease-in-out;
}