/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-iekk4hnyqj] {
    min-height: 100vh;
    background: #f6f8fc;
}

.app-main[b-iekk4hnyqj] {
    min-height: 100vh;
    margin-left: 220px;
    transition: margin-left 180ms ease;
}

    .app-main.sidebar-collapsed[b-iekk4hnyqj] {
        margin-left: 0;
    }

.page-content[b-iekk4hnyqj] {
    min-height: calc(100vh - 54px);
    padding: 12px;
    box-sizing: border-box;
    background: #f6f8fc;
}

@media (max-width: 900px) {
    .app-main[b-iekk4hnyqj] {
        margin-left: 0px;
    }
}

#blazor-error-ui[b-iekk4hnyqj] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-iekk4hnyqj] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-kng3n01phk],
.components-reconnect-repeated-attempt-visible[b-kng3n01phk],
.components-reconnect-failed-visible[b-kng3n01phk],
.components-pause-visible[b-kng3n01phk],
.components-resume-failed-visible[b-kng3n01phk],
.components-rejoining-animation[b-kng3n01phk] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-kng3n01phk],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-kng3n01phk],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-kng3n01phk],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-kng3n01phk],
#components-reconnect-modal.components-reconnect-retrying[b-kng3n01phk],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-kng3n01phk],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-kng3n01phk],
#components-reconnect-modal.components-reconnect-failed[b-kng3n01phk],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-kng3n01phk] {
    display: block;
}


#components-reconnect-modal[b-kng3n01phk] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-kng3n01phk 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-kng3n01phk 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-kng3n01phk 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-kng3n01phk]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-kng3n01phk 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-kng3n01phk {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-kng3n01phk {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-kng3n01phk {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-kng3n01phk] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-kng3n01phk] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-kng3n01phk] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-kng3n01phk] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-kng3n01phk] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-kng3n01phk] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-kng3n01phk] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-kng3n01phk 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-kng3n01phk] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-kng3n01phk {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/TenderSidebar.razor.rz.scp.css */
.tender-sidebar[b-wqowuqm7kz] {
    position: fixed;
    inset: 0 auto 0 0;
    width: 220px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    padding: 18px 14px;
    box-sizing: border-box;
    color: white;
    background: linear-gradient(180deg, #082c5c 0%, #031f43 100%);
    overflow-y: auto;
    z-index: 100;
    transform: translateX(0);
    transition: transform 180ms ease;
}

.sidebar-brand[b-wqowuqm7kz] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 0 8px 24px;
}

.brand-logo[b-wqowuqm7kz] {
    color: #4169ff;
    font-size: 22px;
    font-weight: 800;
}

.brand-title[b-wqowuqm7kz] {
    font-size: 19px;
    font-weight: 700;
}

.brand-subtitle[b-wqowuqm7kz] {
    margin-top: 3px;
    color: #b9c8dc;
    font-size: 11px;
    line-height: 1.4;
}

.sidebar-navigation[b-wqowuqm7kz] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

[b-wqowuqm7kz] .sidebar-link {
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0 14px;
    color: #e8eef7;
    text-decoration: none;
    border-radius: 7px;
    font-size: 14px;
    transition: background-color 150ms ease;
}

    [b-wqowuqm7kz] .sidebar-link:hover {
        color: white;
        background: rgba(255, 255, 255, 0.08);
    }

    [b-wqowuqm7kz] .sidebar-link.active {
        color: white;
        background: linear-gradient(90deg, #3264f5, #2850dc);
        box-shadow: 0 5px 15px rgba(35, 83, 222, 0.3);
    }

.sidebar-footer[b-wqowuqm7kz] {
    margin-top: auto;
    padding: 12px;
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.07);
}

.company-name[b-wqowuqm7kz] {
    margin-bottom: 14px;
    color: #dce6f4;
    font-size: 11px;
}

.user-row[b-wqowuqm7kz] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.user-avatar[b-wqowuqm7kz] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    flex: 0 0 38px;
    border-radius: 50%;
    background: #3264f5;
    font-weight: 700;
}

.user-details[b-wqowuqm7kz] {
    min-width: 0;
    display: flex;
    flex: 1;
    flex-direction: column;
    font-size: 12px;
}

    .user-details span[b-wqowuqm7kz] {
        margin-top: 2px;
        color: #b9c8dc;
        font-size: 10px;
    }

.tender-sidebar.collapsed[b-wqowuqm7kz] {
    transform: translateX(-100%);
}

   
/* /Components/Layout/TopBar.razor.rz.scp.css */
.top-bar[b-i8d9lhzhqq] {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 22px;
    border-bottom: 1px solid #e6eaf1;
    background: #fff;
}

.top-bar-left[b-i8d9lhzhqq],
.top-bar-actions[b-i8d9lhzhqq] {
    display: flex;
    align-items: center;
}

.top-bar-left[b-i8d9lhzhqq] {
    gap: 12px;
}

.top-bar-actions[b-i8d9lhzhqq] {
    gap: 4px;
}

.page-title[b-i8d9lhzhqq] {
    color: #14213d;
    font-size: 17px;
    font-weight: 600;
}
/* /Components/Pages/Analysis/Analysis.razor.rz.scp.css */
.analysis-page[b-lulk22s2xj] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    /*
     * 100vh is the complete browser height.
     * 54px is reserved for TenderFlow's top bar.
     */
    min-height: calc(100vh - 54px);
    box-sizing: border-box;
}

    /*
 * MudTabs is a child component.
 * ::deep allows this scoped CSS file to style MudBlazor's
 * internally generated HTML elements.
 */
    .analysis-page[b-lulk22s2xj]  .mud-tabs {
        display: flex;
        flex: 1;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        min-height: calc(100vh - 54px);
    }

    /*
 * Prevent the tab header from stretching vertically.
 */
    .analysis-page[b-lulk22s2xj]  .mud-tabs-tabbar {
        flex: 0 0 auto;
        width: 100%;
    }

    /*
 * Make the area below the tab header consume all remaining space.
 */
    .analysis-page[b-lulk22s2xj]  .mud-tabs-panels {
        display: flex;
        flex: 1;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        min-height: 0;
    }

    /*
 * Make the currently active tab panel fill the panels container.
 */
    .analysis-page[b-lulk22s2xj]  .mud-tab-panel {
        display: flex;
        flex: 1;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        min-height: 0;
    }

    /*
 * ApplyEffectsToContainer can introduce an additional panel wrapper
 * depending on the installed MudBlazor version.
 */
    .analysis-page[b-lulk22s2xj]  .mud-tabs-panel {
        display: flex;
        flex: 1;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        min-height: 0;
    }

/*
 * Loading and error states also fill the page.
 */
.analysis-state[b-lulk22s2xj] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 12px;
    width: 100%;
    min-height: 400px;
    color: #64748b;
}

.analysis-error[b-lulk22s2xj] {
    color: #dc2626;
}

@media (max-width: 900px) {
    .analysis-page[b-lulk22s2xj],
    .analysis-page[b-lulk22s2xj]  .mud-tabs {
        min-height: calc(100vh - 54px);
    }
}
/* /Components/Pages/Analysis/AnalysisMatchesTab.razor.rz.scp.css */
.matches-tab[b-ziqjurf3p9] {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 105px);
}

.matches-header[b-ziqjurf3p9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 16px;
}

    .matches-header h2[b-ziqjurf3p9] {
        margin: 3px 0 5px;
        color: #111d42;
        font-size: 24px;
    }

    .matches-header p[b-ziqjurf3p9] {
        margin: 0;
        color: #758098;
        font-size: 14px;
    }

.eyebrow[b-ziqjurf3p9] {
    color: #2e5bea;
    font-size: 12px;
    font-weight: 700;
}

.matches-toolbar[b-ziqjurf3p9] {
    display: flex;
    gap: 10px;
}

.search-box[b-ziqjurf3p9],
.status-filter[b-ziqjurf3p9] {
    height: 42px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border: 1px solid #dbe2ee;
    border-radius: 8px;
    background: #fff;
    color: #71809a;
    box-sizing: border-box;
}

.search-box[b-ziqjurf3p9] {
    width: 320px;
}

    .search-box[b-ziqjurf3p9]  .mud-icon-root,
    .status-filter[b-ziqjurf3p9]  .mud-icon-root {
        font-size: 20px;
    }

    .search-box input[b-ziqjurf3p9],
    .status-filter select[b-ziqjurf3p9] {
        width: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: #26324d;
        font: inherit;
        font-size: 14px;
    }

.status-filter select[b-ziqjurf3p9] {
    min-width: 155px;
    cursor: pointer;
}

.filter-tabs[b-ziqjurf3p9] {
    display: flex;
    gap: 5px;
    margin-bottom: 12px;
    padding: 4px;
    flex: 0 0 auto;
    border: 1px solid #e0e6f0;
    border-radius: 9px;
    background: #fff;
}

.filter-button[b-ziqjurf3p9] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 13px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #66728a;
    font: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .filter-button strong[b-ziqjurf3p9] {
        padding: 2px 7px;
        border-radius: 999px;
        background: #edf1f7;
        font-size: 11px;
    }

    .filter-button.active[b-ziqjurf3p9] {
        background: #edf2ff;
        color: #2457ed;
    }

        .filter-button.active strong[b-ziqjurf3p9] {
            background: #dce6ff;
            color: #2457ed;
        }

.matches-card[b-ziqjurf3p9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #dce3ee;
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(21, 40, 90, 0.05);
}
.matches-table[b-ziqjurf3p9] {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    overflow-y: auto;
}

.table-row[b-ziqjurf3p9] {
    width: 100%;
    display: grid;
    grid-template-columns: minmax(260px, 2.3fr) minmax(120px, 1fr) 85px 80px minmax(145px, 1.1fr) minmax(100px, 0.75fr) 30px;
    align-items: center;
    gap: 14px;
    box-sizing: border-box;
}

.table-header[b-ziqjurf3p9] {
    min-height: 48px;
    padding: 0 18px;
    border-bottom: 1px solid #dfe5ef;
    background: #f8f9fc;
    flex: 0 0 48px;
    color: #778299;
    font-size: 12px;
    font-weight: 700;
}

.requirement-row[b-ziqjurf3p9] {
    flex: 1 1 70px;
    min-height: 70px;
    padding: 10px 18px;
    border: 0;
    border-bottom: 1px solid #e5eaf2;
    background: #fff;
    color: #34405a;
    font: inherit;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
}

    .requirement-row:hover[b-ziqjurf3p9],
    .requirement-row.selected[b-ziqjurf3p9] {
        background: #f7f9ff;
    }

    .requirement-row.selected[b-ziqjurf3p9] {
        box-shadow: inset 3px 0 #2e5bea;
    }

