/* _content/InvoiceApproval.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* MainLayout scoped styles — most styling is in wwwroot/app.css */
/* This file kept for Blazor CSS isolation compatibility */
/* _content/InvoiceApproval.Web/Components/Shared/AuditTimeline.razor.rz.scp.css */
.audit-status-change[b-ynx4ts93mt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    white-space: normal;
}

.audit-status-change[b-ynx4ts93mt]  .status-badge {
    max-width: 100%;
    min-height: 26px;
    height: auto;
    padding: 4px 12px;
    white-space: normal;
    overflow-wrap: anywhere;
}
/* _content/InvoiceApproval.Web/Components/Shared/ReportSelectionSummary.razor.rz.scp.css */
.report-selection-summary[b-br66ijkv0o] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 16px;
    margin: 0 0 12px;
}

.report-selection-summary dt[b-br66ijkv0o] {
    font-size: 14px;
    font-weight: 500;
}

.report-selection-summary dd[b-br66ijkv0o] {
    margin: 4px 0 0;
    font-size: 24px;
    font-weight: 600;
    overflow-wrap: anywhere;
}
/* _content/InvoiceApproval.Web/Components/Shared/ResponsiveGridViewport.razor.rz.scp.css */
.responsive-grid-viewport[b-60l4kfse0f] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.responsive-grid-viewport[b-60l4kfse0f]  .e-content {
    /* Keep the viewport constraint when Syncfusion reapplies its inline height. */
    height: var(--responsive-grid-height, 400px) !important;
}

.responsive-grid-viewport[b-60l4kfse0f]  .e-content::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.responsive-grid-viewport[b-60l4kfse0f]  .e-content::-webkit-scrollbar-track,
.responsive-grid-viewport[b-60l4kfse0f]  .e-content::-webkit-scrollbar-corner {
    background: #eef2f4;
}

.responsive-grid-viewport[b-60l4kfse0f]  .e-content::-webkit-scrollbar-thumb {
    background: #98a6b4;
    border: 2px solid #eef2f4;
    border-radius: 6px;
}