/* invsys Premium AdminLTE Aesthetic Enhancements */

/* Use modern Inter font */
body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Subtle page backdrop */
body:not(.login-page) {
    background-color: #f4f6f9;
}

/* Smooth micro-animations for interactive elements */
.nav-link, .btn, .small-box, .card {
    transition: all 0.2s ease-in-out;
}

/* Add slight lift to widgets on hover while keeping AdminLTE design */
.small-box:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

/* Custom styling for status badge colors */
.bg-purple {
    background-color: #6f42c1 !important;
    color: #fff !important;
}

/* Clean up table cell vertical alignment */
.table td, .table th {
    vertical-align: middle !important;
}

/* Custom wrapper shadow enhancement */
.main-sidebar {
    box-shadow: 0 14px 28px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.22) !important;
}

/* Ensure searchable select2 looks premium with AdminLTE */
.select2-container--bootstrap4 .select2-selection--single {
    height: calc(2.25rem + 2px) !important;
}