@import '_content/RosterInsight.UIFramework/RosterInsight.UIFramework.ncat8erpzf.bundle.scp.css';

/* /Pages/Actions/CorrectiveActionsPage.razor.rz.scp.css */
.cp-actions-page[b-6d1eabncg3] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cp-filter-col[b-6d1eabncg3] {
    flex: 1;
    min-width: 180px;
}

.cp-filter-search[b-6d1eabncg3] {
    flex: 2;
    min-width: 240px;
}

.cp-muted[b-6d1eabncg3] {
    font-size: 0.8rem;
    color: var(--rf-text-muted, #64748b);
}

.cp-action-cell[b-6d1eabncg3] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cp-form[b-6d1eabncg3] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cp-form-row[b-6d1eabncg3] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.cp-detail-grid[b-6d1eabncg3] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px 24px;
    margin: 0;
}

.cp-detail-grid dt[b-6d1eabncg3],
.cp-label[b-6d1eabncg3] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--rf-text-muted, #64748b);
}

.cp-detail-grid dd[b-6d1eabncg3] {
    margin: 2px 0 0;
    font-weight: 500;
}

.cp-readonly-block p[b-6d1eabncg3] {
    margin: 4px 0 0;
    white-space: pre-wrap;
}

@media (max-width: 1024px) {
    .cp-filter-search[b-6d1eabncg3] {
        flex-basis: 100%;
    }

    .cp-detail-grid[b-6d1eabncg3] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .cp-filter-col[b-6d1eabncg3],
    .cp-form-row[b-6d1eabncg3] {
        flex-basis: 100%;
        grid-template-columns: 1fr;
    }

    .cp-detail-grid[b-6d1eabncg3] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Audit/ClientAuditLogPage.razor.rz.scp.css */
.cp-audit-page[b-2yyh0mq90y] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cp-filter-col[b-2yyh0mq90y] {
    flex: 1;
    min-width: 180px;
    max-width: 240px;
}

.cp-filter-search[b-2yyh0mq90y] {
    flex: 2;
    max-width: none;
    min-width: 240px;
}

.cp-muted[b-2yyh0mq90y] {
    font-size: 0.8rem;
    color: var(--rf-text-muted, #64748b);
}

.cp-record-cell[b-2yyh0mq90y] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

@media (max-width: 640px) {
    .cp-filter-col[b-2yyh0mq90y] {
        max-width: none;
        flex-basis: 100%;
    }
}
/* /Pages/Dashboard/PerformanceDashboardPage.razor.rz.scp.css */
.cp-dashboard-page[b-wcuh8u6k42] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cp-filter-col[b-wcuh8u6k42] {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}

.cp-grid-3[b-wcuh8u6k42] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.cp-grid-2[b-wcuh8u6k42] {
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
    gap: 20px;
}

.cp-gauges[b-wcuh8u6k42] {
    display: flex;
    justify-content: space-around;
    gap: 16px;
    flex-wrap: wrap;
}

.cp-gauge-item[b-wcuh8u6k42] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    text-align: center;
}

.cp-gauge-title[b-wcuh8u6k42] {
    font-weight: 600;
    color: var(--rf-text-title, #0f172a);
}

.cp-muted[b-wcuh8u6k42] {
    font-size: 0.8rem;
    color: var(--rf-text-muted, #64748b);
}

.cp-category-list[b-wcuh8u6k42] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.cp-category-row[b-wcuh8u6k42] {
    all: unset;
    display: block;
    padding: 8px;
    border-radius: 8px;
    cursor: pointer;
}

.cp-category-row:hover[b-wcuh8u6k42],
.cp-category-row:focus-visible[b-wcuh8u6k42] {
    background: var(--rf-surface-subtle, #f8fafc);
    outline: none;
}

.cp-clickable[b-wcuh8u6k42] {
    cursor: pointer;
}

.cp-modal-actions[b-wcuh8u6k42] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 12px;
}

@media (max-width: 1024px) {
    .cp-grid-3[b-wcuh8u6k42] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cp-grid-2[b-wcuh8u6k42] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .cp-grid-3[b-wcuh8u6k42] {
        grid-template-columns: 1fr;
    }

    .cp-filter-col[b-wcuh8u6k42] {
        max-width: none;
        flex-basis: 100%;
    }
}
/* /Pages/Dashboard/SlaCommitmentsPage.razor.rz.scp.css */
.cp-sla-page[b-bhnu8rhgtm] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cp-filter-col[b-bhnu8rhgtm] {
    flex: 1;
    min-width: 180px;
}

.cp-filter-search[b-bhnu8rhgtm] {
    flex: 2;
    min-width: 240px;
}

.cp-muted[b-bhnu8rhgtm] {
    font-size: 0.8rem;
    color: var(--rf-text-muted, #64748b);
}

.cp-sla-cell[b-bhnu8rhgtm] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cp-modal-body[b-bhnu8rhgtm] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cp-modal-desc[b-bhnu8rhgtm] {
    margin: 0;
    color: var(--rf-text-muted, #64748b);
}

.cp-detail-grid[b-bhnu8rhgtm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 24px;
    margin: 0;
}

.cp-detail-grid dt[b-bhnu8rhgtm] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--rf-text-muted, #64748b);
}

.cp-detail-grid dd[b-bhnu8rhgtm] {
    margin: 2px 0 0;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .cp-filter-search[b-bhnu8rhgtm] {
        flex-basis: 100%;
    }
}

@media (max-width: 640px) {
    .cp-filter-col[b-bhnu8rhgtm] {
        flex-basis: 100%;
    }

    .cp-detail-grid[b-bhnu8rhgtm] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Kpi/KpiAnalysisPage.razor.rz.scp.css */
.cp-kpi-page[b-4rvnd3pyre] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cp-filter-col[b-4rvnd3pyre] {
    flex: 1;
    min-width: 180px;
}

.cp-filter-search[b-4rvnd3pyre] {
    flex: 2;
    min-width: 240px;
}

.cp-hint[b-4rvnd3pyre] {
    font-size: 0.8rem;
    color: var(--rf-text-muted, #64748b);
}

[b-4rvnd3pyre] .cp-category-selected {
    outline: 2px solid var(--rf-primary, #2563eb);
    outline-offset: -2px;
}

.cp-kpi-cell[b-4rvnd3pyre] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cp-modal-body[b-4rvnd3pyre] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cp-modal-desc[b-4rvnd3pyre] {
    margin: 0;
    color: var(--rf-text-muted, #64748b);
}

.cp-detail-grid[b-4rvnd3pyre] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 24px;
    margin: 0;
}

.cp-detail-grid dt[b-4rvnd3pyre] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--rf-text-muted, #64748b);
}

.cp-detail-grid dd[b-4rvnd3pyre] {
    margin: 2px 0 0;
    font-weight: 500;
}

@media (max-width: 1024px) {
    .cp-filter-search[b-4rvnd3pyre] {
        flex-basis: 100%;
    }
}

@media (max-width: 640px) {
    .cp-filter-col[b-4rvnd3pyre] {
        flex-basis: 100%;
    }

    .cp-detail-grid[b-4rvnd3pyre] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Reports/GovernanceReportsPage.razor.rz.scp.css */
.cp-reports-page[b-boqx0sybni] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cp-filter-col[b-boqx0sybni] {
    flex: 1;
    min-width: 180px;
}

.cp-filter-search[b-boqx0sybni] {
    flex: 2;
    min-width: 240px;
}

.cp-muted[b-boqx0sybni] {
    font-size: 0.8rem;
    color: var(--rf-text-muted, #64748b);
}

.cp-inline-icon[b-boqx0sybni] {
    font-size: 14px;
    vertical-align: -2px;
}

.cp-report-cell[b-boqx0sybni] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cp-form[b-boqx0sybni] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.cp-form-row[b-boqx0sybni] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.cp-detail-grid[b-boqx0sybni] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px 24px;
    margin: 0;
}

.cp-detail-grid dt[b-boqx0sybni] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--rf-text-muted, #64748b);
}

.cp-detail-grid dd[b-boqx0sybni] {
    margin: 2px 0 0;
    font-weight: 500;
}

[b-boqx0sybni] .cp-notes {
    margin-top: 16px;
}

@media (max-width: 1024px) {
    .cp-filter-search[b-boqx0sybni] {
        flex-basis: 100%;
    }
}

@media (max-width: 640px) {
    .cp-filter-col[b-boqx0sybni] {
        flex-basis: 100%;
    }

    .cp-form-row[b-boqx0sybni],
    .cp-detail-grid[b-boqx0sybni] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Review/MonthlyReviewPage.razor.rz.scp.css */
.cp-review-page[b-1rme4qhnhl] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cp-filter-col[b-1rme4qhnhl] {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}

.cp-muted[b-1rme4qhnhl] {
    font-size: 0.8rem;
    color: var(--rf-text-muted, #64748b);
}

.cp-scale[b-1rme4qhnhl] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    overflow-x: auto;
}

.cp-scale-labels[b-1rme4qhnhl] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    color: var(--rf-text-muted, #64748b);
}

.cp-question-list[b-1rme4qhnhl] {
    display: flex;
    flex-direction: column;
}

.cp-question[b-1rme4qhnhl] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 14px 0;
    border-bottom: 1px solid var(--rf-border, #e2e8f0);
}

.cp-question:last-child[b-1rme4qhnhl] {
    border-bottom: none;
}

.cp-question-head[b-1rme4qhnhl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.cp-question-title[b-1rme4qhnhl] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.cp-automated[b-1rme4qhnhl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 24px;
    font-size: 0.875rem;
    color: var(--rf-text-secondary, #334155);
}

[b-1rme4qhnhl] .cp-automated-bar {
    flex: 1;
    min-width: 180px;
}

.cp-qualitative[b-1rme4qhnhl] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-x: auto;
}

.cp-signoff[b-1rme4qhnhl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}

.cp-signoff p[b-1rme4qhnhl] {
    margin: 4px 0 0;
}

.cp-signoff-actions[b-1rme4qhnhl] {
    display: flex;
    gap: 8px;
}

@media (max-width: 640px) {
    .cp-filter-col[b-1rme4qhnhl] {
        max-width: none;
        flex-basis: 100%;
    }

    .cp-signoff-actions[b-1rme4qhnhl] {
        width: 100%;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
/* ClientPortal MainLayout Scoped Styles - Layout styling is handled by RosterInsight.UIFramework AppWorkspaceLayout */