/* ============================================
   EDURO - Modern Employee Backend Styles
   Orange/Terracotta Design System
   Scoped to body.employee-theme
   ============================================ */

/* ============================================
   CSS VARIABLES (inherit from company-eduro)
   ============================================ */
body.employee-theme {
    --eduro-primary: #DE6B3B;
    --eduro-primary-hover: #C6563B;
    --eduro-secondary: #F2943C;
    --eduro-background: #FFF8EC;
    --eduro-background-light: #FFFBF5;
    --eduro-text-dark: #1E1E1E;
    --eduro-text-muted: #666666;
    --eduro-text-light: #999999;
    --eduro-white: #FFFFFF;
    --eduro-neutral: #F9F9F9;
    --eduro-border: #E8E8E8;
    --eduro-border-light: #F0F0F0;
    --eduro-accent-peach: #FFA38E;
    --eduro-success: #4CAF50;
    --eduro-warning: #FF9800;
    --eduro-error: #F44336;
    --eduro-shadow: 0 2px 12px rgba(0,0,0,0.08);
    --eduro-shadow-hover: 0 4px 20px rgba(0,0,0,0.12);
    --eduro-radius: 12px;
    --eduro-radius-sm: 8px;
    --eduro-radius-lg: 16px;
    --eduro-transition: all 0.3s ease;
}

/* ============================================
   TYPOGRAPHY
   ============================================ */
body.employee-theme {
    font-family: "Nunito Sans", "Lato", -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: var(--eduro-background);
    color: var(--eduro-text-dark);
    line-height: 1.6;
}

body.employee-theme h1,
body.employee-theme h2,
body.employee-theme h3,
body.employee-theme h4,
body.employee-theme h5,
body.employee-theme h6 {
    font-family: "Raleway", "Nunito Sans", sans-serif;
    font-weight: 600;
    color: var(--eduro-text-dark);
    line-height: 1.3;
}

/* ============================================
   HEADER - Modern Eduro Navigation
   ============================================ */
body.employee-theme .site_header {
    background: var(--eduro-white);
    box-shadow: var(--eduro-shadow);
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 9999;
}

body.employee-theme .site_header .navbar {
    padding: 10px 0;
    margin: 0;
    background: var(--eduro-white);
    min-height: 64px;
}

body.employee-theme .site_header .navbar-brand {
    padding: 0 15px;
}

body.employee-theme .site_header .navbar-brand img {
    max-height: 42px;
    transition: var(--eduro-transition);
}

body.employee-theme .navbar-nav > li {
    padding: 6px 10px;
}

body.employee-theme .navbar-nav > li > a {
    font-family: "Nunito Sans", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: var(--eduro-text-dark);
    padding: 8px 2px;
    position: relative;
    transition: var(--eduro-transition);
    border-bottom: none !important;
}

body.employee-theme .navbar-nav > li > a:hover,
body.employee-theme .navbar-nav > li > a.active {
    color: var(--eduro-primary);
}

body.employee-theme .navbar-nav > li > a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--eduro-primary);
    transform: scaleX(0);
    transition: var(--eduro-transition);
}

body.employee-theme .navbar-nav > li > a:hover::after,
body.employee-theme .navbar-nav > li > a.active::after {
    transform: scaleX(1);
}

/* Avatar circle in nav */
body.employee-theme .cs-cricle {
    display: flex;
    align-items: center;
    gap: 6px;
    text-decoration: none !important;
}

body.employee-theme .cs-cricle span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    font-family: "Nunito Sans", sans-serif;
    flex-shrink: 0;
}

body.employee-theme .cs-cricle img {
    display: none;
}

/* Nav dropdown */
body.employee-theme .cs-drpdown-menu {
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow-hover);
    border: 1px solid var(--eduro-border);
    padding: 8px 0;
    min-width: 180px;
}

body.employee-theme .cs-drpdown-menu li a {
    font-size: 14px;
    padding: 10px 18px;
    color: var(--eduro-text-dark);
    transition: var(--eduro-transition);
    border-bottom: none !important;
}

body.employee-theme .cs-drpdown-menu li a:hover {
    color: var(--eduro-primary);
    background: var(--eduro-background);
}

/* Notification bell */
body.employee-theme #notification-menu .btn-notification {
    background: none;
    border: none;
    padding: 6px;
}

body.employee-theme .notify-bell {
    width: 22px;
    opacity: 0.6;
    transition: var(--eduro-transition);
}

body.employee-theme .notify-bell:not(.inactive-bell) {
    opacity: 1;
    filter: sepia(1) saturate(4) hue-rotate(350deg);
}

/* Chat badge */
body.employee-theme #chat-notify {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

body.employee-theme #chat-notify span {
    background: var(--eduro-primary);
    color: #fff;
    border-radius: 50px;
    font-size: 10px;
    font-weight: 700;
    padding: 1px 6px;
    min-width: 18px;
    text-align: center;
}

/* Mobile hamburger */
body.employee-theme .navbar-toggle {
    border: none;
    background: none;
    padding: 8px 12px;
}

body.employee-theme .navbar-toggle .icon-bar {
    background: var(--eduro-text-dark);
    border-radius: 2px;
}

/* ============================================
   MAIN CONTENT WRAPPERS
   ============================================ */
body.employee-theme .publicProfileWrapper {
    background: var(--eduro-background);
    min-height: calc(100vh - 70px);
    padding-bottom: 40px;
}

body.employee-theme .docDashboard {
    background: var(--eduro-background);
    padding-bottom: 40px;
}

body.employee-theme .container {
    padding-left: 15px;
    padding-right: 15px;
}

body.employee-theme .pt-40 {
    padding-top: 32px;
}

/* ============================================
   LEFT PROFILE MENU SIDEBAR
   ============================================ */
body.employee-theme .publicProSidebar {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    padding: 16px 0;
    margin-bottom: 20px;
    overflow: hidden;
}

body.employee-theme .publicProSidebar ul.listNone {
    list-style: none;
    padding: 0;
    margin: 0;
}

body.employee-theme .publicProSidebar ul.listNone li {
    margin: 0;
}

body.employee-theme .publicProSidebar ul.listNone li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 18px;
    font-size: 14px;
    font-weight: 500;
    color: var(--eduro-text-muted);
    text-decoration: none;
    transition: var(--eduro-transition);
    border-left: 3px solid transparent;
    border-bottom: none !important;
}

body.employee-theme .publicProSidebar ul.listNone li a i.fa,
body.employee-theme .publicProSidebar ul.listNone li a i.fas,
body.employee-theme .publicProSidebar ul.listNone li a i.far {
    width: 18px;
    font-size: 14px;
    color: var(--eduro-text-light);
    transition: var(--eduro-transition);
    flex-shrink: 0;
}

body.employee-theme .publicProSidebar ul.listNone li a:hover {
    color: var(--eduro-primary);
    background: var(--eduro-background);
    border-left-color: var(--eduro-primary);
}

body.employee-theme .publicProSidebar ul.listNone li a:hover i {
    color: var(--eduro-primary);
}

body.employee-theme .publicProSidebar ul.listNone li a.active {
    color: var(--eduro-primary);
    background: linear-gradient(90deg, rgba(222,107,59,0.10) 0%, transparent 100%);
    border-left-color: var(--eduro-primary);
    font-weight: 700;
}

body.employee-theme .publicProSidebar ul.listNone li a.active i {
    color: var(--eduro-primary);
}

/* ============================================
   DASHBOARD - SECTION HEADINGS
   ============================================ */
body.employee-theme .applicantsLeftTitle {
    margin-bottom: 16px;
}

