// HRMS application styles built on Bootstrap 5.

// Brand palette overrides (applied before Bootstrap so they cascade into the theme).
$primary: #2b3a67;
$secondary: #496a81;
$success: #1b9c85;
$info: #3a86ff;
$warning: #f4a259;
$danger: #d1495b;

@import 'bootstrap/scss/bootstrap';
@import 'bootstrap-icons/font/bootstrap-icons.css';

body {
    background-color: #f5f6fa;
}

.sidebar {
    min-height: calc(100vh - 56px);
    background-color: #fff;
    border-right: 1px solid #e9ecef;
}

.sidebar .nav-link {
    color: #495057;
    border-radius: .375rem;
    margin-bottom: .15rem;
}

.sidebar .nav-link.active {
    background-color: $primary;
    color: #fff;
}

.sidebar .nav-link:hover:not(.active) {
    background-color: #f1f3f5;
}

.stat-card {
    border: none;
    border-radius: .75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}

.table-wrapper {
    background: #fff;
    border-radius: .75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .08);
}