/* Employee fire-theme real fix */
body.employee-area .emp-hero,
body.employee-area .docs-hero,
body.employee-area .mc-hero,
body.employee-area .fc-hero,
body.employee-area .schedule-hero,
body.employee-area .shift-hero,
body.employee-area .vol-hero {
    background: linear-gradient(135deg, #b31217 0%, #d32f2f 56%, #861313 100%) !important;
    color: #ffffff !important;
}

body.employee-area .emp-profile-badge {
    background: linear-gradient(135deg, rgba(127,15,19,0.88) 0%, rgba(183,28,28,0.82) 56%, rgba(92,14,14,0.88) 100%) !important;
    border: 1px solid rgba(255,255,255,0.22) !important;
    box-shadow: 0 14px 30px rgba(92,14,14,0.28) !important;
}

body.employee-area .emp-profile-badge .status-pill {
    background: rgba(92,14,14,0.45) !important;
    border-color: rgba(255,255,255,0.18) !important;
}

body.employee-area .emp-link.primary,
body.employee-area .primary-btn,
body.employee-area .fc-btn.dark,
body.employee-area .button-row button[type="submit"],
body.employee-area .button-row a.primary,
body.employee-area .emp-button-row a.primary,
body.employee-area .emp-button-row .primary-btn {
    background: linear-gradient(135deg, #b31217 0%, #d32f2f 56%, #861313 100%) !important;
    color: #ffffff !important;
    border-color: #861313 !important;
    box-shadow: 0 8px 20px rgba(92,14,14,0.22) !important;
}

body.employee-area .emp-link.primary:hover,
body.employee-area .primary-btn:hover,
body.employee-area .fc-btn.dark:hover,
body.employee-area .button-row button[type="submit"]:hover,
body.employee-area .button-row a.primary:hover,
body.employee-area .emp-button-row a.primary:hover,
body.employee-area .emp-button-row .primary-btn:hover {
    background: linear-gradient(135deg, #7f0f13 0%, #b71c1c 56%, #5c0e0e 100%) !important;
    color: #ffffff !important;
    border-color: #5c0e0e !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 24px rgba(92,14,14,0.28) !important;
}

body.employee-area .docs-hero p,
body.employee-area .mc-hero p,
body.employee-area .fc-hero p,
body.employee-area .schedule-hero p,
body.employee-area .shift-hero .sub,
body.employee-area .vol-hero p,
body.employee-area .emp-hero p {
    color: rgba(255,255,255,0.90) !important;
}