body.employee-theme .applicantsLeftTitle h2 {
    font-size: 20px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    margin: 0 0 8px 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

body.employee-theme .applicantsLeftTitle h2 .iconNoti {
    color: var(--eduro-primary);
}

body.employee-theme .pageHeading {
    font-size: 24px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    margin-bottom: 20px;
}

body.employee-theme .boderBottom,
body.employee-theme .pageHeading.boderBottom {
    border-bottom: 2px solid var(--eduro-border);
    padding-bottom: 12px;
}

/* ============================================
   CARD BASE - Shared Box Styles
   ============================================ */
body.employee-theme .dashboardBoxShadow,
body.employee-theme .dashboardBoxBorder {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    border: 1px solid var(--eduro-border-light);
}

body.employee-theme .round-corners-6 {
    border-radius: var(--eduro-radius) !important;
}

/* ============================================
   NOTIFICATION BOXES (dashboard)
   ============================================ */
body.employee-theme .DasnotificationsBox {
    margin-bottom: 12px;
}

body.employee-theme .notiInnerBox {
    padding: 14px 16px;
    cursor: pointer;
    transition: var(--eduro-transition);
    position: relative;
}

body.employee-theme .notiInnerBox:hover {
    box-shadow: var(--eduro-shadow-hover);
    transform: translateY(-1px);
}

body.employee-theme .notiInnerBoxBlue {
    border-left: 4px solid var(--eduro-primary) !important;
    background: linear-gradient(90deg, rgba(222,107,59,0.04) 0%, var(--eduro-white) 100%) !important;
}

body.employee-theme .notiInnerBoxGray {
    border-left: 4px solid var(--eduro-border) !important;
    background: var(--eduro-white) !important;
    opacity: 0.8;
}

body.employee-theme .notiInnerBox p {
    margin: 0 0 4px 0;
    font-size: 13.5px;
    color: var(--eduro-text-dark);
    line-height: 1.5;
}

body.employee-theme .notiInnerBox .text-right {
    font-size: 12px;
    color: var(--eduro-text-light);
}

body.employee-theme .notiInnerBox .close-block {
    position: absolute;
    top: 10px;
    right: 12px;
    color: var(--eduro-text-light);
    font-size: 12px;
    background: none;
    border: none;
    cursor: pointer;
    opacity: 0.5;
    transition: var(--eduro-transition);
    text-decoration: none;
}

body.employee-theme .notiInnerBox .close-block:hover {
    opacity: 1;
    color: var(--eduro-error);
}

/* ============================================
   CAMPAIGN / BONUS BOX
   ============================================ */
body.employee-theme .campaign-box {
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    border-radius: var(--eduro-radius);
    padding: 20px;
    margin-top: 16px;
    color: #fff;
    position: relative;
    overflow: hidden;
}

body.employee-theme .campaign-box .info-box h2 {
    color: #fff;
    font-size: 16px;
    margin: 0 0 8px 0;
}

body.employee-theme .campaign-box .info-box p {
    color: rgba(255,255,255,0.9);
    font-size: 13px;
    margin: 0 0 12px 0;
}

body.employee-theme .campaign-box .info-link {
    display: inline-block;
    background: rgba(255,255,255,0.2);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 50px;
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--eduro-transition);
}

body.employee-theme .campaign-box .info-link:hover {
    background: rgba(255,255,255,0.35);
}

/* Referral recommendation box */
body.employee-theme .recommendation-box {
    padding: 18px;
}

body.employee-theme .recommendation-box h2 {
    font-size: 16px;
    margin: 0 0 8px 0;
    color: var(--eduro-text-dark);
}

body.employee-theme .recommendation-box p {
    font-size: 13px;
    color: var(--eduro-text-muted);
    margin: 0 0 12px 0;
}

body.employee-theme .recommendation-box a {
    display: inline-block;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff !important;
    border-radius: 50px;
    padding: 8px 20px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--eduro-transition);
}

body.employee-theme .recommendation-box a:hover {
    box-shadow: 0 4px 16px rgba(222,107,59,0.35);
    transform: translateY(-1px);
}

/* ============================================
   JOBS GRID - JOB CARDS
   ============================================ */
body.employee-theme .filterResultSection {
    background: transparent;
}

body.employee-theme .jobs-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}

/* Job box card - from partial/employee/job_list */
body.employee-theme .job-box {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    border: 1px solid var(--eduro-border-light);
    padding: 0;
    margin-bottom: 16px;
    transition: var(--eduro-transition);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

body.employee-theme .job-box:hover {
    box-shadow: var(--eduro-shadow-hover);
    transform: translateY(-2px);
    border-color: rgba(222,107,59,0.2);
}

/* Company logo within job card */
body.employee-theme .job-box .company-logo,
body.employee-theme .job-box .companyLogoBox {
    border-radius: var(--eduro-radius-sm);
    overflow: hidden;
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    background: var(--eduro-background);
    display: flex;
    align-items: center;
    justify-content: center;
}

body.employee-theme .job-box .company-logo img,
body.employee-theme .job-box .companyLogoBox img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

/* Status badges */
body.employee-theme .job-status-badge,
body.employee-theme .status-badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.3px;
}

body.employee-theme .badge-applied,
body.employee-theme .status-applied {
    background: rgba(222,107,59,0.12);
    color: var(--eduro-primary);
}

body.employee-theme .badge-invited,
body.employee-theme .status-invited {
    background: rgba(76,175,80,0.12);
    color: var(--eduro-success);
}

body.employee-theme .badge-hired {
    background: rgba(76,175,80,0.16);
    color: #2e7d32;
}

body.employee-theme .badge-declined {
    background: rgba(244,67,54,0.10);
    color: var(--eduro-error);
}

body.employee-theme .badge-expired {
    background: rgba(0,0,0,0.07);
    color: var(--eduro-text-muted);
}

/* Favourite star */
body.employee-theme .fRstar {
    cursor: pointer;
    color: var(--eduro-text-light);
    font-size: 16px;
    transition: var(--eduro-transition);
}

body.employee-theme .fRstar:hover,
body.employee-theme .fRstar .fa-star {
    color: var(--eduro-secondary);
}

/* Blue action buttons become orange */
body.employee-theme .blue-btn,
body.employee-theme a.blue-btn {
    display: inline-block;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff !important;
    border: none;
    border-radius: 50px;
    padding: 10px 28px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--eduro-transition);
    cursor: pointer;
    text-align: center;
}

body.employee-theme .blue-btn:hover {
    box-shadow: 0 4px 16px rgba(222,107,59,0.35);
    transform: translateY(-1px);
    color: #fff !important;
}

body.employee-theme .blue-btn.full-width {
    width: 100%;
    display: block;
    margin-top: 12px;
}

/* Apply / secondary buttons */
body.employee-theme .blank-btn,
body.employee-theme a.blank-btn {
    display: inline-block;
    background: transparent;
    color: var(--eduro-primary) !important;
    border: 2px solid var(--eduro-primary);
    border-radius: 50px;
    padding: 8px 24px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--eduro-transition);
    cursor: pointer;
}

body.employee-theme .blank-btn:hover {
    background: var(--eduro-primary);
    color: #fff !important;
}

/* ============================================
   JOB LIST FILTERS (job_list.blade.php)
   ============================================ */
body.employee-theme .publicProSidebar #job_filter_desktop ul {
    padding: 0;
    margin: 0;
}

body.employee-theme .shortFilter {
    margin-bottom: 16px;
}

body.employee-theme .jobListTitle h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px 0;
}

body.employee-theme .filter-row {
    margin-bottom: 12px;
}

body.employee-theme .filter-row .form-control,
body.employee-theme .filter-control {
    height: 42px;
    border: 1.5px solid var(--eduro-border);
    border-radius: var(--eduro-radius-sm);
    font-size: 14px;
    color: var(--eduro-text-dark);
    background: var(--eduro-white);
    transition: var(--eduro-transition);
    box-shadow: none !important;
    padding-left: 14px;
}

body.employee-theme .filter-row .form-control:focus,
body.employee-theme .filter-control:focus {
    border-color: var(--eduro-primary);
    outline: none;
}

body.employee-theme .wrap-input-icon {
    position: relative;
}

body.employee-theme .wrap-input-icon .text-filter {
    width: 100%;
    height: 42px;
    border: 1.5px solid var(--eduro-border);
    border-radius: var(--eduro-radius-sm);
    padding: 0 36px 0 14px;
    font-size: 14px;
    color: var(--eduro-text-dark);
    transition: var(--eduro-transition);
}

body.employee-theme .wrap-input-icon .text-filter:focus {
    border-color: var(--eduro-primary);
    outline: none;
}

body.employee-theme .wrap-input-icon .input-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.4;
}

body.employee-theme .wrap-input-icon .clear-input {
    position: absolute;
    right: 36px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    color: var(--eduro-text-muted);
    font-size: 18px;
    line-height: 1;
    display: none;
}

/* Country filter dropdown */
body.employee-theme .country-filter-box {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

body.employee-theme .country-dropdown {
    border: 1.5px solid var(--eduro-border);
    border-radius: 50px;
    padding: 5px 14px;
    background: var(--eduro-white);
    font-size: 13px;
    font-weight: 600;
    color: var(--eduro-text-dark);
    cursor: pointer;
    transition: var(--eduro-transition);
}

body.employee-theme .country-dropdown:hover {
    border-color: var(--eduro-primary);
    color: var(--eduro-primary);
}

/* Privacy disclaimer banners */
body.employee-theme .profileUpdate {
    padding: 14px 18px;
    margin-bottom: 14px;
    border-radius: var(--eduro-radius);
    border: 1px solid var(--eduro-border-light);
    background: var(--eduro-white);
}

body.employee-theme .close-blue {
    color: var(--eduro-primary);
    font-weight: 700;
    text-decoration: none;
    font-size: 13px;
    transition: var(--eduro-transition);
}

body.employee-theme .close-blue:hover {
    color: var(--eduro-primary-hover);
}

/* ============================================
   DASHBOARD SIDEBAR
   ============================================ */
body.employee-theme .docDashboardSideBar {
    padding-top: 20px;
}

/* ============================================
   JOB DETAIL PAGE (employee/job_details)
   ============================================ */
body.employee-theme .job_details {
    padding: 20px 0 40px 0;
}

body.employee-theme .job_details__description {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    padding: 24px;
    margin-bottom: 20px;
}

body.employee-theme .job_details__description h2 {
    font-size: 22px;
    color: var(--eduro-text-dark);
    margin: 0 0 16px 0;
}

body.employee-theme .job_details__description h3 {
    font-size: 17px;
    color: var(--eduro-text-dark);
    margin: 16px 0 10px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--eduro-border);
}