.requirement-title[b-ziqjurf3p9] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .requirement-title strong[b-ziqjurf3p9] {
        overflow: hidden;
        color: #1f2b49;
        font-size: 16px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .requirement-title small[b-ziqjurf3p9] {
        color: #8a94a8;
        font-size: 11px;
    }

.type-badge[b-ziqjurf3p9],
.status-badge[b-ziqjurf3p9] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 8px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.type-badge[b-ziqjurf3p9] {
    min-width: 45px;
    border: 1px solid #dce3ee;
}

.type-must[b-ziqjurf3p9] {
    border-color: #cdd9ff;
    background: #f2f5ff;
    color: #2854d5;
}

.type-should[b-ziqjurf3p9],
.type-neutral[b-ziqjurf3p9] {
    background: #f5f6f9;
    color: #677188;
}

.status-fulfilled[b-ziqjurf3p9] {
    background: #e5f6ec;
    color: #158650;
}

.status-partial[b-ziqjurf3p9] {
    background: #fff0dc;
    color: #c26b00;
}

.status-missing[b-ziqjurf3p9] {
    background: #ffe7ea;
    color: #d33748;
}

.status-neutral[b-ziqjurf3p9] {
    background: #edf0f5;
    color: #667188;
}

.match-value[b-ziqjurf3p9] {
    color: #263557;
    font-size: 16px;
    font-weight: 700;
}

.source-reference[b-ziqjurf3p9] {
    color: #3158ca;
    font-size: 15px;
    font-weight: 600;
}

.expand-icon[b-ziqjurf3p9] {
    display: grid;
    place-items: center;
    color: #71809a;
}

    .expand-icon[b-ziqjurf3p9]  .mud-icon-root {
        font-size: 22px;
    }

.requirement-details[b-ziqjurf3p9] {
    padding: 18px 22px 22px;
    border-bottom: 1px solid #dde4ef;
    background: #f7f9fd;
}

.reason-panel[b-ziqjurf3p9] {
    margin-bottom: 14px;
    padding: 13px 15px;
    border-left: 3px solid #2e5bea;
    border-radius: 0 7px 7px 0;
    background: #fff;
}

    .reason-panel p[b-ziqjurf3p9] {
        margin: 5px 0 0;
        color: #47536d;
        font-size: 14px;
        line-height: 1.55;
    }

.detail-label[b-ziqjurf3p9] {
    color: #72809a;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.evidence-grid[b-ziqjurf3p9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.evidence-card[b-ziqjurf3p9] {
    padding: 15px;
    border: 1px solid #dce3ee;
    border-radius: 8px;
    background: #fff;
}

.tender-evidence[b-ziqjurf3p9] {
    border-top: 3px solid #2e5bea;
}

.company-evidence[b-ziqjurf3p9] {
    border-top: 3px solid #13a47a;
}

.evidence-heading[b-ziqjurf3p9] {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .evidence-heading > div[b-ziqjurf3p9] {
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .evidence-heading strong[b-ziqjurf3p9] {
        overflow: hidden;
        color: #27334f;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .evidence-heading[b-ziqjurf3p9]  .mud-icon-root {
        color: #2e5bea;
        font-size: 23px;
    }

.company-evidence .evidence-heading[b-ziqjurf3p9]  .mud-icon-root {
    color: #14875f;
}

.document-location[b-ziqjurf3p9] {
    display: block;
    margin-top: 10px;
    color: #77839a;
    font-size: 12px;
}

.evidence-card blockquote[b-ziqjurf3p9] {
    min-height: 42px;
    margin: 10px 0;
    color: #4b5871;
    font-size: 13px;
    line-height: 1.5;
}

.document-link[b-ziqjurf3p9] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #2457ed;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

    .document-link[b-ziqjurf3p9]  .mud-icon-root {
        font-size: 16px;
    }

.matches-footer[b-ziqjurf3p9] {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    padding: 11px 18px;
    border-top: 1px solid #e5eaf2;
    background: #fafbfc;
    color: #7b869a;
    font-size: 12px;
}

.empty-state[b-ziqjurf3p9] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 30px;
    color: #7d889d;
    text-align: center;
}

    .empty-state[b-ziqjurf3p9]  .mud-icon-root {
        color: #8fa0c1;
        font-size: 42px;
    }

.reset-button[b-ziqjurf3p9] {
    padding: 8px 12px;
    border: 1px solid #cbd7fa;
    border-radius: 6px;
    background: #fff;
    color: #2855db;
    font-weight: 700;
    cursor: pointer;
}

@media (max-width: 950px) {
    .matches-header[b-ziqjurf3p9] {
        align-items: stretch;
        flex-direction: column;
    }

    .matches-toolbar[b-ziqjurf3p9],
    .search-box[b-ziqjurf3p9] {
        width: 100%;
    }
}

 
/* /Components/Pages/Analysis/AnalysisOverviewTab.razor.rz.scp.css */
.analysis-overview[b-9f7o4tix6g] {
    display: grid;
    grid-template-rows: auto auto;
    align-content: start;
    gap: 16px;
    flex: 1;
    width: 100%;
    min-height: calc(100vh - 120px);
    padding: 12px 0;
    box-sizing: border-box;
}
.summary-card[b-9f7o4tix6g],
.detail-card[b-9f7o4tix6g] {
    background: #ffffff;
    border: 1px solid #dce4f0;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(26, 50, 94, 0.05);
}
.summary-card[b-9f7o4tix6g] {
    display: grid;
    grid-template-columns: minmax(320px, 32%) minmax(0, 1fr);
    width: 100%;
    min-width: 0;
}

.fit-section[b-9f7o4tix6g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 28px;
    border-right: 1px solid #e2e8f2;
}

.section-heading[b-9f7o4tix6g] {
    display: flex;
    align-items: center;
    gap: 5px;
    align-self: flex-start;
    margin-bottom: 18px;
    color: #172554;
    font-size: 17px;
    font-weight: 700;
}

.fit-circle[b-9f7o4tix6g] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 190px;
}

.fit-value[b-9f7o4tix6g] {
    color: #10255c;
    font-size: 34px;
    font-weight: 800;
}

.fit-label[b-9f7o4tix6g] {
    margin-top: 14px;
    color: #10255c;
    font-size: 22px;
    font-weight: 750;
    text-align: center;
}

.assessment-section[b-9f7o4tix6g] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: 32px;
}

    .assessment-section h2[b-9f7o4tix6g] {
        margin: 0 0 14px;
        color: #172554;
        font-size: 22px;
    }

.assessment-text[b-9f7o4tix6g] {
    max-width: 900px;
    margin: 0;
    color: #405171;
    font-size: 17px;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

.score-grid[b-9f7o4tix6g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 28px;
}

.score-card[b-9f7o4tix6g] {
    position: relative;
    min-width: 0;
    padding: 18px;
    border: 1px solid #dce4f0;
    border-radius: 10px;
    background: #fbfcff;
}

.score-label[b-9f7o4tix6g] {
    display: block;
    min-height: 22px;
    color: #405171;
    font-size: 14px;
    font-weight: 650;
}

.score-stars[b-9f7o4tix6g] {
    margin-top: 12px;
    color: #f59e0b;
    font-size: 23px;
    letter-spacing: 2px;
    white-space: nowrap;
}

.score-progress[b-9f7o4tix6g] {
    height: 5px;
    margin-top: 14px;
    overflow: hidden;
    border-radius: 99px;
    background: #e7ecf5;
}

    .score-progress span[b-9f7o4tix6g] {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: #315ff4;
    }

.score-value[b-9f7o4tix6g] {
    display: block;
    margin-top: 8px;
    color: #60708e;
    font-size: 12px;
}

.requirement-row[b-9f7o4tix6g] {
    scroll-margin-top: 80px;
}

.requirement-row:focus-visible[b-9f7o4tix6g] {
    outline: 2px solid #315ff4;
    outline-offset: -2px;
}

.detail-grid[b-9f7o4tix6g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    width: 100%;
    align-items: start;
}

.detail-card[b-9f7o4tix6g] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    padding: 24px;
    overflow: hidden;
    box-sizing: border-box;
}

.card-header[b-9f7o4tix6g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 12px;
}

    .card-header h2[b-9f7o4tix6g] {
        margin: 3px 0 0;
        color: #172554;
        font-size: 20px;
    }

.card-eyebrow[b-9f7o4tix6g] {
    color: #315ff4;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.analysis-list[b-9f7o4tix6g] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.analysis-list-item[b-9f7o4tix6g] {
    display: flex;
    gap: 13px;
    padding: 18px 0;
    border-bottom: 1px solid #e5eaf2;
}

    .analysis-list-item:last-child[b-9f7o4tix6g] {
        border-bottom: 0;
    }

.list-icon[b-9f7o4tix6g] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
}

.success-icon[b-9f7o4tix6g] {
    color: #15975d;
    background: #e5f7ee;
}

.danger-icon[b-9f7o4tix6g] {
    color: #e44855;
    background: #ffe8eb;
}

.warning-icon[b-9f7o4tix6g] {
    color: #d98600;
    background: #fff2d8;
}

.info-icon[b-9f7o4tix6g] {
    color: #2573d8;
    background: #e8f2ff;
}

.list-content[b-9f7o4tix6g] {
    flex: 1;
    min-width: 0;
    color: #1d2a44;
    line-height: 1.45;
}

    .list-content strong[b-9f7o4tix6g] {
        font-size: 15px;
    }

.related-requirements[b-9f7o4tix6g],
.risk-description[b-9f7o4tix6g] {
    display: block;
    margin-top: 4px;
    color: #6a7893;
    font-size: 13px;
}

.risk-title-line[b-9f7o4tix6g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.risk-badge[b-9f7o4tix6g] {
    flex: 0 0 auto;
    padding: 4px 9px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

.risk-high[b-9f7o4tix6g] {
    color: #d93646;
    background: #ffe8eb;
}

.risk-medium[b-9f7o4tix6g] {
    color: #bd6900;
    background: #fff0da;
}

.risk-low[b-9f7o4tix6g] {
    color: #16824f;
    background: #e5f6ec;
}

.empty-inline[b-9f7o4tix6g],
.empty-state[b-9f7o4tix6g] {
    color: #70809d;
}

.empty-inline[b-9f7o4tix6g] {
    margin-top: 28px;
}

.empty-state[b-9f7o4tix6g] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 0;
    color: #70809d;
    text-align: center;
}

@media (max-width: 1050px) {
    .summary-card[b-9f7o4tix6g] {
        grid-template-columns: 1fr;
    }

    .fit-section[b-9f7o4tix6g] {
        border-right: 0;
        border-bottom: 1px solid #e2e8f2;
    }
}

@media (max-width: 760px) {
    .score-grid[b-9f7o4tix6g],
    .detail-grid[b-9f7o4tix6g] {
        grid-template-columns: 1fr;
    }

    .assessment-section[b-9f7o4tix6g],
    .detail-card[b-9f7o4tix6g] {
        padding: 20px;
    }
}
/* /Components/Pages/Analysis/AnalysisRisksTab.razor.rz.scp.css */
.risks-tab[b-xigoh5ulzq] {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: calc(100vh - 105px);
    padding: 16px 4px;
    box-sizing: border-box;
}

.risks-header[b-xigoh5ulzq] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex: 0 0 auto;
    gap: 24px;
    margin-bottom: 18px;
}

.header-copy[b-xigoh5ulzq] {
    min-width: 0;
}

.page-eyebrow[b-xigoh5ulzq] {
    color: #315ff4;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.risks-header h2[b-xigoh5ulzq] {
    margin: 4px 0 5px;
    color: #14234a;
    font-size: 25px;
    line-height: 1.2;
}

.risks-header p[b-xigoh5ulzq] {
    max-width: 760px;
    margin: 0;
    color: #677791;
    font-size: 14px;
    line-height: 1.5;
}

.risk-search[b-xigoh5ulzq] {
    display: flex;
    align-items: center;
    flex: 0 1 360px;
    gap: 8px;
    width: 360px;
    height: 44px;
    padding: 0 14px;
    border: 1px solid #d8e0ec;
    border-radius: 9px;
    background: #ffffff;
    color: #6c7b94;
    box-sizing: border-box;
}

    .risk-search:focus-within[b-xigoh5ulzq] {
        border-color: #315ff4;
        box-shadow: 0 0 0 3px rgba(49, 95, 244, 0.1);
    }

    .risk-search input[b-xigoh5ulzq] {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #172554;
        font: inherit;
    }

        .risk-search input[b-xigoh5ulzq]::placeholder {
            color: #98a4b8;
        }

.severity-filters[b-xigoh5ulzq] {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    margin-bottom: 16px;
    padding: 6px;
    overflow-x: auto;
    border: 1px solid #dce4f0;
    border-radius: 10px;
    background: #ffffff;
}

.severity-filter[b-xigoh5ulzq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 7px;
    min-height: 36px;
    padding: 8px 14px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #52617d;
    font-family: inherit;
    font-size: 14px;
    font-weight: 650;
    cursor: pointer;
}

    .severity-filter:hover[b-xigoh5ulzq] {
        background: #f3f6fc;
    }

    .severity-filter.active[b-xigoh5ulzq] {
        color: #244fd4;
        background: #eaf0ff;
    }

    .severity-filter span[b-xigoh5ulzq] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 23px;
        height: 23px;
        padding: 0 6px;
        border-radius: 999px;
        background: #edf1f8;
        font-size: 12px;
        box-sizing: border-box;
    }

    .severity-filter.active span[b-xigoh5ulzq] {
        color: #244fd4;
        background: #ffffff;
    }

.risk-list[b-xigoh5ulzq] {
    display: flex;
    flex: 1;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    overflow: visible;
    border: 1px solid #dce4f0;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(26, 50, 94, 0.05);
}

.risk-card[b-xigoh5ulzq] {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    width: 100%;
    min-height: 76px;
    border-bottom: 1px solid #e1e7f0;
    box-sizing: border-box;
}

    .risk-card:last-child[b-xigoh5ulzq] {
        border-bottom: 0;
    }

    .risk-card[b-xigoh5ulzq]::before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 4px;
        content: "";
    }

.risk-card-high[b-xigoh5ulzq]::before {
    background: #e44855;
}

.risk-card-medium[b-xigoh5ulzq]::before {
    background: #f0a126;
}

.risk-card-low[b-xigoh5ulzq]::before {
    background: #27a66a;
}

.risk-card-unknown[b-xigoh5ulzq]::before {
    background: #7d8ca5;
}

.risk-main[b-xigoh5ulzq] {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) auto 28px;
    align-items: center;
    flex: 0 0 auto;
    gap: 15px;
    width: 100%;
    min-height: 76px;
    padding: 18px 22px;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    box-sizing: border-box;
}

    .risk-main:hover[b-xigoh5ulzq] {
        background: #fafbfe;
    }

    .risk-main:focus-visible[b-xigoh5ulzq] {
        outline: 2px solid #315ff4;
        outline-offset: -2px;
    }

.risk-icon[b-xigoh5ulzq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
}

.risk-icon-high[b-xigoh5ulzq] {
    color: #dd3647;
    background: #ffe8eb;
}

.risk-icon-medium[b-xigoh5ulzq] {
    color: #d68100;
    background: #fff1d8;
}

.risk-icon-low[b-xigoh5ulzq] {
    color: #15935a;
    background: #e4f6ec;
}

.risk-icon-unknown[b-xigoh5ulzq] {
    color: #53627c;
    background: #edf1f6;
}

.risk-content[b-xigoh5ulzq] {
    display: block;
    min-width: 0;
}

.risk-title[b-xigoh5ulzq] {
    display: block;
    overflow-wrap: anywhere;
    color: #172554;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
}

