/* Button Styles - Improved Color Scheme */

[data-bs-theme=dark] {

    /* Add Button - Success/Create Action */
    --add-btn-background: #10b981; /* Emerald 500 */
    --add-btn-color: #FFFFFF;
    --add-btn-hover: #059669; /* Emerald 600 */
    --add-btn-active: #047857; /* Emerald 700 */
    --add-btn-focus: #10b981;

    /* Edit Button - Modify Action */
    --edit-btn-background: #eab308; /* Yellow 500 */
    --edit-btn-color: #FFFFFF;
    --edit-btn-hover: #ca8a04; /* Yellow 600 */
    --edit-btn-active: #a16207; /* Yellow 700 */
    --edit-btn-focus: #eab308;
    --edit-btn-border: transparent;
    --edit-btn-border-hover: transparent;

    /* View Button - Read Action */
    --view-btn-background: #06b6d4; /* Cyan 500 */
    --view-btn-color: #FFFFFF;
    --view-btn-hover: #0891b2; /* Cyan 600 */
    --view-btn-active: #0e7490; /* Cyan 700 */
    --view-btn-focus: #06b6d4;
    --view-btn-border: transparent;
    --view-btn-border-hover: transparent;

    /* Submit Button - Primary Action */
    --submit-btn-background: #3b82f6; /* Blue 500 */
    --submit-btn-color: #FFFFFF;
    --submit-btn-hover: #2563eb; /* Blue 600 */
    --submit-btn-active: #1d4ed8; /* Blue 700 */
    --submit-btn-focus: #3b82f6;

    /* Cancel Button - Neutral Action */
    --cancel-btn-background: #6b7280; /* Gray 500 */
    --cancel-btn-color: #FFFFFF;
    --cancel-btn-hover: #4b5563; /* Gray 600 */
    --cancel-btn-active: #374151; /* Gray 700 */
    --cancel-btn-focus: #6b7280;
    --cancel-btn-border: transparent;
    --cancel-btn-border-hover: transparent;

    /* Delete Button - Destructive Action */
    --delete-btn-background: #ef4444; /* Red 500 */
    --delete-btn-color: #FFFFFF;
    --delete-btn-hover: #dc2626; /* Red 600 */
    --delete-btn-active: #b91c1c; /* Red 700 */
    --delete-btn-focus: #ef4444;
    --delete-btn-border: transparent;
    --delete-btn-border-hover: transparent;
}

[data-bs-theme=light] {

    /* Add Button - Success/Create Action */
    --add-btn-background: #10b981; /* Emerald 500 */
    --add-btn-color: #FFFFFF;
    --add-btn-hover: #059669; /* Emerald 600 */
    --add-btn-active: #047857; /* Emerald 700 */
    --add-btn-focus: #10b981;

    /* Edit Button - Modify Action */
    --edit-btn-background: #f59e0b; /* Amber 500 */
    --edit-btn-color: #FFFFFF;
    --edit-btn-hover: #d97706; /* Amber 600 */
    --edit-btn-active: #b45309; /* Amber 700 */
    --edit-btn-focus: #f59e0b;
    --edit-btn-border: transparent;
    --edit-btn-border-hover: transparent;

    /* View Button - Read Action */
    --view-btn-background: #0ea5e9; /* Sky 500 */
    --view-btn-color: #FFFFFF;
    --view-btn-hover: #0284c7; /* Sky 600 */
    --view-btn-active: #0369a1; /* Sky 700 */
    --view-btn-focus: #0ea5e9;
    --view-btn-border: transparent;
    --view-btn-border-hover: transparent;

    /* Submit Button - Primary Action */
    --submit-btn-background: #3b82f6; /* Blue 500 */
    --submit-btn-color: #FFFFFF;
    --submit-btn-hover: #2563eb; /* Blue 600 */
    --submit-btn-active: #1d4ed8; /* Blue 700 */
    --submit-btn-focus: #3b82f6;

    /* Cancel Button - Neutral Action */
    --cancel-btn-background: #9ca3af; /* Gray 400 */
    --cancel-btn-color: #FFFFFF;
    --cancel-btn-hover: #6b7280; /* Gray 500 */
    --cancel-btn-active: #4b5563; /* Gray 600 */
    --cancel-btn-focus: #9ca3af;
    --cancel-btn-border: transparent;
    --cancel-btn-border-hover: transparent;

    /* Delete Button - Destructive Action */
    --delete-btn-background: #ef4444; /* Red 500 */
    --delete-btn-color: #FFFFFF;
    --delete-btn-hover: #dc2626; /* Red 600 */
    --delete-btn-active: #b91c1c; /* Red 700 */
    --delete-btn-focus: #ef4444;
    --delete-btn-border: transparent;
    --delete-btn-border-hover: transparent;
}