/* Apply button row */
body.employee-theme .job_details__buttons_row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 18px;
}

body.employee-theme .job_details__buttons_row a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff !important;
    border-radius: 50px;
    padding: 11px 28px;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--eduro-transition);
    border: none;
}

body.employee-theme .job_details__buttons_row a:hover {
    box-shadow: 0 4px 20px rgba(222,107,59,0.4);
    transform: translateY(-1px);
}

/* Sidebar */
body.employee-theme .job_details__sidebar {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    overflow: hidden;
    margin-bottom: 20px;
}

body.employee-theme .job_details__sidebar_wrap {
    padding: 20px;
}

/* Sidebar action buttons */
body.employee-theme .job_details__sidebar .app_buttons {
    padding: 16px 20px;
    background: var(--eduro-background);
    border-top: 1px solid var(--eduro-border-light);
}

body.employee-theme .job_details__sidebar .app_buttons:first-child {
    background: transparent;
    border-top: none;
    padding-top: 0;
}

body.employee-theme .job_details__sidebar .action {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.employee-theme .job_details__sidebar .action li a {
    display: block;
    text-align: center;
    padding: 11px 20px;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--eduro-transition);
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff !important;
}

body.employee-theme .job_details__sidebar .action li a.active {
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
}

body.employee-theme .job_details__sidebar .action li a:hover {
    box-shadow: 0 4px 16px rgba(222,107,59,0.35);
    transform: translateY(-1px);
}

/* Sidebar items */
body.employee-theme .sidebar_item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid var(--eduro-border-light);
}

body.employee-theme .sidebar_item:last-child {
    border-bottom: none;
}

body.employee-theme .sidebar_item__icon {
    width: 36px;
    height: 36px;
    border-radius: var(--eduro-radius-sm);
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    flex-shrink: 0;
}

body.employee-theme .sidebar_item__body h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: var(--eduro-text-light);
    margin: 0 0 4px 0;
    font-weight: 700;
}

body.employee-theme .sidebar_item__body h5 {
    font-size: 14px;
    color: var(--eduro-text-dark);
    font-weight: 600;
    margin: 0;
}

body.employee-theme .sidebar_item__body p {
    font-size: 14px;
    color: var(--eduro-text-dark);
    margin: 0;
}

body.employee-theme .sidebar_item__body hr {
    display: none;
}

/* Job alert box */
body.employee-theme .job_alert_box {
    background: linear-gradient(90deg, rgba(222,107,59,0.08) 0%, transparent 100%);
    border-left: 3px solid var(--eduro-primary);
    border-radius: 0 var(--eduro-radius-sm) var(--eduro-radius-sm) 0;
    padding: 10px 14px;
    margin-bottom: 14px;
}

body.employee-theme .job_alert_box p {
    margin: 0;
    font-size: 13px;
    color: var(--eduro-text-dark);
}

body.employee-theme .job_alert_box i {
    color: var(--eduro-success);
    margin-right: 6px;
}

/* Job offer box */
body.employee-theme .job_offer_box {
    background: var(--eduro-background);
    border-radius: var(--eduro-radius-sm);
    padding: 14px;
    margin-bottom: 14px;
    border: 1px solid var(--eduro-border-light);
}

body.employee-theme .job_offer_box h3 {
    font-size: 14px;
    font-weight: 700;
    margin: 0 0 8px 0;
    color: var(--eduro-text-dark);
}

body.employee-theme .job_offer_box p {
    font-size: 13px;
    color: var(--eduro-text-muted);
    margin: 0 0 10px 0;
}

body.employee-theme .job_offer_box .btn-row {
    display: flex;
    gap: 8px;
}

body.employee-theme .job_offer_box .btn-row a.accept {
    background: var(--eduro-success);
    color: #fff !important;
    border-radius: 50px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--eduro-transition);
}

body.employee-theme .job_offer_box .btn-row a.decline {
    background: transparent;
    color: var(--eduro-error) !important;
    border: 1.5px solid var(--eduro-error);
    border-radius: 50px;
    padding: 7px 16px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--eduro-transition);
}

/* Features block */
body.employee-theme .job_details__features_block {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    padding: 24px;
    margin-bottom: 20px;
}

body.employee-theme .job_details__features_block h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 18px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--eduro-border);
}

body.employee-theme .job_details__features_block h2.centered {
    text-align: center;
}

body.employee-theme .job_details__features_block h2.blue-text {
    color: var(--eduro-primary);
}

/* Benefits grid */
body.employee-theme .benefit_items {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

body.employee-theme .benefit_items > div {
    text-align: center;
    width: 80px;
}

body.employee-theme .benefit_items > div img {
    width: 48px;
    height: 48px;
    object-fit: contain;
    margin-bottom: 6px;
}

body.employee-theme .benefit_items > div p {
    font-size: 12px;
    color: var(--eduro-text-muted);
    margin: 0;
}

/* Contract terms */
body.employee-theme .contract_terms {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.employee-theme .light-box {
    display: flex;
    align-items: center;
    gap: 12px;
    background: var(--eduro-background);
    border-radius: var(--eduro-radius-sm);
    padding: 12px 16px;
    width: calc(50% - 6px);
    box-sizing: border-box;
    border: 1px solid var(--eduro-border-light);
}

body.employee-theme .light-icon {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.employee-theme .light-icon img {
    max-width: 32px;
    max-height: 32px;
    object-fit: contain;
}

body.employee-theme .light-content h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: var(--eduro-text-light);
    margin: 0 0 3px 0;
}

body.employee-theme .light-content div,
body.employee-theme .light-content p {
    font-size: 14px;
    color: var(--eduro-text-dark);
    font-weight: 500;
    margin: 0;
}

body.employee-theme .light-content .line {
    display: none;
}

/* bg-shad section */
body.employee-theme .bg-shad {
    background: var(--eduro-background);
}

/* ============================================
   PROFILE FORMS
   ============================================ */
body.employee-theme .notificationBorder {
    border-bottom: none;
}

body.employee-theme .backend-history-page .form-group {
    margin-bottom: 18px;
}

body.employee-theme .backend-history-page .form-group label {
    font-size: 13px;
    font-weight: 700;
    color: var(--eduro-text-muted);
    margin-bottom: 6px;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

body.employee-theme .backend-history-page .form-control {
    height: 44px;
    border: 1.5px solid var(--eduro-border);
    border-radius: var(--eduro-radius-sm);
    font-size: 14px;
    color: var(--eduro-text-dark);
    background: var(--eduro-white);
    transition: var(--eduro-transition);
    box-shadow: none !important;
    padding: 0 14px;
}

body.employee-theme .backend-history-page .form-control:focus {
    border-color: var(--eduro-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(222,107,59,0.12) !important;
}

body.employee-theme .backend-history-page textarea.form-control {
    height: auto;
    padding: 12px 14px;
    resize: vertical;
}

/* Select elements */
body.employee-theme .select-experince,
body.employee-theme .select-profession {
    height: 44px;
    border: 1.5px solid var(--eduro-border);
    border-radius: var(--eduro-radius-sm);
    font-size: 14px;
    color: var(--eduro-text-dark);
    background: var(--eduro-white);
    padding: 0 14px;
    transition: var(--eduro-transition);
    appearance: auto;
}

body.employee-theme .select-experince:focus,
body.employee-theme .select-profession:focus {
    border-color: var(--eduro-primary);
    outline: none;
}

/* Select2 */
body.employee-theme .select2-container--default .select2-selection--multiple,
body.employee-theme .select2-container--default .select2-selection--single {
    border: 1.5px solid var(--eduro-border);
    border-radius: var(--eduro-radius-sm);
    min-height: 44px;
    transition: var(--eduro-transition);
}

body.employee-theme .select2-container--default.select2-container--focus .select2-selection--multiple,
body.employee-theme .select2-container--default.select2-container--open .select2-selection--single {
    border-color: var(--eduro-primary);
    box-shadow: 0 0 0 3px rgba(222,107,59,0.12);
}

body.employee-theme .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--eduro-primary);
    border: none;
    color: #fff;
    border-radius: 50px;
    padding: 2px 10px;
    font-size: 13px;
}

body.employee-theme .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(255,255,255,0.8);
    margin-right: 4px;
}

/* Save / Submit buttons */
body.employee-theme .SaveBtn,
body.employee-theme button.send-invitation,
body.employee-theme button[type="submit"].SaveBtn,
body.employee-theme .submitbtn-save button,
body.employee-theme .notiSaveBtn button {
    display: inline-block;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff !important;
    border: none;
    border-radius: 50px;
    padding: 11px 32px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--eduro-transition);
    font-family: "Nunito Sans", sans-serif;
}

