/* Custom Admin Styles */

/* Make heading text white in admin module headers */
#header {
    background: #417690;
    color: #fff;
}

.module h2, .module caption, .inline-group h2 {
    background: #79aec8;
    color: #fff;
    font-weight: 500;
}

/* Ensure consistent styling for all app modules */
.app-subscriptions .module h2,
.app-accounting .module h2,
.app-hotel .module h2,
.app-core .module h2,
.app-inventory .module h2,
.app-sales .module h2,
.app-kitchen .module h2,
.app-help .module h2,
.app-suppliers .module h2,
.app-customers .module h2 {
    background: #79aec8;
    color: #fff;
}

/* Improve readability of selected items */
.selected {
    background-color: #e4e4e4;
}

/* Consistent button styling */
.button, input[type=submit], input[type=button], .submit-row input, a.button {
    background: #79aec8;
    color: #fff;
}

/* Hover states */
.button:hover, input[type=submit]:hover, input[type=button]:hover, 
.submit-row input:hover, a.button:hover {
    background: #609ab6;
}

/* Delete button */
.button.default, input[type=submit].default, .submit-row input.default {
    background: #417690;
}

/* Delete button hover */
.button.default:hover, input[type=submit].default:hover, .submit-row input.default:hover {
    background: #205067;
}

/* Delete button in object tools */
.deletelink {
    color: #ba2121;
}

/* Custom purple color theme for dashboard cards */
.text-purple {
    color: #6f42c1 !important; /* Use important to override other styles if necessary */
}

.btn-purple {
    background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 100%);
    color: #fff;
    border: none;
    box-shadow: 0 4px 6px rgba(76, 29, 149, 0.1);
    transition: all 0.3s ease;
}

.btn-purple:hover {
    background: linear-gradient(135deg, #5b21b6 0%, #7e22ce 100%);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 6px 10px rgba(76, 29, 149, 0.2);
}

.btn-outline-purple {
    color: #4c1d95;
    background-color: transparent;
    border: 1px solid #4c1d95;
    transition: all 0.3s ease;
}

.btn-outline-purple:hover {
    color: #fff;
    background: linear-gradient(135deg, #4c1d95 0%, #6d28d9 100%);
    border-color: transparent;
    box-shadow: 0 4px 6px rgba(76, 29, 149, 0.1);
}