/* Success Button */

.__btn_success__ {
    background: var(--eco-green);
    color: rgba(255, 255, 255, 1);
}

.__btn_success__:hover {
    background: var(--eco-green-dark);
}

.__btn_success__:active, .__btn_success__:focus {
    background: var(--eco-green-light);
}

/* Add Button */

.__btn_add__ {
    background: var(--add-btn-background);
    color: var(--add-btn-color);
}

.__btn_add__:hover {
    background: var(--add-btn-hover);
    color: var(--add-btn-color);
}

.__btn_add__:active {
    background: var(--add-btn-active) !important;
}

/* Edit Button */
.__btn_edit__ {
    background: var(--edit-btn-background);
    color: var(--edit-btn-color);
    border: 1px solid var(--edit-btn-border);
}

.__btn_edit__:hover {
    background: var(--edit-btn-hover);
    color: var(--edit-btn-color);
    border: 1px solid var(--edit-btn-border-hover);
}

.__btn_edit__:active {
    background: var(--edit-btn-active) !important;
}

/* View Button */

.__btn_view__ {
    background: var(--view-btn-background);
    color: var(--view-btn-color);
}

.__btn_view__:hover {
    background: var(--view-btn-hover);
    color: var(--view-btn-color);
    border: 1px solid var(--view-btn-border-hover);
}

.__btn_view__:active {
    background: var(--view-btn-active) !important;
}

/* Submit Button */

.__btn_submit__ {
    background: var(--submit-btn-background);
    color: var(--submit-btn-color);
}

.__btn_submit__:hover {
    background: var(--submit-btn-hover);
    color: var(--submit-btn-color);
}

.__btn_submit__:active {
    background: var(--submit-btn-active) !important;
}

/* Cancel Button */

.__btn_cancel__ {
    background: var(--cancel-btn-background);
    color: var(--cancel-btn-color);
}

.__btn_cancel__:hover {
    background: var(--cancel-btn-hover);
    color: var(--cancel-btn-color);
    border: 1px solid var(--cancel-btn-border-hover);
}

.__btn_cancel__:active {
    background: var(--cancel-btn-active) !important;
}

/* Delete Button */

.__btn_delete__ {
    background: var(--delete-btn-background);
    color: var(--delete-btn-color);
}

.__btn_delete__:hover {
    background: var(--delete-btn-hover);
    color: var(--delete-btn-color);
    border: 1px solid var(--delete-btn-border-hover);
}

.__btn_delete__:active {
    background: var(--delete-btn-active) !important;
}

/* GLOW ON HOVER */
.btn-hover-glow:hover {
    box-shadow: 0 0 20px rgba(46, 125, 50, 0.6);
}

/* Action Grid Layout */
.action-grid-compact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    height: 100%;
}

.action-button-compact {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1rem 0.5rem;
    font-size: 0.85rem;
}

.action-button-compact .action-label {
    font-size: 0.8rem;
}

.action-button-compact .action-icon {
    margin-bottom: 0.25rem;
}