/* Modern button styling for reuse across the app - targeted approach */
.modern-button {
    /* Only override specific properties that don't interfere with content */
    border-radius: 24px !important;
    transition: all 0.2s ease !important;
}

/* DevExpress button overrides for modern styling - more targeted */
::deep .dxbl-btn.modern-button {
    border-radius: 24px !important;
    transition: all 0.2s ease !important;
    padding: 0.75rem 1.5rem !important;
}

::deep .dxbl-btn.modern-button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

::deep .dxbl-btn.modern-button:active {
    transform: translateY(0) !important;
}

::deep .dxbl-btn.modern-button:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25) !important;
}

/* Modern button with primary styling (for Review button) */
.modern-button.modern-primary {
    /* Primary button specific overrides if needed */
}

::deep .dxbl-btn.modern-button.modern-primary {
    /* Primary button specific overrides if needed */
}

/* Modern button with success styling (for Auto Schedule Tickets button) */
.modern-button.modern-success {
    /* Success button specific overrides if needed */
}

::deep .dxbl-btn.modern-button.modern-success {
    /* Success button specific overrides if needed */
}

/* Modern button with secondary styling (for Clone button) */
.modern-button.modern-secondary {
    /* Secondary button specific overrides if needed */
}

::deep .dxbl-btn.modern-button.modern-secondary {
    /* Secondary button specific overrides if needed */
}

/* Modern button with danger styling (for Delete button) */
.modern-button.modern-danger {
    /* Danger button specific overrides if needed */
}

::deep .dxbl-btn.modern-button.modern-danger {
    /* Danger button specific overrides if needed */
}

/* Small size modern buttons for grid actions */
.modern-button.modern-small {
    /* Small button specific overrides */
}

::deep .dxbl-btn.modern-button.modern-small {
    padding: 0.5rem 1rem !important;
    font-size: 0.8rem !important;
    min-height: 2.25rem !important;
}