/* Default Button Styles - Ensures buttons have proper colors even without Elementor customization */
.gflow-approval-btn {
    color: white !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.2s ease;
}

/* Override for table buttons - professional styling */
.gflow-table-btn {
    text-transform: none !important;
    letter-spacing: 0 !important;
    padding: 10px 18px !important;
    font-size: 15px !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
}

.gflow-approve-btn {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
    color: white !important;
}

.gflow-reject-btn {
    background-color: #ef4444 !important;
    border-color: #ef4444 !important;
    color: white !important;
}

.gflow-pdf-download-btn,
.gflow-pdf-regenerate-btn {
    background-color: #f97316 !important;
    border-color: #ea580c !important;
    color: #ffffff !important;
}

.gflow-approve-btn:hover {
    background-color: #15803d !important;
    border-color: #15803d !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(22, 163, 74, 0.3);
}

.gflow-reject-btn:hover {
    background-color: #dc2626 !important;
    border-color: #dc2626 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
}

/* Ensure button layout works properly */
.gflow-approval-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

.gflow-approval-buttons[data-layout="stacked"] {
    flex-direction: column;
}

/* Typography improvements */
.gflow-approval-btn span {
    font-size: 16px;
    font-weight: 600;
}

/* Table button specific styles */
.gflow-table-btn span {
    font-size: 15px !important;
    font-weight: 700 !important;
}

/* Ensure table buttons don't inherit large button styles */
.gflow-table-btn.gflow-approve-btn,
.gflow-table-btn.gflow-reject-btn {
    padding: 10px 18px !important;
    font-size: 15px !important;
    min-height: auto !important;
    height: auto !important;
    border-radius: 5px !important;
    font-weight: 700 !important;
}