/* /Components/ReportsPanel.razor.rz.scp.css */
.employee-report + .employee-report[b-8isp6mb5om]
{
    margin-top: 2rem;
}

.report-header[b-8isp6mb5om]
{
    background: var(--green);
    color: white;
    margin: -24px -24px 24px;
    padding: 18px 24px;
    border-radius: 11px 11px 0 0;
    flex-wrap: wrap;
    gap: 12px;
}

.report-header h2[b-8isp6mb5om]
{
    margin: 0;
}

.employee-header[b-8isp6mb5om]
{
    background: #e1eee5;
    color: #215d48;
    padding: 14px 18px;
    border-radius: 8px 8px 0 0;
    border: 1px solid var(--border);
    flex-wrap: wrap;
    gap: 12px;
}

.employee-header h3[b-8isp6mb5om]
{
    margin: 0;
}

/* The panel padding drops to 18px on phones, so the header band's negative margins must match. */
@media (max-width: 760px)
{
    .report-header[b-8isp6mb5om]
    {
        margin: -18px -18px 18px;
        padding: 14px 18px;
        border-radius: 11px 11px 0 0;
    }

    .employee-header[b-8isp6mb5om]
    {
        padding: 12px 14px;
    }
}