body.employee-theme .SaveBtn:hover,
body.employee-theme button.send-invitation:hover,
body.employee-theme .submitbtn-save button:hover,
body.employee-theme .notiSaveBtn button:hover {
    box-shadow: 0 4px 16px rgba(222,107,59,0.35);
    transform: translateY(-1px);
}

/* Error messages */
body.employee-theme .error-row {
    color: var(--eduro-error);
    font-size: 12px;
    display: block;
    margin-top: 4px;
}

/* ============================================
   PROFILE PHOTO / AVATAR UPLOAD
   ============================================ */
body.employee-theme .upload-prfile-pic {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    padding: 20px;
    text-align: center;
    margin-bottom: 16px;
    border: 2px dashed var(--eduro-border);
    cursor: pointer;
    transition: var(--eduro-transition);
}

body.employee-theme .upload-prfile-pic:hover {
    border-color: var(--eduro-primary);
    background: var(--eduro-background);
}

body.employee-theme .upload-prfile-pic h3 {
    font-size: 14px;
    color: var(--eduro-text-muted);
    margin: 10px 0 8px 0;
}

body.employee-theme .upload-prfile-pic h3 span {
    color: var(--eduro-primary);
}

body.employee-theme .upload-prfile-pic #profile_image_preview {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--eduro-primary);
    display: block;
    margin: 0 auto 10px;
}

body.employee-theme .plus-sign {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}

body.employee-theme .minus-sign {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--eduro-error);
    color: #fff;
    font-size: 12px;
    cursor: pointer;
    margin-top: 6px;
}

/* Active/Inactive toggle buttons */
body.employee-theme .active-inactive-btns {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-top: 12px;
}

body.employee-theme .activeBtn,
body.employee-theme .inactiveBtn {
    flex: 1;
    text-align: center;
    padding: 7px 12px;
    border-radius: 50px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    transition: var(--eduro-transition);
    border: 1.5px solid var(--eduro-border);
    color: var(--eduro-text-muted);
}

body.employee-theme .activeBtn.active {
    background: var(--eduro-success);
    border-color: var(--eduro-success);
    color: #fff;
}

body.employee-theme .inactiveBtn.active {
    background: var(--eduro-error);
    border-color: var(--eduro-error);
    color: #fff;
}

/* German license toggle switch */
body.employee-theme #approbation_switch {
    font-size: 14px;
    color: var(--eduro-text-dark);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* ============================================
   WORK HISTORY / EDUCATION PAGES
   ============================================ */

/* "Add entry" button */
body.employee-theme .addmore {
    position: relative;
    margin-bottom: 24px;
}

body.employee-theme .addmore .submit-plus {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff;
    border-radius: 50px;
    padding: 10px 24px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--eduro-transition);
}

body.employee-theme .addmore .submit-plus::before {
    content: attr(data-text);
    margin-left: 6px;
    font-style: normal;
}

body.employee-theme .addmore .submit-plus:hover {
    box-shadow: 0 4px 16px rgba(222,107,59,0.35);
    transform: translateY(-1px);
}

body.employee-theme .addmore.subline {
    border-top: 2px solid var(--eduro-border);
    padding-top: 16px;
    margin-top: 8px;
}

/* Work history list */
body.employee-theme .work-history {
    margin-top: 28px;
}

body.employee-theme .work-history h2 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 16px 0;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--eduro-border);
    color: var(--eduro-text-dark);
}

body.employee-theme .sort-item {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius-sm);
    box-shadow: var(--eduro-shadow);
    border: 1px solid var(--eduro-border-light);
    padding: 14px 16px;
    margin-bottom: 10px;
    transition: var(--eduro-transition);
    cursor: grab;
}

body.employee-theme .sort-item:hover {
    box-shadow: var(--eduro-shadow-hover);
    border-color: rgba(222,107,59,0.2);
}

body.employee-theme .sort-item hr {
    display: none;
}

body.employee-theme .horizent-line {
    display: none !important;
}

body.employee-theme .left-info-area {
    padding-right: 60px;
}

body.employee-theme .left-info-area .highlight {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--eduro-primary);
    font-weight: 700;
    margin-bottom: 4px;
}

body.employee-theme .left-info-area h5 {
    font-size: 15px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    margin: 0 0 4px 0;
}

body.employee-theme .left-info-area p {
    font-size: 13px;
    color: var(--eduro-text-muted);
    margin: 0;
}

body.employee-theme .right-info-area {
    position: absolute;
    right: 16px;
    top: 14px;
}

body.employee-theme .sortable-bg {
    opacity: 0.6;
    background: var(--eduro-background) !important;
}

/* Ellipsis dropdown */
body.employee-theme .clikMe-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--eduro-background);
    color: var(--eduro-text-muted);
    font-size: 16px;
    text-decoration: none;
    transition: var(--eduro-transition);
}

body.employee-theme .clikMe-btn:hover {
    background: var(--eduro-primary);
    color: #fff;
}

body.employee-theme .dropdownMenuButns {
    border-radius: var(--eduro-radius-sm);
    box-shadow: var(--eduro-shadow-hover);
    border: 1px solid var(--eduro-border);
    min-width: 130px;
    padding: 6px 0;
}

body.employee-theme .dropdownMenuButns li a {
    padding: 8px 14px;
    font-size: 13px;
    color: var(--eduro-text-dark);
    text-decoration: none;
    transition: var(--eduro-transition);
    display: block;
    border-bottom: none !important;
}

body.employee-theme .dropdownMenuButns li a:hover {
    color: var(--eduro-primary);
    background: var(--eduro-background);
}

/* ============================================
   JOB PREFERENCE PAGE
   ============================================ */
body.employee-theme .main_title {
    font-size: 22px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    margin-bottom: 20px;
}

body.employee-theme .option_row {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    padding: 18px;
    margin-bottom: 16px;
    border: 1px solid var(--eduro-border-light);
}

body.employee-theme .option_row > p {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    font-weight: 700;
    color: var(--eduro-text-light);
    margin: 0 0 12px 0;
}

body.employee-theme .country-preference-row,
body.employee-theme .city-preference-row {
    margin-bottom: 20px;
}

/* ============================================
   PROFILE SUMMARY PAGE
   ============================================ */
body.employee-theme .applicants-wrapper {
    background: var(--eduro-background);
}

body.employee-theme .applicantsTile {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    padding: 24px;
    margin-bottom: 20px;
    text-align: center;
}

body.employee-theme .applicantAvatar {
    margin: 16px auto;
}

body.employee-theme .applicantAvatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--eduro-primary);
}

body.employee-theme .pro-circle {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

body.employee-theme .pro-circle span {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    font-family: "Raleway", sans-serif;
}

body.employee-theme .applicantsTile h2 {
    font-size: 18px;
    color: var(--eduro-text-dark);
    margin: 8px 0;
}

body.employee-theme ul.specialist {
    list-style: none;
    padding: 0;
    margin: 0 0 16px 0;
}

body.employee-theme ul.specialist li a {
    color: var(--eduro-text-muted);
    font-size: 13px;
    text-decoration: none;
}

body.employee-theme ul.action {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

/* Lead score widget */
body.employee-theme .lead-score {
    position: relative;
    width: 90px;
    height: 90px;
    margin: 0 auto 8px;
}

body.employee-theme .lead-score .scale {
    width: 90px;
    height: 90px;
}

body.employee-theme .lead-score .value {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    font-weight: 800;
    color: var(--eduro-primary);
    font-family: "Raleway", sans-serif;
}

/* Top-rated badge */
body.employee-theme .top-rate-label {
    display: block;
    margin-bottom: 8px;
}

body.employee-theme .top-rate-label img {
    height: 28px;
}

/* Profile info sections */
body.employee-theme .col-md-8 .applicantsLeftTitle {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    padding: 20px;
    margin-bottom: 16px;
}

body.employee-theme .col-md-8 .applicantsLeftTitle h2 {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--eduro-border);
    margin-bottom: 12px;
    color: var(--eduro-text-dark);
}

body.employee-theme .col-md-8 .applicantsLeftTitle h5 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--eduro-text-light);
    margin: 12px 0 4px 0;
    font-weight: 700;
}

body.employee-theme .col-md-8 .applicantsLeftTitle p {
    font-size: 14px;
    color: var(--eduro-text-dark);
    margin: 0 0 4px 0;
}

/* ============================================
   ACCOUNT SETTINGS PAGE
   ============================================ */
body.employee-theme .publicProfileContent {
    margin-top: 8px;
}

body.employee-theme .publicProForm {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    padding: 24px;
}

body.employee-theme .acc-setting-email-heading {
    font-size: 17px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    margin-bottom: 4px;
}