.risk-summary[b-xigoh5ulzq] {
    display: -webkit-box;
    margin-top: 5px;
    overflow: hidden;
    color: #66758f;
    font-size: 14px;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.severity-badge[b-xigoh5ulzq] {
    flex: 0 0 auto;
    padding: 5px 11px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

.severity-high[b-xigoh5ulzq] {
    color: #d93646;
    background: #ffe6e9;
}

.severity-medium[b-xigoh5ulzq] {
    color: #bd6900;
    background: #fff0d9;
}

.severity-low[b-xigoh5ulzq] {
    color: #16824f;
    background: #e4f5eb;
}

.severity-unknown[b-xigoh5ulzq] {
    color: #5d6b82;
    background: #edf1f6;
}

.expand-icon[b-xigoh5ulzq] {
    color: #687894;
}

.risk-details[b-xigoh5ulzq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 35%);
    gap: 28px;
    margin: 0 22px 20px 83px;
    padding: 18px;
    border: 1px solid #e3e8f1;
    border-radius: 9px;
    background: #f7f9fd;
}

.detail-section[b-xigoh5ulzq] {
    min-width: 0;
}

.detail-label[b-xigoh5ulzq] {
    color: #52627e;
    font-size: 12px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.risk-details p[b-xigoh5ulzq] {
    margin: 7px 0 0;
    color: #354663;
    font-size: 14px;
    line-height: 1.55;
}

.requirement-tags[b-xigoh5ulzq] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 8px;
}

    .requirement-tags a[b-xigoh5ulzq] {
        padding: 5px 9px;
        border: 1px solid #d2ddf3;
        border-radius: 6px;
        background: #ffffff;
        color: #3151a8;
        font-size: 12px;
        font-weight: 650;
        text-decoration: none;
        cursor: pointer;
    }

.no-related-requirements[b-xigoh5ulzq] {
    color: #7a879d !important;
}

.risks-footer[b-xigoh5ulzq] {
    flex: 0 0 auto;
    padding: 12px 5px 0;
    color: #74829a;
    font-size: 12px;
    text-align: right;
}

.risks-empty-state[b-xigoh5ulzq] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 320px;
    padding: 40px;
    border: 1px solid #dce4f0;
    border-radius: 12px;
    background: #ffffff;
    color: #73819a;
    text-align: center;
    box-sizing: border-box;
}

.empty-icon[b-xigoh5ulzq] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #60708c;
    background: #edf1f7;
}

.success-empty-icon[b-xigoh5ulzq] {
    color: #178652;
    background: #e5f6ec;
}

.risks-empty-state h3[b-xigoh5ulzq] {
    margin: 14px 0 5px;
    color: #273754;
    font-size: 18px;
}

.risks-empty-state p[b-xigoh5ulzq] {
    max-width: 480px;
    margin: 0;
    line-height: 1.5;
}

a.requirement-badge[b-xigoh5ulzq] {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.reset-filter-button[b-xigoh5ulzq] {
    margin-top: 18px;
    padding: 9px 15px;
    border: 1px solid #315ff4;
    border-radius: 7px;
    background: #ffffff;
    color: #315ff4;
    font-family: inherit;
    font-weight: 650;
    cursor: pointer;
}

    .reset-filter-button:hover[b-xigoh5ulzq] {
        color: #ffffff;
        background: #315ff4;
    }

@media (max-width: 800px) {
    .risks-header[b-xigoh5ulzq] {
        align-items: stretch;
        flex-direction: column;
    }

    .risk-search[b-xigoh5ulzq] {
        flex-basis: auto;
        width: 100%;
    }

    .risk-main[b-xigoh5ulzq] {
        grid-template-columns: 42px minmax(0, 1fr) 24px;
        gap: 11px;
        padding: 16px 14px;
    }

    .severity-badge[b-xigoh5ulzq] {
        grid-column: 2;
        width: max-content;
    }

    .expand-icon[b-xigoh5ulzq] {
        grid-column: 3;
        grid-row: 1;
    }

    .risk-details[b-xigoh5ulzq] {
        grid-template-columns: 1fr;
        margin: 0 14px 16px;
    }
}

@media (max-width: 520px) {
    .risks-tab[b-xigoh5ulzq] {
        padding: 10px 0;
    }

    .risks-header h2[b-xigoh5ulzq] {
        font-size: 22px;
    }

    .risk-main[b-xigoh5ulzq] {
        grid-template-columns: 36px minmax(0, 1fr) 22px;
    }

    .risk-icon[b-xigoh5ulzq] {
        width: 36px;
        height: 36px;
    }

    .risk-title[b-xigoh5ulzq] {
        font-size: 14px;
    }

    .risk-summary[b-xigoh5ulzq] {
        font-size: 13px;
    }
}
/* /Components/Pages/Aufgaben.razor.rz.scp.css */
.tasks-page[b-vhzc8ff11x] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    min-height: calc(100vh - 78px);
    gap: 16px;
    color: #17213c;
    box-sizing: border-box;
}

.tasks-header[b-vhzc8ff11x] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex: 0 0 auto;
    gap: 24px;
}

.header-copy[b-vhzc8ff11x] {
    min-width: 0;
}

.page-eyebrow[b-vhzc8ff11x] {
    color: #315ff4;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tasks-header h1[b-vhzc8ff11x] {
    margin: 4px 0 5px;
    color: #111d42;
    font-size: 30px;
    line-height: 1.2;
}

.tasks-header p[b-vhzc8ff11x] {
    margin: 0;
    color: #6e7c95;
    font-size: 16px;
    line-height: 1.5;
}

.new-task-button[b-vhzc8ff11x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid #315ff4;
    border-radius: 8px;
    background: #315ff4;
    color: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

    .new-task-button:hover[b-vhzc8ff11x] {
        background: #244dd2;
    }

.demo-message[b-vhzc8ff11x] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 9px;
    padding: 11px 14px;
    border: 1px solid #cbd9fa;
    border-radius: 8px;
    background: #eef3ff;
    color: #294d9f;
    font-size: 14px;
}

    .demo-message span[b-vhzc8ff11x] {
        flex: 1;
    }

    .demo-message button[b-vhzc8ff11x] {
        border: 0;
        background: transparent;
        color: inherit;
        font-size: 20px;
        cursor: pointer;
    }

.task-statistics[b-vhzc8ff11x] {
    display: grid;
    grid-template-columns: repeat(4, minmax(160px, 1fr));
    flex: 0 0 auto;
    gap: 12px;
}

.stat-card[b-vhzc8ff11x] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 92px;
    padding: 15px;
    border: 1px solid #dce4f0;
    border-radius: 10px;
    background: #ffffff;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 2px 7px rgba(21, 40, 90, 0.04);
}

    .stat-card:hover[b-vhzc8ff11x] {
        border-color: #b9c9ee;
    }

    .stat-card.active[b-vhzc8ff11x] {
        border-color: #315ff4;
        box-shadow: 0 0 0 2px rgba(49, 95, 244, 0.08);
    }

.stat-icon[b-vhzc8ff11x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 10px;
}

.stat-all[b-vhzc8ff11x] {
    color: #315ff4;
    background: #eaf0ff;
}

.stat-open[b-vhzc8ff11x] {
    color: #cc7a00;
    background: #fff1d8;
}

.stat-completed[b-vhzc8ff11x] {
    color: #168854;
    background: #e4f6ec;
}

.stat-high[b-vhzc8ff11x] {
    color: #dc3949;
    background: #ffe8eb;
}

.stat-content[b-vhzc8ff11x] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .stat-content small[b-vhzc8ff11x] {
        color: #6c7991;
        font-size: 13px;
    }

    .stat-content strong[b-vhzc8ff11x] {
        color: #172554;
        font-size: 25px;
        line-height: 1;
    }

.tasks-toolbar[b-vhzc8ff11x] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 10px;
}

.task-search[b-vhzc8ff11x],
.toolbar-filter[b-vhzc8ff11x] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 44px;
    padding: 0 13px;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    background: #ffffff;
    color: #71809a;
    box-sizing: border-box;
}

.task-search[b-vhzc8ff11x] {
    flex: 1;
    max-width: 520px;
}

    .task-search:focus-within[b-vhzc8ff11x],
    .toolbar-filter:focus-within[b-vhzc8ff11x] {
        border-color: #315ff4;
        box-shadow: 0 0 0 3px rgba(49, 95, 244, 0.09);
    }

    .task-search input[b-vhzc8ff11x],
    .toolbar-filter select[b-vhzc8ff11x] {
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #24324d;
        font-family: inherit;
        font-size: 14px;
    }

    .task-search input[b-vhzc8ff11x] {
        width: 100%;
    }

.toolbar-filter select[b-vhzc8ff11x] {
    min-width: 155px;
    cursor: pointer;
}

.reset-button[b-vhzc8ff11x] {
    min-height: 42px;
    padding: 0 13px;
    border: 0;
    background: transparent;
    color: #315ff4;
    font-weight: 650;
    cursor: pointer;
}

.tasks-card[b-vhzc8ff11x] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #dce4f0;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(22, 40, 85, 0.05);
}

.task-table-header[b-vhzc8ff11x],
.task-row[b-vhzc8ff11x] {
    display: grid;
    grid-template-columns: 60px minmax(300px, 2.4fr) minmax(150px, 0.9fr) minmax(125px, 0.75fr) minmax(140px, 0.8fr) minmax(100px, 0.65fr) ;
    align-items: center;
    gap: 14px;
    width: 100%;
    box-sizing: border-box;
}

.task-table-header[b-vhzc8ff11x] {
    flex: 0 0 48px;
    min-height: 48px;
    padding: 0 18px;
    border-bottom: 1px solid #dfe5ef;
    background: #f7f8fb;
    color: #68758f;
    font-size: 13px;
    font-weight: 700;
}

.task-list[b-vhzc8ff11x] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
}

.task-item[b-vhzc8ff11x] {
  flex: 0 0 auto;
    min-height: 92px;
    border-bottom: 1px solid #e3e8f1;
}

    .task-item:last-child[b-vhzc8ff11x] {
        border-bottom: 0;
    }

    .task-item.completed[b-vhzc8ff11x] {
        background: #fafbfc;
    }

.task-row[b-vhzc8ff11x] {
    min-height: 92px;
    height: auto;
    padding: 16px 18px;
}

.completion-column[b-vhzc8ff11x] {
    display: flex;
    align-items: center;
    justify-content: center;
}

    .completion-column input[b-vhzc8ff11x] {
        width: 19px;
        height: 19px;
        accent-color: #315ff4;
        cursor: pointer;
    }

.task-title-button[b-vhzc8ff11x] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.task-title[b-vhzc8ff11x] {
    overflow: hidden;
    color: #172554;
    font-size: 16px;
    font-weight: 750;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-description[b-vhzc8ff11x] {
    display: -webkit-box;
    overflow: hidden;
    color: #74819a;
    font-size: 13px;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.completed .task-title[b-vhzc8ff11x] {
    color: #78859b;
    text-decoration: line-through;
}

.owner-column[b-vhzc8ff11x],
.due-date-column[b-vhzc8ff11x] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    color: #35435d;
    font-size: 14px;
}

.owner-avatar[b-vhzc8ff11x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #eaf0ff;
    color: #315ff4;
    font-size: 12px;
    font-weight: 750;
}

.due-date-column[b-vhzc8ff11x] {
    color: #54627b;
}

.requirement-column[b-vhzc8ff11x],
.detail-requirements[b-vhzc8ff11x] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}
.requirement-column[b-vhzc8ff11x] {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    padding: 6px 0;
}

    .requirement-badge[b-vhzc8ff11x],
    .detail-requirements span[b-vhzc8ff11x] {
        padding: 5px 8px;
        border: 1px solid #d2def8;
        border-radius: 6px;
        background: #f2f6ff;
        color: #2852c8;
        font-size: 12px;
        font-weight: 650;
    }

.priority-badge[b-vhzc8ff11x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 3px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

.priority-high[b-vhzc8ff11x] {
    color: #d93646;
    background: #ffe7ea;
}

.priority-medium[b-vhzc8ff11x] {
    color: #bd6900;
    background: #fff0d8;
}

.priority-low[b-vhzc8ff11x] {
    color: #16824f;
    background: #e4f5eb;
}

.priority-neutral[b-vhzc8ff11x] {
    color: #64748b;
    background: #edf1f6;
}

.expand-button[b-vhzc8ff11x] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: #71809a;
    cursor: pointer;
}

    .expand-button:hover[b-vhzc8ff11x] {
        background: #eef2f8;
    }

.task-details[b-vhzc8ff11x] {
    display: grid;
    grid-template-columns: minmax(250px, 2fr) minmax(130px, 0.8fr) minmax(110px, 0.7fr) minmax(180px, 1fr);
    gap: 20px;
    margin: 0 18px 16px 78px;
    padding: 18px;
    border: 1px solid #e0e6f0;
    border-radius: 9px;
    background: #f7f9fd;
}

    .task-details section[b-vhzc8ff11x] {
        min-width: 0;
    }

.detail-label[b-vhzc8ff11x] {
    color: #687791;
    font-size: 11px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.task-details p[b-vhzc8ff11x] {
    margin: 6px 0 0;
    color: #34435e;
    font-size: 13px;
    line-height: 1.5;
}

.detail-actions[b-vhzc8ff11x] {
    display: flex;
    align-items: center;
    grid-column: 1 / -1;
    justify-content: flex-end;
}

.complete-action-button[b-vhzc8ff11x],
.empty-reset-button[b-vhzc8ff11x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid #315ff4;
    border-radius: 7px;
    background: #ffffff;
    color: #315ff4;
    font-family: inherit;
    font-weight: 650;
    cursor: pointer;
}

    .complete-action-button:hover[b-vhzc8ff11x],
    .empty-reset-button:hover[b-vhzc8ff11x] {
        color: #ffffff;
        background: #315ff4;
    }

.tasks-footer[b-vhzc8ff11x] {
    display: flex;
    flex: 0 0 auto;
    justify-content: flex-end;
    padding: 11px 18px;
    border-top: 1px solid #e3e8f1;
    background: #fafbfc;
    color: #7a869a;
    font-size: 12px;
}

.tasks-empty-state[b-vhzc8ff11x],
.page-state[b-vhzc8ff11x] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    padding: 40px;
    color: #76849c;
    text-align: center;
    box-sizing: border-box;
}

.empty-state-icon[b-vhzc8ff11x] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    background: #e8f6ee;
    color: #178552;
}

