/* HR module – shared layout, surfaces, and light motion (MudBlazor-friendly) */

.hr-page-header {
    border-radius: 12px !important;
}

.hr-page-header .mud-typography-h5 {
    letter-spacing: -0.02em;
    font-weight: 600;
}

.hr-table-shell {
    border-radius: 12px;
    overflow: hidden;
}

.hr-table-shell .mud-table-container {
    border-radius: 0 0 12px 12px;
}

/* Department cards */
.hr-dept-card {
    border-radius: 12px !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid var(--mud-palette-divider);
}

.hr-dept-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.08) !important;
}

/* Leave request / new request form card */
.hr-form-card {
    border-radius: 16px !important;
    overflow: hidden;
    background: linear-gradient(180deg, color-mix(in srgb, var(--mud-palette-primary) 6%, transparent) 0%, transparent 45%);
}

/* Employee detail tab panel */
.hr-employee-tabs {
    border-radius: 12px !important;
    overflow: hidden;
}

.hr-employee-tabs .mud-tabs-toolbar {
    padding: 4px 8px 0;
}

/* Summary stat cards (Attendance, Leave list) */
.hr-stat-card {
    border-radius: 12px !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.hr-stat-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(0,0,0,0.07) !important;
}

.hr-stat-card .mud-typography-h4 {
    font-weight: 700;
    letter-spacing: -0.03em;
}

/* Empty state */
.hr-empty-state {
    padding: 2.5rem 1rem;
    text-align: center;
}

/* Status filter chips row */
.hr-filter-chips .mud-chip {
    cursor: pointer;
}