body.employee-theme .acc-setting-info {
    font-size: 13px;
    color: var(--eduro-text-muted);
    margin-bottom: 18px;
}

body.employee-theme .ecurrent-mail-status {
    margin-bottom: 16px;
}

body.employee-theme .red-panel {
    background: rgba(244,67,54,0.08);
    border-left: 3px solid var(--eduro-error);
    border-radius: 0 var(--eduro-radius-sm) var(--eduro-radius-sm) 0;
    padding: 10px 14px;
    font-size: 14px;
    color: var(--eduro-error);
    margin: 0 0 8px 0;
}

body.employee-theme .grey-purle-color {
    font-size: 13px;
    color: var(--eduro-text-muted);
}

body.employee-theme .credentails-info {
    margin-top: 24px;
    padding-top: 20px;
    border-top: 2px solid var(--eduro-border);
}

body.employee-theme .publicProForm .form-group {
    margin-bottom: 16px;
}

body.employee-theme .publicProForm .form-group label {
    font-size: 13px;
    font-weight: 700;
    color: var(--eduro-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 6px;
    display: block;
}

body.employee-theme .publicProForm .form-control {
    height: 44px;
    border: 1.5px solid var(--eduro-border);
    border-radius: var(--eduro-radius-sm);
    font-size: 14px;
    color: var(--eduro-text-dark);
    background: var(--eduro-white);
    transition: var(--eduro-transition);
    box-shadow: none !important;
    padding: 0 14px;
}

body.employee-theme .publicProForm .form-control:focus {
    border-color: var(--eduro-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(222,107,59,0.12) !important;
}

body.employee-theme .publicProForm .line-margin {
    margin: 20px 0;
    border-color: var(--eduro-border);
}

body.employee-theme .publicProForm .submitbtn-save {
    margin-top: 12px;
}

/* ============================================
   NOTIFICATION SETTINGS
   ============================================ */
body.employee-theme .notiEmail h2 {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 6px;
}

body.employee-theme .notiEmail p {
    font-size: 14px;
    color: var(--eduro-text-muted);
    margin-bottom: 12px;
}

body.employee-theme .container-checkboxes {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--eduro-text-dark);
    cursor: pointer;
    margin-bottom: 10px;
    position: relative;
    padding-left: 28px;
}

body.employee-theme .container-checkboxes input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    accent-color: var(--eduro-primary);
    cursor: pointer;
}

body.employee-theme .notiSaveBtn {
    text-align: right;
    margin-top: 16px;
}

/* ============================================
   REFERRAL PAGE
   ============================================ */
body.employee-theme .referral-code-box {
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    border-radius: var(--eduro-radius);
    padding: 24px;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
}

body.employee-theme .referral-code-box h3 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 12px 0;
}

body.employee-theme .referral-code-box .code {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 4px;
    font-family: "Raleway", monospace;
    background: rgba(255,255,255,0.2);
    border-radius: var(--eduro-radius-sm);
    padding: 10px 20px;
    display: inline-block;
    margin-bottom: 12px;
}

/* ============================================
   RATING FORM PAGE
   ============================================ */
body.employee-theme #end-contract-container {
    max-width: 800px;
    margin: 0 auto;
}

body.employee-theme .end-contract-title h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    margin-bottom: 20px;
}

body.employee-theme .end-contract-box-shadow {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    padding: 24px;
    margin-bottom: 16px;
    border: 1px solid var(--eduro-border-light);
}

body.employee-theme .end-contract-box-shadow h3 {
    font-size: 17px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    margin: 0 0 8px 0;
}

body.employee-theme .end-contract-box-shadow h4 {
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--eduro-text-light);
    font-weight: 700;
    margin: 0 0 4px 0;
}

body.employee-theme .end-contract-box-shadow p {
    font-size: 14px;
    color: var(--eduro-text-dark);
    margin: 0 0 14px 0;
}

/* Rating stars */
body.employee-theme #end-contract-radio {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

body.employee-theme .checkcontainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    gap: 4px;
}

body.employee-theme .checkcontainer .number {
    width: 34px;
    height: 34px;
    border-radius: var(--eduro-radius-sm);
    border: 1.5px solid var(--eduro-border);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: 600;
    color: var(--eduro-text-dark);
    transition: var(--eduro-transition);
}

body.employee-theme .checkcontainer input[type="radio"] {
    display: none;
}

body.employee-theme .checkcontainer:has(input:checked) .number {
    background: var(--eduro-primary);
    border-color: var(--eduro-primary);
    color: #fff;
}

body.employee-theme .radio-description {
    display: flex;
    justify-content: space-between;
    font-size: 11px;
    color: var(--eduro-text-light);
    margin-bottom: 6px;
}

body.employee-theme #rating_stars div {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 10px;
}

body.employee-theme #rating_stars i {
    font-size: 22px;
    color: var(--eduro-border);
    cursor: pointer;
    transition: var(--eduro-transition);
}

body.employee-theme #rating_stars i.rating_star_selected,
body.employee-theme #rating_stars i:hover {
    color: var(--eduro-secondary);
}

body.employee-theme #rating_stars span {
    font-size: 14px;
    color: var(--eduro-text-dark);
    font-weight: 500;
    margin-left: 4px;
}

body.employee-theme #total-score {
    font-size: 15px;
    font-weight: 700;
    color: var(--eduro-primary);
    margin: 10px 0;
}

body.employee-theme #feedback-textarea {
    width: 100%;
    border: 1.5px solid var(--eduro-border);
    border-radius: var(--eduro-radius-sm);
    padding: 12px 14px;
    font-size: 14px;
    font-family: "Nunito Sans", sans-serif;
    resize: vertical;
    min-height: 120px;
    transition: var(--eduro-transition);
}

body.employee-theme #feedback-textarea:focus {
    border-color: var(--eduro-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(222,107,59,0.12);
}

body.employee-theme #example-feedback {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow-hover);
    padding: 24px;
}

body.employee-theme #example-feedback h3 {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 10px 0;
    color: var(--eduro-text-dark);
}

body.employee-theme #example-feedback p {
    font-size: 14px;
    color: var(--eduro-text-muted);
    margin: 0;
}

/* ============================================
   QUEREINSTEIGER HINT (dashboard)
   ============================================ */
body.employee-theme .quereinsteiger-hint {
    border-radius: var(--eduro-radius) !important;
    box-shadow: var(--eduro-shadow);
}

/* ============================================
   PAGINATION
   ============================================ */
body.employee-theme .pagination-list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 20px 0;
    list-style: none;
    padding: 0;
}

body.employee-theme .pagination-list a,
body.employee-theme .pagination-list #next,
body.employee-theme .pagination-list #prev {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--eduro-radius-sm);
    border: 1.5px solid var(--eduro-border);
    background: var(--eduro-white);
    color: var(--eduro-text-dark);
    font-size: 14px;
    text-decoration: none;
    transition: var(--eduro-transition);
    cursor: pointer;
}

body.employee-theme .pagination-list a:hover,
body.employee-theme .pagination-list #next:not(.inactive-pager):hover,
body.employee-theme .pagination-list #prev:not(.inactive-pager):hover {
    background: var(--eduro-primary);
    border-color: var(--eduro-primary);
    color: #fff;
}

body.employee-theme .pagination-list .inactive-pager {
    opacity: 0.35;
    cursor: not-allowed;
}

/* ============================================
   FEATURED JOBS SECTION
   ============================================ */
body.employee-theme .featuredJobs {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid var(--eduro-border);
}

body.employee-theme .featuredJobs .applicantsLeftTitle h2 {
    font-size: 20px;
}

/* ============================================
   PROGRESS BAR (profile completeness)
   ============================================ */
body.employee-theme .progress-bar-wrapper {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    padding: 14px 18px;
    margin-bottom: 16px;
    box-shadow: var(--eduro-shadow);
}

body.employee-theme .progress {
    background: var(--eduro-border);
    border-radius: 50px;
    height: 8px;
    margin-top: 6px;
}