.tasks-empty-state h2[b-vhzc8ff11x],
.page-state h2[b-vhzc8ff11x] {
    margin: 14px 0 5px;
    color: #273753;
    font-size: 19px;
}

.tasks-empty-state p[b-vhzc8ff11x],
.page-state p[b-vhzc8ff11x] {
    margin: 0;
    line-height: 1.5;
}

.empty-reset-button[b-vhzc8ff11x] {
    margin-top: 18px;
}

.error-state[b-vhzc8ff11x] {
    color: #d63746;
}

.empty-value[b-vhzc8ff11x] {
    color: #98a3b5;
}

@media (max-width: 1100px) {
    .task-statistics[b-vhzc8ff11x] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }

    .tasks-card[b-vhzc8ff11x] {
        overflow-x: auto;
    }

    .task-table-header[b-vhzc8ff11x],
    .task-row[b-vhzc8ff11x] {
        min-width: 1050px;
    }

    .task-details[b-vhzc8ff11x] {
        min-width: 900px;
    }
}

@media (max-width: 760px) {
    .tasks-header[b-vhzc8ff11x],
    .tasks-toolbar[b-vhzc8ff11x] {
        align-items: stretch;
        flex-direction: column;
    }

    .new-task-button[b-vhzc8ff11x],
    .task-search[b-vhzc8ff11x],
    .toolbar-filter[b-vhzc8ff11x] {
        width: 100%;
        max-width: none;
    }

        .toolbar-filter select[b-vhzc8ff11x] {
            width: 100%;
        }
}

.tooltip-badge[b-vhzc8ff11x] {
    cursor: help;
    transition: border-color 0.15s ease, background-color 0.15s ease, transform 0.15s ease;
}

    .tooltip-badge:hover[b-vhzc8ff11x] {
        border-color: #315ff4;
        background: #e7efff;
        transform: translateY(-1px);
    }

@media (max-width: 520px) {
    .task-statistics[b-vhzc8ff11x] {
        grid-template-columns: 1fr;
    }

    .tasks-header h1[b-vhzc8ff11x] {
        font-size: 25px;
    }
}

/* Larger typography for the exhibition display. */
.page-eyebrow[b-vhzc8ff11x] {
    font-size: 15px;
}

.tasks-header h1[b-vhzc8ff11x] {
    font-size: 34px;
    font-weight: 750;
}

.tasks-header p[b-vhzc8ff11x] {
    font-size: 17px;
}

.stat-content small[b-vhzc8ff11x] {
    font-size: 15px;
}

.stat-content strong[b-vhzc8ff11x] {
    font-size: 30px;
}

.task-search input[b-vhzc8ff11x],
.toolbar-filter select[b-vhzc8ff11x] {
    font-size: 16px;
}

.task-table-header[b-vhzc8ff11x] {
    font-size: 15px;
}

.task-title[b-vhzc8ff11x] {
    font-size: 18px;
    font-weight: 750;
}

.task-description[b-vhzc8ff11x] {
    font-size: 15px;
    line-height: 1.5;
}

.owner-column[b-vhzc8ff11x],
.due-date-column[b-vhzc8ff11x] {
    font-size: 16px;
}

.owner-avatar[b-vhzc8ff11x] {
    width: 34px;
    height: 34px;
    flex-basis: 34px;
    font-size: 14px;
}

.requirement-badge[b-vhzc8ff11x],
.detail-requirements span[b-vhzc8ff11x] {
    font-size: 14px;
}

.priority-badge[b-vhzc8ff11x] {
    min-height: 30px;
    padding: 4px 12px;
    font-size: 14px;
}

.detail-label[b-vhzc8ff11x] {
    font-size: 13px;
}

.task-details p[b-vhzc8ff11x] {
    font-size: 15px;
}

@media (max-width: 520px) {
    .tasks-header h1[b-vhzc8ff11x] {
        font-size: 28px;
    }

    .task-title[b-vhzc8ff11x] {
        font-size: 16px;
    }
}
/* /Components/Pages/Clarifications.razor.rz.scp.css */
.clarifications-page[b-on4sic60ph] {
    width: 100%;
    min-height: calc(100dvh - 54px);
    padding: 18px;
    box-sizing: border-box;
    color: #172554;
}

.page-header[b-on4sic60ph] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.page-eyebrow[b-on4sic60ph],
.dialog-eyebrow[b-on4sic60ph] {
    color: #315ff4;
    font-size: 12px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

a.requirement-tag[b-on4sic60ph] {
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.page-header h1[b-on4sic60ph] {
    margin: 4px 0 5px;
    color: #132044;
    font-size: 28px;
    line-height: 1.2;
}

.page-header p[b-on4sic60ph] {
    margin: 0;
    color: #687793;
    font-size: 15px;
    line-height: 1.5;
}

.primary-button[b-on4sic60ph],
.secondary-button[b-on4sic60ph],
.danger-button[b-on4sic60ph] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 7px;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.primary-button[b-on4sic60ph] {
    border: 1px solid #315ff4;
    color: #ffffff;
    background: #315ff4;
}

    .primary-button:hover[b-on4sic60ph] {
        background: #254cce;
    }

.secondary-button[b-on4sic60ph] {
    border: 1px solid #bcc6d7;
    color: #34415d;
    background: #ffffff;
}

.danger-button[b-on4sic60ph] {
    border: 1px solid #d93646;
    color: #ffffff;
    background: #d93646;
}

.summary-grid[b-on4sic60ph] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 14px;
}

.summary-card[b-on4sic60ph] {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 76px;
    padding: 14px 18px;
    border: 1px solid #dce4f0;
    border-radius: 10px;
    background: #ffffff;
    box-sizing: border-box;
    text-align: left;
}

.summary-button[b-on4sic60ph] {
    color: inherit;
    font: inherit;
    cursor: pointer;
}

    .summary-button.active[b-on4sic60ph] {
        border-color: #315ff4;
        box-shadow: 0 0 0 1px #315ff4;
    }

.summary-card > span:last-child[b-on4sic60ph] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.summary-card small[b-on4sic60ph] {
    color: #697792;
    font-size: 12px;
}

.summary-card strong[b-on4sic60ph] {
    color: #15234a;
    font-size: 22px;
}

.summary-icon[b-on4sic60ph] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 9px;
}

.summary-all[b-on4sic60ph] {
    color: #315ff4;
    background: #e9efff;
}

.summary-open[b-on4sic60ph] {
    color: #cb7900;
    background: #fff0d7;
}

.summary-answered[b-on4sic60ph] {
    color: #148552;
    background: #e2f5eb;
}

.summary-ai[b-on4sic60ph] {
    color: #6d42dd;
    background: #eee8ff;
}

.toolbar[b-on4sic60ph] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.search-field[b-on4sic60ph],
.select-field[b-on4sic60ph] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 13px;
    border: 1px solid #d8e0ec;
    border-radius: 8px;
    background: #ffffff;
    color: #70809b;
    box-sizing: border-box;
}

.search-field[b-on4sic60ph] {
    flex: 1;
}

.select-field[b-on4sic60ph] {
    width: 210px;
}

    .search-field input[b-on4sic60ph],
    .select-field select[b-on4sic60ph] {
        width: 100%;
        min-width: 0;
        border: 0;
        outline: 0;
        background: transparent;
        color: #263451;
        font: inherit;
        font-size: 14px;
    }

.questions-table[b-on4sic60ph] {
    overflow: hidden;
    border: 1px solid #dce4f0;
    border-radius: 10px;
    background: #ffffff;
}

.table-header[b-on4sic60ph],
.question-row[b-on4sic60ph] {
    display: grid;
    grid-template-columns: 80px minmax(320px, 2fr) 150px 150px 130px 110px 140px 92px;
    align-items: center;
    gap: 14px;
}

.table-header[b-on4sic60ph] {
    min-height: 44px;
    padding: 0 16px;
    background: #f6f8fc;
    color: #65738d;
    font-size: 12px;
    font-weight: 700;
}

.question-row[b-on4sic60ph] {
    min-height: 92px;
    padding: 14px 16px;
    border-top: 1px solid #e2e7f0;
    box-sizing: border-box;
}

    .question-row:hover[b-on4sic60ph] {
        background: #fbfcff;
    }

.question-id[b-on4sic60ph] {
    color: #576783;
    font-size: 13px;
    font-weight: 700;
}

.question-content[b-on4sic60ph] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

    .question-content strong[b-on4sic60ph] {
        color: #172554;
        font-size: 14px;
        line-height: 1.45;
    }

.blocking-note[b-on4sic60ph] {
    color: #d33d4c;
    font-size: 11px;
}

.ai-reason[b-on4sic60ph] {
    width: max-content;
    color: #6542cf;
    font-size: 11px;
    cursor: help;
}

.origin-badge[b-on4sic60ph],
.status-badge[b-on4sic60ph],
.priority-badge[b-on4sic60ph] {
    display: inline-flex;
    align-items: center;
    width: max-content;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 700;
}

    .origin-badge small[b-on4sic60ph] {
        font-size: inherit;
        font-weight: inherit;
    }

.origin-ai[b-on4sic60ph] {
    color: #6542cf;
    background: #eee8ff;
}

.origin-manual[b-on4sic60ph] {
    color: #51617c;
    background: #edf1f6;
}

.status-open[b-on4sic60ph] {
    color: #2856d8;
    background: #e8efff;
}

.status-progress[b-on4sic60ph] {
    color: #b86900;
    background: #fff0d8;
}

.status-answered[b-on4sic60ph] {
    color: #16824f;
    background: #e3f5eb;
}

.priority-high[b-on4sic60ph] {
    color: #d93646;
    background: #ffe6e9;
}

.priority-medium[b-on4sic60ph] {
    color: #b96a00;
    background: #fff0d9;
}

.priority-low[b-on4sic60ph] {
    color: #16824f;
    background: #e3f5eb;
}

.requirement-list[b-on4sic60ph] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.requirement-tag[b-on4sic60ph] {
    padding: 5px 8px;
    border: 1px solid #cedaf5;
    border-radius: 5px;
    color: #2853c7;
    background: #f5f8ff;
    font-size: 12px;
    font-weight: 650;
    cursor: help;
}

.no-reference[b-on4sic60ph] {
    color: #8a96aa;
}

.due-date[b-on4sic60ph] {
    display: flex;
    align-items: center;
    gap: 7px;
    color: #52617c;
    font-size: 13px;
}

.row-actions[b-on4sic60ph] {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.icon-button[b-on4sic60ph],
.close-button[b-on4sic60ph] {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 6px;
    color: #61708a;
    background: transparent;
    cursor: pointer;
}

    .icon-button:hover[b-on4sic60ph],
    .close-button:hover[b-on4sic60ph] {
        background: #edf2fb;
    }

.delete-button:hover[b-on4sic60ph] {
    color: #d93646;
    background: #ffebed;
}

.table-footer[b-on4sic60ph] {
    padding: 10px 4px;
    color: #74829a;
    font-size: 12px;
    text-align: right;
}

.empty-state[b-on4sic60ph],
.page-state[b-on4sic60ph] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    min-height: 320px;
    color: #75839c;
    text-align: center;
}

    .empty-state strong[b-on4sic60ph] {
        color: #35435e;
        font-size: 16px;
    }

.error-state[b-on4sic60ph] {
    color: #d93646;
}

.dialog-backdrop[b-on4sic60ph] {
    position: fixed;
    inset: 0;
    z-index: 1300;
    display: grid;
    place-items: center;
    padding: 20px;
    background: rgba(15, 26, 52, 0.46);
    box-sizing: border-box;
}

.dialog[b-on4sic60ph] {
    width: min(620px, 100%);
    max-height: calc(100dvh - 40px);
    overflow: auto;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(14, 28, 59, 0.28);
}

.delete-dialog[b-on4sic60ph] {
    width: min(520px, 100%);
}

.dialog-header[b-on4sic60ph] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border-bottom: 1px solid #e2e7ef;
}

    .dialog-header h2[b-on4sic60ph] {
        margin: 4px 0 0;
        color: #17213f;
        font-size: 22px;
    }

.danger-eyebrow[b-on4sic60ph] {
    color: #d93646;
}

.dialog-body[b-on4sic60ph] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 20px 22px;
}

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

.form-field[b-on4sic60ph] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

    .form-field > span[b-on4sic60ph] {
        color: #53627c;
        font-size: 12px;
        font-weight: 700;
    }

    .form-field input[b-on4sic60ph],
    .form-field select[b-on4sic60ph],
    .form-field textarea[b-on4sic60ph] {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid #ccd6e6;
        border-radius: 7px;
        outline: 0;
        color: #263451;
        background: #ffffff;
        font: inherit;
        font-size: 14px;
        box-sizing: border-box;
    }

    .form-field textarea[b-on4sic60ph] {
        resize: vertical;
    }

        .form-field input:focus[b-on4sic60ph],
        .form-field select:focus[b-on4sic60ph],
        .form-field textarea:focus[b-on4sic60ph] {
            border-color: #315ff4;
            box-shadow: 0 0 0 3px rgba(49, 95, 244, 0.1);
        }

    .form-field small[b-on4sic60ph] {
        color: #7c899f;
        font-size: 11px;
    }

.full-width[b-on4sic60ph] {
    width: 100%;
}

.checkbox-field[b-on4sic60ph] {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    color: #4b5973;
    font-size: 13px;
    line-height: 1.45;
}

.ai-information[b-on4sic60ph] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 12px;
    border: 1px solid #dcd1ff;
    border-radius: 8px;
    color: #6040bf;
    background: #f5f1ff;
}

    .ai-information > div[b-on4sic60ph] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }

    .ai-information span[b-on4sic60ph] {
        font-size: 12px;
    }

