/* Employee theme - aligns employee area with new branded design direction */
:root {
    --employee-primary: #8040A1;
    --employee-primary-dark: #5f2f77;
    --employee-soft: #ede2f3;
    --employee-ink: #333333;
    --employee-bg: #f3eee6;
}

body.employee-theme {
    background: var(--employee-bg);
    color: var(--employee-ink);
}

.employee-theme .header-container {
    background: #f8f3ec;
    border-bottom: 1px solid #ded4c8;
}

.employee-theme .footer-container {
    background: #f8f3ec;
    border-top: 1px solid #ded4c8;
    color: #5a4c67;
}

.employee-theme .header-container .container,
.employee-theme .footer-container .container {
    border: none;
    background: transparent;
}

.employee-theme > .container {
    background: transparent;
    border-left: none;
    border-right: none;
}

.employee-theme .wrapper,
.employee-theme .body,
.employee-theme .container-fluid {
    background: transparent;
}

.employee-theme .header.header-sticky {
    background: #f9f4ee;
    border-bottom: 1px solid #e4d8cb;
}

.employee-theme .header .nav-link {
    color: var(--employee-primary-dark);
    font-weight: 600;
}

.employee-theme .sidebar.sidebar-light {
    background: #f5ede4;
    border-right: 1px solid #dfd1c2;
}

.employee-theme .sidebar .nav-link {
    color: #4a4038;
    border-radius: 10px;
    margin: 2px 8px;
}

.employee-theme .sidebar .nav-link.active,
.employee-theme .sidebar .nav-link:hover {
    background: var(--employee-soft);
    color: var(--employee-primary-dark);
}

.employee-theme .card {
    border: 1px solid #e4d8cb;
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(51, 51, 51, 0.06);
}

.employee-theme .card .card-header {
    background: #fbf8f4;
    border-bottom: 1px solid #eadfd3;
}

.employee-theme .btn-primary,
.employee-theme .btn-success,
.employee-theme .btn-info {
    background: var(--employee-primary);
    border-color: var(--employee-primary);
    color: #fff;
}

.employee-theme .btn-primary:hover,
.employee-theme .btn-success:hover,
.employee-theme .btn-info:hover,
.employee-theme .btn-primary:focus,
.employee-theme .btn-success:focus,
.employee-theme .btn-info:focus {
    background: var(--employee-primary-dark);
    border-color: var(--employee-primary-dark);
    color: #fff;
}

.employee-theme .btn-outline-secondary {
    color: var(--employee-primary-dark);
    border-color: #cdb8da;
}

.employee-theme .btn-outline-secondary:hover {
    background: var(--employee-soft);
    border-color: var(--employee-primary);
    color: var(--employee-primary-dark);
}

.employee-theme .alert-info {
    background: #f2e9f8;
    border-color: #d8c0e8;
    color: #452e5c;
}

.employee-theme .alert-success {
    background: #f2e9f8;
    border-color: #d8c0e8;
    color: #452e5c;
}

.employee-theme fieldset {
    border: 1px solid #e1d3ef;
    background: #fdfaff;
    border-radius: 14px;
}

.employee-theme .table {
    --bs-table-striped-bg: #faf4ff;
}