body.employee-theme .progress-bar {
    background: linear-gradient(90deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    border-radius: 50px;
}

/* ============================================
   MISC UTILITY CLASSES
   ============================================ */
body.employee-theme .mt-3 { margin-top: 12px !important; }
body.employee-theme .mb-20 { margin-bottom: 20px; }
body.employee-theme .mb-25 { margin-bottom: 25px; }
body.employee-theme .mb-50 { margin-bottom: 50px; }
body.employee-theme .pt-20 { padding-top: 20px; }
body.employee-theme .pt-7  { padding-top: 7px; }
body.employee-theme .mt-15 { margin-top: 15px; }

body.employee-theme .text-muted {
    color: var(--eduro-text-muted) !important;
}

body.employee-theme .text-right { text-align: right; }
body.employee-theme .text-center { text-align: center; }

body.employee-theme .diviver100 {
    height: 60px;
}

body.employee-theme .default-location-info {
    font-size: 13px;
    color: var(--eduro-text-muted);
    padding: 6px 0;
    font-style: italic;
}

/* ============================================
   ALERTS / BANNERS
   ============================================ */
body.employee-theme .warning-bg {
    background: rgba(255,152,0,0.1);
    border-left: 4px solid var(--eduro-warning);
}

body.employee-theme .profileUpdate.warning-bg {
    color: #7a5100;
    border-radius: 0;
    margin: 0;
    padding: 12px 18px;
    font-size: 14px;
}

/* ============================================
   JOB HEAD / VIDEO
   ============================================ */
body.employee-theme .job_head_layer_light {
    background: linear-gradient(135deg, rgba(222,107,59,0.06) 0%, rgba(242,148,60,0.04) 100%);
    height: 300px;
    margin-bottom: -300px;
}

/* ============================================
   FOOTER (shared)
   ============================================ */
body.employee-theme footer,
body.employee-theme .footer {
    background: var(--eduro-text-dark);
    color: rgba(255,255,255,0.7);
    padding: 30px 0;
    margin-top: 40px;
}

body.employee-theme footer a {
    color: rgba(255,255,255,0.7);
    text-decoration: none;
    transition: var(--eduro-transition);
}

body.employee-theme footer a:hover {
    color: var(--eduro-secondary);
}

/* ============================================
   RESPONSIVE - MOBILE FIRST
   ============================================ */
@media (max-width: 991px) {
    body.employee-theme .navbar-collapse {
        background: var(--eduro-white);
        box-shadow: var(--eduro-shadow);
        padding: 10px 0;
    }

    body.employee-theme .navbar-nav > li {
        padding: 4px 16px;
    }

    body.employee-theme .navbar-nav > li > a {
        padding: 10px 0;
        border-bottom: 1px solid var(--eduro-border-light) !important;
    }

    body.employee-theme .light-box {
        width: 100%;
    }

    body.employee-theme .contract_terms {
        flex-direction: column;
    }
}

@media (max-width: 767px) {
    body.employee-theme .publicProSidebar {
        margin-bottom: 16px;
    }

    body.employee-theme .job_details__sidebar {
        margin-top: 0;
    }

    body.employee-theme .end-contract-box-shadow {
        padding: 16px;
    }

    body.employee-theme .campaign-box {
        padding: 16px;
    }

    body.employee-theme .job_details__buttons_row a {
        width: 100%;
        justify-content: center;
    }

    body.employee-theme .addmore .submit-plus::before {
        display: none;
    }

    body.employee-theme .col-md-8 .applicantsLeftTitle {
        padding: 14px;
    }

    body.employee-theme #end-contract-radio {
        gap: 4px;
    }

    body.employee-theme .checkcontainer .number {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    body.employee-theme .benefit_items > div {
        width: 60px;
    }

    body.employee-theme .active-inactive-btns {
        flex-direction: column;
    }
}

/* ============================================
   DESKTOP-ONLY SIDEBAR FILTER STYLES
   ============================================ */
body.employee-theme .desktop-view {
    display: block;
}

body.employee-theme .mobile-view {
    display: none;
}

@media (max-width: 767px) {
    body.employee-theme .desktop-view {
        display: none;
    }
    body.employee-theme .mobile-view {
        display: block;
    }
}

/* ============================================
   SWITCH / TOGGLE
   ============================================ */
body.employee-theme .switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    vertical-align: middle;
}

body.employee-theme .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

body.employee-theme .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--eduro-border);
    transition: var(--eduro-transition);
}

body.employee-theme .slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: var(--eduro-transition);
}

body.employee-theme input:checked + .slider {
    background-color: var(--eduro-primary);
}

body.employee-theme input:checked + .slider:before {
    transform: translateX(20px);
}

body.employee-theme .slider.round {
    border-radius: 24px;
}

body.employee-theme .slider.round:before {
    border-radius: 50%;
}

/* ============================================
   OLD BLUE OVERRIDES (replace #27b1df references)
   ============================================ */
body.employee-theme .blue-text {
    color: var(--eduro-primary) !important;
}

body.employee-theme a.open_questions_modal {
    color: var(--eduro-primary);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

body.employee-theme a.open_questions_modal:hover {
    color: var(--eduro-primary-hover);
}

body.employee-theme .more-info {
    display: inline-block;
    color: var(--eduro-primary);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 8px;
    text-decoration: none;
}

body.employee-theme .error-apply {
    display: none;
    color: var(--eduro-error);
    font-size: 13px;
    margin-bottom: 6px;
}

/* price items (job detail) */
body.employee-theme .price_items {
    display: flex;
    justify-content: center;
}

body.employee-theme .price_items > div {
    display: flex;
    align-items: center;
    gap: 16px;
}

body.employee-theme .circle-sign {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
}

body.employee-theme .rate {
    font-size: 22px;
    font-weight: 700;
    color: var(--eduro-text-dark);
}

/* framework items */
body.employee-theme .framework_items {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.employee-theme .light-box-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--eduro-background);
    border-radius: var(--eduro-radius-sm);
    padding: 16px;
    width: calc(33.3% - 8px);
    text-align: center;
    border: 1px solid var(--eduro-border-light);
    box-sizing: border-box;
}

body.employee-theme .light-box-vertical .light-icon img {
    max-width: 40px;
    max-height: 40px;
    object-fit: contain;
    margin-bottom: 8px;
}

body.employee-theme .light-box-vertical .light-content h4 {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: var(--eduro-text-light);
    margin: 0 0 4px 0;
}

body.employee-theme .light-box-vertical .light-content div {
    font-size: 14px;
    color: var(--eduro-text-dark);
    font-weight: 500;
}

@media (max-width: 767px) {
    body.employee-theme .light-box-vertical {
        width: calc(50% - 6px);
    }
}

/* ============================================
   JOB BOX inner layout (partial/employee/job_list)
   Accommodates existing HTML selectors
   ============================================ */
body.employee-theme .job-box .job-box-inner {
    padding: 16px;
}

body.employee-theme .job-box .job-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    margin: 0 0 4px 0;
    line-height: 1.3;
}

body.employee-theme .job-box .job-company {
    font-size: 13px;
    color: var(--eduro-text-muted);
    margin: 0 0 8px 0;
}

body.employee-theme .job-box .job-meta {
    font-size: 12px;
    color: var(--eduro-text-light);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 8px;
}

body.employee-theme .job-box .job-actions {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    background: var(--eduro-background);
    border-top: 1px solid var(--eduro-border-light);
    flex-wrap: wrap;
}

body.employee-theme .job-box .job-actions a {
    font-size: 13px;
    font-weight: 600;
    color: var(--eduro-primary);
    text-decoration: none;
    transition: var(--eduro-transition);
}

body.employee-theme .job-box .job-actions a:hover {
    color: var(--eduro-primary-hover);
}

/* Quick-apply button within cards */
body.employee-theme .job-box .apply-job-btn {
    display: inline-block;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff !important;
    border-radius: 50px;
    padding: 6px 16px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--eduro-transition);
}

body.employee-theme .job-box .apply-job-btn:hover {
    box-shadow: 0 4px 12px rgba(222,107,59,0.3);
}

/* ============================================
   CALENDLY WIDGET
   ============================================ */
body.employee-theme .docDashboard .calendly-inline-widget {
    border-radius: var(--eduro-radius);
    overflow: hidden;
    box-shadow: var(--eduro-shadow);
}

/* ============================================
   CURSOR & MISC HELPERS
   ============================================ */
body.employee-theme .cursor-pointer { cursor: pointer; }
body.employee-theme .clearfix::after { content: ''; display: table; clear: both; }
body.employee-theme .hide { display: none !important; }

/* ============================================
   EMPLOYEE HEADER — nav icons & avatar
   ============================================ */
body.employee-theme .emp-nav-icon {
    margin-right: 5px;
    font-size: 13px;
    opacity: 0.7;
}

body.employee-theme .emp-nav-avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--eduro-primary);
    display: inline-block;
}

/* Dropdown user info block */
body.employee-theme .emp-dropdown-user-info {
    padding: 12px 18px 10px;
    border-bottom: 1px solid var(--eduro-border-light);
    pointer-events: none;
}

body.employee-theme .emp-dropdown-name {
    font-weight: 700;
    font-size: 14px;
    color: var(--eduro-text-dark);
}

body.employee-theme .emp-dropdown-role {
    font-size: 12px;
    color: var(--eduro-text-muted);
    margin-top: 2px;
}

body.employee-theme .cs-drpdown-menu .divider {
    height: 1px;
    background: var(--eduro-border-light);
    margin: 4px 0;
    border: none;
}

/* ============================================
   DASHBOARD HERO BANNER
   ============================================ */
body.employee-theme .emp-dashboard-hero {
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    padding: 32px 0 28px;
    margin-bottom: 28px;
    position: relative;
    overflow: hidden;
}