.validation-message[b-on4sic60ph] {
    padding: 10px 12px;
    border-radius: 7px;
    color: #c72e3e;
    background: #ffedef;
    font-size: 13px;
}

.dialog-body blockquote[b-on4sic60ph] {
    margin: 0;
    padding: 12px 14px;
    border-left: 3px solid #d7dfed;
    color: #53617b;
    background: #f7f9fc;
}

.dialog-actions[b-on4sic60ph] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 22px;
    border-top: 1px solid #e2e7ef;
}

@media (max-width: 1250px) {
    .questions-table[b-on4sic60ph] {
        overflow-x: auto;
    }

    .table-header[b-on4sic60ph],
    .question-row[b-on4sic60ph] {
        min-width: 1180px;
    }
}

@media (max-width: 850px) {
    .page-header[b-on4sic60ph] {
        align-items: stretch;
        flex-direction: column;
    }

    .summary-grid[b-on4sic60ph] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .toolbar[b-on4sic60ph] {
        align-items: stretch;
        flex-direction: column;
    }

    .select-field[b-on4sic60ph] {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .clarifications-page[b-on4sic60ph] {
        padding: 12px;
    }

    .summary-grid[b-on4sic60ph],
    .form-grid[b-on4sic60ph] {
        grid-template-columns: 1fr;
    }

    .primary-button[b-on4sic60ph] {
        width: 100%;
    }

    .dialog-actions[b-on4sic60ph] {
        flex-direction: column-reverse;
    }

        .dialog-actions button[b-on4sic60ph] {
            width: 100%;
        }
}
/* /Components/Pages/Document.razor.rz.scp.css */
.documents-page[b-0f2sn2a5eq] {
    min-height: calc(100dvh - 54px);
    padding: 8px 12px 12px;
    box-sizing: border-box;
    color: #17213c;
}

.breadcrumbs[b-0f2sn2a5eq] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 16px;
    color: #758099;
    font-size: 13px;
}

.breadcrumbs a[b-0f2sn2a5eq] {
    color: inherit;
    text-decoration: none;
}

.breadcrumbs a:hover[b-0f2sn2a5eq] {
    color: #2758ef;
}

.documents-page h1[b-0f2sn2a5eq] {
    margin: 0 0 14px;
    color: #111a33;
    font-size: 25px;
}

.workflow-card[b-0f2sn2a5eq] {
    min-height: calc(100dvh - 132px);
    display: flex;
    flex-direction: column;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #e2e7f0;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(25, 45, 80, 0.05);
}

.stepper[b-0f2sn2a5eq] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.step[b-0f2sn2a5eq] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #8b95aa;
    font-size: 13px;
    font-weight: 600;
}

.step.active[b-0f2sn2a5eq] {
    color: #2758ef;
}

.step-number[b-0f2sn2a5eq] {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    box-sizing: border-box;
    border: 2px solid currentColor;
    border-radius: 50%;
}

.step.active .step-number[b-0f2sn2a5eq] {
    color: #fff;
    border-color: #2758ef;
    background: #2758ef;
}

.step-line[b-0f2sn2a5eq] {
    width: min(120px, 9vw);
    height: 1px;
    margin: 0 16px;
    background: #dce2ec;
}

.upload-zone[b-0f2sn2a5eq] {
    position: relative;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    overflow: hidden;
    border: 2px dashed #9bb4ff;
    border-radius: 10px;
    background: #f8faff;
    text-align: center;
    transition: border-color 150ms ease, background-color 150ms ease;
}

.upload-zone:hover[b-0f2sn2a5eq],
.upload-zone:focus-within[b-0f2sn2a5eq] {
    border-color: #2758ef;
    background: #f2f5ff;
}

[b-0f2sn2a5eq] .upload-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

[b-0f2sn2a5eq] .upload-icon {
    color: #2758ef;
    font-size: 46px;
}

.upload-zone strong[b-0f2sn2a5eq] {
    font-size: 14px;
}

.upload-zone > span:not(.select-files-button)[b-0f2sn2a5eq] {
    color: #7a859d;
    font-size: 12px;
}

.select-files-button[b-0f2sn2a5eq] {
    padding: 10px 25px;
    border-radius: 6px;
    color: #fff;
    background: linear-gradient(135deg, #3869ff, #2452e7);
    box-shadow: 0 4px 12px rgba(39, 88, 239, 0.24);
    font-size: 13px;
    font-weight: 700;
}

.upload-zone small[b-0f2sn2a5eq] {
    color: #7a859d;
    font-size: 11px;
}

.upload-message[b-0f2sn2a5eq] {
    margin-top: 9px;
    color: #59647b;
    font-size: 12px;
    text-align: center;
}

.document-groups[b-0f2sn2a5eq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.document-group[b-0f2sn2a5eq] {
    min-height: 185px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dfe5ef;
    border-radius: 9px;
    background: #fff;
}

.group-header[b-0f2sn2a5eq] {
    min-height: 57px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 15px;
    box-sizing: border-box;
    border-bottom: 1px solid #e7ebf2;
    background: #f7f9fc;
}

.group-header > div[b-0f2sn2a5eq] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.group-header strong[b-0f2sn2a5eq] {
    font-size: 13px;
}

.group-header div span[b-0f2sn2a5eq] {
    color: #69758f;
    font-size: 11px;
}

.uploaded-badge[b-0f2sn2a5eq] {
    padding: 5px 9px;
    border-radius: 6px;
    color: #218849;
    background: #e7f6eb;
    font-size: 11px;
    white-space: nowrap;
}

.empty-state[b-0f2sn2a5eq] {
    min-height: 127px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    flex-direction: column;
    gap: 7px;
    padding: 20px;
    color: #8a94a8;
    text-align: center;
}

.empty-state strong[b-0f2sn2a5eq] {
    color: #59647b;
    font-size: 13px;
}

.empty-state span[b-0f2sn2a5eq] {
    font-size: 11px;
}

.document-list[b-0f2sn2a5eq] {
    flex: 1;
}

.document-row[b-0f2sn2a5eq] {
    min-height: 43px;
    display: grid;
    grid-template-columns: 24px minmax(0, 1fr) auto 25px;
    align-items: center;
    gap: 8px;
    padding: 0 12px;
    border-bottom: 1px solid #e7ebf2;
    font-size: 12px;
}

.file-name[b-0f2sn2a5eq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-size[b-0f2sn2a5eq] {
    color: #59647b;
    white-space: nowrap;
}

.remove-button[b-0f2sn2a5eq] {
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: #7b8498;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
}

.remove-button:hover[b-0f2sn2a5eq] {
    color: #d92f3c;
    background: #ffedef;
}

.text-button[b-0f2sn2a5eq] {
    align-self: flex-start;
    margin: 10px 13px;
    padding: 0;
    border: 0;
    color: #2758ef;
    background: transparent;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
}

.page-actions[b-0f2sn2a5eq] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: auto;
    padding-top: 17px;
    border-top: 1px solid #e5e9f0;
}

.secondary-button[b-0f2sn2a5eq],
.primary-button[b-0f2sn2a5eq] {
    min-height: 42px;
    padding: 0 20px;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 700;
}

.secondary-button[b-0f2sn2a5eq] {
    border: 1px solid #aeb8cb;
    color: #34405a;
    background: #fff;
}

.primary-button[b-0f2sn2a5eq] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #2758ef;
    color: #fff;
    background: #2758ef;
}

button:disabled[b-0f2sn2a5eq] {
    cursor: not-allowed;
    opacity: 0.5;
}

@media (max-width: 900px) {
    .document-groups[b-0f2sn2a5eq] {
        grid-template-columns: 1fr;
    }

    .workflow-card[b-0f2sn2a5eq] {
        min-height: auto;
    }
}

@media (max-width: 650px) {
    .documents-page[b-0f2sn2a5eq] {
        padding-inline: 4px;
    }

    .workflow-card[b-0f2sn2a5eq] {
        padding: 14px;
    }

    .step span:last-child[b-0f2sn2a5eq],
    .breadcrumbs a:first-child[b-0f2sn2a5eq] {
        display: none;
    }

    .step-line[b-0f2sn2a5eq] {
        width: 48px;
        margin-inline: 8px;
    }

    .page-actions[b-0f2sn2a5eq] {
        flex-direction: column-reverse;
    }

    .secondary-button[b-0f2sn2a5eq],
    .primary-button[b-0f2sn2a5eq] {
        width: 100%;
        justify-content: center;
    }
}

/* TenderFlow full-height document layout */
.documents-page[b-0f2sn2a5eq] {
    width: 100%;
    height: calc(100dvh - 54px);
    min-height: 0;
    display: flex;
    flex-direction: column;
    padding: 12px 16px 14px;
    overflow: hidden;
}

.documents-page h1[b-0f2sn2a5eq] {
    flex: 0 0 auto;
    font-size: 28px;
}

.breadcrumbs[b-0f2sn2a5eq] {
    flex: 0 0 auto;
    font-size: 14px;
}

.workflow-card[b-0f2sn2a5eq] {
    width: 100%;
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    font-size: 14px;
}

.stepper[b-0f2sn2a5eq] {
    flex: 0 0 auto;
}

.step[b-0f2sn2a5eq] {
    font-size: 14px;
}

.upload-zone[b-0f2sn2a5eq] {
    min-height: 190px;
    flex: 1.1 1 0;
}

.upload-zone strong[b-0f2sn2a5eq] {
    font-size: 16px;
}

.select-files-button[b-0f2sn2a5eq] {
    padding: 11px 28px;
    font-size: 14px;
}

.upload-zone small[b-0f2sn2a5eq],
.upload-zone > span:not(.select-files-button)[b-0f2sn2a5eq],
.upload-message[b-0f2sn2a5eq] {
    font-size: 12px;
}

.document-groups[b-0f2sn2a5eq] {
    min-height: 190px;
    display: grid;
    flex: 1 1 0;
    margin-top: 14px;
}

.document-group[b-0f2sn2a5eq] {
    height: 100%;
    min-height: 0;
}

.group-header strong[b-0f2sn2a5eq] {
    font-size: 15px;
}

.group-header div span[b-0f2sn2a5eq],
.uploaded-badge[b-0f2sn2a5eq] {
    font-size: 12px;
}

.empty-state[b-0f2sn2a5eq] {
    min-height: 0;
}

.empty-state strong[b-0f2sn2a5eq] {
    font-size: 15px;
}

.empty-state span[b-0f2sn2a5eq],
.document-row[b-0f2sn2a5eq],
.text-button[b-0f2sn2a5eq] {
    font-size: 13px;
}

.page-actions[b-0f2sn2a5eq] {
    flex: 0 0 auto;
    margin-top: 14px;
}

.secondary-button[b-0f2sn2a5eq],
.primary-button[b-0f2sn2a5eq] {
    min-height: 44px;
    font-size: 14px;
}

@media (max-width: 900px), (max-height: 720px) {
    .documents-page[b-0f2sn2a5eq] {
        height: auto;
        min-height: calc(100dvh - 54px);
        overflow: visible;
    }

    .workflow-card[b-0f2sn2a5eq] {
        min-height: auto;
        overflow: visible;
    }

    .upload-zone[b-0f2sn2a5eq],
    .document-groups[b-0f2sn2a5eq] {
        min-height: 180px;
        flex: none;
    }
}

/* Separate upload panels */
.document-groups[b-0f2sn2a5eq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    flex: 1 1 auto;
    gap: 18px;
    min-height: 0;
    margin-top: 14px;
}

.document-group[b-0f2sn2a5eq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 480px;
    overflow: hidden;
    border: 1px solid #dfe5ef;
    border-radius: 10px;
    background: #ffffff;
    box-sizing: border-box;
}

.group-content[b-0f2sn2a5eq] {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    flex-direction: column;
}

.group-content .empty-state[b-0f2sn2a5eq] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 10px;
    min-height: 300px;
    padding: 32px;
    color: #8a94a8;
    text-align: center;
    box-sizing: border-box;
}

.group-upload-footer[b-0f2sn2a5eq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    flex: 0 0 auto;
    gap: 16px;
    padding: 16px;
    border-top: 1px solid #e2e7f0;
    background: #f8faff;
    box-sizing: border-box;
}

.group-upload-footer small[b-0f2sn2a5eq] {
    grid-column: 3;
    justify-self: end;
    color: #77839b;
    font-size: 12px;
    line-height: 1.4;
    text-align: right;
}

.group-upload-button[b-0f2sn2a5eq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    gap: 9px;
    min-height: 42px;
    padding: 0 18px;
    overflow: hidden;
    border-radius: 7px;
    color: #ffffff;
    background: #315ff4;
    box-shadow: 0 4px 12px rgba(49, 95, 244, 0.2);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    box-sizing: border-box;
    grid-column: 2;
    justify-self: center;
}

.group-upload-button:hover[b-0f2sn2a5eq] {
    background: #244ed8;
}

.group-upload-button:focus-within[b-0f2sn2a5eq] {
    outline: 3px solid rgba(49, 95, 244, 0.22);
    outline-offset: 2px;
}