body.employee-theme .emp-dashboard-hero::before {
    content: '';
    position: absolute;
    top: -40%;
    right: -10%;
    width: 350px;
    height: 350px;
    border-radius: 50%;
    background: rgba(255,255,255,0.06);
    pointer-events: none;
}

body.employee-theme .emp-dashboard-hero::after {
    content: '';
    position: absolute;
    bottom: -50%;
    left: 5%;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: rgba(255,255,255,0.05);
    pointer-events: none;
}

body.employee-theme .emp-hero-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

body.employee-theme .emp-hero-left {
    flex: 1;
    min-width: 240px;
}

body.employee-theme .emp-hero-greeting h1 {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    margin: 0 0 6px 0;
    line-height: 1.2;
}

body.employee-theme .emp-hero-greeting p {
    color: rgba(255,255,255,0.85);
    font-size: 15px;
    margin: 0 0 20px 0;
}

/* Profile strength bar */
body.employee-theme .emp-profile-strength {
    max-width: 380px;
}

body.employee-theme .emp-profile-strength-label {
    display: flex;
    justify-content: space-between;
    color: rgba(255,255,255,0.9);
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 6px;
}

body.employee-theme .emp-strength-bar {
    height: 8px;
    background: rgba(255,255,255,0.25);
    border-radius: 50px;
    overflow: hidden;
}

body.employee-theme .emp-strength-fill {
    height: 100%;
    background: #fff;
    border-radius: 50px;
    transition: width 0.8s ease;
}

body.employee-theme .emp-complete-cta {
    display: inline-block;
    margin-top: 10px;
    color: rgba(255,255,255,0.9);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    transition: var(--eduro-transition);
}

body.employee-theme .emp-complete-cta:hover {
    color: #fff;
    border-bottom-color: rgba(255,255,255,0.9);
}

body.employee-theme .emp-complete-cta i {
    margin-right: 4px;
    font-size: 11px;
}

/* Stat tiles */
body.employee-theme .emp-hero-stats {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

body.employee-theme .emp-stat-tile {
    background: rgba(255,255,255,0.15);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: var(--eduro-radius);
    padding: 16px 20px;
    text-align: center;
    min-width: 100px;
    transition: var(--eduro-transition);
    backdrop-filter: blur(4px);
}

body.employee-theme .emp-stat-tile:hover {
    background: rgba(255,255,255,0.25);
    transform: translateY(-2px);
}

body.employee-theme .emp-stat-icon {
    color: rgba(255,255,255,0.8);
    font-size: 20px;
    margin-bottom: 6px;
}

body.employee-theme .emp-stat-value {
    font-size: 28px;
    font-weight: 800;
    color: #fff;
    line-height: 1;
    font-family: "Raleway", sans-serif;
}

body.employee-theme .emp-stat-label {
    font-size: 11px;
    color: rgba(255,255,255,0.8);
    margin-top: 4px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

@media (max-width: 767px) {
    body.employee-theme .emp-dashboard-hero {
        padding: 20px 0 18px;
        margin-bottom: 16px;
    }

    body.employee-theme .emp-hero-greeting h1 {
        font-size: 20px;
    }

    body.employee-theme .emp-hero-stats {
        width: 100%;
        justify-content: space-between;
    }

    body.employee-theme .emp-stat-tile {
        flex: 1;
        min-width: 80px;
        padding: 12px 10px;
    }

    body.employee-theme .emp-stat-value {
        font-size: 22px;
    }
}

/* ============================================
   PROFILE SIDEBAR AVATAR BLOCK
   ============================================ */
body.employee-theme .sidebar-profile-block {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 18px 14px;
    border-bottom: 1px solid var(--eduro-border-light);
    margin-bottom: 8px;
}

body.employee-theme .sidebar-avatar {
    flex-shrink: 0;
}

body.employee-theme .sidebar-avatar-img {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--eduro-primary);
    display: block;
}

body.employee-theme .sidebar-avatar-initials {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

body.employee-theme .sidebar-avatar-initials span {
    color: #fff;
    font-size: 17px;
    font-weight: 800;
    font-family: "Raleway", sans-serif;
}

body.employee-theme .sidebar-profile-info {
    flex: 1;
    min-width: 0;
}

body.employee-theme .sidebar-profile-name {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.employee-theme .sidebar-profile-role {
    font-size: 11.5px;
    color: var(--eduro-primary);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 2px;
}

/* ============================================
   EMPLOYEE SETTINGS PAGES — extra card wraps
   ============================================ */
body.employee-theme .employee-setting-page {
    background: var(--eduro-white);
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    padding: 24px;
    margin-bottom: 20px;
}

body.employee-theme .employee-setting-page h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    margin: 0 0 10px 0;
}

body.employee-theme .employee-setting-page p {
    font-size: 14px;
    color: var(--eduro-text-muted);
    margin: 0 0 14px 0;
}

body.employee-theme .employee-setting-page .dr-form .form-group label {
    font-size: 13px;
    font-weight: 700;
    color: var(--eduro-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

body.employee-theme .employee-setting-page .dr-form .form-control {
    height: 44px;
    border: 1.5px solid var(--eduro-border);
    border-radius: var(--eduro-radius-sm);
    box-shadow: none !important;
    transition: var(--eduro-transition);
}

body.employee-theme .employee-setting-page .dr-form .form-control:focus {
    border-color: var(--eduro-primary);
    box-shadow: 0 0 0 3px rgba(222,107,59,0.12) !important;
}

body.employee-theme .redeem-line {
    margin-bottom: 18px;
}

body.employee-theme .reffer-area,
body.employee-theme .your-refferal-link,
body.employee-theme .profile-text-area {
    margin-bottom: 16px;
}

body.employee-theme .refferal-link h3,
body.employee-theme .reffer-area h3,
body.employee-theme .your-refferal-link h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    margin: 0 0 6px 0;
}

body.employee-theme .drCopyright p,
body.employee-theme .refferal-link p,
body.employee-theme .reffer-area p {
    font-size: 13px;
    color: var(--eduro-text-muted);
}

/* Referral status badges */
body.employee-theme .badge-1 {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
}

body.employee-theme .badge-success {
    background: rgba(76,175,80,0.12);
    color: var(--eduro-success);
}

body.employee-theme .badge-danger {
    background: rgba(244,67,54,0.10);
    color: var(--eduro-error);
}

/* white-color text (used in referral/hire pages) */
body.employee-theme .white-color {
    color: var(--eduro-text-muted) !important;
}

body.employee-theme .blue-thin-text {
    font-size: 13px;
    font-weight: 700;
    color: var(--eduro-text-muted);
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

/* Points label */
body.employee-theme .ecurrent-mail-status .red-panel .points-right {
    float: right;
    font-weight: 700;
    color: var(--eduro-primary);
}

/* ============================================
   DASHBOARD — PAGE BACKGROUND & LAYOUT
   ============================================ */
body.employee-theme .docDashboard {
    background-color: #fdf8f5;
    padding-bottom: 60px;
}

/* ============================================
   DASHBOARD — SECTION HEADERS
   ============================================ */
body.employee-theme .applicantsLeftTitle {
    border-bottom: 2px solid var(--eduro-border);
    margin-bottom: 18px;
    padding-bottom: 12px;
}

body.employee-theme .applicantsLeftTitle h2 {
    font-family: "Raleway", "Nunito Sans", sans-serif;
    font-size: 17px;
    font-weight: 800;
    color: var(--eduro-text-dark);
    text-transform: uppercase;
    letter-spacing: 0.6px;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

body.employee-theme .applicantsLeftTitle h2 .iconNoti,
body.employee-theme .applicantsLeftTitle h2 i {
    color: var(--eduro-primary);
    font-size: 18px;
}

/* ============================================
   DASHBOARD — NOTIFICATION CARDS
   ============================================ */
body.employee-theme .DasnotificationsBox .notiInnerBox {
    background: #fff;
    border-radius: var(--eduro-radius-sm);
    border: 1px solid var(--eduro-border);
    border-left-width: 5px;
    box-shadow: var(--eduro-shadow);
    padding: 14px 36px 10px 16px;
    position: relative;
    transition: var(--eduro-transition);
    cursor: pointer;
}

body.employee-theme .DasnotificationsBox .notiInnerBox:hover {
    box-shadow: var(--eduro-shadow-hover);
    transform: translateY(-1px);
}

body.employee-theme .DasnotificationsBox .notiInnerBoxBlue {
    border-left-color: var(--eduro-primary) !important;
    background: linear-gradient(to right, rgba(222,107,59,0.04) 0%, #fff 60%);
}

body.employee-theme .DasnotificationsBox .notiInnerBoxGray {
    border-left-color: #d0d0d0 !important;
}

body.employee-theme .DasnotificationsBox .notiInnerBox p {
    font-size: 13.5px;
    color: var(--eduro-text-dark);
    line-height: 1.5;
    margin-bottom: 8px;
}

body.employee-theme .DasnotificationsBox .notiInnerBox p.text-right {
    font-size: 11.5px;
    font-weight: 600;
    color: var(--eduro-text-light);
    margin-bottom: 0 !important;
}

body.employee-theme .DasnotificationsBox .notiInnerBox .close-block {
    position: absolute;
    top: 10px;
    right: 12px;
    color: var(--eduro-text-light);
    font-size: 13px;
    line-height: 1;
    opacity: 0.6;
    transition: var(--eduro-transition);
}

body.employee-theme .DasnotificationsBox .notiInnerBox .close-block:hover {
    opacity: 1;
    color: var(--eduro-error);
}

body.employee-theme .you-dont-have-notifications {
    color: var(--eduro-text-muted);
    font-size: 14px;
    padding: 10px 0;
}

/* ============================================
   DASHBOARD — CAMPAIGN BOX (100€ Bonus)
   ============================================ */
body.employee-theme .campaign-box {
    border-radius: var(--eduro-radius) !important;
    border: none !important;
    border-left: none !important;
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%) !important;
    box-shadow: 0 4px 18px rgba(222,107,59,0.30) !important;
    overflow: hidden;
    margin-top: 20px !important;
}

body.employee-theme .campaign-box h2 {
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    width: 100% !important;
    line-height: 1.35;
}

body.employee-theme .campaign-box h2 b {
    color: rgba(255,255,255,0.92) !important;
}

body.employee-theme .campaign-box .info-box p {
    color: rgba(255,255,255,0.88) !important;
    font-size: 13px;
}

body.employee-theme .campaign-box .info-box .info-link {
    background-image: none !important;
    background-color: rgba(255,255,255,0.22) !important;
    color: #fff !important;
    border: 1.5px solid rgba(255,255,255,0.5) !important;
    border-radius: 50px !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 8px 18px !important;
    box-shadow: none !important;
    transition: var(--eduro-transition) !important;
    display: inline-block;
}

body.employee-theme .campaign-box .info-box .info-link:hover {
    background-color: rgba(255,255,255,0.35) !important;
    background-image: none !important;
    border-color: rgba(255,255,255,0.8) !important;
}

/* ============================================
   DASHBOARD — REFERRAL / RECOMMENDATION BOX
   ============================================ */
body.employee-theme .dashboardBoxShadow.dashboardBoxBorder .recommendation-box,
body.employee-theme .docDashboardSideBar .recommendation-box {
    background: #fff;
    border-radius: var(--eduro-radius);
    text-align: center;
    padding: 32px 28px !important;
}

body.employee-theme .recommendation-box h2 {
    color: var(--eduro-primary) !important;
    font-family: "Raleway", sans-serif;
    font-size: 18px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 12px;
}

body.employee-theme .recommendation-box p {
    color: var(--eduro-text-muted);
    font-size: 13.5px;
    line-height: 1.55;
}

body.employee-theme .recommendation-box a {
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%) !important;
    color: #fff !important;
    border-radius: 50px !important;
    font-family: "Nunito Sans", sans-serif !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    padding: 10px 24px !important;
    display: inline-block;
    margin-top: 14px;
    transition: var(--eduro-transition);
    box-shadow: 0 3px 12px rgba(222,107,59,0.25);
    text-decoration: none;
}

body.employee-theme .recommendation-box a:hover {
    box-shadow: 0 5px 18px rgba(222,107,59,0.40);
    transform: translateY(-1px);
}

body.employee-theme .dashboardBoxShadow.dashboardBoxBorder.round-corners-6 {
    border-radius: var(--eduro-radius) !important;
    border-color: var(--eduro-border) !important;
    box-shadow: var(--eduro-shadow) !important;
}

/* ============================================
   DASHBOARD — JOB CARDS
   ============================================ */
body.employee-theme .jobs-grid-item {
    background: #fff;
    border-radius: var(--eduro-radius);
    box-shadow: var(--eduro-shadow);
    overflow: hidden;
    transition: var(--eduro-transition);
    border: 1px solid var(--eduro-border);
    cursor: pointer;
}

body.employee-theme .jobs-grid-item:hover {
    box-shadow: var(--eduro-shadow-hover);
    transform: translateY(-3px);
}

body.employee-theme .jobs-grid-item .item-head {
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 7px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 32px;
}

body.employee-theme .jobs-grid-item .item-head img {
    width: 14px;
    height: 14px;
    opacity: 0.9;
    filter: brightness(10);
    margin-right: 4px;
}

body.employee-theme .jobs-grid-item .item-head .fRstar {
    color: rgba(255,255,255,0.85);
    font-size: 14px;
    cursor: pointer;
    transition: var(--eduro-transition);
}

body.employee-theme .jobs-grid-item .item-head .fRstar:hover {
    color: #fff;
    transform: scale(1.15);
}

body.employee-theme .jobs-grid-item .item-head .fRstar .fa-star {
    color: #ffe082;
}

body.employee-theme .jobs-grid-item .item-content {
    padding: 14px 16px 10px;
}

body.employee-theme .jobs-grid-item .item-title {
    font-family: "Raleway", sans-serif;
    font-size: 15px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    line-height: 1.3;
    margin: 0 0 6px 0;
}

body.employee-theme .jobs-grid-item .item-description {
    font-size: 12px;
    color: var(--eduro-text-muted);
    margin-bottom: 10px;
    line-height: 1.4;
}

body.employee-theme .jobs-grid-item .job-features-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

body.employee-theme .jobs-grid-item .job-features-list li {
    font-size: 12.5px;
    color: var(--eduro-text-muted);
    padding: 3px 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

body.employee-theme .jobs-grid-item .job-features-list li strong {
    font-size: 13px;
    font-weight: 700;
    color: var(--eduro-text-dark);
    display: block;
    margin-bottom: 4px;
}

body.employee-theme .jobs-grid-item .job-features-list li img {
    width: 14px;
    height: 14px;
    object-fit: contain;
    opacity: 0.6;
}

/* ============================================
   DASHBOARD — JOB CARD ACTION BUTTONS
   ============================================ */
body.employee-theme .jobs-grid-item .item-buttons {
    padding: 8px 14px 14px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

body.employee-theme .jobs-grid-item .more-info {
    background-color: transparent !important;
    color: var(--eduro-primary) !important;
    border: 1.5px solid var(--eduro-primary) !important;
    border-radius: 50px !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    padding: 7px 12px !important;
    margin: 0 !important;
    max-width: 100% !important;
    box-shadow: none !important;
    transition: var(--eduro-transition) !important;
    text-align: center;
}

body.employee-theme .jobs-grid-item .more-info:hover {
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%) !important;
    color: #fff !important;
    padding: 7px 12px !important;
    border-color: transparent !important;
    box-shadow: 0 3px 10px rgba(222,107,59,0.3) !important;
}

body.employee-theme .jobs-grid-item .more-info.blue-btn {
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%) !important;
    color: #fff !important;
    border-color: transparent !important;
    box-shadow: 0 2px 8px rgba(222,107,59,0.25) !important;
}

body.employee-theme .jobs-grid-item .more-info.blue-btn:hover {
    box-shadow: 0 4px 14px rgba(222,107,59,0.40) !important;
}

/* ============================================
   DASHBOARD — "WEITERE ERGEBNISSE" BUTTON
   ============================================ */
body.employee-theme .blue-btn {
    background: linear-gradient(135deg, var(--eduro-primary) 0%, var(--eduro-secondary) 100%);
    color: #fff !important;
    border: none !important;
    border-radius: 50px !important;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 32px;
    display: inline-block;
    transition: var(--eduro-transition);
    box-shadow: 0 3px 14px rgba(222,107,59,0.28);
    text-align: center;
    text-decoration: none;
}

body.employee-theme .blue-btn.full-width {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 20px auto 0;
}

body.employee-theme .blue-btn:hover,
body.employee-theme .blue-btn:focus {
    color: #fff !important;
    box-shadow: 0 5px 20px rgba(222,107,59,0.40);
    transform: translateY(-1px);
    text-decoration: none;
}

/* ============================================
   DASHBOARD — EMPTY NOTIFICATIONS
   ============================================ */
body.employee-theme .docDashboardSideBar > div:not(.applicantsLeftTitle):not(.DasnotificationsBox):not(.campaign-box):not(.dashboardBoxShadow) {
    color: var(--eduro-text-muted);
    font-size: 14px;
    padding: 8px 2px;
    font-style: italic;
}

/* ============================================
   DASHBOARD — MOBILE RESPONSIVE
   ============================================ */
@media (max-width: 767px) {
    body.employee-theme .docDashboard .col-md-7,
    body.employee-theme .docDashboard .col-md-5 {
        padding-left: 12px;
        padding-right: 12px;
    }

    body.employee-theme .jobs-grid-item {
        margin-bottom: 16px;
    }

    body.employee-theme .blue-btn.full-width {
        max-width: 100%;
    }

    body.employee-theme .campaign-box .info-box {
        padding: 20px 0 20px 16px !important;
    }
}