[b-0f2sn2a5eq] .group-upload-input {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

@media (max-width: 900px) {
    .document-groups[b-0f2sn2a5eq] {
        grid-template-columns: 1fr;
    }

    .document-group[b-0f2sn2a5eq] {
        height: auto;
        min-height: 420px;
    }
}

@media (max-width: 650px) {
    .group-upload-footer[b-0f2sn2a5eq] {
        display: flex;
        align-items: stretch;
        flex-direction: column;
    }

    .group-upload-button[b-0f2sn2a5eq] {
        width: 100%;
    }

    .group-upload-footer small[b-0f2sn2a5eq] {
        text-align: center;
    }
}


/**/
.file-link[b-0f2sn2a5eq] {
    color: #10234d;
    font-weight: 600;
    text-decoration: none;
}

    .file-link:hover[b-0f2sn2a5eq] {
        color: #2f5cf4;
        text-decoration: underline;
    }

.static-file-badge[b-0f2sn2a5eq] {
    padding: 3px 7px;
    color: #246c4a;
    font-size: 11px;
    font-weight: 600;
    background: #e5f5ec;
    border-radius: 5px;
}
/* /Components/Pages/Overview.razor.rz.scp.css */
.overview-grid[b-w7ne2gczgb] {
    display: grid;
    grid-template-columns: 1.45fr 0.9fr 1fr 1.15fr;
    grid-template-rows: auto auto auto;
    align-content: start;
    gap: 12px;
    min-height: calc(100vh - 54px - 32px);
}

.dashboard-card[b-w7ne2gczgb] {
    min-width: 0;
    padding: 16px;
    border: 1px solid #e2e7f0;
    border-radius: 8px;
    background: white;
    box-shadow: 0 2px 7px rgba(25, 45, 80, 0.05);
    font-size: 13px;
}

.card-title[b-w7ne2gczgb],
.section-heading[b-w7ne2gczgb] {
    color: #17213c;
    font-size: 15px;
    font-weight: 700;
}

.documents-card[b-w7ne2gczgb] {
    display: grid;
    grid-template-rows:
        auto
        auto
        repeat(3, minmax(44px, 1fr))
        auto;
}
.documents-card .table[b-w7ne2gczgb] {
    height: 100%;
    align-items: center;
}
.documents-card .card-link[b-w7ne2gczgb] {
    margin-top: 10px;
    align-self: start;
}

.section-heading[b-w7ne2gczgb] {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 13px;
}

.section-icon[b-w7ne2gczgb],
.document-icon[b-w7ne2gczgb],
.card-icon[b-w7ne2gczgb],
.eyebrow[b-w7ne2gczgb],
.card-link[b-w7ne2gczgb] {
    color: #2758ef;
}

.eyebrow[b-w7ne2gczgb] {
    margin-bottom: 9px;
    font-size: 14px;
    font-weight: 700;
}

.tender-card[b-w7ne2gczgb] {
    display: flex;
    flex-direction: column;
}

.tender-heading[b-w7ne2gczgb] {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

    .tender-heading h2[b-w7ne2gczgb] {
        margin: 0 0 8px;
        font-size: 22px;
    }

    .tender-heading p[b-w7ne2gczgb] {
        margin: 0 0 6px;
        color: #64708a;
        font-size: 13px;
    }

.card-icon[b-w7ne2gczgb] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 7px;
    background: #eef2ff;
    font-size: 21px;
}

.tender-metrics[b-w7ne2gczgb] {
    display: grid;
    grid-template-columns: 1fr 1.35fr 0.55fr;
    gap: 12px;
    margin-top: auto;
    padding-top: 30px;
}

    .tender-metrics div[b-w7ne2gczgb] {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .tender-metrics span[b-w7ne2gczgb] {
        color: #69758f;
        font-size: 11px;
    }

    .tender-metrics strong[b-w7ne2gczgb] {
        font-size: 14px;
    }

.deadline[b-w7ne2gczgb] {
    color: #ef3340;
}

.fit-card[b-w7ne2gczgb] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.fit-card .card-title[b-w7ne2gczgb] {
    width: 100%;
}

.fit-progress-wrapper[b-w7ne2gczgb] {
    flex: 1;
    display: grid;
    place-items: center;
    width: 100%;
    min-height: 150px;
}

.fit-progress[b-w7ne2gczgb] {
    width: 150px !important;
    height: 150px !important;
}

.fit-progress-value[b-w7ne2gczgb] {
    color: #102252;
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
}

.fit-recommendation[b-w7ne2gczgb] {
    margin-bottom: 18px;
    color: #17213c;
    font-size: 18px;
    font-weight: 600;
}



.summary-card[b-w7ne2gczgb] {
    display: flex;
    flex-direction: column;
}

.summary-row[b-w7ne2gczgb] {
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #edf0f5;
    font-size: 13px;
}

    .summary-row:last-child[b-w7ne2gczgb] {
        border-bottom: 0;
    }

.fulfilled[b-w7ne2gczgb] {
    color: #1a9b50;
}

.partial[b-w7ne2gczgb] {
    color: #ef8a19;
}

.missing[b-w7ne2gczgb] {
    color: #e6373f;
}

.neutral[b-w7ne2gczgb] {
    color: #66728b;
}

.risk-list[b-w7ne2gczgb] {
    margin-top: 10px;
}

.risk-row[b-w7ne2gczgb] {
    min-height: 34px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
    font-size: 12px;
}

  

.status-badge[b-w7ne2gczgb] {
    display: inline-flex;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 5px;
    font-size: 11px;
    white-space: nowrap;
}

.badge-high[b-w7ne2gczgb] {
    color: #dc2635;
    background: #ffe8e9;
}

.badge-medium[b-w7ne2gczgb] {
    color: #d9780b;
    background: #fff0dc;
}

.badge-low[b-w7ne2gczgb],
.badge-answered[b-w7ne2gczgb] {
    color: #258646;
    background: #e6f6e9;
}

.badge-open[b-w7ne2gczgb] {
    color: #2464e8;
    background: #e7efff;
}

.badge-neutral[b-w7ne2gczgb] {
    color: #66728b;
    background: #edf0f5;
}

.tasks-card[b-w7ne2gczgb] {
    display: flex;
    flex-direction: column;
}

    .tasks-card .task-row[b-w7ne2gczgb] {
        flex: 0 0 auto;
        min-height: 52px;
        align-items: center;
    }

    .tasks-card .card-link[b-w7ne2gczgb] {
        flex: 0 0 auto;
        margin-top: auto;
        padding-top: 12px;
        align-self: flex-start;
    }

.clarifications-card[b-w7ne2gczgb] {
    display: grid;
    grid-template-rows:
        auto
        auto
        repeat(3, minmax(44px, 1fr))
        auto;
}

.clarifications-card .table[b-w7ne2gczgb] {
    height: 100%;
    align-items: center;
}

.clarifications-card .card-link[b-w7ne2gczgb] {
    margin-top: 10px;
    align-self: start;
}

.table[b-w7ne2gczgb] {
    display: grid;
    align-items: center;
    min-height: 42px;
    border-bottom: 1px solid #e9edf3;
    font-size: 12px;
}

.header-row[b-w7ne2gczgb] {
    min-height: 30px;
    color: #707b92;
    font-size: 11px;
}

.document-row[b-w7ne2gczgb] {
    grid-template-columns: 2.1fr 0.75fr 0.65fr 1fr 0.65fr;
}

.clarification-row[b-w7ne2gczgb] {
    grid-template-columns: 0.55fr 3fr 0.9fr 1fr 1fr 1fr;
}

.source-cell[b-w7ne2gczgb],
.clarification-actions[b-w7ne2gczgb] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.task-row[b-w7ne2gczgb] {
    min-height: 52px;
    display: grid;
    grid-template-columns: 22px 1fr auto;
    align-items: center;
    gap: 9px;
    border-bottom: 1px solid #e9edf3;
}

.task-content[b-w7ne2gczgb] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .task-content strong[b-w7ne2gczgb] {
        overflow: hidden;
        font-size: 12px;
        font-weight: 500;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .task-content span[b-w7ne2gczgb] {
        color: #7b8498;
        font-size: 11px;
    }

.action-button[b-w7ne2gczgb] {
    padding: 5px 10px;
    border: 0;
    border-radius: 5px;
    color: #2758ef;
    background: #edf1ff;
    cursor: pointer;
    font-size: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.more-button[b-w7ne2gczgb] {
    border: 0;
    background: transparent;
    cursor: pointer;
    font-size: 17px;
}

.card-link[b-w7ne2gczgb] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
}

.loading-state[b-w7ne2gczgb],
.error-state[b-w7ne2gczgb] {
    padding: 30px;
    border-radius: 8px;
    background: white;
}

.error-state[b-w7ne2gczgb] {
    color: #d92f3c;
}

@media (max-width: 1250px) {
    .overview-grid[b-w7ne2gczgb] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .clarifications-card[b-w7ne2gczgb] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 750px) {
    .overview-grid[b-w7ne2gczgb] {
        grid-template-columns: 1fr;
    }



    .document-row[b-w7ne2gczgb],
    .clarification-row[b-w7ne2gczgb] {
        grid-template-columns: 1fr;
        gap: 6px;
        padding: 10px 0;
    }

    .header-row[b-w7ne2gczgb] {
        display: none;
    }
}

/* TenderFlow large-screen dashboard overrides */
.documents-card[b-w7ne2gczgb] {
    grid-column: 1 / span 2;
}

.tasks-card[b-w7ne2gczgb] {
    grid-column: 3 / span 2;
}

.clarifications-card[b-w7ne2gczgb] {
    grid-column: 1 / -1;
}

.dashboard-card[b-w7ne2gczgb] {
    font-size: 15px;
}

.card-title[b-w7ne2gczgb],
.section-heading[b-w7ne2gczgb] {
    font-size: 17px;
}

.eyebrow[b-w7ne2gczgb] {
    font-size: 15px;
}

.tender-heading h2[b-w7ne2gczgb] {
    font-size: 24px;
}

.tender-heading p[b-w7ne2gczgb] {
    font-size: 14px;
}

.tender-metrics span[b-w7ne2gczgb] {
    font-size: 17px;
}

.tender-metrics strong[b-w7ne2gczgb] {
    font-size: 19px;
}

.fit-circle-inner[b-w7ne2gczgb] {
    font-size: 38px;
}

.fit-recommendation[b-w7ne2gczgb] {
    font-size: 18px;
}

.summary-row[b-w7ne2gczgb],
.risk-row[b-w7ne2gczgb],
.table[b-w7ne2gczgb],
.task-content strong[b-w7ne2gczgb] {
    font-size: 14px;
}

.header-row[b-w7ne2gczgb],
.status-badge[b-w7ne2gczgb],
.task-content span[b-w7ne2gczgb],
.action-button[b-w7ne2gczgb] {
    font-size: 12px;
}

.card-link[b-w7ne2gczgb] {
    font-size: 13px;
}

@media (max-width: 1250px) {
    .documents-card[b-w7ne2gczgb],
    .tasks-card[b-w7ne2gczgb],
    .clarifications-card[b-w7ne2gczgb] {
        grid-column: 1 / -1;
    }
}

.add-clarification-button[b-w7ne2gczgb],
.clarification-actions[b-w7ne2gczgb] {
    display: flex;
    align-items: center;
}

.add-clarification-button[b-w7ne2gczgb] {
    gap: 7px;
    min-height: 36px;
    margin: 0 0 12px auto;
    padding: 0 13px;
    border: 1px solid #315ff4;
    border-radius: 7px;
    background: #315ff4;
    color: #fff;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.clarification-actions[b-w7ne2gczgb] { gap: 4px; }

.dialog-backdrop[b-w7ne2gczgb] {
    position: fixed;
    z-index: 1500;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(13, 27, 55, .45);
    backdrop-filter: blur(2px);
}

.clarification-dialog[b-w7ne2gczgb],
.delete-dialog[b-w7ne2gczgb] {
    border: 1px solid #dce4f0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(13, 27, 55, .24);
}

.clarification-dialog[b-w7ne2gczgb] {
    width: min(680px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
}

.dialog-header[b-w7ne2gczgb],
.dialog-actions[b-w7ne2gczgb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 24px;
    border-bottom: 1px solid #e3e8f1;
}

.dialog-header h2[b-w7ne2gczgb] { margin: 4px 0 0; font-size: 22px; }
.dialog-eyebrow[b-w7ne2gczgb] { color: #315ff4; font-size: 12px; font-weight: 750; text-transform: uppercase; }
.dialog-close-button[b-w7ne2gczgb] { width: 36px; height: 36px; border: 0; border-radius: 7px; background: transparent; cursor: pointer; }
.dialog-content[b-w7ne2gczgb] { padding: 24px; }
.form-grid[b-w7ne2gczgb] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.form-field[b-w7ne2gczgb] { display: flex; flex-direction: column; gap: 7px; }
.form-field > span[b-w7ne2gczgb] { color: #42516d; font-size: 13px; font-weight: 700; }

.form-field input[b-w7ne2gczgb],
.form-field select[b-w7ne2gczgb],
.form-field textarea[b-w7ne2gczgb] {
    width: 100%;
    min-height: 42px;
    padding: 10px 12px;
    border: 1px solid #d5deea;
    border-radius: 7px;
    outline: 0;
    font: inherit;
    box-sizing: border-box;
}

.form-field textarea[b-w7ne2gczgb] { resize: vertical; }
.form-field input:focus[b-w7ne2gczgb], .form-field select:focus[b-w7ne2gczgb], .form-field textarea:focus[b-w7ne2gczgb] { border-color: #315ff4; box-shadow: 0 0 0 3px rgba(49,95,244,.09); }
.full-width[b-w7ne2gczgb] { grid-column: 1 / -1; }
.dialog-content > .full-width[b-w7ne2gczgb] { margin-bottom: 18px; }
.checkbox-field[b-w7ne2gczgb] { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; }
.checkbox-field input[b-w7ne2gczgb] { width: 17px; height: 17px; accent-color: #315ff4; }
.validation-message[b-w7ne2gczgb] { margin-top: 16px; padding: 10px 12px; border-radius: 7px; background: #ffe9ec; color: #cf3343; }

.dialog-actions[b-w7ne2gczgb] {
    justify-content: flex-end;
    border-top: 1px solid #e3e8f1;
    border-bottom: 0;
}

.primary-dialog-button[b-w7ne2gczgb],
.secondary-dialog-button[b-w7ne2gczgb],
.delete-button[b-w7ne2gczgb] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 7px;
    font: inherit;
    font-weight: 700;
    cursor: pointer;
}

.primary-dialog-button[b-w7ne2gczgb] { border: 1px solid #315ff4; background: #315ff4; color: #fff; }
.secondary-dialog-button[b-w7ne2gczgb] { border: 1px solid #cbd5e1; background: #fff; color: #42516d; }
.delete-button[b-w7ne2gczgb] { border: 1px solid #dc3545; background: #dc3545; color: #fff; }

.delete-dialog[b-w7ne2gczgb] {
    width: min(430px, 100%);
    padding: 26px;
    text-align: center;
}

.delete-dialog-icon[b-w7ne2gczgb] { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-radius: 50%; background: #ffe8eb; color: #d93646; }
.delete-dialog h2[b-w7ne2gczgb] { margin: 15px 0 7px; }
.delete-dialog p[b-w7ne2gczgb] { color: #65738b; line-height: 1.5; }
.delete-dialog .dialog-actions[b-w7ne2gczgb] { padding: 18px 0 0; border: 0; }

@media (max-width: 620px) {
    .form-grid[b-w7ne2gczgb] { grid-template-columns: 1fr; }
    .full-width[b-w7ne2gczgb] { grid-column: auto; }
}

/* Distribute the Fit Summary and Top Risks content over the full card height. */
.summary-card[b-w7ne2gczgb],
.risks-card[b-w7ne2gczgb] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.summary-card > .card-title[b-w7ne2gczgb],
.risks-card > .card-title[b-w7ne2gczgb] {
    flex: 0 0 auto;
}

.summary-card > .summary-row[b-w7ne2gczgb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1 1 0;
    min-height: 0;
    padding: 0;
}

.risks-card > .risk-list[b-w7ne2gczgb] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    min-height: 0;
    margin-top: 8px;
}

.risks-card .risk-row[b-w7ne2gczgb] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    flex: 0 0 auto;
    gap: 12px;
    min-height: 42px;
    padding: 5px 0;
    border-bottom: 1px solid #e7ebf2;
    box-sizing: border-box;
}

.risks-card .risk-row:last-child[b-w7ne2gczgb] {
    border-bottom: 0;
}

.risks-card .risk-title[b-w7ne2gczgb] {
    display: -webkit-box;
    min-width: 0;
    overflow: hidden;
    color: #263653;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.risks-card .status-badge[b-w7ne2gczgb] {
    align-self: center;
    flex: 0 0 auto;
    min-width: 48px;
    white-space: nowrap;
}

.risks-card > .card-link[b-w7ne2gczgb] {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    margin-top: auto;
    padding-top: 10px;
}
/* /Components/Pages/Recommendation.razor.rz.scp.css */
.recommendation-page[b-eokybwcgsw] {
    width: 100%;
    min-height: calc(100vh - 78px);
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    color: #15213c;
}

.breadcrumbs[b-eokybwcgsw] {
    min-height: 24px;
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 10px;
    color: #7b8498;
    font-size: 13px;
}

    .breadcrumbs a[b-eokybwcgsw] {
        color: #66728b;
        text-decoration: none;
    }

        .breadcrumbs a:hover[b-eokybwcgsw] {
            color: #2457ed;
        }

    .breadcrumbs strong[b-eokybwcgsw] {
        color: #34405a;
        font-weight: 600;
    }

.page-header[b-eokybwcgsw] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 16px;
}

    .page-header h1[b-eokybwcgsw] {
        margin: 3px 0 0;
        color: #101b3f;
        font-size: 27px;
        line-height: 1.15;
        font-weight: 750;
    }

.page-eyebrow[b-eokybwcgsw] {
    color: #2e5bea;
    font-size: 12px;
    font-weight: 700;
}

.tender-reference[b-eokybwcgsw] {
    padding: 7px 12px;
    border: 1px solid #dce3f1;
    border-radius: 8px;
    background: #fff;
    color: #55617a;
    font-size: 13px;
    font-weight: 600;
}

.recommendation-grid[b-eokybwcgsw] {
    flex: 1;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    grid-template-rows:
        minmax(180px, 0.75fr)
        minmax(260px, 1fr);
    gap: 16px;
}


.decision-card[b-eokybwcgsw] {
    grid-column: span 8;
}

.metrics-card[b-eokybwcgsw] {
    grid-column: span 4;
}


.conditions-card[b-eokybwcgsw] {
    grid-column: span 6;
}

.steps-card[b-eokybwcgsw] {
    grid-column: span 6;
}

.recommendation-card[b-eokybwcgsw] {
    min-width: 0;
    padding: 22px;
    border: 1px solid #dde4f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 2px 7px rgba(21, 40, 90, 0.05);
    box-sizing: border-box;
}

.decision-card[b-eokybwcgsw] {
    display: flex;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    position: relative;
    border-color: #dbe3ff;
    background: linear-gradient( 110deg, rgba(238, 243, 255, 0.98), rgba(249, 250, 255, 0.98));
}

    .decision-card[b-eokybwcgsw]::after {
        content: "";
        position: absolute;
        top: -90px;
        right: -65px;
        width: 220px;
        height: 220px;
        border-radius: 50%;
        background: rgba(46, 91, 234, 0.06);
    }

.decision-icon[b-eokybwcgsw] {
    z-index: 1;
    flex: 0 0 82px;
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #1aa4b5;
    box-shadow: 0 9px 24px rgba(26, 164, 181, 0.24);
}

    .decision-icon[b-eokybwcgsw]  .mud-icon-root {
        width: 46px;
        height: 46px;
        font-size: 46px;
    }

.decision-content[b-eokybwcgsw] {
    z-index: 1;
    min-width: 0;
}

.decision-label[b-eokybwcgsw] {
    color: #67738c;
    font-size: 14px;
    font-weight: 600;
}

.decision-content h2[b-eokybwcgsw] {
    margin: 3px 0 8px;
    color: #17265a;
    font-size: clamp(25px, 2.1vw, 38px);
    line-height: 1.15;
    font-weight: 750;
}

.decision-content p[b-eokybwcgsw] {
    max-width: 720px;
    margin: 0;
    color: #4f5b73;
    font-size: 16px;
    line-height: 1.5;
}

.decision-bid .decision-icon[b-eokybwcgsw] {
    background: #1ba36f;
}

.decision-conditional .decision-icon[b-eokybwcgsw] {
    background: #1aa4b5;
}

.decision-no-bid .decision-icon[b-eokybwcgsw] {
    background: #dc4252;
}

.decision-neutral .decision-icon[b-eokybwcgsw] {
    background: #758197;
}

.metrics-card[b-eokybwcgsw] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 15px;
    padding-bottom: 15px;
}

.metric-row[b-eokybwcgsw] {
    flex: 1;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border-bottom: 1px solid #e7ebf3;
}

    .metric-row:last-child[b-eokybwcgsw] {
        border-bottom: 0;
    }

    .metric-row span[b-eokybwcgsw] {
        color: #71809a;
        font-size: 18px;
    }

    .metric-row strong[b-eokybwcgsw] {
        color: #1c2948;
        font-size: 17px;
        font-weight: 700;
        text-align: right;
    }

    .metric-row .fit-value[b-eokybwcgsw] {
        color: #1c2b61;
        font-size: 25px;
    }

.conditions-card[b-eokybwcgsw],
.steps-card[b-eokybwcgsw] {
    display: flex;
    flex-direction: column;
}

.card-heading[b-eokybwcgsw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 12px;
}

    .card-heading > div[b-eokybwcgsw] {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .card-heading h2[b-eokybwcgsw] {
        margin: 0;
        color: #182544;
        font-size: 22px;
        font-weight: 700;
    }

.card-heading-icon[b-eokybwcgsw] {
    color: #2e5bea;
}

    .card-heading-icon[b-eokybwcgsw]  .mud-icon-root {
        font-size: 22px;
    }

.condition-counter[b-eokybwcgsw] {
    padding: 5px 9px;
    border-radius: 999px;
    background: #eef3ff;
    color: #3158ca;
    font-size: 12px;
    font-weight: 700;
}

.condition-list[b-eokybwcgsw],
.step-list[b-eokybwcgsw] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.condition-row[b-eokybwcgsw] {
    flex: 1;
    min-height: 54px;
    display: flex;
    align-items: center;
    gap: 13px;
    border-bottom: 1px solid #e8ecf3;
}

    .condition-row:last-child[b-eokybwcgsw] {
        border-bottom: 0;
    }

.condition-status[b-eokybwcgsw] {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    border-radius: 50%;
}

    .condition-status[b-eokybwcgsw]  .mud-icon-root {
        font-size: 19px;
    }

.condition-completed[b-eokybwcgsw] {
    color: #158650;
    background: #e6f6ed;
}

.condition-pending[b-eokybwcgsw] {
    color: #c87806;
    background: #fff2dc;
}

.condition-blocked[b-eokybwcgsw] {
    color: #d63447;
    background: #ffe8eb;
}

.condition-neutral[b-eokybwcgsw] {
    color: #6f7a8e;
    background: #edf0f5;
}

.condition-content[b-eokybwcgsw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

    .condition-content strong[b-eokybwcgsw] {
        color: #26324d;
        font-size: 18px;
        line-height: 1.35;
        font-weight: 600;
    }

    .condition-content span[b-eokybwcgsw] {
        color: #8791a4;
        font-size: 12px;
    }

.step-row[b-eokybwcgsw] {
    flex: 1;
    width: 100%;
    min-height: 54px;
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 24px;
    align-items: center;
    gap: 11px;
    padding: 0;
    border: 0;
    border-bottom: 1px solid #e8ecf3;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
}

    .step-row:last-child[b-eokybwcgsw] {
        border-bottom: 0;
    }

    .step-row:not(:disabled)[b-eokybwcgsw] {
        cursor: pointer;
    }

        .step-row:not(:disabled):hover .step-text[b-eokybwcgsw] {
            color: #2457ed;
        }

    .step-row:disabled[b-eokybwcgsw] {
        opacity: 1;
    }

.step-number[b-eokybwcgsw] {
    width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #eef3ff;
    color: #2e5bea;
    font-size: 13px;
    font-weight: 700;
}

.step-text[b-eokybwcgsw] {
    color: #27334e;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    transition: color 150ms ease;
}

.step-arrow[b-eokybwcgsw] {
    color: #2e5bea;
}

    .step-arrow[b-eokybwcgsw]  .mud-icon-root {
        font-size: 19px;
    }

.empty-state[b-eokybwcgsw] {
    flex: 1;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: #8a94a7;
    font-size: 14px;
}

    .empty-state[b-eokybwcgsw]  .mud-icon-root {
        color: #a2abc0;
        font-size: 36px;
    }

.action-message[b-eokybwcgsw] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 10px 13px;
    border: 1px solid #cfdbff;
    border-radius: 8px;
    background: #f2f6ff;
    color: #3155b1;
    font-size: 13px;
}

    .action-message[b-eokybwcgsw]  .mud-icon-root {
        font-size: 19px;
    }

.recommendation-actions[b-eokybwcgsw] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #dfe5ef;
}

    .recommendation-actions[b-eokybwcgsw]  .mud-button-root {
        min-width: 190px;
        min-height: 46px;
        border-radius: 7px;
        text-transform: none;
        font-size: 14px;
        font-weight: 700;
    }

    .recommendation-actions[b-eokybwcgsw]  .bid-button {
        min-width: 230px;
        box-shadow: 0 7px 18px rgba(46, 91, 234, 0.22);
    }

.recommendation-state[b-eokybwcgsw] {
    min-height: calc(100vh - 90px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    color: #66728a;
    font-size: 15px;
}

.error-state[b-eokybwcgsw] {
    color: #ca3245;
}

    .error-state[b-eokybwcgsw]  .mud-icon-root {
        font-size: 28px;
    }

@media (max-width: 1100px) {


    .recommendation-card[b-eokybwcgsw] {
        padding: 18px;
    }
}

@media (max-width: 850px) {
    .recommendation-page[b-eokybwcgsw] {
        min-height: auto;
    }

    .page-header[b-eokybwcgsw] {
        align-items: flex-start;
    }

    .recommendation-grid[b-eokybwcgsw] {
        display: flex;
        flex-direction: column;
    }

    .recommendation-card[b-eokybwcgsw] {
        min-height: 220px;
    }

    .decision-card[b-eokybwcgsw] {
        min-height: 200px;
    }

    .recommendation-actions[b-eokybwcgsw] {
        flex-direction: column-reverse;
    }

        .recommendation-actions[b-eokybwcgsw]  .mud-button-root {
            width: 100%;
        }
}

@media (max-width: 560px) {
    .page-header[b-eokybwcgsw] {
        flex-direction: column;
        gap: 10px;
    }

    .decision-card[b-eokybwcgsw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .decision-icon[b-eokybwcgsw] {
        flex-basis: 66px;
        width: 66px;
        height: 66px;
    }

        .decision-icon[b-eokybwcgsw]  .mud-icon-root {
            font-size: 38px;
        }

    .card-heading[b-eokybwcgsw] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }
}
/* /Components/Pages/Requirements.razor.rz.scp.css */
.requirements-page[b-n9vlvquqti] {
    width: 100%;
    min-height: calc(100vh - 78px);
}

.requirements-state[b-n9vlvquqti] {
    min-height: calc(100vh - 78px);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #637399;
}

.requirements-error[b-n9vlvquqti] {
    color: #d32f2f;
}
/* /Components/Pages/TenderRadar.razor.rz.scp.css */
.radar-page[b-b17e2vbit1] {
    min-width: 0;
    padding: 16px;
    color: var(--mud-palette-text-primary);
}

.radar-heading[b-b17e2vbit1],
.heading-actions[b-b17e2vbit1],
.results-heading[b-b17e2vbit1],
.bulk-actions[b-b17e2vbit1],
.section-title[b-b17e2vbit1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.radar-heading[b-b17e2vbit1],
.results-heading[b-b17e2vbit1] {
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.eyebrow[b-b17e2vbit1] {
    margin-bottom: 4px;
    color: var(--mud-palette-primary);
    font-size: 10px;
    font-weight: 700;
}

.radar-page[b-b17e2vbit1]  .demo-note {
    margin-bottom: 16px;
    font-size: 11px;
}

.radar-stats[b-b17e2vbit1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin: 16px 0;
}

.radar-page[b-b17e2vbit1]  .stat-card,
.radar-page[b-b17e2vbit1]  .profile-panel,
.radar-page[b-b17e2vbit1]  .search-panel,
.radar-page[b-b17e2vbit1]  .results-panel {
    min-width: 0;
    border-radius: 8px;
    border-color: var(--mud-palette-lines-default);
}

.radar-page[b-b17e2vbit1]  .stat-button {
    padding: 18px;
    text-transform: none;
    color: var(--mud-palette-text-primary);
}

.radar-page[b-b17e2vbit1]  .stat-button .mud-button-label {
    justify-content: flex-start;
    gap: 18px;
    text-align: left;
}

.stat-icon[b-b17e2vbit1] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    background: var(--mud-palette-primary-hover);
    color: var(--mud-palette-primary);
}

.stat-icon.good[b-b17e2vbit1] {
    background: var(--mud-palette-success-hover);
    color: var(--mud-palette-success);
}

.stat-icon.medium[b-b17e2vbit1] {
    background: var(--mud-palette-warning-hover);
    color: var(--mud-palette-warning);
}

.stat-copy[b-b17e2vbit1] {
    font-size: 12px;
}

.stat-copy strong[b-b17e2vbit1] {
    display: block;
    margin: 3px 0;
    font-size: 25px;
    line-height: 1.3;
}

.stat-copy small[b-b17e2vbit1] {
    color: var(--mud-palette-text-secondary);
    font-size: 11px;
}

.radar-workspace[b-b17e2vbit1] {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    align-items: stretch;
    gap: 14px;
    margin-bottom: 14px;
}

.radar-page[b-b17e2vbit1]  .search-panel {
    padding: 18px;
}

/* Let the company profile use the available card height. */
.radar-page[b-b17e2vbit1]  .profile-panel {
    display: flex;
    flex-direction: column;
    padding: 22px;
}

/* Increase headings and supporting text inside the profile only. */
.radar-page[b-b17e2vbit1]  .profile-panel .mud-typography-subtitle1 {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.5;
}

.radar-page[b-b17e2vbit1]  .profile-panel .mud-typography-caption {
    font-size: 13px;
    line-height: 1.7;
}

.section-title[b-b17e2vbit1] {
    margin-bottom: 14px;
}

.radar-page[b-b17e2vbit1]  .section-title .mud-typography {
    font-weight: 700;
}

.profile-fields[b-b17e2vbit1] {
    display: grid;
    grid-template-columns: 110px minmax(0, 1fr);
    align-items: start;
    gap: 18px 12px;
    flex: 1;
    margin: 24px 0;
    font-size: 14px;
}

.profile-fields dt[b-b17e2vbit1] {
    padding-top: 7px;
    font-weight: 500;
}

.profile-fields dd[b-b17e2vbit1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    margin: 0;
}

/* Allow longer chips to wrap instead of overlapping adjacent rows. */
.profile-fields[b-b17e2vbit1]  .mud-chip {
    height: auto;
    min-height: 30px;
    margin: 0;
    padding: 5px 12px;
    font-size: 13px;
}

.profile-fields[b-b17e2vbit1]  .mud-chip-content {
    white-space: normal;
    line-height: 1.5;
}

/* Keep the AI icon aligned with the first line of the description. */
.profile-note[b-b17e2vbit1] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding-top: 18px;
}

.profile-ai-icon[b-b17e2vbit1] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: #f1edff;
    color: #8054ef;
}

.profile-ai-text[b-b17e2vbit1] {
    flex: 1;
    min-width: 0;
    line-height: 1.6;
}

.radar-filters[b-b17e2vbit1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.prompt-row[b-b17e2vbit1] {
    display: flex;
    align-items: center;
    gap: 12px;
}

.prompt-row[b-b17e2vbit1]  .mud-input-control {
    flex: 1;
    min-width: 0;
}

/* Profile-based search suggestions */
.suggestions[b-b17e2vbit1] {
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #efebff;
    border-radius: 8px;
    background: linear-gradient(110deg, #f5f1ff, #f0efff);
}

.suggestions-heading[b-b17e2vbit1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.suggestions-title[b-b17e2vbit1] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--mud-palette-primary);
}

.suggestions-heading[b-b17e2vbit1]  .mud-button {
    text-transform: none;
}

/* Equal-width cards with natural text wrapping */
.suggestion-buttons[b-b17e2vbit1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.suggestion-buttons[b-b17e2vbit1]  .suggestion-card {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: 100%;
    min-height: 68px;
    padding: 12px;
    border: 1px solid #e0ddf5;
    border-radius: 6px;
    background: var(--mud-palette-surface);
    color: var(--mud-palette-text-primary);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
    text-transform: none;
}

.suggestion-buttons[b-b17e2vbit1]  .suggestion-card .mud-button-label {
    justify-content: flex-start;
    white-space: normal;
}

.suggestion-buttons[b-b17e2vbit1]  .suggestion-card:hover {
    border-color: var(--mud-palette-primary);
    background: #faf8ff;
}

.radar-page[b-b17e2vbit1]  .results-panel {
    padding-top: 16px;
}

.results-heading[b-b17e2vbit1],
.result-filters[b-b17e2vbit1],
.results-note[b-b17e2vbit1] {
    padding-right: 16px;
    padding-left: 16px;
}

.results-heading .section-title[b-b17e2vbit1] {
    margin-bottom: 0;
}

.bulk-actions[b-b17e2vbit1] {
    flex-wrap: wrap;
}

.result-filters[b-b17e2vbit1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}

.result-filters[b-b17e2vbit1]  .mud-select {
    flex: 0 1 170px;
    min-width: 140px;
}

.results-note[b-b17e2vbit1] {
    padding-top: 10px;
    padding-bottom: 12px;
}

.radar-page[b-b17e2vbit1]  .mud-table-container {
    overflow-x: auto;
}

.radar-page[b-b17e2vbit1]  .mud-table-root {
    min-width: 1180px;
}

.radar-page[b-b17e2vbit1]  .mud-table-head .mud-table-cell {
    background: var(--mud-palette-background);
    color: var(--mud-palette-text-secondary);
    font-size: 10px;
    white-space: nowrap;
}

.radar-page[b-b17e2vbit1]  .mud-table-cell {
    padding: 10px;
    font-size: 12px;
    line-height: 1.5;
    vertical-align: middle;
}

.tender-title[b-b17e2vbit1] {
    min-width: 200px;
    max-width: 290px;
    font-weight: 600;
    white-space: normal;
}

.fit-score[b-b17e2vbit1] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 95px;
}

.fit-score[b-b17e2vbit1]  .mud-progress-linear {
    width: 50px;
    flex-shrink: 0;
}

.urgent[b-b17e2vbit1] {
    color: var(--mud-palette-error);
}

@media (max-width: 1100px) {
    .radar-workspace[b-b17e2vbit1] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 650px) {
    .radar-page[b-b17e2vbit1] {
        padding: 10px;
    }

    .radar-stats[b-b17e2vbit1],
    .radar-filters[b-b17e2vbit1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .heading-actions[b-b17e2vbit1],
    .prompt-row[b-b17e2vbit1] {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-fields[b-b17e2vbit1] {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }

    .profile-fields dd[b-b17e2vbit1] {
        margin-bottom: 10px;
    }
}


/* Keep recommendation text readable on smaller screens. */
@media (max-width: 1400px) {
    .suggestion-buttons[b-b17e2vbit1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .suggestion-buttons[b-b17e2vbit1] {
        grid-template-columns: 1fr;
    }
}



/* Preview styles are anchored inside the dialog portal for CSS isolation. */
.preview-caption[b-b17e2vbit1],
.preview-parties[b-b17e2vbit1],
.preview-parties span[b-b17e2vbit1],
.preview-heading[b-b17e2vbit1],
.preview-fit-heading[b-b17e2vbit1],
.preview-fact[b-b17e2vbit1],
.preview-evidence[b-b17e2vbit1] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tender-preview[b-b17e2vbit1] {
    min-width: 0;
}

.preview-caption[b-b17e2vbit1] {
    margin-bottom: 10px;
}

.preview-heading[b-b17e2vbit1],
.preview-fit-heading[b-b17e2vbit1] {
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.preview-heading[b-b17e2vbit1]  .mud-typography-h6 {
    flex: 1;
    min-width: 220px;
    font-weight: 700;
    line-height: 1.4;
}

.preview-parties[b-b17e2vbit1] {
    flex-wrap: wrap;
    margin-top: 14px;
    gap: 12px 28px;
    font-size: 14px;
}

.preview-facts[b-b17e2vbit1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding: 18px 0;
    margin: 18px 0;
    border-top: 1px solid var(--mud-palette-lines-default);
    border-bottom: 1px solid var(--mud-palette-lines-default);
}

.preview-fact[b-b17e2vbit1] {
    align-items: flex-start;
    min-width: 0;
}

.preview-fact small[b-b17e2vbit1],
.preview-fact strong[b-b17e2vbit1],
.preview-next small[b-b17e2vbit1] {
    display: block;
}

.preview-fact small[b-b17e2vbit1],
.preview-next small[b-b17e2vbit1] {
    color: var(--mud-palette-text-secondary);
    font-size: 12px;
    line-height: 1.6;
}

.preview-fact strong[b-b17e2vbit1] {
    font-size: 14px;
}

.preview-total[b-b17e2vbit1] {
    min-width: 160px;
}

.preview-total[b-b17e2vbit1]  .mud-progress-linear {
    margin-top: 8px;
}

.preview-criteria[b-b17e2vbit1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.preview-criteria[b-b17e2vbit1]  .preview-criterion {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 14px;
    border-radius: 8px;
    min-width: 0;
}

.preview-criteria[b-b17e2vbit1]  .preview-criterion .mud-typography-body2 {
    flex: 1;
    font-size: 12px;
    line-height: 1.65;
}

.preview-unknown[b-b17e2vbit1] {
    padding: 16px;
    margin: 16px 0;
    border: 1px solid #f5e5b8;
    border-radius: 8px;
    background: #fffbef;
}

.preview-open-points[b-b17e2vbit1],
.preview-next-grid[b-b17e2vbit1] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-top: 12px;
}

.preview-open-points[b-b17e2vbit1]  .preview-open-point {
    padding: 12px;
    border-radius: 6px;
}

.preview-open-points[b-b17e2vbit1]  .mud-typography-body2 {
    font-size: 12px;
    line-height: 1.65;
}

.preview-actions[b-b17e2vbit1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 8px;
}

.preview-next[b-b17e2vbit1] {
    padding: 16px;
    margin-top: 16px;
    border-radius: 8px;
    background: var(--mud-palette-primary-hover);
}

.preview-next strong[b-b17e2vbit1] {
    font-size: 13px;
}

.preview-evidence[b-b17e2vbit1] {
    align-items: flex-start;
    margin-bottom: 12px;
    overflow-wrap: anywhere;
}

/* Increase table body text and spacing. */
.radar-page[b-b17e2vbit1]  .results-panel .mud-table-cell {
    padding: 14px 12px;
    font-size: 14px;
    line-height: 1.6;
}

/* Increase table header text. */
.radar-page[b-b17e2vbit1]  .results-panel .mud-table-head .mud-table-cell {
    font-size: 13px;
    font-weight: 600;
}

/* Make tender titles more prominent. */
.radar-page .tender-title[b-b17e2vbit1] {
    font-size: 15px;
    font-weight: 600;
}

/* Enlarge notice IDs and fit percentages. */
.radar-page[b-b17e2vbit1]  .results-panel .mud-typography-caption {
    font-size: 13px;
    line-height: 1.5;
}

/* Enlarge status and data completeness badges. */
.radar-page[b-b17e2vbit1]  .results-panel .mud-chip {
    height: auto;
    min-height: 28px;
    font-size: 12px;
}

/* Enlarge action buttons. */
.radar-page[b-b17e2vbit1]  .results-panel .mud-button {
    font-size: 13px;
}

/* Give the fit progress bar and percentage enough room. */
.fit-score[b-b17e2vbit1] {
    min-width: 110px;
    gap: 10px;
}

@media (max-width: 900px) {
    .preview-criteria[b-b17e2vbit1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .preview-facts[b-b17e2vbit1],
    .preview-criteria[b-b17e2vbit1],
    .preview-open-points[b-b17e2vbit1],
    .preview-next-grid[b-b17e2vbit1],
    .preview-actions[b-b17e2vbit1] {
        grid-template-columns: minmax(0, 1fr);
    }
}