/* /Components/Layout/Admin/DevPanel.razor.rz.scp.css */

/* --- DEV PANEL (MODO DESARROLLO) --- */
#dev-panel[b-b1v0bo4xpi] {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100000;
    width: 280px;
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 16px;
    color: #94a3b8;
    font-family: 'Courier New', Courier, monospace;
    font-size: 11px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3);
    display: block; /* Se activa mediante JS */
    transition: all 0.3s ease;
}

    #dev-panel.minimized[b-b1v0bo4xpi] {
        width: 40px;
        height: 40px;
        padding: 0;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

.dev-title[b-b1v0bo4xpi] {
    color: #3B82F6;
    font-weight: bold;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 6px;
    text-transform: uppercase;
    font-size: 10px;
}

.dev-item[b-b1v0bo4xpi] {
    margin-bottom: 8px;
}

.dev-label[b-b1v0bo4xpi] {
    color: #cbd5e1;
    display: block;
    margin-bottom: 2px;
}

.dev-value[b-b1v0bo4xpi] {
    color: #38bdf8;
    word-break: break-all;
    background: rgba(0,0,0,0.2);
    padding: 4px 6px;
    border-radius: 4px;
    display: block;
}

/* Botón de control del panel */
.dev-toggle[b-b1v0bo4xpi] {
    cursor: pointer;
    color: white;
    opacity: 0.5;
    transition: opacity 0.2s;
}

    .dev-toggle:hover[b-b1v0bo4xpi] {
        opacity: 1;
    }
/* /Components/Layout/Admin/PanelAdmin.razor.rz.scp.css */
.admin-panel[b-s5n8r7ahdb] {
    position: fixed;
    top: 95px;
    right: -250px; /* Escondido */
    width: 250px;
    height: auto;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(10px);
    border: 1px solid #e0e0e0;
    border-radius: 15px 0 0 15px;
    box-shadow: -5px 0 15px rgba(0,0,0,0.1);
    transition: 0.3s ease;
    z-index: 1000;
}

    .admin-panel.active[b-s5n8r7ahdb] {
        right: 0;
    }

.panel-tab[b-s5n8r7ahdb] {
    position: absolute;
    left: -40px;
    top: 20px;
    width: 40px;
    height: 80px;
    background: #34495E;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 8px 0 0 8px;
}

.panel-content[b-s5n8r7ahdb] {
    padding: 20px !important;
}

    .panel-content h4[b-s5n8r7ahdb] {
        color: #34495e;
        margin-bottom: 10px;
    }

    .panel-content ul[b-s5n8r7ahdb] {
        list-style: none;
        padding: 0;
        padding-left: 10px;
    }

    .panel-content li[b-s5n8r7ahdb] {
        margin-bottom: 15px;
        font-size: .8rem;
    }

    .panel-content div[b-s5n8r7ahdb] {
        background-color: transparent;
        display: flex;
        flex-direction: row;
        gap: 10px;
        border: none;
        color: #2c3e50;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

        .panel-content a i[b-s5n8r7ahdb] {
            margin-right: 10px;
            color: #34495E;
        }
/* /Components/Layout/AlertPanel/AlertPanel.razor.rz.scp.css */
.info-modal[b-a9dovmpxn9] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(8px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 11000;
    padding: 20px;
    animation: fadeIn-b-a9dovmpxn9 0.3s ease;
}

    .info-modal.info-open[b-a9dovmpxn9] {
        display: flex;
    }

.info-card[b-a9dovmpxn9] {
    background: white;
    width: 100%;
    max-width: 380px;
    padding: 30px;
    border-radius: 28px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.15);
    text-align: center;
    position: relative;
    transform: translateY(0);
    animation: slideUp-b-a9dovmpxn9 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.info-icon-large[b-a9dovmpxn9] {
    width: 60px;
    height: 60px;
    background: #eff6ff;
    color: var(--accent);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.btn-close-modal[b-a9dovmpxn9] {
    margin-top: 25px;
    width: 100%;
    padding: 12px;
    background: var(--primary);
    color: white;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
}

@keyframes fadeIn-b-a9dovmpxn9 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp-b-a9dovmpxn9 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Layout/CustomComponents/CheckIcon.razor.rz.scp.css */
.bi.qa-check[b-d8psv5omnf] {
    color: #21A366;
    font-size: 24px;
}

.bi.qa-non[b-d8psv5omnf] {
    color: tomato;
    font-size: 24px;
}

.bi.qa-na[b-d8psv5omnf] {
    color: #EFC535;
    font-size: 24px;
}
/* /Components/Layout/CustomComponents/CircleGoals.razor.rz.scp.css */
.container-meter[b-1augjj2cwt] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

label[b-1augjj2cwt] {
    font-size: 12px;
    margin: 0px;
}


.loading-goals[b-1augjj2cwt] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: min-content;
}

    .loading-goals span[b-1augjj2cwt] {
        position: relative;
        top: -55px;
        color: black;
        font-size: 12px;
    }

svg[b-1augjj2cwt] {
    width: 100px;
    height: 100px;
}

circle[b-1augjj2cwt] {
    fill: none;
    stroke-width: 10;
    transform: rotate(-90deg);
    transform-origin: 50%;
    stroke-dasharray: 100 100;
    stroke: #F3F3F3;
}

    circle:nth-child(2)[b-1augjj2cwt] {
        stroke-dasharray: 0 100;
        stroke: var(--color);
        animation: rellenar-b-1augjj2cwt .5s linear forwards;
    }

@keyframes rellenar-b-1augjj2cwt {
    to {
        stroke-dasharray: var(--porcentaje) 100;
    }
}

/* Animation for the loading circle */
/* /Components/Layout/CustomComponents/RoomsControl.razor.rz.scp.css */
.image-option-table[b-sz2amngvey] {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}

.container-image-control[b-sz2amngvey] {
    position: relative;
    width: 45px;
}

.number-container[b-sz2amngvey] {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #F3F3F3;
    border-radius: 100%;
    padding: 5px;
    box-shadow: .5px .5px 1px 1px rgba(0, 0, 0, 0.075);
}
/* /Components/Layout/CustomComponents/SectionContainer.razor.rz.scp.css */
.container-card-body[b-p85jjygswd] {
    padding: 10px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 15px;
    overflow-x: hidden;
}

.card-body[b-p85jjygswd] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 55%;
    margin: 0 auto;
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    box-sizing: border-box;
    overflow-y:auto;

}

.header-form-detail[b-p85jjygswd] {
    background-color: #F3F3F3;
    border-radius: 5px 5px 0px 0px;
    padding: 15px 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;

}

.form-container-detail[b-p85jjygswd] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: solid 1px #e2e2e2;
    border-radius: 5px;
    width: auto;
    gap: 20px;
    min-width: 30%;
    box-sizing: border-box;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    background-color: #FFFFFF;
    margin: 0 auto;
    width: 100%;
}
.form-container-detail.mwidth[b-p85jjygswd] {
    width: 70%;
}

    .form-container-detail.w40[b-p85jjygswd] {
        width: 40%;
    }


    .form-container-detail.w50[b-p85jjygswd] {
        width: 50%;
    }

.article-form-detail[b-p85jjygswd] {
    padding: 0px 30px 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    
}



@media (max-width:900px) {

    .form-container-detail.mwidth[b-p85jjygswd] {
        width: 100%;
    }

    .form-container-detail.w40[b-p85jjygswd] {
        width: 100%;
    }

    .form-container-detail.w50[b-p85jjygswd] {
        width: 100%;
    }
}
/* /Components/Layout/CustomComponents/SectionDocument.razor.rz.scp.css */
.container[b-cf79p6fqoz] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 55%;
    max-width: 1000px;
    margin: 0 auto;
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    overflow-y: auto;
    overflow-x: hidden;
}


/* Encabezado */
.header-document[b-cf79p6fqoz] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid var(--gray-200);
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.document-info h1[b-cf79p6fqoz] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--primary);
}

.header-actions[b-cf79p6fqoz] {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.doc-badge[b-cf79p6fqoz] {
    display: flex;
    background: var(--primary);
    white-space: nowrap;
    color: white;
    padding: 5px 15px;
    border-radius: 6px;
    font-weight: bold;
}

.btn-back[b-cf79p6fqoz] {
    text-decoration: none;
    color: var(--gray-700);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
    font-weight: 500;
    cursor: pointer;
}



@media (max-width: 1620px) { /* tablet */
}

@media (max-width: 1024px) { /* tablet */

}

@media (max-width: 880px) { /* tablet */

    .header-actions[b-cf79p6fqoz] {
        justify-content: stretch;
    }

        .header-document[b-cf79p6fqoz] {
        flex-direction: column;
    }

}

@media (max-width: 490px) { /* phone */
    .container[b-cf79p6fqoz] {
        width: 85%;

    }

    .header-actions[b-cf79p6fqoz] {
        justify-content: stretch;
    }

    .header-document[b-cf79p6fqoz] {
        flex-direction: column;
    }

}
/* /Components/Layout/CustomComponents/SpinnerPrimary.razor.rz.scp.css */
.spinner-primary[b-uz1xad3h81] { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; padding: 1.25rem; background: rgba(242, 246, 249, .72); backdrop-filter: blur(7px); }
.spinner-primary__card[b-uz1xad3h81] { display: flex; align-items: center; gap: .9rem; min-width: min(100%, 18rem); padding: .9rem 1rem; border: 1px solid rgba(212, 225, 233, .9); border-radius: .9rem; background: rgba(255, 255, 255, .96); box-shadow: 0 1rem 2.5rem rgba(40, 74, 100, .16); }
.spinner-primary__card > div[b-uz1xad3h81] { display: grid; gap: .14rem; }.spinner-primary__card strong[b-uz1xad3h81] { color: #284a64; font-size: .79rem; font-weight: 800; }.spinner-primary__card span[b-uz1xad3h81] { color: #71808b; font-size: .68rem; }
.spinner-primary__orb[b-uz1xad3h81] { position: relative; display: grid; width: 2.25rem; height: 2.25rem; flex: 0 0 auto; place-items: center; border: 3px solid #e5eef3; border-top-color: #2c669a; border-right-color: #c87924; border-radius: 50%; animation: spinner-primary-rotate-b-uz1xad3h81 .9s linear infinite; }.spinner-primary__orb i[b-uz1xad3h81] { position: absolute; width: .24rem; height: .24rem; border-radius: 50%; background: #2c669a; }.spinner-primary__orb i:nth-child(1)[b-uz1xad3h81] { transform: translateY(-.55rem); }.spinner-primary__orb i:nth-child(2)[b-uz1xad3h81] { transform: translate(.48rem, .28rem); background: #c87924; }.spinner-primary__orb i:nth-child(3)[b-uz1xad3h81] { transform: translate(-.48rem, .28rem); background: #54a365; }
@keyframes spinner-primary-rotate-b-uz1xad3h81 { to { transform: rotate(360deg); } }
@media (max-width: 480px) { .spinner-primary__card[b-uz1xad3h81] { width: 100%; max-width: 20rem; }.spinner-primary__card span[b-uz1xad3h81] { white-space: normal; } }
@media (prefers-reduced-motion: reduce) { .spinner-primary__orb[b-uz1xad3h81] { animation-duration: 2.5s; } }
/* /Components/Layout/DataTable/DataTable.razor.rz.scp.css */
.data-table[b-h7jf7laaa4] { overflow: hidden; border: 1px solid #e2e9ed; border-radius: .95rem; background: #fff; box-shadow: 0 .35rem 1rem rgba(40, 74, 100, .05); }.data-table__toolbar[b-h7jf7laaa4] { padding: .85rem 1rem; border-bottom: 1px solid #eaf0f3; }.data-table__scroll[b-h7jf7laaa4] { width: 100%; overflow-x: auto; }.data-table__table[b-h7jf7laaa4] { width: 100%; min-width: 44rem; border-collapse: collapse; }.data-table__table[b-h7jf7laaa4]  th { padding: .85rem 1rem; background: #f4f8fb; color: #637985; font-size: .64rem; font-weight: 800; letter-spacing: .06em; text-align: left; text-transform: uppercase; white-space: nowrap; }.data-table__table[b-h7jf7laaa4]  td { padding: .85rem 1rem; border-top: 1px solid #edf2f4; color: #405764; font-size: .75rem; vertical-align: middle; }.data-table__table[b-h7jf7laaa4]  tbody tr { transition: background-color .16s ease; }.data-table__table[b-h7jf7laaa4]  tbody tr:hover { background: #f7fafc; }.data-table__empty[b-h7jf7laaa4] { padding: 3rem 1rem !important; color: #71808b !important; text-align: center; }.data-table__pagination[b-h7jf7laaa4] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .75rem 1rem; border-top: 1px solid #eaf0f3; color: #71808b; font-size: .68rem; }.data-table__pagination > div[b-h7jf7laaa4] { display: flex; align-items: center; gap: .35rem; }.data-table__pagination button[b-h7jf7laaa4] { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border: 1px solid #dce6eb; border-radius: .4rem; background: #fff; color: #2c669a; cursor: pointer; }.data-table__pagination button:disabled[b-h7jf7laaa4] { opacity: .4; cursor: default; }.data-table__pagination strong[b-h7jf7laaa4] { display: grid; width: 1.8rem; height: 1.8rem; place-items: center; border-radius: .4rem; background: #2c669a; color: #fff; }.data-table__pagination small[b-h7jf7laaa4] { margin-right: .2rem; color: #71808b; }
@media (max-width: 560px) { .data-table__pagination[b-h7jf7laaa4] { align-items: flex-start; flex-direction: column; }.data-table__pagination > div[b-h7jf7laaa4] { align-self: flex-end; } }
/* /Components/Layout/DialogModal.razor.rz.scp.css */
.dialog-form[b-4m3wilvfax] {
    position: fixed;
    top: 0;
    border: solid 1px transparent;
    background-color: transparent;
    border-radius: 5px;
    display: flex;
    height: 100vb;
    width: 100%;
    box-sizing: border-box;
    align-items: center;
    justify-content: center;
    transition: scale .3s ease, display .3s ease allow-discrete;
    scale: 0;
}

    .dialog-form[open][b-4m3wilvfax] {
        scale: 1;
        transition: scale 0.3s ease-in-out;
        z-index: 2001;

        @starting-style {
            scale: 0;
        }
    }

.card-new-components[b-4m3wilvfax] {
    flex: 1;
    min-width: 600px;
    max-width: 650px;
    height: auto;
    border: solid 1px #ACAEB0;
    background-color: white;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0;
}

.container-card[b-4m3wilvfax] {
    display: flex;
    flex-direction: row;
    padding: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.line-left[b-4m3wilvfax] {
    height: auto;
    border-left: solid 10px #FF6C37;
    border-radius: 5px 0px 0px 5px;
}

.header-card[b-4m3wilvfax] {
    position: relative;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}


.article-card[b-4m3wilvfax] {
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
}



.btn-modal-close[b-4m3wilvfax] {
    position: absolute;
    top: -15px;
    right: -15px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    border: solid 1px transparent;
    background-color: #2A4D69;
    color: white;
    font-size: 20px;
    cursor: pointer;
}

.header-card[b-4m3wilvfax] {
    position: relative;
    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.main-card[b-4m3wilvfax] {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}


@media (max-width:800px) {

    .dialog-form[b-4m3wilvfax] {
        padding: 20px;
    }


    .card-new-components[b-4m3wilvfax] {
        width: 80%;
        min-width: 0px;
    }
}
/* /Components/Layout/Echarts/CompactionTrendEchart.razor.rz.scp.css */
.compaction-trend-chart[b-g5nr6vf9e4] {
    width: 100%;
    height: 18rem;
    min-height: 18rem;
}

@media (max-width: 560px) {
    .compaction-trend-chart[b-g5nr6vf9e4] {
        height: 15rem;
        min-height: 15rem;
    }
}
/* /Components/Layout/FormComponent/InputImageCustom.razor.rz.scp.css */

:root[b-7z39dyqbr8] {
    --primary: #2c3e50;
    --accent: #3498db;
    --border: #dcdde1;
}



.app-image-container[b-7z39dyqbr8] {
    font-family: 'Segoe UI', sans-serif;
    max-width: 100%;
    margin: 0px;
}

.label-text[b-7z39dyqbr8] {
    display: block;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--primary);
}

/* El control que contiene la imagen */
.image-control[b-7z39dyqbr8] {
    position: relative;
    width: 100%;
    height: 250px;
    border: 2px dashed var(--border);
    border-radius: 8px;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
}

    .image-control:hover[b-7z39dyqbr8] {
        border-color: var(--accent);
        background-color: #f0f7ff;
    }

    /* Estado cuando ya hay una imagen */
    .image-control.has-image[b-7z39dyqbr8] {
        border-style: solid;
        border-color: var(--border);
    }

.preview-img[b-7z39dyqbr8] {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Muestra la imagen completa sin recortar */
    display: none;
}

.placeholder-content[b-7z39dyqbr8] {
    text-align: center;
    color: #7f8c8d;
}

    .placeholder-content i[b-7z39dyqbr8] {
        font-size: 2rem;
        display: block;
        margin-bottom: 10px;
    }

/* Botón para cambiar imagen sobre la foto */
.change-overlay[b-7z39dyqbr8] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 8px;
    text-align: center;
    font-size: 0.8rem;
    opacity: 0;
    transition: opacity 0.3s;
}

.image-control:hover .change-overlay[b-7z39dyqbr8] {
    opacity: 1;
}

#file-input[b-7z39dyqbr8] {
    display: none;
}
/* /Components/Layout/Header/HeaderUserOptions.razor.rz.scp.css */
.page-header[b-bzegktk8so] { display: block; width: 100%; max-width: none; padding: clamp(1.25rem, 2.5vw, 2.25rem) clamp(1rem, 2.5vw, 2.25rem) 0; box-sizing: border-box; }
.page-header__bar[b-bzegktk8so], .page-header__heading[b-bzegktk8so], .page-header__actions[b-bzegktk8so] { display: flex; align-items: center; }
.page-header__bar[b-bzegktk8so] { display: grid; width: 100%; grid-template-columns: minmax(0, 1fr) auto; align-items: flex-start; gap: 1.25rem; box-sizing: border-box; }
.page-header__heading[b-bzegktk8so] { gap: .9rem; }
.page-header__back[b-bzegktk8so] { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; border: 1px solid #dce6eb; border-radius: .75rem; background: #fff; color: #284a64; font-size: 1.05rem; box-shadow: 0 .25rem .75rem rgba(40, 74, 100, .05); cursor: pointer; transition: background .2s ease, color .2s ease, transform .2s ease; }
.page-header__back:hover[b-bzegktk8so] { background: #284a64; color: #fff; transform: translateX(-2px); }
.page-header__eyebrow[b-bzegktk8so] { display: block; margin-bottom: .2rem; color: #c87924; font-size: .68rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.page-header h1[b-bzegktk8so] { margin: 0; color: #284a64; font-size: clamp(1.25rem, 2.2vw, 1.8rem); font-weight: 750; letter-spacing: -.035em; }
.page-header__actions[b-bzegktk8so] { width: max-content; max-width: 100%; flex-wrap: wrap; justify-content: flex-end; gap: .65rem; margin-left: auto; }
.page-header__actions[b-bzegktk8so]  > * { margin: 0; }
.page-header__actions[b-bzegktk8so]  .btn-custom { min-height: 2.55rem; margin: 0; padding: .55rem .85rem; border-radius: .65rem; font-size: .78rem; font-weight: 750; }
.page-header__filters[b-bzegktk8so] { width: 100%; margin-top: 1.35rem; }
.page-header__filters[b-bzegktk8so]  .filter-bar {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
}
.page-header__filters[b-bzegktk8so]  .filter-bar .search-box {
    flex: 0 1 400px;
    max-width: 400px;
}
.page-header__filters[b-bzegktk8so]  .filter-bar .filter-buttons {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .5rem;
    margin-left: auto;
}
.page-header__filters[b-bzegktk8so]  .filter-search-with-summary {
    display: flex;
    width: 100%;
    align-items: center;
    gap: .85rem;
}
.page-header__filters[b-bzegktk8so]  .filter-search-with-summary .search-box {
    flex: 0 1 400px;
    max-width: 400px;
}
.page-header__filters[b-bzegktk8so]  .filter-search-summary {
    flex: 0 0 auto;
    color: #71808b;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}
@media (max-width: 640px) { .page-header__bar[b-bzegktk8so] { display: flex; flex-direction: column; gap: 1rem; } .page-header__actions[b-bzegktk8so] { width: 100%; justify-content: stretch; margin-left: 0; } .page-header__actions[b-bzegktk8so]  .btn-custom { flex: 1; } }
@media (max-width: 640px) { .page-header__filters[b-bzegktk8so]  .filter-search-with-summary { align-items: flex-start; flex-direction: column; gap: .45rem; } .page-header__filters[b-bzegktk8so]  .filter-search-with-summary .search-box { flex: 0 0 auto; width: 100%; max-width: 100%; } }
@media (max-width: 640px) { .page-header__filters[b-bzegktk8so]  .filter-bar { align-items: flex-start; flex-direction: column; } .page-header__filters[b-bzegktk8so]  .filter-bar .search-box { flex: 0 0 auto; width: 100%; max-width: 100%; } }
/* /Components/Layout/InfoPanel.razor.rz.scp.css */
.info-modal[b-8zy0c2r59b] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.4);
    backdrop-filter: blur(8px);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 11000;
    padding: 20px;
    animation: fadeIn-b-8zy0c2r59b 0.3s ease;
}

    .info-modal.info-open[b-8zy0c2r59b] {
        display: flex;
    }

    .info-card[b-8zy0c2r59b] {
        background: white;
        width: 100%;
        max-width: 380px;
        padding: 30px;
        border-radius: 28px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.15);
        text-align: center;
        position: relative;
        transform: translateY(0);
        animation: slideUp-b-8zy0c2r59b 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }

.info-icon-large[b-8zy0c2r59b] {
    width: 60px;
    height: 60px;
    background: #eff6ff;
    color: var(--accent);
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.btn-close-modal[b-8zy0c2r59b] {
    margin-top: 25px;
    width: 100%;
    padding: 12px;
    background: var(--primary);
    color: white;
    border: none;
    border-radius: 12px;
    font-weight: 600;
    cursor: pointer;
}

@keyframes fadeIn-b-8zy0c2r59b {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes slideUp-b-8zy0c2r59b {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* /Components/Layout/KanbanLayout/KanbanLayout.razor.rz.scp.css */
.kanban-tools-options[b-jrawciggx2] { margin-bottom: 1rem; }
.kanban-board[b-jrawciggx2] { display: grid; width: 100%; height: clamp(26rem, calc(100dvh - 18rem), 48rem); grid-template-columns: repeat(var(--kanban-column-count, 5), minmax(0, 24rem)); justify-content: center; gap: 1rem; overflow: hidden; box-sizing: border-box; }
.kanban-column[b-jrawciggx2] { display: flex; width: auto; min-width: 0; max-width: none; flex: none; flex-direction: column; border: 1px solid #e0e8ec; border-radius: 1rem; background: #f3f6f8; overflow: hidden; }
.column-header[b-jrawciggx2] { display: flex; min-height: 3.45rem; align-items: center; justify-content: space-between; gap: .65rem; padding: .85rem .9rem; border-bottom: 1px solid #e1e9ed; background: rgba(255, 255, 255, .8); }
.column-header h2[b-jrawciggx2] { display: flex; align-items: center; gap: .5rem; margin: 0; color: #3d5564; font-size: .76rem; font-weight: 800; letter-spacing: .02em; }
.column-header h2[b-jrawciggx2]::before { width: .55rem; height: .55rem; border-radius: 50%; background: #8798a4; content: ""; }
.kanban-column[data-status="pendientes"] .column-header h2[b-jrawciggx2]::before { background: #e9851c; }
.kanban-column[data-status="en validacion"] .column-header h2[b-jrawciggx2]::before { background: #3f7cc6; }
.kanban-column[data-status="respondida"] .column-header h2[b-jrawciggx2]::before { background: #54a365; }
.kanban-column[data-status="no-plan"][b-jrawciggx2] { background: #fdf4f4; border-color: #f0d5d5; }
.kanban-column[data-status="no-plan"] .column-header h2[b-jrawciggx2]::before { background: #c64f4f; }
.kanban-column[data-status="no-resuelta"][b-jrawciggx2] { background: #fff8ee; border-color: #f4dfbb; }
.kanban-column[data-status="no-resuelta"] .column-header h2[b-jrawciggx2]::before { background: #e9851c; }
.kanban-column[data-status="aprendizaje"][b-jrawciggx2] { background: #f1f7fc; border-color: #d2e2ef; }
.kanban-column[data-status="aprendizaje"] .column-header h2[b-jrawciggx2]::before { background: #3f7cc6; }
.kanban-column[data-status="resuelta"][b-jrawciggx2] { background: #f2faf4; border-color: #d5ead9; }
.kanban-column[data-status="resuelta"] .column-header h2[b-jrawciggx2]::before { background: #54a365; }
.count-badge[b-jrawciggx2] { display: inline-grid; min-width: 1.65rem; height: 1.65rem; place-items: center; padding: 0 .35rem; border-radius: 999px; background: #e7eef2; color: #526772; font-size: .68rem; font-weight: 800; }
.column-content[b-jrawciggx2] { min-height: 0; flex: 1; overflow-x: hidden; overflow-y: auto; scrollbar-color: #b8c7cf transparent; scrollbar-width: thin; }
.task-list[b-jrawciggx2] { display: flex; flex-direction: column; gap: .75rem; padding: .75rem; }
.task-list[b-jrawciggx2]  .task-card { min-height: 0; }
.kanban-empty[b-jrawciggx2] { display: flex; min-height: 20rem; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; border: 1px dashed #c8d7de; border-radius: 1rem; background: #fff; color: #71808b; text-align: center; }
.kanban-empty__icon[b-jrawciggx2] { display: grid; width: 3.25rem; height: 3.25rem; margin-bottom: .75rem; place-items: center; border-radius: 50%; background: #e8f0f4; color: #284a64; font-size: 1.35rem; }
.kanban-empty h3[b-jrawciggx2] { margin: 0; color: #284a64; font-size: 1rem; }
.kanban-empty p[b-jrawciggx2] { max-width: 24rem; margin: .4rem 0 0; font-size: .8rem; line-height: 1.5; }
@media (max-width: 1180px) { .kanban-board[b-jrawciggx2] { height: auto; max-height: none; grid-template-columns: repeat(3, minmax(0, 1fr)); overflow: visible; } .column-content[b-jrawciggx2] { max-height: 28rem; } }
@media (max-width: 820px) { .kanban-board[b-jrawciggx2] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .kanban-board[b-jrawciggx2] { grid-template-columns: 1fr; } }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-fxyb5nyv43] {
    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;
}

.app-shell[b-fxyb5nyv43] {
    min-height: 100vh;
    min-height: 100dvh;
    height: 100vh;
    height: 100dvh;
    display: flex;
    flex-direction: column;
    background: #f4f6f9;
}

.app-topbar[b-fxyb5nyv43] {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.app-main[b-fxyb5nyv43] {
    min-height: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
}

    #blazor-error-ui .dismiss[b-fxyb5nyv43] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/Modals/ModalComponent.razor.rz.scp.css */
/* /Components/Layout/MovilComponents/StatusReviewComponent.razor.rz.scp.css */
.display-status[b-lj6u95kin1] {
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 10px;
    color: white;
    padding: 2px 5px;
    border-radius: 5px;
}

    .display-status.pass-success[b-lj6u95kin1] {
        background-color: #4CAF50;
    }

    .display-status.nopasss-danger[b-lj6u95kin1] {
        background-color: #F44336;
    }

    .display-status.pass-alert[b-lj6u95kin1] {
        background-color: #FF9800;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-io8hvi2554] {
    min-height: 4.25rem;
    display: grid;
    grid-template-columns: 1fr minmax(15rem, 25rem) 1fr;
    align-items: center;
    gap: 1.25rem;
    padding: 0 .9rem;
    box-sizing: border-box;
    background: rgba(255,255,255,.96);
    border-bottom: 1px solid #e3e9ee;
    box-shadow: 0 .35rem 1.25rem rgba(31,55,77,.06);
    color: #284a64;
}

.nav-menu-start[b-io8hvi2554], .nav-user[b-io8hvi2554] { display: flex; align-items: center; min-width: 0; }
.nav-menu-start[b-io8hvi2554] { gap: .55rem; }
.nav-icon-button[b-io8hvi2554], .nav-home-button[b-io8hvi2554], .sidebar-close[b-io8hvi2554] { border: 0; cursor: pointer; color: #496175; background: transparent; }
.nav-icon-button[b-io8hvi2554] { display: grid; place-items: center; width: 2.55rem; height: 2.55rem; border-radius: .65rem; font-size: 1.25rem; }
.nav-icon-button:hover[b-io8hvi2554], .nav-home-button:hover[b-io8hvi2554], .sidebar-close:hover[b-io8hvi2554] { background: #edf3f6; color: #284a64; }
.nav-icon-button:focus-visible[b-io8hvi2554], .nav-home-button:focus-visible[b-io8hvi2554], .option-lateral-menu:focus-visible[b-io8hvi2554] { outline: 3px solid rgba(255,108,55,.38); outline-offset: 2px; }

.nav-brand[b-io8hvi2554] { display: flex; align-items: baseline; gap: .25rem; color: #284a64; text-decoration: none; font-size: 1.18rem; font-weight: 750; letter-spacing: -.045em; }
.nav-brand-logo[b-io8hvi2554] { display: block; width: auto; max-width: 7.5rem; height: 2.3rem; object-fit: contain; object-position: left center; }
.nav-brand-dot[b-io8hvi2554] { width: .42rem; height: .42rem; border-radius: 50%; align-self: flex-start; margin-top: .35rem; background: #ff6c37; }
.nav-brand small[b-io8hvi2554] { color: #718293; font-size: .66rem; font-weight: 700; letter-spacing: 0; }
.nav-brand small span[b-io8hvi2554] { color: #ff6c37; }
.nav-divider[b-io8hvi2554] { width: 1px; height: 1.35rem; background: #dce4ea; }
.nav-home-button[b-io8hvi2554] { display: inline-flex; align-items: center; gap: .45rem; padding: .55rem .7rem; border-radius: .55rem; font-size: .82rem; font-weight: 650; }

.nav-site-selector[b-io8hvi2554] { min-width: 0; display: flex; align-items: center; gap: .65rem; padding: .45rem .75rem; background: #f4f7f9; border: 1px solid #e2e9ee; border-radius: .7rem; }
.nav-site-selector > .bi[b-io8hvi2554] { color: #ff6c37; font-size: 1rem; }
.nav-site-selector > div[b-io8hvi2554] { min-width: 0; flex: 1; }
.nav-site-label[b-io8hvi2554] { display: block; margin-bottom: .08rem; color: #8291a0; font-size: .58rem; font-weight: 800; letter-spacing: .11em; }
.nav-site-selector[b-io8hvi2554]  .inpt-option { min-width: 0; height: 1.2rem; padding: 0; border: 0; background: transparent; color: #284a64; font-size: .78rem; font-weight: 700; text-align: left; }
.nav-site-selector[b-io8hvi2554]  .inpt-option:focus { box-shadow: none; border-bottom: 1px solid #ff6c37; }

.nav-user[b-io8hvi2554] { justify-content: flex-end; gap: .65rem; }
.nav-notifications[b-io8hvi2554] { position: relative; }
.nav-notifications__button[b-io8hvi2554] { position: relative; width: 2.35rem; height: 2.35rem; border: 0; border-radius: .65rem; background: #edf3f6; color: #284a64; cursor: pointer; }
.nav-notifications__button:hover[b-io8hvi2554] { background: #fff1eb; color: #d95120; }
.nav-notifications__button span[b-io8hvi2554] { position: absolute; top: -.3rem; right: -.35rem; min-width: 1.05rem; padding: .1rem .22rem; border-radius: 1rem; background: #ff6c37; color: #fff; font-size: .6rem; font-weight: 800; }
.nav-notifications__panel[b-io8hvi2554] { position: absolute; top: calc(100% + .65rem); right: 0; z-index: 1200; width: min(24rem, 86vw); padding: .7rem; border: 1px solid #e1e8ed; border-radius: .85rem; background: #fff; box-shadow: 0 .9rem 2rem rgba(31,55,77,.18); }
.nav-notifications__panel header[b-io8hvi2554] { display: flex; justify-content: space-between; padding: .25rem .35rem .6rem; color: #284a64; font-size: .82rem; }
.nav-notifications__panel header small[b-io8hvi2554] { color: #8291a0; }
.nav-notifications__panel article[b-io8hvi2554] { display: grid; grid-template-columns: 1.4rem 1fr 2rem; gap: .5rem; align-items: start; padding: .65rem .35rem; border-top: 1px solid #edf1f4; }
.nav-notifications__panel article > i[b-io8hvi2554] { color: #ff6c37; }
.nav-notifications__panel article strong[b-io8hvi2554] { color: #385267; font-size: .76rem; }
.nav-notifications__panel article p[b-io8hvi2554] { margin: .18rem 0 0; color: #718293; font-size: .7rem; line-height: 1.35; }
.nav-notifications__panel article button[b-io8hvi2554] { align-self: center; width: 2rem; height: 2rem; border: 0; border-radius: .45rem; background: #edf3f6; color: #496175; cursor: pointer; }
.nav-notifications__panel article button:hover[b-io8hvi2554] { background: #e1f3e9; color: #1f8050; }
.nav-user-details[b-io8hvi2554] { min-width: 0; display: flex; flex-direction: column; text-align: right; }
.nav-user-label[b-io8hvi2554] { color: #8b99a5; font-size: .62rem; font-weight: 700; }
.nav-user-name[b-io8hvi2554] { overflow: hidden; max-width: 12rem; color: #385267; font-size: .78rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.circle-client[b-io8hvi2554] { width: 2.2rem; height: 2.2rem; display: grid; place-items: center; border: 2px solid #fff; border-radius: 50%; background: #ff6c37; box-shadow: 0 .2rem .55rem rgba(255,108,55,.25); color: #fff; font-size: .72rem; font-weight: 800; }

.nav-overlay[b-io8hvi2554] { position: fixed; inset: 0; z-index: 1090; display: none; border: 0; background: rgba(21,42,59,.28); opacity: 0; transition: opacity .2s ease; }
.nav-overlay.is-visible[b-io8hvi2554] { display: block; opacity: 1; }
.lateral-menu[b-io8hvi2554] { position: fixed; z-index: 1100; top: 0; bottom: 0; left: 0; width: min(19rem, 85vw); display: flex; flex-direction: column; padding: 1rem; box-sizing: border-box; background: #fff; box-shadow: 1rem 0 2.5rem rgba(20,42,59,.16); transform: translateX(-105%); transition: transform .24s ease; }
.lateral-menu.is-open[b-io8hvi2554] { transform: translateX(0); }
.sidebar-heading[b-io8hvi2554] { display: flex; align-items: center; justify-content: space-between; padding: .35rem .35rem 1rem; border-bottom: 1px solid #e7edf1; color: #284a64; font-size: .95rem; font-weight: 800; }
.sidebar-close[b-io8hvi2554] { display: grid; place-items: center; width: 2.2rem; height: 2.2rem; border-radius: .55rem; font-size: 1.25rem; }
.sidebar-links[b-io8hvi2554] { display: flex; flex: 1; flex-direction: column; gap: .35rem; margin: 1rem 0 0; padding: 0; list-style: none; }
.sidebar-logout[b-io8hvi2554] { margin-top: auto; padding-top: 1rem; border-top: 1px solid #e7edf1; }
.option-lateral-menu[b-io8hvi2554] { width: 100%; display: flex; align-items: center; gap: .75rem; padding: .78rem .7rem; border: 0; border-radius: .65rem; box-sizing: border-box; background: transparent; color: #496175; font: inherit; font-size: .88rem; font-weight: 650; text-align: left; text-decoration: none; cursor: pointer; }
.option-lateral-menu:hover[b-io8hvi2554] { background: #edf3f6; color: #284a64; }
.option-lateral-menu > .bi:first-child[b-io8hvi2554] { width: 1.15rem; color: #ff6c37; font-size: 1rem; text-align: center; }
.sidebar-arrow[b-io8hvi2554] { margin-left: auto; color: #a1afba; font-size: .72rem; }
.sidebar-logout .option-lateral-menu:hover[b-io8hvi2554] { background: #fff1eb; color: #b34118; }

@media (max-width: 780px) {
    .nav-menu[b-io8hvi2554] { grid-template-columns: auto 1fr auto; gap: .6rem; min-height: 3.9rem; padding: 0 .65rem; }
    .nav-divider[b-io8hvi2554], .nav-home-button[b-io8hvi2554], .nav-user-details[b-io8hvi2554] { display: none; }
    .nav-brand[b-io8hvi2554] { font-size: 1.05rem; }
    .nav-site-selector[b-io8hvi2554] { max-width: 11rem; padding: .35rem .55rem; }
    .nav-site-label[b-io8hvi2554] { display: none; }
    .nav-site-selector[b-io8hvi2554]  .inpt-option { font-size: .72rem; }
}

@media (max-width: 480px) {
    .nav-brand-logo[b-io8hvi2554] { max-width: 5.5rem; height: 2rem; }
    .nav-brand small[b-io8hvi2554] { display: none; }
    .nav-site-selector[b-io8hvi2554] { max-width: 9.4rem; }
    .nav-site-selector > .bi[b-io8hvi2554] { display: none; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-tot1pxesni],
.components-reconnect-repeated-attempt-visible[b-tot1pxesni],
.components-reconnect-failed-visible[b-tot1pxesni],
.components-pause-visible[b-tot1pxesni],
.components-resume-failed-visible[b-tot1pxesni],
.components-rejoining-animation[b-tot1pxesni] {
    display: none;
}

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


#components-reconnect-modal[b-tot1pxesni] {
    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-tot1pxesni 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-tot1pxesni {
    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/Sections/SectionLayout.razor.rz.scp.css */
.container-section-layout[b-8zon9a48q7] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-width: 55%;
    width: 90%;
    margin: 0 auto;
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}


/* Encabezado */
.header-section-layout[b-8zon9a48q7] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-between;
    align-items: flex-start;
    border-bottom: 2px solid var(--gray-200);
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.section-info h1[b-8zon9a48q7] {
    margin: 0;
    font-size: 1.5rem;
    color: var(--primary);
}

.header-actions[b-8zon9a48q7] {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.doc-badge[b-8zon9a48q7] {
    display: flex;
    background: var(--primary);
    white-space: nowrap;
    color: white;
    padding: 5px 15px;
    border-radius: 6px;
    font-weight: bold;
}

.btn-back[b-8zon9a48q7] {
    text-decoration: none;
    color: var(--gray-700);
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 20px;
    font-weight: 500;
    cursor: pointer;
}

@media (max-width: 1620px) { /* tablet */

}

@media (max-width: 1024px) { /* tablet */

}

@media (max-width: 880px) { /* tablet */

    .container-section-layout[b-8zon9a48q7] {
        width: 80%;
    }

    .header-actions[b-8zon9a48q7] {
        justify-content: stretch;
    }

    .header-section-layout[b-8zon9a48q7] {
        flex-direction: column;
    }
}

@media (max-width: 490px) { /* phone */
    .container-section-layout[b-8zon9a48q7] {
        width: 80%;
    }

    .header-actions[b-8zon9a48q7] {
        justify-content: stretch;
    }

    .header-section-layout[b-8zon9a48q7] {
        flex-direction: column;
    }
}
/* /Components/Layout/StatusAlertQuality.razor.rz.scp.css */
.status-custom-target[b-fu8wbhul3h] {
    font-size: 10px;
    padding: 5px;
    width: fit-content;
    box-sizing: border-box;
    border-radius: 5px;
}

    .status-custom-target.alert-red[b-fu8wbhul3h] {
        background-color: #F8D7DA;
        border: solid 1px #F1AEB5;
        color: #58151C;
    }

    .status-custom-target.alert-magenta[b-fu8wbhul3h] {
        background-color: #CFF4FC;
        border: solid 1px #9EEAF9;
        color: #3A5175;
    }

    .status-custom-target.alert-yelow[b-fu8wbhul3h] {
        background-color: #FFF3CD;
        border: solid 1px #FFE69C;
        color: #664D37;
    }


    .status-custom-target.alert-success[b-fu8wbhul3h] {
        background-color: #D4EDDA;
        color: #155724;
        border: 1px solid #C3E6CB;
    }
/* /Components/Layout/TargetTask/CategoryTask.razor.rz.scp.css */
.category-tag[b-04d3fqq0li] {
    background: #eff6ff;
    color: #3b82f6;
    font-size: 11px;
    font-size: 11px;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 6px;
    text-transform: uppercase;
}

    .category-tag.target-danger[b-04d3fqq0li] {
        background: #fef2f2;
        color: #ef4444;
    }


    .category-tag.target-success[b-04d3fqq0li] {
        background: #D4EDDA;
        color: #155724;
    }

    .category-tag.target-warning[b-04d3fqq0li] {
        background: #FBC02D;
        color: #155724;
    }
/* /Components/Layout/TargetTask/TargetsGrid.razor.rz.scp.css */
.targets-grid[b-kw91ugmy07] {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 1rem;
    box-sizing: border-box;
}

.targets-grid__tools[b-kw91ugmy07] {
    display: flex;
    width: 100%;
    min-height: 2.75rem;
    align-items: center;
    justify-content: flex-end;
    padding: .6rem .8rem;
    border: 1px solid #e2e9ed;
    border-radius: .8rem;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 .25rem .75rem rgba(40, 74, 100, .045);
}

.targets-grid__content[b-kw91ugmy07] {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    align-items: stretch;
    gap: 1rem;
    box-sizing: border-box;
}

.target-btn-group-options[b-kw91ugmy07] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.targets-grid__empty[b-kw91ugmy07] {
    display: flex;
    width: 100%;
    min-height: 15rem;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    border: 1px dashed #c8d7de;
    border-radius: 1rem;
    box-sizing: border-box;
    background: #fff;
    color: #71808b;
    text-align: center;
}

.targets-grid__empty-icon[b-kw91ugmy07] {
    display: grid;
    width: 3.2rem;
    height: 3.2rem;
    margin-bottom: .8rem;
    place-items: center;
    border-radius: 50%;
    background: #e8f0f4;
    color: #284a64;
    font-size: 1.35rem;
}

.targets-grid__empty h3[b-kw91ugmy07] {
    margin: 0;
    color: #284a64;
    font-size: 1rem;
    font-weight: 750;
}

.targets-grid__empty p[b-kw91ugmy07] {
    max-width: 24rem;
    margin: .4rem 0 0;
    font-size: .82rem;
    line-height: 1.5;
}

@media (max-width: 560px) {
    .targets-grid__tools[b-kw91ugmy07] {
        align-items: stretch;
        justify-content: stretch;
        padding: .55rem;
    }

    .targets-grid__tools[b-kw91ugmy07]  .search-toools,
    .targets-grid__tools[b-kw91ugmy07]  .search-box {
        width: 100%;
    }
}
/* /Components/Layout/TargetTask/TargetTask.razor.rz.scp.css */
.task-card[b-4jzvmyfuvw] {
    display: flex;
    min-width: 0;
    min-height: 12.25rem;
    flex-direction: column;
    padding: 1.15rem;
    border: 1px solid #e1e9ef;
    border-radius: 1rem;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 .3rem 1rem rgba(40, 74, 100, .055);
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.task-card:hover[b-4jzvmyfuvw] {
    border-color: #c8d7de;
    box-shadow: 0 .85rem 1.6rem rgba(40, 74, 100, .11);
    transform: translateY(-3px);
}

.task-card__header[b-4jzvmyfuvw],
.task-card__footer[b-4jzvmyfuvw],
.task-card__meta[b-4jzvmyfuvw],
.task-card__actions[b-4jzvmyfuvw],
.task-card__title-row[b-4jzvmyfuvw] {
    display: flex;
    align-items: center;
}

.task-card__header[b-4jzvmyfuvw] {
    min-height: 1.55rem;
    justify-content: space-between;
    gap: .75rem;
}

.task-card__status[b-4jzvmyfuvw] {
    min-width: 0;
}

.task-card__date[b-4jzvmyfuvw] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    gap: .35rem;
    color: #71808b;
    font-size: .66rem;
    font-weight: 650;
    white-space: nowrap;
}

.task-card__date i[b-4jzvmyfuvw] {
    color: #c87924;
}

.task-card__date--overdue[b-4jzvmyfuvw],
.task-card__date--overdue i[b-4jzvmyfuvw] {
    color: #c64f4f;
}

.task-card__content[b-4jzvmyfuvw] {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: .95rem 0;
}

.task-card__title-row[b-4jzvmyfuvw] {
    align-items: flex-start;
    justify-content: space-between;
    gap: .65rem;
}

.task-card__title[b-4jzvmyfuvw] {
    margin: 0;
    color: #284a64;
    font-size: .88rem;
    font-weight: 750;
    line-height: 1.32;
}

.task-card__description[b-4jzvmyfuvw] {
    display: -webkit-box;
    margin: .55rem 0 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #71808b;
    font-size: .72rem;
    line-height: 1.5;
    white-space: pre-line;
}

.task-card__custom-content[b-4jzvmyfuvw] {
    margin-top: .65rem;
}

.task-card__footer[b-4jzvmyfuvw] {
    min-height: 2rem;
    justify-content: space-between;
    gap: .75rem;
    padding-top: .8rem;
    border-top: 1px solid #eef2f4;
}

.task-card__meta[b-4jzvmyfuvw] {
    min-width: 0;
    gap: .45rem;
}

.task-card__initials[b-4jzvmyfuvw] {
    display: grid;
    width: 1.85rem;
    height: 1.85rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    background: #e8f0f4;
    color: #284a64;
    font-size: .6rem;
    font-weight: 800;
}

.task-card__assignee[b-4jzvmyfuvw] {
    overflow: hidden;
    color: #526772;
    font-size: .69rem;
    font-weight: 650;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.task-card__reference[b-4jzvmyfuvw] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    padding: .25rem .42rem;
    border-radius: .32rem;
    background: #edf4fa;
    color: #2c669a;
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .025em;
}

.task-card__actions[b-4jzvmyfuvw] {
    flex: 0 0 auto;
    gap: .35rem;
}

.task-card__footer-content[b-4jzvmyfuvw] {
    margin-top: .75rem;
}

.type-requirement[b-4jzvmyfuvw] {
    display: inline-flex;
    height: 1.45rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 .42rem;
    border-radius: .32rem;
    color: #fff;
    font-size: .6rem;
    font-weight: 800;
}

.type-requirement.RDA[b-4jzvmyfuvw] {
    background: #127971;
}

.type-requirement.RDI[b-4jzvmyfuvw] {
    background: #cff4fc;
    color: #055160;
}

@media (max-width: 460px) {
    .task-card[b-4jzvmyfuvw] {
        padding: 1rem;
    }

    .task-card__footer[b-4jzvmyfuvw] {
        align-items: flex-start;
        flex-direction: column;
    }

    .task-card__actions[b-4jzvmyfuvw] {
        align-self: flex-end;
    }
}
/* /Components/Layout/ValidateComponents/ValidateCompaction.razor.rz.scp.css */
.validate-test[b-fxqyaqbvty] {
    display: flex;
    flex-direction: row;
    gap: 10px;
    max-width: 200px;
}
/* /Components/Pages/Account/LoginAdmin.razor.rz.scp.css */
.main-login[b-ukhwmg6n17] {
    min-height: 100vh;
    box-sizing: border-box;
    display: grid;
    place-items: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 8% 8%, rgba(255, 108, 55, .14), transparent 27rem),
        radial-gradient(circle at 92% 90%, rgba(40, 74, 100, .16), transparent 30rem),
        #f4f6f9;
}

.container-login[b-ukhwmg6n17] {
    width: min(100%, 31rem);
    box-sizing: border-box;
    padding: clamp(1.75rem, 4vw, 2.75rem);
    border: 1px solid rgba(40, 74, 100, .1);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 1.25rem 3.25rem rgba(29, 59, 83, .14);
}

.header[b-ukhwmg6n17] {
    margin-bottom: 1.8rem;
    text-align: center;
}

.header svg[b-ukhwmg6n17] {
    display: block;
    width: 2.65rem;
    height: 2.65rem;
    margin: 0 auto .9rem;
    padding: .7rem;
    box-sizing: content-box;
    border-radius: 50%;
    background: rgba(255, 108, 55, .12);
}

.header h1[b-ukhwmg6n17] {
    margin: 0;
    color: #284a64;
    font-size: clamp(1.45rem, 3vw, 1.9rem);
    font-weight: 750;
    letter-spacing: -.035em;
}

.subtitle[b-ukhwmg6n17] {
    margin: .65rem auto 0;
    max-width: 24rem;
    color: #6d7d8b;
    font-size: .88rem;
    line-height: 1.55;
}

.form-group[b-ukhwmg6n17] {
    margin-bottom: 1rem;
}

.form-group label[b-ukhwmg6n17] {
    display: block;
    margin-bottom: .45rem;
    color: #24384a;
    font-size: .82rem;
    font-weight: 700;
}

.form-group input[b-ukhwmg6n17] {
    width: 100%;
    height: 3.2rem;
    box-sizing: border-box;
    padding: 0 1rem;
    border: 1px solid #d6dfe6;
    border-radius: .65rem;
    outline: none;
    background: #fff;
    color: #24384a;
    font: inherit;
    font-size: .92rem;
    transition: border-color .18s ease, box-shadow .18s ease;
}

.form-group input:focus[b-ukhwmg6n17] {
    border-color: #ff6c37;
    box-shadow: 0 0 0 .23rem rgba(255, 108, 55, .16);
}

.requirements[b-ukhwmg6n17] {
    margin: 1.25rem 0;
    padding: 1rem;
    border: 1px solid #e3e9ed;
    border-radius: .7rem;
    background: #f8fafb;
}

.requirements h2[b-ukhwmg6n17] {
    margin: 0 0 .65rem;
    color: #284a64;
    font-size: .78rem;
    font-weight: 750;
}

.requirement-item[b-ukhwmg6n17] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-top: .42rem;
    color: #748391;
    font-size: .78rem;
    transition: color .18s ease;
}

.dot[b-ukhwmg6n17] {
    width: .5rem;
    height: .5rem;
    flex: 0 0 auto;
    border: 2px solid #9ba9b4;
    border-radius: 50%;
}

.requirement-item.valid[b-ukhwmg6n17] {
    color: #217d67;
}

.requirement-item.valid .dot[b-ukhwmg6n17] {
    border-color: #2d9478;
    background: #2d9478;
    box-shadow: inset 0 0 0 2px #f8fafb;
}

.error-span[b-ukhwmg6n17] {
    margin-top: .55rem;
}

.error-text[b-ukhwmg6n17] {
    color: #b42318;
    font-size: .75rem;
}

.btn-submit[b-ukhwmg6n17] {
    width: 100%;
    min-height: 3.2rem;
    margin-top: .45rem;
    border: 0;
    border-radius: .65rem;
    background: #284a64;
    color: #fff;
    font: inherit;
    font-size: .9rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 .55rem 1rem rgba(40, 74, 100, .18);
    transition: transform .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.btn-submit:hover:not(:disabled)[b-ukhwmg6n17] {
    background: #1d3b53;
    transform: translateY(-1px);
    box-shadow: 0 .8rem 1.25rem rgba(40, 74, 100, .24);
}

.btn-submit:focus-visible[b-ukhwmg6n17] {
    outline: 3px solid rgba(255, 108, 55, .48);
    outline-offset: 3px;
}

.btn-submit:disabled[b-ukhwmg6n17] {
    cursor: not-allowed;
    opacity: .5;
    box-shadow: none;
}

@media (max-width: 520px) {
    .main-login[b-ukhwmg6n17] {
        align-items: start;
        padding: 1rem;
    }

    .container-login[b-ukhwmg6n17] {
        margin-top: 1.5rem;
        padding: 1.6rem 1.25rem;
        border-radius: .85rem;
    }
}
/* /Components/Pages/Aftersales/AftersalesHome.razor.rz.scp.css */
.aftersales-home[b-y94witul6x] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: clamp(1.25rem, 2.5vw, 2.25rem) clamp(1rem, 2.5vw, 2.25rem) 3rem;
    box-sizing: border-box;
}

.aftersales-intro[b-y94witul6x] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.35rem;
}

.aftersales-kicker[b-y94witul6x] {
    display: block;
    margin-bottom: .35rem;
    color: #c87924;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .1em;
}

.aftersales-intro h2[b-y94witul6x] {
    margin: 0;
    color: #284a64;
    font-size: clamp(1.2rem, 2vw, 1.55rem);
    font-weight: 750;
    letter-spacing: -.03em;
}

.aftersales-intro p[b-y94witul6x] {
    max-width: 42rem;
    margin: .4rem 0 0;
    color: #71808b;
    font-size: .86rem;
    line-height: 1.5;
}

.aftersales-intro__icon[b-y94witul6x] {
    display: grid;
    width: 3.35rem;
    height: 3.35rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #dbe5eb;
    border-radius: 1rem;
    background: #fff;
    color: #c87924;
    font-size: 1.35rem;
    box-shadow: 0 .45rem 1.2rem rgba(40, 74, 100, .06);
}

.aftersales-grid[b-y94witul6x] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.aftersales-card[b-y94witul6x] {
    position: relative;
    display: grid;
    min-height: 176px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    padding: 1.35rem;
    overflow: hidden;
    border: 1px solid #e1e9ef;
    border-radius: 16px;
    background: #fff;
    color: #284a64;
    text-align: left;
    box-shadow: 0 .35rem 1rem rgba(40, 74, 100, .055);
    cursor: pointer;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.aftersales-card[b-y94witul6x]::after {
    position: absolute;
    right: -2.2rem;
    bottom: -3.5rem;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: #f2f6f8;
    content: "";
    transition: transform .2s ease;
}

.aftersales-card:hover[b-y94witul6x] {
    border-color: #91b2c9;
    box-shadow: 0 .75rem 1.4rem rgba(40, 74, 100, .11);
    transform: translateY(-2px);
}

.aftersales-card:hover[b-y94witul6x]::after { transform: scale(1.15); }
.aftersales-card:focus-visible[b-y94witul6x] { outline: 3px solid rgba(255, 108, 55, .35); outline-offset: 3px; }

.aftersales-card__icon[b-y94witul6x] {
    z-index: 1;
    display: grid;
    width: 3.75rem;
    height: 3.75rem;
    place-items: center;
    border-radius: 50%;
    background: #edf4fa;
    color: #1f5f9e;
    font-size: 1.45rem;
}

.aftersales-card--materials .aftersales-card__icon[b-y94witul6x] { background: #fff0eb; color: #d45d31; }
.aftersales-card__content[b-y94witul6x] { z-index: 1; min-width: 0; }
.aftersales-card__eyebrow[b-y94witul6x],.aftersales-card__title[b-y94witul6x],.aftersales-card__description[b-y94witul6x] { display: block; }
.aftersales-card__eyebrow[b-y94witul6x] { margin-bottom: .25rem; color: #87949d; font-size: .63rem; font-weight: 800; letter-spacing: .1em; }
.aftersales-card__title[b-y94witul6x] { margin-bottom: .38rem; font-size: 1rem; font-weight: 800; line-height: 1.25; }
.aftersales-card__description[b-y94witul6x] { color: #65798a; font-size: .8rem; line-height: 1.48; }
.aftersales-card__arrow[b-y94witul6x] { z-index: 1; color: #2c669a; font-size: 1.05rem; transition: transform .18s ease; }
.aftersales-card:hover .aftersales-card__arrow[b-y94witul6x] { transform: translateX(3px); }

.aftersales-empty[b-y94witul6x] {
    min-height: 260px;
    display: grid;
    place-content: center;
    justify-items: center;
    padding: 2rem;
    border: 1px dashed #ccd8de;
    border-radius: 16px;
    background: #fff;
    text-align: center;
}

.aftersales-empty i[b-y94witul6x] { color: #91a0aa; font-size: 2rem; }
.aftersales-empty h2[b-y94witul6x] { margin: .8rem 0 .3rem; color: #284a64; font-size: 1rem; }
.aftersales-empty p[b-y94witul6x] { margin: 0; color: #71808b; font-size: .8rem; }

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

@media (max-width: 720px) {
    .aftersales-grid[b-y94witul6x] { grid-template-columns: 1fr; }
    .aftersales-card[b-y94witul6x] { min-height: 148px; padding: 1.1rem; }
}

@media (max-width: 460px) {
    .aftersales-intro__icon[b-y94witul6x] { display: none; }
    .aftersales-card[b-y94witul6x] { grid-template-columns: auto minmax(0, 1fr); gap: .85rem; }
    .aftersales-card__icon[b-y94witul6x] { width: 3.15rem; height: 3.15rem; font-size: 1.2rem; }
    .aftersales-card__arrow[b-y94witul6x] { display: none; }
}
/* /Components/Pages/Aftersales/MaterialFlowAdmin.razor.rz.scp.css */
.mf-admin[b-wk6rj04qkz] {
    width: 100%;
    max-width: none;
    min-width: 0;
    min-height: 0;
    gap: .65rem;
    padding: .8rem clamp(1rem, 2.5vw, 2.25rem) 1rem;
    box-sizing: border-box;
    overflow: hidden;
    background: #f6f8fa;
}

.mf-admin[b-wk6rj04qkz], .mf-admin *[b-wk6rj04qkz] { box-sizing: border-box; }

.mf-realtime-alert[b-wk6rj04qkz] {
    position: fixed;
    z-index: 120;
    top: 5.25rem;
    right: 1.5rem;
    width: min(25rem, calc(100vw - 2rem));
    display: grid;
    grid-template-columns: 2.4rem 1fr auto;
    align-items: center;
    gap: .75rem;
    padding: .85rem 1rem;
    border: 1px solid #cddbd7;
    border-radius: .9rem;
    background: #fff;
    color: #173f3b;
    text-align: left;
    box-shadow: 0 16px 38px rgba(23, 63, 59, .18);
}
.mf-realtime-alert > i:first-child[b-wk6rj04qkz] { display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:.7rem;background:#e8f2ef;color:#176f65; }
.mf-realtime-alert strong[b-wk6rj04qkz],.mf-realtime-alert small[b-wk6rj04qkz] { display:block; }
.mf-realtime-alert small[b-wk6rj04qkz] { margin-top:.15rem;color:#65736f;line-height:1.3; }
@media (max-width: 640px) { .mf-realtime-alert[b-wk6rj04qkz] { top:4.5rem;right:1rem; } }

.mf-admin-tabs[b-wk6rj04qkz] {
    position: relative;
    z-index: 50;
    display: flex;
    flex: 0 0 auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 3rem;
    gap: .25rem;
    overflow-x: auto;
    padding: .3rem;
    border: 1px solid #dce6eb;
    border-radius: .75rem;
    background: #fff;
    box-shadow: 0 .25rem .8rem rgba(40, 74, 100, .04);
}

.mf-admin > .mf-metrics[b-wk6rj04qkz],
.mf-admin > .mf-admin-tabs[b-wk6rj04qkz] {
    flex: 0 0 auto;
}

.mf-admin > .mf-panel[b-wk6rj04qkz],
.mf-admin > .mf-admin-grid[b-wk6rj04qkz] {
    flex: 1 1 auto;
    min-height: 0;
}

.mf-admin > .mf-panel[b-wk6rj04qkz] {
    display: flex;
    overflow: hidden;
    flex-direction: column;
}

.mf-admin > .mf-admin-grid[b-wk6rj04qkz] {
    overflow: hidden;
}

.mf-admin > .mf-admin-grid > .mf-panel[b-wk6rj04qkz] {
    min-height: 0;
    overflow-y: auto;
}

.mf-admin-tabs button[b-wk6rj04qkz] {
    min-height: 2.4rem;
    padding: .5rem .8rem;
    border: 0;
    border-radius: .55rem;
    background: transparent;
    color: #61717d;
    font-size: .76rem;
    font-weight: 750;
    white-space: nowrap;
    cursor: pointer;
}

.mf-admin-tabs button:hover[b-wk6rj04qkz] { background: #eef3f6; color: #284a64; }
.mf-admin-tabs button.active[b-wk6rj04qkz] { background: #284a64; color: #fff; box-shadow: 0 .35rem .85rem rgba(40, 74, 100, .2); }
.mf-admin-tabs b[b-wk6rj04qkz] { margin-left: .3rem; }

.mf-metrics[b-wk6rj04qkz] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .65rem; }
.mf-metrics article[b-wk6rj04qkz], .mf-panel[b-wk6rj04qkz] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    border: 1px solid #dce6eb;
    border-radius: .8rem;
    background: #fff;
    box-shadow: 0 .3rem 1rem rgba(40, 74, 100, .045);
}
.mf-metrics article[b-wk6rj04qkz] {
    position: relative;
    display: flex;
    min-height: 4rem;
    align-items: center;
    gap: .75rem;
    overflow: hidden;
    padding: .65rem .8rem;
}
.mf-metrics article[b-wk6rj04qkz]::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--metric-color, #5a819e);
    content: "";
}
.mf-metric__icon[b-wk6rj04qkz] {
    display: grid;
    width: 2.3rem;
    height: 2.3rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .65rem;
    background: var(--metric-soft, #edf4fa);
    color: var(--metric-color, #5a819e);
    font-size: 1rem;
}
.mf-metric--new[b-wk6rj04qkz] { --metric-color: #2c669a; --metric-soft: #edf4fa; }
.mf-metric--urgent[b-wk6rj04qkz] { --metric-color: #b64d2e; --metric-soft: #fff2ed; }
.mf-metric--purchasing[b-wk6rj04qkz] { --metric-color: #8b661c; --metric-soft: #fff7df; }
.mf-metric--partial[b-wk6rj04qkz] { --metric-color: #176f65; --metric-soft: #e8f2ef; }
.mf-metrics small[b-wk6rj04qkz], .mf-panel small[b-wk6rj04qkz] { display: block; color: #71808b; font-size: .68rem; }
.mf-metrics small[b-wk6rj04qkz] { font-weight: 750; letter-spacing: .035em; text-transform: uppercase; }
.mf-metrics strong[b-wk6rj04qkz] { display: block; margin-top: .05rem; color: #284a64; font-size: 1.35rem; line-height: 1; }
.mf-panel[b-wk6rj04qkz] { padding: .85rem 1rem; }
.mf-panel > header[b-wk6rj04qkz] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.mf-panel h2[b-wk6rj04qkz] { margin: 0; color: #284a64; font-size: 1.05rem; font-weight: 750; }
.mf-panel p[b-wk6rj04qkz] { margin: .15rem 0 .65rem; color: #71808b; font-size: .78rem; }

.mf-order-filters[b-wk6rj04qkz] { display: flex; width: 100%; min-width: 0; align-items: end; flex-wrap: wrap; gap: .55rem; margin-bottom: .65rem; padding: .55rem .65rem; border: 1px solid #dce6eb; border-radius: .65rem; background: #f7f9fa; }
.mf-order-filters label[b-wk6rj04qkz] { display: grid; flex: 1 1 14rem; min-width: 0; gap: .3rem; color: #61717d; font-size: .68rem; font-weight: 750; }
.mf-order-filters select[b-wk6rj04qkz] { width: 100%; min-width: 0; min-height: 2.4rem; padding: .5rem .65rem; border: 1px solid #cedbe2; border-radius: .55rem; outline: 0; background: #fff; color: #344955; font-size: .78rem; }
.mf-order-filters select:focus[b-wk6rj04qkz] { border-color: #5a819e; box-shadow: 0 0 0 3px rgba(40, 74, 100, .1); }
.mf-order-filters button[b-wk6rj04qkz] { min-height: 2.4rem; flex: 0 0 auto; padding: .5rem .7rem; border: 1px solid #cbd8df; border-radius: .55rem; background: #fff; color: #526572; font-size: .72rem; font-weight: 750; cursor: pointer; }
.mf-order-filters button:hover[b-wk6rj04qkz] { border-color: #284a64; color: #284a64; }
.mf-order-filters .mf-dispatch-selected[b-wk6rj04qkz] { border-color: #176f65; background: #176f65; color: #fff; }
.mf-order-filters .mf-dispatch-selected:hover[b-wk6rj04qkz] { border-color: #125a52; background: #125a52; color: #fff; }
.mf-selection-column[b-wk6rj04qkz] { width: 2.25rem; text-align: center; }
.mf-selection-column input[b-wk6rj04qkz] { width: 1rem; height: 1rem; accent-color: #176f65; cursor: pointer; }
.mf-selection-column input:disabled[b-wk6rj04qkz] { cursor: not-allowed; opacity: .35; }

.mf-admin > .mf-panel[b-wk6rj04qkz]  .data-table {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    box-shadow: none;
}

.mf-admin > .mf-panel[b-wk6rj04qkz]  .data-table__scroll {
    min-height: 0;
    flex: 1 1 auto;
    overflow: auto;
}

.mf-admin > .mf-panel[b-wk6rj04qkz]  .data-table__table th,
.mf-admin > .mf-panel[b-wk6rj04qkz]  .data-table__table td {
    padding-top: .65rem;
    padding-bottom: .65rem;
}

.mf-admin > .mf-panel[b-wk6rj04qkz]  .data-table__pagination {
    flex: 0 0 auto;
    padding-top: .55rem;
    padding-bottom: .55rem;
}

.mf-panel .table-responsive[b-wk6rj04qkz] { width: 100%; max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
.mf-panel table[b-wk6rj04qkz] { width: 100%; min-width: 680px; border-collapse: collapse; }
.mf-panel th[b-wk6rj04qkz] { padding: .7rem .8rem; border-bottom: 1px solid #dce6eb; background: #f3f6f8; color: #526572; font-size: .68rem; font-weight: 800; text-align: left; text-transform: uppercase; letter-spacing: .035em; }
.mf-panel td[b-wk6rj04qkz] { padding: .8rem; border-bottom: 1px solid #e7edf0; color: #344955; font-size: .8rem; text-align: left; }
.mf-panel tbody tr:hover[b-wk6rj04qkz] { background: #f8fafb; }
.mf-panel td strong[b-wk6rj04qkz], .mf-panel td small[b-wk6rj04qkz] { display: block; }
.mf-panel .mf-empty-state[b-wk6rj04qkz] { padding: 2.5rem 1rem; color: #71808b; text-align: center; }
.mf-empty-state i[b-wk6rj04qkz], .mf-empty-state span[b-wk6rj04qkz] { display: block; }
.mf-empty-state i[b-wk6rj04qkz] { margin-bottom: .4rem; color: #9aabb5; font-size: 1.5rem; }

.mf-tag[b-wk6rj04qkz] { display: inline-flex; align-items: center; padding: .25rem .5rem; border: 1px solid #cbdde8; border-radius: 99px; background: #edf4fa; color: #2c669a; font-size: .67rem; font-weight: 750; }
.mf-tag.urgent[b-wk6rj04qkz] { border-color: #f2d2c7; background: #fff2ed; color: #b64d2e; }
.mf-link[b-wk6rj04qkz] { padding: .35rem .55rem; border: 1px solid #cbdde8; border-radius: .5rem; background: #fff; color: #284a64; font-size: .72rem; font-weight: 750; cursor: pointer; }
.mf-link:hover[b-wk6rj04qkz] { background: #284a64; color: #fff; }

.mf-demand[b-wk6rj04qkz] { display: grid; width: 100%; min-width: 0; grid-template-columns: 120px minmax(0, 1fr) 140px 60px; align-items: center; gap: 1rem; padding: .9rem .25rem; border-bottom: 1px solid #e7edf0; }
.mf-demand > *[b-wk6rj04qkz] { min-width: 0; overflow-wrap: anywhere; }
.mf-demand strong[b-wk6rj04qkz], .mf-demand small[b-wk6rj04qkz] { display: block; }
.mf-family[b-wk6rj04qkz] { color: #c87924; font-size: .67rem; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; }
.mf-demand-filters[b-wk6rj04qkz] { display: flex; width: 100%; min-width: 0; align-items: end; flex-wrap: wrap; gap: .65rem; margin-bottom: .5rem; padding: .8rem; border: 1px solid #dce6eb; border-radius: .65rem; background: #f7f9fa; }
.mf-demand-filters label[b-wk6rj04qkz] { display: grid; flex: 1 1 12rem; min-width: 0; gap: .3rem; color: #61717d; font-size: .68rem; font-weight: 750; }
.mf-demand-filters label.search[b-wk6rj04qkz] { flex-basis: 16rem; }
.mf-demand-filters label.search > div[b-wk6rj04qkz] { position: relative; }
.mf-demand-filters label.search i[b-wk6rj04qkz] { position: absolute; top: 50%; left: .65rem; color: #82939e; transform: translateY(-50%); }
.mf-demand-filters input[b-wk6rj04qkz], .mf-demand-filters select[b-wk6rj04qkz] { width: 100%; min-width: 0; min-height: 2.4rem; padding: .5rem .65rem; box-sizing: border-box; border: 1px solid #cedbe2; border-radius: .55rem; outline: 0; background: #fff; color: #344955; font-size: .78rem; }
.mf-demand-filters label.search input[b-wk6rj04qkz] { padding-left: 2rem; }
.mf-demand-filters input:focus[b-wk6rj04qkz], .mf-demand-filters select:focus[b-wk6rj04qkz] { border-color: #5a819e; box-shadow: 0 0 0 3px rgba(40, 74, 100, .1); }
.mf-demand-filters button[b-wk6rj04qkz] { min-height: 2.4rem; flex: 0 0 auto; padding: .5rem .7rem; border: 1px solid #cbd8df; border-radius: .55rem; background: #fff; color: #526572; font-size: .72rem; font-weight: 750; cursor: pointer; }
.mf-demand-empty[b-wk6rj04qkz] { display: grid; min-height: 9rem; place-content: center; gap: .4rem; color: #71808b; text-align: center; font-size: .78rem; }
.mf-demand-empty i[b-wk6rj04qkz] { color: #9aabb5; font-size: 1.5rem; }
.mf-demand-panel > header[b-wk6rj04qkz] { margin-bottom: 1rem; }
.mf-demand-panel .mf-demand-filters[b-wk6rj04qkz] { margin: 0; padding: 0; border: 0; background: transparent; }
.mf-demand-panel[b-wk6rj04qkz]  .data-table { box-shadow: none; }
.mf-demand-panel[b-wk6rj04qkz]  .data-table__table td strong, .mf-demand-panel[b-wk6rj04qkz]  .data-table__table td small { display: block; }
.mf-admin-grid[b-wk6rj04qkz] { display: grid; width: 100%; max-width: 100%; min-width: 0; grid-template-columns: minmax(260px, .75fr) minmax(0, 1.25fr); gap: 1rem; }
.mf-catalog-layout[b-wk6rj04qkz] { grid-template-columns: minmax(240px, .55fr) minmax(0, 1.45fr); }
.mf-family-panel[b-wk6rj04qkz], .mf-catalog-panel[b-wk6rj04qkz] { align-self: stretch; }
.mf-catalog-panel[b-wk6rj04qkz] { display: flex; flex-direction: column; }
.mf-family-list[b-wk6rj04qkz] { min-height: 0; overflow-y: auto; }
.mf-catalog-panel > header[b-wk6rj04qkz] { flex: 0 0 auto; }
.mf-catalog-cancel[b-wk6rj04qkz] {
    display: inline-flex;
    min-height: 2.25rem;
    align-items: center;
    gap: .4rem;
    padding: .45rem .65rem;
    border: 1px solid #d6e0e5;
    border-radius: .55rem;
    background: #fff;
    color: #61717d;
    font-size: .7rem;
    font-weight: 750;
    cursor: pointer;
}
.mf-catalog-cancel:hover[b-wk6rj04qkz] { border-color: #284a64; color: #284a64; }

.mf-catalog-editor[b-wk6rj04qkz] {
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: 9rem minmax(0, 1fr);
    gap: .85rem;
    margin-bottom: .75rem;
    padding: .75rem;
    border: 1px solid #dce6eb;
    border-radius: .75rem;
    background: #f7f9fa;
}
.mf-image-editor[b-wk6rj04qkz] { display: flex; min-width: 0; align-items: stretch; flex-direction: column; gap: .5rem; }
.mf-image-editor__preview[b-wk6rj04qkz] { position: relative; width: 100%; height: 6.6rem; overflow: hidden; border: 1px solid #dce6eb; border-radius: .7rem; background: #edf2f4; }
.mf-image-editor__preview > img[b-wk6rj04qkz] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mf-image-editor__preview > span[b-wk6rj04qkz] { position: absolute; inset: auto .45rem .4rem auto; display: inline-flex; align-items: center; gap: .25rem; padding: .22rem .4rem; border-radius: .35rem; background: rgba(23, 53, 50, .82); color: #fff; font-size: .56rem; font-weight: 750; backdrop-filter: blur(4px); }
.mf-image-editor__picker[b-wk6rj04qkz] {
    position: relative;
    display: grid;
    width: 100%;
    min-height: 3.25rem;
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    padding: .5rem .6rem;
    border: 1px dashed #9eb1bc;
    border-radius: .6rem;
    background: #fff;
    color: #284a64;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.mf-image-editor__picker:hover[b-wk6rj04qkz] { border-color: #5a819e; background: #f7fafb; box-shadow: 0 0 0 3px rgba(40, 74, 100, .06); }
.mf-image-editor__picker > i[b-wk6rj04qkz] { display: grid; width: 2rem; height: 2rem; place-items: center; border-radius: .5rem; background: #e8f2ef; color: #176f65; font-size: .9rem; }
.mf-image-editor__picker strong[b-wk6rj04qkz], .mf-image-editor__picker small[b-wk6rj04qkz] { display: block; }
.mf-image-editor__picker strong[b-wk6rj04qkz] { color: #284a64; font-size: .67rem; }
.mf-image-editor__picker small[b-wk6rj04qkz] { margin-top: .12rem; color: #71808b; font-size: .55rem; font-weight: 500; }
.mf-image-editor[b-wk6rj04qkz]  input[type="file"] { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); opacity: 0; white-space: nowrap; }
.mf-image-editor > button[b-wk6rj04qkz] { align-self: center; border: 0; background: transparent; color: #a84429; font-size: .64rem; font-weight: 700; cursor: pointer; }
.mf-image-editor > button i[b-wk6rj04qkz] { margin-right: .2rem; }

.mf-catalog-form[b-wk6rj04qkz] { align-content: start; margin: 0; }
.mf-catalog-form label[b-wk6rj04qkz] { display: grid; min-width: 0; gap: .3rem; color: #61717d; font-size: .68rem; font-weight: 750; }
.mf-catalog-form .mf-catalog-save[b-wk6rj04qkz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
}
.mf-catalog-form .mf-catalog-save:disabled[b-wk6rj04qkz] { opacity: .55; cursor: wait; }

.mf-catalog-groups[b-wk6rj04qkz] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding-right: .2rem;
}
.mf-material-group[b-wk6rj04qkz] { padding: .7rem 0; border-top: 1px solid #e7edf0; }
.mf-material-group > header[b-wk6rj04qkz] { display: flex; align-items: center; justify-content: space-between; margin-bottom: .55rem; }
.mf-material-group > header > div[b-wk6rj04qkz] { display: flex; align-items: center; gap: .55rem; }
.mf-material-grid[b-wk6rj04qkz] { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: .6rem; }
.mf-material-card[b-wk6rj04qkz] {
    display: grid;
    min-width: 0;
    grid-template-columns: 4.4rem minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #dce6eb;
    border-radius: .7rem;
    background: #fff;
    transition: border-color .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.mf-material-card:hover[b-wk6rj04qkz] { border-color: #b9cbd4; box-shadow: 0 .35rem .9rem rgba(40, 74, 100, .08); }
.mf-material-card.inactive[b-wk6rj04qkz] { opacity: .65; background: #f7f9fa; }
.mf-material-card > img[b-wk6rj04qkz] { width: 4.4rem; height: 100%; min-height: 5.8rem; object-fit: cover; background: #edf2f4; }
.mf-material-card__body[b-wk6rj04qkz] { display: flex; min-width: 0; flex-direction: column; padding: .6rem; }
.mf-material-card__title[b-wk6rj04qkz] { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: .45rem; }
.mf-material-card__title strong[b-wk6rj04qkz] { min-width: 0; overflow: hidden; color: #344955; font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.mf-material-status[b-wk6rj04qkz] { flex: 0 0 auto; padding: .15rem .35rem; border-radius: 99px; background: #edf0f2; color: #71808b; font-size: .56rem; font-weight: 800; text-transform: uppercase; }
.mf-material-status.active[b-wk6rj04qkz] { background: #e8f2ef; color: #176f65; }
.mf-material-card__actions[b-wk6rj04qkz] { display: flex; align-items: center; gap: .35rem; margin-top: auto; padding-top: .55rem; }
.mf-material-card__actions button[b-wk6rj04qkz] { display: inline-flex; align-items: center; gap: .3rem; padding: .3rem .45rem; border: 1px solid #d6e0e5; border-radius: .4rem; background: #fff; color: #526572; font-size: .62rem; font-weight: 750; cursor: pointer; }
.mf-material-card__actions button:hover[b-wk6rj04qkz] { border-color: #284a64; color: #284a64; }
.mf-material-card__actions button.deactivate[b-wk6rj04qkz] { color: #a84429; }
.mf-material-card__actions button.activate[b-wk6rj04qkz] { color: #176f65; }
.mf-catalog-empty[b-wk6rj04qkz] { display: grid; min-height: 8rem; place-content: center; gap: .4rem; color: #71808b; text-align: center; font-size: .75rem; }
.mf-catalog-empty i[b-wk6rj04qkz] { font-size: 1.5rem; }

.mf-inline-form[b-wk6rj04qkz], .mf-catalog-form[b-wk6rj04qkz] { display: flex; width: 100%; max-width: 100%; min-width: 0; gap: .55rem; margin: 1rem 0; }
.mf-catalog-form[b-wk6rj04qkz] { display: grid; grid-template-columns: 1fr 1fr; }
.mf-catalog-editor .mf-catalog-form[b-wk6rj04qkz] { margin: 0; }
.mf-catalog-form button[b-wk6rj04qkz] { grid-column: 1 / -1; }
.mf-inline-form input[b-wk6rj04qkz], .mf-inline-form select[b-wk6rj04qkz], .mf-catalog-form input[b-wk6rj04qkz], .mf-catalog-form select[b-wk6rj04qkz], .mf-field select[b-wk6rj04qkz], .mf-field textarea[b-wk6rj04qkz], .mf-review-item input[b-wk6rj04qkz] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 2.45rem;
    padding: .55rem .65rem;
    border: 1px solid #cedbe2;
    border-radius: .55rem;
    outline: 0;
    background: #fff;
    color: #344955;
    font-size: .78rem;
}
.mf-inline-form input:focus[b-wk6rj04qkz], .mf-inline-form select:focus[b-wk6rj04qkz], .mf-catalog-form input:focus[b-wk6rj04qkz], .mf-catalog-form select:focus[b-wk6rj04qkz], .mf-field select:focus[b-wk6rj04qkz], .mf-field textarea:focus[b-wk6rj04qkz], .mf-review-item input:focus[b-wk6rj04qkz] { border-color: #5a819e; box-shadow: 0 0 0 3px rgba(40, 74, 100, .1); }
.mf-inline-form button[b-wk6rj04qkz], .mf-catalog-form button[b-wk6rj04qkz] { min-height: 2.45rem; flex: 0 0 auto; padding: .55rem .85rem; border: 0; border-radius: .55rem; background: #284a64; color: #fff; font-size: .76rem; font-weight: 750; cursor: pointer; }
.mf-inline-form input[b-wk6rj04qkz], .mf-inline-form select[b-wk6rj04qkz] { flex: 1 1 10rem; }
.mf-simple-row[b-wk6rj04qkz] { display: flex; width: 100%; min-width: 0; align-items: center; justify-content: space-between; gap: 1rem; padding: .75rem .15rem; border-bottom: 1px solid #e7edf0; color: #344955; font-size: .8rem; }
.mf-simple-row > *[b-wk6rj04qkz] { min-width: 0; overflow-wrap: anywhere; }
.mf-simple-row strong[b-wk6rj04qkz], .mf-simple-row small[b-wk6rj04qkz] { display: block; }

.mf-drawer[b-wk6rj04qkz] { position: fixed; z-index: 5000; inset: 0 0 0 auto; display: grid; width: min(520px, 100vw); max-width: 100vw; height: 100dvh; grid-template-rows: auto minmax(0, 1fr) auto; box-sizing: border-box; overflow: hidden; border-left: 1px solid #dce6eb; background: #fff; box-shadow: -.8rem 0 2.5rem rgba(40, 74, 100, .15); }
.mf-drawer > header[b-wk6rj04qkz] { position: relative; z-index: 2; display: flex; align-items: flex-start; justify-content: space-between; padding: 1.1rem 1.35rem; border-bottom: 1px solid #e7edf0; background: #fff; box-shadow: 0 .2rem .7rem rgba(40, 74, 100, .04); }
.mf-drawer header h2[b-wk6rj04qkz] { margin: .15rem 0 0; color: #284a64; font-size: 1.15rem; }
.mf-drawer > header button[b-wk6rj04qkz] { display: grid; width: 2.35rem; height: 2.35rem; flex: 0 0 auto; place-items: center; border: 1px solid #dce6eb; border-radius: .55rem; background: #fff; color: #284a64; cursor: pointer; }
.mf-drawer__body[b-wk6rj04qkz] { min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 0 1.35rem 1rem; }
.mf-drawer__footer[b-wk6rj04qkz] { position: relative; z-index: 2; padding: .8rem 1.35rem calc(.8rem + env(safe-area-inset-bottom)); border-top: 1px solid #dce6eb; background: rgba(255, 255, 255, .98); box-shadow: 0 -.4rem 1rem rgba(40, 74, 100, .06); }
.mf-order-trace-summary[b-wk6rj04qkz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; margin: .85rem 0; }
.mf-order-trace-summary article[b-wk6rj04qkz] { min-width: 0; padding: .65rem; border: 1px solid #e2e9ed; border-radius: .6rem; background: #f7f9fa; }
.mf-order-trace-summary strong[b-wk6rj04qkz] { display: block; margin-top: .2rem; overflow: hidden; color: #344955; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }
.mf-order-trace[b-wk6rj04qkz] { margin: .85rem 0; padding: .8rem; border: 1px solid #e2e9ed; border-radius: .7rem; background: #fff; }
.mf-order-trace > header[b-wk6rj04qkz] { display: flex; align-items: center; justify-content: space-between; margin-bottom: .65rem; }
.mf-order-trace h3[b-wk6rj04qkz] { margin: 0; color: #284a64; font-size: .82rem; }
.mf-order-map[b-wk6rj04qkz] { width: 100%; height: 13rem; overflow: hidden; border: 1px solid #dce6eb; border-radius: .65rem; background: #e5ecef; }
.mf-order-map[b-wk6rj04qkz]  iframe { display: block; width: 100%; height: 100%; border: 0; }
.mf-order-location-list[b-wk6rj04qkz] { display: grid; gap: .35rem; margin-top: .55rem; }
.mf-order-location-list > article[b-wk6rj04qkz] { display: grid; grid-template-columns: 1.2rem minmax(0, 1fr) auto; align-items: center; gap: .5rem; padding: .5rem .1rem; border-bottom: 1px solid #edf2f4; color: #526572; font-size: .66rem; }
.mf-order-location-list i[b-wk6rj04qkz] { color: #c87924; }
.mf-order-location-list b[b-wk6rj04qkz] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mf-order-location-list small[b-wk6rj04qkz] { display: block; margin-top: .15rem; color: #738591; }
.mf-order-location-actions[b-wk6rj04qkz] { display: grid; justify-items: end; gap: .2rem; white-space: nowrap; }
.mf-order-location-actions time[b-wk6rj04qkz] { color: #738591; }
.mf-order-location-actions a[b-wk6rj04qkz] { color: #176f65; font-weight: 700; text-decoration: none; }
.mf-order-location-actions a:hover[b-wk6rj04qkz] { text-decoration: underline; }
.mf-order-location-actions a i[b-wk6rj04qkz] { margin-left: .15rem; color: inherit; }
.mf-trace-empty[b-wk6rj04qkz] { display: flex; align-items: center; justify-content: center; gap: .4rem; min-height: 4.5rem; margin: 0; border: 1px dashed #d6e0e5; border-radius: .6rem; }
.mf-order-history[b-wk6rj04qkz] { position: relative; }
.mf-order-history[b-wk6rj04qkz]::before { position: absolute; inset: .65rem auto .65rem .3rem; width: 1px; background: #dce6eb; content: ""; }
.mf-order-history article[b-wk6rj04qkz] { position: relative; display: grid; grid-template-columns: .7rem minmax(0, 1fr); gap: .55rem; padding: .4rem 0; }
.mf-order-history article > i[b-wk6rj04qkz] { z-index: 1; width: .65rem; height: .65rem; margin-top: .18rem; border: 2px solid #fff; border-radius: 50%; background: #2c669a; box-shadow: 0 0 0 1px #2c669a; }
.mf-order-history strong[b-wk6rj04qkz], .mf-order-history small[b-wk6rj04qkz] { display: block; }
.mf-order-history strong[b-wk6rj04qkz] { color: #344955; font-size: .7rem; }
.mf-order-history p[b-wk6rj04qkz] { margin: .25rem 0 0; color: #61717d; font-size: .66rem; line-height: 1.35; }
.mf-review-item[b-wk6rj04qkz] { display: grid; grid-template-columns: minmax(0, 1fr) 90px 90px; align-items: end; gap: .7rem; padding: .9rem 0; border-bottom: 1px solid #e7edf0; }
.mf-review-item > *[b-wk6rj04qkz] { min-width: 0; }
.mf-review-item strong[b-wk6rj04qkz], .mf-review-item small[b-wk6rj04qkz] { display: block; }
.mf-review-item label[b-wk6rj04qkz], .mf-field[b-wk6rj04qkz] { color: #61717d; font-size: .68rem; font-weight: 700; }
.mf-review-item input[b-wk6rj04qkz] { width: 100%; }
.mf-field[b-wk6rj04qkz] { display: grid; gap: .35rem; margin: 1rem 0; }
.mf-field textarea[b-wk6rj04qkz] { width: 100%; min-height: 90px; resize: vertical; }
.mf-required[b-wk6rj04qkz] { float: right; color: #b64d2e; font-size: .62rem; font-weight: 800; }
.mf-status-error[b-wk6rj04qkz] { display: flex; align-items: center; gap: .4rem; margin: -.35rem 0 .75rem; padding: .65rem .75rem; border: 1px solid #f0c8ba; border-radius: .55rem; background: #fff2ed; color: #a84429; font-size: .73rem; font-weight: 700; }
.mf-actions[b-wk6rj04qkz] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.mf-actions button[b-wk6rj04qkz] { min-height: 2.45rem; padding: .55rem .8rem; border: 1px solid #cbd8df; border-radius: .55rem; background: #fff; color: #526572; font-size: .74rem; font-weight: 750; cursor: pointer; }
.mf-actions button:hover[b-wk6rj04qkz] { background: #f0f4f6; }
.mf-actions .reject[b-wk6rj04qkz] { border-color: #e4b7a8; color: #a84429; }
.mf-actions .reject:hover[b-wk6rj04qkz] { background: #fff2ed; }
.mf-actions .primary[b-wk6rj04qkz] { border-color: #284a64; background: #284a64; color: #fff; box-shadow: 0 .4rem 1rem rgba(40, 74, 100, .18); }

@media (max-width: 760px) {
    .mf-admin[b-wk6rj04qkz] { min-height: auto; padding: 1rem; overflow-x: hidden; overflow-y: auto; }
    .mf-admin > .mf-panel[b-wk6rj04qkz], .mf-admin > .mf-admin-grid[b-wk6rj04qkz] { flex: 0 0 auto; overflow: visible; }
    .mf-admin > .mf-panel[b-wk6rj04qkz] { display: block; }
    .mf-admin > .mf-admin-grid > .mf-panel[b-wk6rj04qkz] { overflow: visible; }
    .mf-admin > .mf-panel[b-wk6rj04qkz]  .data-table { display: block; }
    .mf-metrics[b-wk6rj04qkz] { grid-template-columns: 1fr 1fr; }
    .mf-admin-grid[b-wk6rj04qkz] { grid-template-columns: 1fr; }
    .mf-catalog-editor[b-wk6rj04qkz] { grid-template-columns: 1fr; }
    .mf-image-editor__preview[b-wk6rj04qkz], .mf-image-editor__picker[b-wk6rj04qkz] { width: min(100%, 15rem); align-self: center; }
    .mf-catalog-groups[b-wk6rj04qkz] { overflow: visible; }
    .mf-demand[b-wk6rj04qkz] { grid-template-columns: 1fr auto; }
    .mf-demand .mf-family[b-wk6rj04qkz] { grid-column: 1 / -1; }
    .mf-inline-form[b-wk6rj04qkz] { flex-direction: column; }
    .mf-demand-filters[b-wk6rj04qkz] { align-items: stretch; flex-direction: column; }
    .mf-demand-filters label[b-wk6rj04qkz], .mf-demand-filters button[b-wk6rj04qkz] { width: 100%; flex: 0 0 auto; }
    .mf-inline-form input[b-wk6rj04qkz], .mf-inline-form select[b-wk6rj04qkz], .mf-inline-form button[b-wk6rj04qkz] { width: 100%; flex: 0 0 auto; }
    .mf-review-item[b-wk6rj04qkz] { grid-template-columns: 1fr 80px 80px; }
    .mf-order-trace-summary[b-wk6rj04qkz] { grid-template-columns: 1fr; }
    .mf-order-location-list > article[b-wk6rj04qkz] { grid-template-columns: 1.2rem minmax(0, 1fr); }
    .mf-order-location-actions[b-wk6rj04qkz] { grid-column: 2; justify-items: start; }
}

@media (max-width: 480px) {
    .mf-admin[b-wk6rj04qkz] { padding: .75rem; }
    .mf-metrics[b-wk6rj04qkz] { gap: .5rem; }
    .mf-metrics article[b-wk6rj04qkz] { min-height: 3.6rem; gap: .55rem; padding: .55rem .6rem; }
    .mf-metric__icon[b-wk6rj04qkz] { width: 2rem; height: 2rem; font-size: .9rem; }
    .mf-metrics small[b-wk6rj04qkz] { font-size: .58rem; }
    .mf-metrics strong[b-wk6rj04qkz] { font-size: 1.15rem; }
    .mf-panel[b-wk6rj04qkz] { padding: .9rem; }
    .mf-order-filters[b-wk6rj04qkz] { align-items: stretch; flex-direction: column; }
    .mf-order-filters label[b-wk6rj04qkz], .mf-order-filters button[b-wk6rj04qkz] { width: 100%; flex: 0 0 auto; }
    .mf-catalog-form[b-wk6rj04qkz] { grid-template-columns: 1fr; }
    .mf-catalog-form button[b-wk6rj04qkz] { grid-column: 1; }
    .mf-material-grid[b-wk6rj04qkz] { grid-template-columns: 1fr; }
    .mf-demand[b-wk6rj04qkz] { grid-template-columns: minmax(0, 1fr) auto; gap: .45rem .75rem; }
    .mf-review-item[b-wk6rj04qkz] { grid-template-columns: 1fr 1fr; }
    .mf-review-item > div[b-wk6rj04qkz] { grid-column: 1 / -1; }
    .mf-actions[b-wk6rj04qkz] { display: grid; grid-template-columns: 1fr; }
    .mf-actions button[b-wk6rj04qkz] { width: 100%; }
    .mf-drawer > header[b-wk6rj04qkz] { padding: 1rem; }
    .mf-drawer__body[b-wk6rj04qkz] { padding: 0 1rem 1rem; }
    .mf-drawer__footer[b-wk6rj04qkz] { padding: .75rem 1rem calc(.75rem + env(safe-area-inset-bottom)); }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-page[b-n1087l29dz] {
    flex: 1;
    padding: clamp(1.5rem, 3vw, 3rem);
    box-sizing: border-box;
    background: #f4f6f9;
    color: #284a64;
}

.home-welcome[b-n1087l29dz] {
    max-width: 82rem;
    margin: 0 auto 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
}

.home-kicker[b-n1087l29dz] {
    margin: 0 0 .4rem;
    color: #ff6c37;
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .13em;
}

.home-welcome h1[b-n1087l29dz], .home-section-heading h2[b-n1087l29dz] { margin: 0; color: #284a64; letter-spacing: -.04em; }
.home-welcome h1[b-n1087l29dz] { font-size: clamp(1.7rem, 3vw, 2.35rem); }
.home-welcome p:not(.home-kicker)[b-n1087l29dz] { margin: .55rem 0 0; color: #65798a; font-size: .95rem; }

.home-welcome-mark[b-n1087l29dz] {
    width: 3.5rem;
    height: 3.5rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid #dbe5eb;
    border-radius: 1rem;
    background: #fff;
    color: #ff6c37;
    font-size: 1.45rem;
    box-shadow: 0 .5rem 1.25rem rgba(40,74,100,.07);
}

.home-modules[b-n1087l29dz] { max-width: 82rem; margin: 0 auto; }
.home-section-heading[b-n1087l29dz] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.home-section-heading h2[b-n1087l29dz] { font-size: 1.25rem; }
.home-section-note[b-n1087l29dz] { color: #8191a0; font-size: .78rem; }

.module-grid[b-n1087l29dz] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.module-card[b-n1087l29dz] {
    min-height: 10.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid #e1e9ef;
    border-radius: .9rem;
    box-sizing: border-box;
    background: #fff;
    color: #284a64;
    text-align: left;
    cursor: pointer;
    box-shadow: 0 .35rem 1rem rgba(40,74,100,.055);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.module-card:hover[b-n1087l29dz] { border-color: #91b2c9; box-shadow: 0 .75rem 1.4rem rgba(40,74,100,.11); transform: translateY(-2px); }
.module-card:focus-visible[b-n1087l29dz] { outline: 3px solid rgba(255,108,55,.42); outline-offset: 3px; }
.module-icon[b-n1087l29dz] { width: 4.1rem; height: 4.1rem; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; background: #edf4fa; color: #1f5f9e; font-size: 1.7rem; }
.module-card-alert .module-icon[b-n1087l29dz] { background: #fff0eb; color: #ff6c37; }
.module-content[b-n1087l29dz] { min-width: 0; display: flex; flex: 1; flex-direction: column; gap: .45rem; }
.module-title[b-n1087l29dz] { color: #284a64; font-size: 1rem; font-weight: 800; line-height: 1.25; }
.module-description[b-n1087l29dz] { color: #65798a; font-size: .82rem; line-height: 1.5; }
.module-arrow[b-n1087l29dz] { color: #2c669a; font-size: 1.1rem; transition: transform .18s ease; }
.module-card:hover .module-arrow[b-n1087l29dz] { transform: translateX(3px); }

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

@media (max-width: 620px) {
    .home-page[b-n1087l29dz] { padding: 1.25rem .9rem 2rem; }
    .home-welcome[b-n1087l29dz] { margin-bottom: 2rem; }
    .home-welcome-mark[b-n1087l29dz], .home-section-note[b-n1087l29dz] { display: none; }
    .home-section-heading[b-n1087l29dz] { margin-bottom: .9rem; }
    .module-grid[b-n1087l29dz] { grid-template-columns: 1fr; gap: .75rem; }
    .module-card[b-n1087l29dz] { min-height: 8.5rem; padding: 1rem; }
    .module-icon[b-n1087l29dz] { width: 3.4rem; height: 3.4rem; font-size: 1.4rem; }
}
/* /Components/Pages/Quality/Certification/CertificationCardsUnits.razor.rz.scp.css */
.certification-units-page[b-ywpznaseaz] {
    min-width: 0;
}

.certification-units-page__content[b-ywpznaseaz] {
    padding-top: .25rem;
}

.certification-units-page__primary-action[b-ywpznaseaz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 2.5rem;
    border: 0;
    border-radius: .65rem;
    padding: .6rem 1rem;
    box-shadow: 0 7px 18px rgba(33, 82, 119, .18);
}

.certification-units-page__intro[b-ywpznaseaz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1rem;
}

.certification-units-page__description[b-ywpznaseaz] {
    margin: 0;
    color: #71808e;
    font-size: .84rem;
}

.certification-units-page__count[b-ywpznaseaz] {
    flex: 0 0 auto;
    border: 1px solid #dce7ed;
    border-radius: 999px;
    padding: .35rem .7rem;
    color: #506573;
    background: #f8fafb;
    font-size: .75rem;
    font-weight: 700;
}

.certification-units-page__filters[b-ywpznaseaz] {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
}

.certification-units-page__filters .search-box[b-ywpznaseaz] {
    flex: 1 1 18rem;
    min-width: 14rem;
}

.certification-units-page__filter-actions[b-ywpznaseaz] {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    margin-left: auto;
}

.certification-units-page__block-filter[b-ywpznaseaz] {
    min-height: 2.55rem;
    max-width: 12.25rem;
    border: 1px solid #dce6eb;
    border-radius: .65rem;
    padding: .45rem 2rem .45rem .7rem;
    outline: none;
    color: #3e5565;
    background-color: #fff;
    font-size: .78rem;
}

.certification-units-page__block-filter:focus[b-ywpznaseaz] {
    border-color: #2c669a;
    box-shadow: 0 0 0 3px rgba(44, 102, 154, .1);
}

.certification-units-page__tool-button[b-ywpznaseaz] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.5rem;
    border-radius: .6rem;
    padding: .5rem .75rem;
    font-size: .76rem;
    white-space: nowrap;
}

.certification-units-page__tool-button--danger:not(:disabled)[b-ywpznaseaz] {
    border-color: #f0d8d4;
    color: #a14d43;
    background: #fffafa;
}

.certification-units-page__tool-button:disabled[b-ywpznaseaz] {
    cursor: not-allowed;
    opacity: .5;
}

[b-ywpznaseaz] .certification-units-page__select-column {
    width: 3.5rem;
}

[b-ywpznaseaz] .certification-units-page__row td {
    padding-top: .8rem;
    padding-bottom: .8rem;
    vertical-align: middle;
}

.certification-units-page__checkbox[b-ywpznaseaz] {
    width: 1rem;
    height: 1rem;
    accent-color: #2c669a;
    cursor: pointer;
}

.certification-units-page__index[b-ywpznaseaz] {
    display: inline-grid;
    width: 1.65rem;
    height: 1.65rem;
    place-items: center;
    border-radius: 50%;
    color: #647782;
    background: #f0f4f6;
    font-size: .72rem;
    font-weight: 700;
}

.certification-units-page__unit[b-ywpznaseaz] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 11rem;
    color: #2b475a;
    font-size: .8rem;
}

.certification-units-page__unit > span:last-child[b-ywpznaseaz] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .28rem .42rem;
    min-width: 0;
}

.certification-units-page__unit strong[b-ywpznaseaz] {
    order: 0;
    font-weight: 700;
    line-height: 1.2;
}

.certification-units-page__unit small[b-ywpznaseaz] {
    order: 2;
    flex-basis: 100%;
    color: #85949d;
    font-size: .68rem;
    font-weight: 600;
    line-height: 1.1;
}

.certification-units-page__iterations[b-ywpznaseaz] {
    order: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .28rem;
}

.certification-units-page__iteration-badge[b-ywpznaseaz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 1.85rem;
    min-height: 1.35rem;
    padding: .12rem .4rem;
    border: 1px solid #bed4e4;
    border-radius: 999px;
    color: #2b668d;
    background: #edf6fb;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.certification-units-page__iteration-badge--final[b-ywpznaseaz] {
    border-color: #a9ddc8;
    color: #28785d;
    background: #eaf8f1;
}

.certification-units-page__unit-icon[b-ywpznaseaz] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: .6rem;
    color: #2b6d9e;
    background: #eaf3f8;
    font-size: .92rem;
}

.certification-units-page__schedule[b-ywpznaseaz] {
    display: grid;
    gap: .28rem;
    min-width: 8.5rem;
    color: #5d727f;
    font-size: .72rem;
}

.certification-units-page__schedule span[b-ywpznaseaz] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
}

.certification-units-page__schedule i[b-ywpznaseaz] {
    color: #7d99aa;
}

.certification-units-page__validity[b-ywpznaseaz] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border-radius: 999px;
    padding: .32rem .56rem;
    color: #a75c19;
    background: #fff5e8;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.certification-units-page__validity--muted[b-ywpznaseaz] {
    color: #74838d;
    background: #f1f4f5;
}

.certification-units-page__review-chain[b-ywpznaseaz] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .32rem;
    min-width: 8rem;
}

.certification-units-page__reviewer-step[b-ywpznaseaz] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    border: 1px solid #dce7ed;
    border-radius: 999px;
    padding: .2rem .48rem .2rem .22rem;
    color: #4c6879;
    background: #fff;
    font-size: .68rem;
    font-weight: 700;
}

.certification-units-page__reviewer-level[b-ywpznaseaz] {
    display: inline-grid;
    width: 1.15rem;
    height: 1.15rem;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #477a9e;
    font-size: .62rem;
}

.certification-units-page__active-reviewer[b-ywpznaseaz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    color: #456273;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.certification-units-page__active-reviewer i[b-ywpznaseaz] {
    color: #31806c;
    font-size: .9rem;
}

.certification-units-page__status[b-ywpznaseaz] {
    min-width: 6.4rem;
}

.certification-units-page__activation[b-ywpznaseaz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border-radius: 999px;
    padding: .32rem .55rem;
    color: #71838e;
    background: #f0f4f5;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.certification-units-page__actions[b-ywpznaseaz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

.certification-units-page__action-btn[b-ywpznaseaz] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid #dce7ed;
    border-radius: .55rem;
    color: #4f6d7e;
    background: #fff;
    font-size: .85rem;
    transition: border-color .16s ease, color .16s ease, background-color .16s ease, transform .16s ease;
}

.certification-units-page__action-btn:hover[b-ywpznaseaz] {
    border-color: #9bb8ca;
    color: #245d88;
    background: #f0f7fb;
    transform: translateY(-1px);
}

.certification-units-page__action-btn--primary[b-ywpznaseaz] {
    border-color: #2d6d99;
    color: #fff;
    background: #2d6d99;
}

.certification-units-page__action-btn--primary:hover[b-ywpznaseaz] {
    border-color: #255a80;
    color: #fff;
    background: #255a80;
}

.certification-units-page__empty-value[b-ywpznaseaz] {
    color: #97a6af;
    font-size: .7rem;
    font-style: italic;
}

@media (max-width: 900px) {
    .certification-units-page__block-filter[b-ywpznaseaz] {
        max-width: 10.5rem;
    }
}

@media (max-width: 640px) {
    .certification-units-page__intro[b-ywpznaseaz] {
        align-items: flex-start;
        flex-direction: column;
    }

    .certification-units-page__primary-action[b-ywpznaseaz] {
        width: 100%;
    }

    .certification-units-page__filters[b-ywpznaseaz],
    .certification-units-page__filter-actions[b-ywpznaseaz],
    .certification-units-page__tool-button[b-ywpznaseaz],
    .certification-units-page__block-filter[b-ywpznaseaz] {
        width: 100%;
    }

    .certification-units-page__filters[b-ywpznaseaz],
    .certification-units-page__filter-actions[b-ywpznaseaz] {
        flex-flow: column nowrap;
        align-items: stretch;
    }

    .certification-units-page__filters .search-box[b-ywpznaseaz] {
        min-width: 0;
    }

    .certification-units-page__tool-button[b-ywpznaseaz] {
        justify-content: center;
    }
}
/* /Components/Pages/Quality/Certification/SummaryCertification.razor.rz.scp.css */
.certification-summary-page[b-zjl0belxv7] { min-width: 0; }
.certification-summary-page__content[b-zjl0belxv7] { padding-top: .25rem; }
.certification-summary-page__download[b-zjl0belxv7] { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.5rem; border: 0; border-radius: .65rem; padding: .6rem 1rem; box-shadow: 0 7px 18px rgba(33, 82, 119, .18); }
.certification-summary-page__context[b-zjl0belxv7] { display: flex; align-items: center; gap: .8rem; margin-bottom: 1rem; border: 1px solid #dbe8ee; border-radius: .8rem; padding: .85rem 1rem; background: #fff; }
.certification-summary-page__context-icon[b-zjl0belxv7], .certification-summary-page__recinto-icon[b-zjl0belxv7], .certification-summary-page__card-icon[b-zjl0belxv7] { display: inline-grid; flex: 0 0 auto; place-items: center; color: #2d6d99; background: #eaf3f8; }
.certification-summary-page__context-icon[b-zjl0belxv7] { width: 2.5rem; height: 2.5rem; border-radius: .7rem; font-size: 1.15rem; }
.certification-summary-page__context strong[b-zjl0belxv7], .certification-summary-page__context small[b-zjl0belxv7] { display: block; }
.certification-summary-page__context strong[b-zjl0belxv7] { color: #29485d; font-size: .92rem; }
.certification-summary-page__context small[b-zjl0belxv7] { margin-top: .2rem; color: #788a95; font-size: .75rem; }
.certification-summary-page__filters[b-zjl0belxv7] { display: flex; align-items: center; gap: .75rem; margin-bottom: 1rem; }
.certification-summary-page__search[b-zjl0belxv7] { flex: 1 1 20rem; min-width: 14rem; }
.certification-summary-page__filter-tabs[b-zjl0belxv7] { display: flex; flex: 0 0 auto; overflow: hidden; border: 1px solid #d9e5eb; border-radius: .65rem; background: #fff; }
.certification-summary-page__filter-tabs button[b-zjl0belxv7] { min-height: 2.45rem; border: 0; border-right: 1px solid #d9e5eb; padding: .45rem .8rem; color: #60737f; background: #fff; font-size: .74rem; font-weight: 700; white-space: nowrap; }
.certification-summary-page__filter-tabs button:last-child[b-zjl0belxv7] { border-right: 0; }
.certification-summary-page__filter-tabs button.is-active[b-zjl0belxv7] { color: #fff; background: #2d6d99; }
.certification-summary-page__filter-tabs button.is-pass[b-zjl0belxv7] { background: #31806c; }.certification-summary-page__filter-tabs button.is-fail[b-zjl0belxv7] { background: #bd5046; }.certification-summary-page__filter-tabs button.is-na[b-zjl0belxv7] { background: #b2791c; }
.certification-summary-page__results[b-zjl0belxv7] { display: grid; gap: .8rem; }
.certification-summary-page__recinto[b-zjl0belxv7] { overflow: hidden; border: 1px solid #cbdde7; border-radius: .8rem; background: #fff; box-shadow: 0 5px 16px rgba(37, 77, 105, .05); }
.certification-summary-page__recinto-header[b-zjl0belxv7], .certification-summary-page__card-header[b-zjl0belxv7] { display: flex; width: 100%; align-items: center; border: 0; text-align: left; cursor: pointer; }
.certification-summary-page__recinto-header[b-zjl0belxv7] { gap: .7rem; padding: .8rem .95rem; color: #294a60; background: #f7fbfd; }
.certification-summary-page__recinto-icon[b-zjl0belxv7] { width: 2.2rem; height: 2.2rem; border-radius: .65rem; font-size: 1rem; }
.certification-summary-page__recinto-title[b-zjl0belxv7] { display: grid; min-width: 12rem; gap: .1rem; }.certification-summary-page__recinto-title small[b-zjl0belxv7] { color: #80909a; font-size: .62rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }.certification-summary-page__recinto-title strong[b-zjl0belxv7] { font-size: .9rem; }
.certification-summary-page__card-count[b-zjl0belxv7] { border: 1px solid #bdd5e4; border-radius: .5rem; padding: .25rem .45rem; color: #39627b; background: #fff; font-size: .68rem; font-weight: 700; white-space: nowrap; }
.certification-summary-page__metrics[b-zjl0belxv7] { display: flex; align-items: center; justify-content: flex-end; gap: .65rem; margin-left: auto; }.certification-summary-page__metric[b-zjl0belxv7] { display: inline-flex; align-items: center; gap: .3rem; padding-left: .65rem; border-left: 1px solid #d6e4ea; font-size: .69rem; font-weight: 700; white-space: nowrap; }.certification-summary-page__metric--pass i[b-zjl0belxv7] { color: #31806c; }.certification-summary-page__metric--fail i[b-zjl0belxv7] { color: #bd5046; }.certification-summary-page__metric--na i[b-zjl0belxv7] { color: #b2791c; }.certification-summary-page__chevron[b-zjl0belxv7] { margin-left: .3rem; font-size: .95rem; }
.certification-summary-page__recinto-content[b-zjl0belxv7] { display: grid; gap: .65rem; padding: .7rem; border-top: 1px solid #dce9ef; background: #fbfdfe; }
.certification-summary-page__card[b-zjl0belxv7] { overflow: hidden; border: 1px solid #d9e6ec; border-radius: .65rem; background: #fff; }.certification-summary-page__card-header[b-zjl0belxv7] { gap: .6rem; padding: .7rem .8rem; color: #315267; background: #fff; }.certification-summary-page__card-header:hover[b-zjl0belxv7] { background: #f7fbfd; }.certification-summary-page__card-icon[b-zjl0belxv7] { width: 2rem; height: 2rem; border-radius: .55rem; font-size: .92rem; }.certification-summary-page__card-title[b-zjl0belxv7] { display: grid; flex: 1; gap: .16rem; min-width: 0; }.certification-summary-page__card-title strong[b-zjl0belxv7] { overflow: hidden; color: #315267; font-size: .79rem; text-overflow: ellipsis; white-space: nowrap; }.certification-summary-page__card-title small[b-zjl0belxv7] { overflow: hidden; color: #83939d; font-size: .66rem; text-overflow: ellipsis; white-space: nowrap; }.certification-summary-page__card-state[b-zjl0belxv7] { border-radius: 999px; padding: .28rem .52rem; color: #28715e; background: #eaf6f1; font-size: .66rem; font-weight: 700; white-space: nowrap; }
.certification-summary-page__table-wrap[b-zjl0belxv7] { overflow-x: auto; border-top: 1px solid #dce8ee; }.certification-summary-page__table[b-zjl0belxv7] { width: 100%; min-width: 700px; border-collapse: collapse; }.certification-summary-page__table th[b-zjl0belxv7] { padding: .55rem .6rem; color: #466174; background: #f2f7fa; font-size: .66rem; text-align: left; }.certification-summary-page__table td[b-zjl0belxv7] { padding: .58rem .6rem; border-top: 1px solid #e2ebf0; color: #526a78; font-size: .7rem; vertical-align: middle; }.certification-summary-page__table td strong[b-zjl0belxv7] { color: #345369; font-weight: 700; }.certification-summary-page__row-index[b-zjl0belxv7] { width: 2.5rem; color: #778b97; text-align: center; font-weight: 700; }.certification-summary-page__observation[b-zjl0belxv7] { min-width: 10rem; }.certification-summary-page__status[b-zjl0belxv7] { display: inline-flex; align-items: center; gap: .32rem; border-radius: 999px; padding: .27rem .48rem; font-size: .66rem; font-weight: 700; white-space: nowrap; }.certification-summary-page__status--pass[b-zjl0belxv7] { color: #24755e; background: #eaf6f0; }.certification-summary-page__status--fail[b-zjl0belxv7] { color: #ae463d; background: #fff0ef; }.certification-summary-page__status--na[b-zjl0belxv7] { color: #9b6a19; background: #fff5e6; }
.certification-summary-page__evidence[b-zjl0belxv7] { display: flex; align-items: center; gap: .25rem; }.certification-summary-page__evidence img[b-zjl0belxv7] { width: 2.25rem; height: 2.25rem; border: 1px solid #d4e1e8; border-radius: .35rem; object-fit: cover; }.certification-summary-page__evidence span[b-zjl0belxv7] { display: inline-grid; width: 2.25rem; height: 2.25rem; place-items: center; border-radius: .35rem; color: #476b81; background: #eef5f8; font-size: .65rem; font-weight: 700; }.certification-summary-page__no-evidence[b-zjl0belxv7] { color: #9aa9b1; font-size: .66rem; font-style: italic; }
.certification-summary-page__empty[b-zjl0belxv7] { display: grid; place-items: center; min-height: 16rem; border: 1px dashed #ccdde6; border-radius: .8rem; padding: 2rem; color: #71838e; background: #fff; text-align: center; }.certification-summary-page__empty span[b-zjl0belxv7] { display: inline-grid; width: 3rem; height: 3rem; place-items: center; border-radius: 50%; color: #6d96ad; background: #ecf4f8; font-size: 1.25rem; }.certification-summary-page__empty h2[b-zjl0belxv7] { margin: .7rem 0 .3rem; color: #38576b; font-size: .96rem; }.certification-summary-page__empty p[b-zjl0belxv7] { margin: 0; font-size: .76rem; }.certification-summary-page__empty--filtered[b-zjl0belxv7] { min-height: 10rem; }
@media (max-width: 900px) { .certification-summary-page__filters[b-zjl0belxv7] { align-items: stretch; flex-direction: column; }.certification-summary-page__filter-tabs[b-zjl0belxv7] { width: 100%; }.certification-summary-page__filter-tabs button[b-zjl0belxv7] { flex: 1; }.certification-summary-page__metrics[b-zjl0belxv7] { gap: .35rem; }.certification-summary-page__metric[b-zjl0belxv7] { padding-left: .35rem; }.certification-summary-page__metric:not(:first-child)[b-zjl0belxv7] { display: none; } }
@media (max-width: 640px) { .certification-summary-page__download[b-zjl0belxv7] { width: 100%; justify-content: center; }.certification-summary-page__context[b-zjl0belxv7] { align-items: flex-start; }.certification-summary-page__filters[b-zjl0belxv7] { margin-top: .25rem; }.certification-summary-page__search[b-zjl0belxv7] { min-width: 0; }.certification-summary-page__filter-tabs[b-zjl0belxv7] { overflow-x: auto; }.certification-summary-page__filter-tabs button[b-zjl0belxv7] { flex: 0 0 auto; }.certification-summary-page__recinto-header[b-zjl0belxv7] { flex-wrap: wrap; }.certification-summary-page__recinto-title[b-zjl0belxv7] { min-width: 0; flex: 1; }.certification-summary-page__card-count[b-zjl0belxv7] { margin-left: auto; }.certification-summary-page__metrics[b-zjl0belxv7] { width: 100%; justify-content: flex-start; margin-left: 2.9rem; }.certification-summary-page__chevron[b-zjl0belxv7] { position: absolute; right: 1.15rem; }.certification-summary-page__card-header[b-zjl0belxv7] { align-items: flex-start; }.certification-summary-page__card-state[b-zjl0belxv7] { display: none; } }
/* /Components/Pages/Quality/Certification/_ActivationCertification.razor.rz.scp.css */
.certification-schedule__steps[b-imwsgp09w1] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .35rem;
    margin-bottom: 1.25rem;
}

.certification-schedule__step[b-imwsgp09w1] {
    display: grid;
    justify-items: center;
    gap: .3rem;
    color: #8495a0;
    font-size: .68rem;
    font-weight: 700;
    text-align: center;
}

.certification-schedule__step b[b-imwsgp09w1] {
    display: grid;
    width: 1.85rem;
    height: 1.85rem;
    place-items: center;
    border-radius: 50%;
    color: #6d808d;
    background: #eef3f5;
}

.certification-schedule__step--active[b-imwsgp09w1] { color: #284a64; }
.certification-schedule__step--active b[b-imwsgp09w1] { color: #fff; background: #2d6d99; }

.certification-schedule__section[b-imwsgp09w1] {
    padding: 1rem 0;
    border-top: 1px solid #e7eef1;
}

.certification-schedule__section-heading[b-imwsgp09w1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .8rem;
    color: #6d808d;
    font-size: .7rem;
    font-weight: 700;
}

.certification-schedule__section-heading > div[b-imwsgp09w1] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #2b4c61;
    font-size: .82rem;
}

.certification-schedule__section-number[b-imwsgp09w1] {
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #2d6d99;
    font-size: .66rem;
}

.certification-schedule__unit-list[b-imwsgp09w1] {
    max-height: 14rem;
    overflow-y: auto;
    border: 1px solid #dce7ed;
    border-radius: .7rem;
}

.certification-schedule__unit-row[b-imwsgp09w1] {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: .6rem;
    padding: .65rem .7rem;
    border-bottom: 1px solid #edf2f4;
    cursor: pointer;
}

.certification-schedule__unit-row:last-child[b-imwsgp09w1] { border-bottom: 0; }
.certification-schedule__unit-row:has(input:checked)[b-imwsgp09w1] { background: #f0f7fb; }
.certification-schedule__unit-row input[b-imwsgp09w1] { width: 1rem; height: 1rem; accent-color: #2d6d99; }

.certification-schedule__unit-icon[b-imwsgp09w1] {
    display: grid;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    border-radius: .5rem;
    color: #2d6d99;
    background: #eaf3f8;
}

.certification-schedule__unit-row strong[b-imwsgp09w1],
.certification-schedule__unit-row small[b-imwsgp09w1] { display: block; }
.certification-schedule__unit-row strong[b-imwsgp09w1] { color: #36566a; font-size: .76rem; }
.certification-schedule__unit-row small[b-imwsgp09w1] { margin-top: .15rem; color: #8797a1; font-size: .67rem; }

.certification-schedule__date-grid[b-imwsgp09w1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.certification-schedule__date-grid .field[b-imwsgp09w1],
.certification-schedule__reviewer-row[b-imwsgp09w1] { display: grid; gap: .35rem; }

.certification-schedule__date-grid label[b-imwsgp09w1],
.certification-schedule__reviewer-row label[b-imwsgp09w1] {
    color: #597180;
    font-size: .72rem;
    font-weight: 700;
}

.certification-schedule__date-grid input[b-imwsgp09w1],
.certification-schedule__reviewer-row select[b-imwsgp09w1] {
    width: 100%;
    min-height: 2.45rem;
    box-sizing: border-box;
    border: 1px solid #dce7ed;
    border-radius: .55rem;
    padding: .45rem .6rem;
    color: #36566a;
    background: #fff;
    font-size: .76rem;
}

.certification-schedule__reviewer-row[b-imwsgp09w1] { margin-top: .65rem; }

.certification-schedule__footer-summary[b-imwsgp09w1] {
    margin-right: auto;
    color: #69808d;
    font-size: .75rem;
    font-weight: 700;
}

.certification-schedule__submit[b-imwsgp09w1] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.certification-schedule__empty[b-imwsgp09w1] {
    padding: 1rem;
    border: 1px dashed #cbd9e0;
    border-radius: .65rem;
    color: #81929d;
    font-size: .76rem;
    text-align: center;
}

@media (max-width: 640px) {
    .certification-schedule__date-grid[b-imwsgp09w1] { grid-template-columns: 1fr; }
    .certification-schedule__footer-summary[b-imwsgp09w1] { display: none; }
    .certification-schedule__submit[b-imwsgp09w1] { width: 100%; justify-content: center; }
}
/* /Components/Pages/Quality/ControlCard/BulkControlActivation.razor.rz.scp.css */
.bulk-control-activation[b-viqv1j3mfy] {
    display: grid;
    gap: 1rem;
    padding-bottom: 1.25rem;
}

.bulk-control-section[b-viqv1j3mfy] {
    display: grid;
    gap: .9rem;
    padding: 1.1rem;
    border: 1px solid var(--border-color, #e1e8ef);
    border-radius: .9rem;
    background: var(--surface-color, #fff);
}

.bulk-control-section__header[b-viqv1j3mfy],
.bulk-control-toolbar[b-viqv1j3mfy],
.bulk-control-summary-bar[b-viqv1j3mfy],
.bulk-control-summary-bar__actions[b-viqv1j3mfy] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.bulk-control-section__header[b-viqv1j3mfy],
.bulk-control-summary-bar[b-viqv1j3mfy] {
    justify-content: space-between;
}

.bulk-control-section__header h2[b-viqv1j3mfy],
.bulk-control-section__header p[b-viqv1j3mfy],
.bulk-control-reviewers__heading h3[b-viqv1j3mfy],
.bulk-control-reviewers__heading p[b-viqv1j3mfy] {
    margin: 0;
}

.bulk-control-section__header h2[b-viqv1j3mfy],
.bulk-control-reviewers__heading h3[b-viqv1j3mfy] {
    color: var(--primary, #214b6d);
    font-size: 1rem;
}

.bulk-control-section__header p[b-viqv1j3mfy],
.bulk-control-reviewers__heading p[b-viqv1j3mfy] {
    margin-top: .25rem;
    color: var(--text-muted, #718096);
    font-size: .82rem;
}

.bulk-control-section__eyebrow[b-viqv1j3mfy] {
    color: var(--primary, #214b6d);
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.bulk-control-count[b-viqv1j3mfy] {
    padding: .35rem .65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--primary, #214b6d) 10%, transparent);
    color: var(--primary, #214b6d);
    font-size: .78rem;
    font-weight: 700;
    white-space: nowrap;
}

.bulk-control-toolbar--split[b-viqv1j3mfy] {
    justify-content: space-between;
}

.bulk-control-search[b-viqv1j3mfy] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .55rem;
    width: min(100%, 25rem);
    min-height: 2.55rem;
    padding: 0 .8rem;
    border: 1px solid #dce6eb;
    border-radius: .65rem;
    background: #fff;
}

.bulk-control-search i[b-viqv1j3mfy] {
    position: static;
    flex: 0 0 auto;
    color: #607784;
    font-size: .9rem;
    line-height: 1;
    transform: none;
}

.bulk-control-search input[b-viqv1j3mfy] {
    width: auto;
    min-width: 0;
    flex: 1 1 auto;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
}

.bulk-control-search:focus-within[b-viqv1j3mfy] {
    border-color: #2c669a;
    box-shadow: 0 0 0 3px rgba(44, 102, 154, .12);
}

.bulk-control-search input:focus[b-viqv1j3mfy] {
    border: 0;
    outline: 0;
    box-shadow: none;
}

.bulk-control-select[b-viqv1j3mfy] {
    min-width: 13rem;
}

.bulk-control-table-wrap[b-viqv1j3mfy] {
    overflow-x: auto;
}

.bulk-control-table[b-viqv1j3mfy] {
    width: 100%;
    min-width: 42rem;
    border-collapse: collapse;
    font-size: .83rem;
}

.bulk-control-table th[b-viqv1j3mfy],
.bulk-control-table td[b-viqv1j3mfy] {
    padding: .75rem .7rem;
    border-bottom: 1px solid var(--border-color, #e7edf3);
    text-align: left;
}

.bulk-control-table th[b-viqv1j3mfy] {
    color: var(--text-muted, #66788a);
    font-size: .74rem;
    font-weight: 700;
    white-space: nowrap;
}

.bulk-control-table tbody tr[b-viqv1j3mfy] {
    transition: background-color .18s ease;
}

.bulk-control-table tbody tr.is-selected[b-viqv1j3mfy] {
    background: color-mix(in srgb, var(--primary, #214b6d) 7%, transparent);
}

.bulk-control-table__select[b-viqv1j3mfy] {
    width: 2.8rem;
    text-align: center !important;
}

.bulk-control-table__select input[b-viqv1j3mfy] {
    width: 1rem;
    height: 1rem;
    accent-color: var(--primary, #214b6d);
}

.bulk-control-table__empty[b-viqv1j3mfy] {
    padding: 2rem !important;
    color: var(--text-muted, #718096);
    text-align: center !important;
}

.bulk-control-code[b-viqv1j3mfy] {
    color: var(--primary, #214b6d);
    font-weight: 700;
    white-space: nowrap;
}

.bulk-control-summary-bar[b-viqv1j3mfy] {
    position: sticky;
    bottom: .8rem;
    z-index: 2;
    padding: .85rem 1rem;
    border: 1px solid color-mix(in srgb, var(--primary, #214b6d) 20%, transparent);
    border-radius: .8rem;
    background: color-mix(in srgb, var(--primary, #214b6d) 8%, #fff);
    box-shadow: 0 .5rem 1.4rem rgba(20, 47, 72, .12);
}

.bulk-control-summary-bar span[b-viqv1j3mfy] {
    margin-left: .35rem;
    color: var(--text-muted, #66788a);
    font-size: .85rem;
}

.bulk-control-summary-bar .bulk-control-summary-bar__warning[b-viqv1j3mfy] {
    display: block;
    margin: .25rem 0 0;
    color: #b45309;
}

.bulk-control-empty[b-viqv1j3mfy] {
    display: grid;
    justify-items: center;
    gap: .45rem;
    padding: 3rem 1rem;
    color: var(--text-muted, #66788a);
    text-align: center;
}

.bulk-control-empty i[b-viqv1j3mfy] {
    color: var(--primary, #214b6d);
    font-size: 2rem;
}

.bulk-control-empty h2[b-viqv1j3mfy],
.bulk-control-empty p[b-viqv1j3mfy] {
    margin: 0;
}

.bulk-control-drawer-summary[b-viqv1j3mfy] {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    padding: .8rem;
    border: 1px solid color-mix(in srgb, var(--primary, #214b6d) 18%, transparent);
    border-radius: .7rem;
    background: color-mix(in srgb, var(--primary, #214b6d) 7%, #fff);
}

.bulk-control-drawer-summary i[b-viqv1j3mfy] {
    display: grid;
    width: 2.3rem;
    height: 2.3rem;
    place-items: center;
    border-radius: 50%;
    background: var(--primary, #214b6d);
    color: #fff;
}

.bulk-control-drawer-summary strong[b-viqv1j3mfy],
.bulk-control-drawer-summary span[b-viqv1j3mfy] {
    display: block;
}

.bulk-control-drawer-summary span[b-viqv1j3mfy] {
    margin-top: .15rem;
    color: var(--text-muted, #66788a);
    font-size: .82rem;
}

.bulk-control-drawer-dates[b-viqv1j3mfy] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.bulk-control-drawer-dates .field[b-viqv1j3mfy],
.bulk-control-reviewer-row > div[b-viqv1j3mfy] {
    display: grid;
    gap: .35rem;
}

.bulk-control-drawer-dates label[b-viqv1j3mfy],
.bulk-control-reviewer-row strong[b-viqv1j3mfy] {
    color: var(--primary, #214b6d);
    font-size: .8rem;
}

.bulk-control-drawer-dates input[b-viqv1j3mfy],
.bulk-control-reviewer-row select[b-viqv1j3mfy] {
    width: 100%;
}

.bulk-control-reviewers[b-viqv1j3mfy] {
    display: grid;
    gap: .75rem;
    margin-top: 1.25rem;
}

.bulk-control-reviewer-row[b-viqv1j3mfy] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr);
    gap: .65rem;
    align-items: start;
    padding: .7rem;
    border: 1px solid var(--border-color, #e1e8ef);
    border-radius: .65rem;
}

.bulk-control-reviewer-row__number[b-viqv1j3mfy] {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 50%;
    background: color-mix(in srgb, var(--primary, #214b6d) 12%, #fff);
    color: var(--primary, #214b6d);
    font-size: .8rem;
    font-weight: 700;
}

.bulk-control-validation[b-viqv1j3mfy] {
    margin: 0;
    color: #b45309;
    font-size: .84rem;
}

@media (max-width: 720px) {
    .bulk-control-section__header[b-viqv1j3mfy],
    .bulk-control-toolbar--split[b-viqv1j3mfy],
    .bulk-control-summary-bar[b-viqv1j3mfy] {
        align-items: stretch;
        flex-direction: column;
    }

    .bulk-control-toolbar--split .bulk-control-select[b-viqv1j3mfy],
    .bulk-control-summary-bar__actions[b-viqv1j3mfy],
    .bulk-control-summary-bar__actions > button[b-viqv1j3mfy] {
        width: 100%;
    }

    .bulk-control-summary-bar__actions[b-viqv1j3mfy] {
        justify-content: stretch;
    }

    .bulk-control-drawer-dates[b-viqv1j3mfy] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Quality/ControlCard/ControlHome.razor.rz.scp.css */
.control-home[b-2q6vdswswx] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: clamp(1.5rem, 3vw, 3rem) clamp(1rem, 3vw, 2rem) 3rem;
}

.control-home__heading[b-2q6vdswswx] {
    margin-bottom: 1.75rem;
}

.control-home__eyebrow[b-2q6vdswswx] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #c87924;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.control-home__heading h1[b-2q6vdswswx] {
    margin: .45rem 0 .45rem;
    color: #284a64;
    font-size: clamp(1.5rem, 2.3vw, 2rem);
    font-weight: 750;
    letter-spacing: -.035em;
}

.control-home__heading p[b-2q6vdswswx] {
    max-width: 40rem;
    margin: 0;
    color: #71808b;
    font-size: .93rem;
    line-height: 1.55;
}

.control-home__grid[b-2q6vdswswx] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.control-card[b-2q6vdswswx] {
    position: relative;
    display: flex;
    min-height: 184px;
    padding: 1.4rem;
    overflow: hidden;
    border: 1px solid #e2e9ed;
    border-radius: 16px;
    background: #fff;
    color: inherit;
    text-align: left;
    box-shadow: 0 4px 14px rgba(26, 59, 81, .05);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.control-card[b-2q6vdswswx]::after {
    position: absolute;
    right: -24px;
    bottom: -30px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: #f1f6f8;
    content: "";
    transition: transform .25s ease;
}

.control-card:hover[b-2q6vdswswx] {
    border-color: #c8d7de;
    box-shadow: 0 14px 26px rgba(26, 59, 81, .11);
    transform: translateY(-4px);
}

.control-card:hover[b-2q6vdswswx]::after {
    transform: scale(1.25);
}

.control-card:focus-visible[b-2q6vdswswx] {
    outline: 3px solid rgba(200, 121, 36, .35);
    outline-offset: 3px;
}

.control-card__icon[b-2q6vdswswx] {
    position: absolute;
    top: 1.35rem;
    left: 1.4rem;
    z-index: 1;
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 11px;
    background: #e8f0f4;
    color: #284a64;
    font-size: 1.25rem;
}

.control-card__content[b-2q6vdswswx] {
    z-index: 1;
    align-self: flex-end;
    padding-right: 1.25rem;
}

.control-card__title[b-2q6vdswswx],
.control-card__description[b-2q6vdswswx] {
    display: block;
}

.control-card__title[b-2q6vdswswx] {
    margin-bottom: .38rem;
    color: #284a64;
    font-size: 1rem;
    font-weight: 750;
}

.control-card__description[b-2q6vdswswx] {
    color: #71808b;
    font-size: .81rem;
    line-height: 1.45;
}

.control-card__arrow[b-2q6vdswswx] {
    position: absolute;
    right: 1.25rem;
    bottom: 1.3rem;
    z-index: 1;
    color: #c87924;
    font-size: 1.05rem;
    transition: transform .2s ease;
}

.control-card:hover .control-card__arrow[b-2q6vdswswx] {
    transform: translateX(4px);
}

.control-card--primary[b-2q6vdswswx] {
    border-color: #284a64;
    background: #284a64;
}

.control-card--primary[b-2q6vdswswx]::after {
    background: rgba(255, 255, 255, .08);
}

.control-card--primary .control-card__icon[b-2q6vdswswx] {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.control-card--primary .control-card__title[b-2q6vdswswx] {
    color: #fff;
}

.control-card--primary .control-card__description[b-2q6vdswswx] {
    color: rgba(255, 255, 255, .72);
}

.control-card--primary .control-card__arrow[b-2q6vdswswx] {
    color: #f0ad4e;
}

@media (max-width: 860px) {
    .control-home__grid[b-2q6vdswswx] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .control-home[b-2q6vdswswx] {
        padding-inline: 1rem;
    }

    .control-home__grid[b-2q6vdswswx] {
        grid-template-columns: 1fr;
    }

    .control-card[b-2q6vdswswx] {
        min-height: 158px;
    }
}
/* /Components/Pages/Quality/ControlCard/InventoryCards.razor.rz.scp.css */
.inventory-page__result-badge[b-cryn9dkivc] {
    display: inline-flex;
    align-items: center;
    min-height: 2.45rem;
    border: 1px solid #dce8ee;
    border-radius: .7rem;
    padding: 0 .75rem;
    color: #486b7d;
    background: #f8fbfc;
    font-size: .73rem;
    font-weight: 800;
    white-space: nowrap;
}

.inventory-page__filter-panel[b-cryn9dkivc] {
    display: grid;
    gap: .85rem;
    border: 1px solid #dce8ee;
    border-radius: .9rem;
    padding: .85rem;
    background: #fff;
    box-shadow: 0 .35rem 1rem rgba(40, 74, 100, .045);
}

.inventory-page__primary-filters[b-cryn9dkivc],
.inventory-page__advanced-filters[b-cryn9dkivc] {
    display: grid;
    grid-template-columns: minmax(15rem, 1.7fr) minmax(10rem, 1fr) minmax(9rem, .9fr) auto;
    align-items: end;
    gap: .7rem;
}

.inventory-page__advanced-filters[b-cryn9dkivc] {
    grid-template-columns: minmax(12rem, 1.1fr) minmax(10rem, .8fr) minmax(10rem, .8fr) auto;
    border-top: 1px solid #edf2f4;
    padding-top: .85rem;
}

.inventory-page__search[b-cryn9dkivc] {
    position: relative;
    display: block;
}

.inventory-page__search i[b-cryn9dkivc] {
    position: absolute;
    top: 50%;
    left: .8rem;
    color: #6f8592;
    font-size: .94rem;
    transform: translateY(-50%);
}

.inventory-page__search input[b-cryn9dkivc],
.inventory-page__field select[b-cryn9dkivc],
.inventory-page__field input[b-cryn9dkivc] {
    width: 100%;
    min-height: 2.65rem;
    box-sizing: border-box;
    border: 1px solid #d7e4ea;
    border-radius: .62rem;
    outline: 0;
    color: #405b6b;
    background: #fff;
    font: inherit;
    font-size: .76rem;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.inventory-page__search input[b-cryn9dkivc] {
    padding: .58rem .8rem .58rem 2.45rem;
}

.inventory-page__field select[b-cryn9dkivc],
.inventory-page__field input[b-cryn9dkivc] {
    padding: .58rem .7rem;
}

.inventory-page__search input:focus[b-cryn9dkivc],
.inventory-page__field select:focus[b-cryn9dkivc],
.inventory-page__field input:focus[b-cryn9dkivc] {
    border-color: #79a7c1;
    box-shadow: 0 0 0 .18rem rgba(45, 109, 153, .12);
}

.inventory-page__field[b-cryn9dkivc] {
    display: grid;
    gap: .28rem;
    min-width: 0;
}

.inventory-page__field > span[b-cryn9dkivc] {
    color: #6b8491;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.inventory-page__more-filters[b-cryn9dkivc],
.inventory-page__clear-filters[b-cryn9dkivc] {
    display: inline-flex;
    min-height: 2.65rem;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    border: 1px solid #3b78a3;
    border-radius: .62rem;
    padding: .55rem .78rem;
    color: #2c669a;
    background: #fff;
    font: inherit;
    font-size: .74rem;
    font-weight: 800;
    cursor: pointer;
    white-space: nowrap;
}

.inventory-page__more-filters:hover[b-cryn9dkivc],
.inventory-page__clear-filters:hover[b-cryn9dkivc] {
    color: #fff;
    background: #2c669a;
}

.inventory-page__clear-filters[b-cryn9dkivc] {
    border-color: #dbe6eb;
    color: #647b88;
}

.inventory-page__content[b-cryn9dkivc] {
    display: grid;
    gap: 1.15rem;
    width: 100%;
    box-sizing: border-box;
    padding: 1.2rem clamp(1rem, 2.5vw, 2.25rem) 1.75rem;
}

.inventory-page__summary[b-cryn9dkivc] {
    overflow: hidden;
    border: 1px solid #dce8ee;
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 .35rem 1rem rgba(40, 74, 100, .04);
}

.inventory-page__summary-heading[b-cryn9dkivc],
.inventory-page__table-heading[b-cryn9dkivc] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.inventory-page__summary-heading[b-cryn9dkivc] {
    padding: .9rem 1rem .72rem;
    border-bottom: 1px solid #e7eff3;
}

.inventory-page__summary-heading span[b-cryn9dkivc],
.inventory-page__table-heading span[b-cryn9dkivc] {
    display: block;
    color: #688492;
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.inventory-page__summary-heading h2[b-cryn9dkivc],
.inventory-page__table-heading h2[b-cryn9dkivc] {
    margin: .18rem 0 0;
    color: #294b60;
    font-size: 1rem;
}

.inventory-page__summary-heading small[b-cryn9dkivc] {
    color: #7d919c;
    font-size: .68rem;
}

.inventory-page__metrics[b-cryn9dkivc] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.inventory-metric[b-cryn9dkivc] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: .6rem;
    min-width: 0;
    border: 0;
    border-right: 1px solid #e7eff3;
    padding: .95rem 1rem;
    color: #405d6d;
    background: #fff;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: background .16s ease;
}

.inventory-metric:last-child[b-cryn9dkivc] { border-right: 0; }
.inventory-metric:hover[b-cryn9dkivc],
.inventory-metric.is-active[b-cryn9dkivc] { background: #f5fafc; }

.inventory-metric__icon[b-cryn9dkivc] {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    font-size: 1.05rem;
}

.inventory-metric__label[b-cryn9dkivc] {
    overflow: hidden;
    font-size: .72rem;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inventory-metric strong[b-cryn9dkivc] {
    font-size: 1.4rem;
    line-height: 1;
}

.inventory-metric--total .inventory-metric__icon[b-cryn9dkivc] { color: #2d6d99; background: #eaf3f8; }
.inventory-metric--total strong[b-cryn9dkivc] { color: #2d6d99; }
.inventory-metric--progress .inventory-metric__icon[b-cryn9dkivc] { color: #2679c4; background: #eaf3fd; }
.inventory-metric--progress strong[b-cryn9dkivc] { color: #2679c4; }
.inventory-metric--overdue .inventory-metric__icon[b-cryn9dkivc] { color: #c17813; background: #fff4e4; }
.inventory-metric--overdue strong[b-cryn9dkivc] { color: #c17813; }
.inventory-metric--completed .inventory-metric__icon[b-cryn9dkivc] { color: #27805f; background: #eaf6f0; }
.inventory-metric--completed strong[b-cryn9dkivc] { color: #27805f; }

.inventory-page__table-section[b-cryn9dkivc] { min-width: 0; }

.inventory-page__table-heading[b-cryn9dkivc] {
    margin: 0 0 .72rem;
}

.inventory-page__table-heading p[b-cryn9dkivc] {
    margin: 0;
    color: #758a96;
    font-size: .71rem;
}

.inventory-page__options-column[b-cryn9dkivc] { width: 5.25rem; text-align: center !important; }

.inventory-page__detail-action[b-cryn9dkivc] {
    display: inline-grid;
    width: 2.1rem;
    height: 2.1rem;
    place-items: center;
    border: 1px solid #ccdce4;
    border-radius: .58rem;
    color: #2c669a;
    background: #fff;
    cursor: pointer;
    transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease;
}

.inventory-page__detail-action:hover[b-cryn9dkivc] {
    border-color: #2c669a;
    color: #fff;
    background: #2c669a;
    transform: translateY(-1px);
}

.inventory-page__status[b-cryn9dkivc],
.inventory-page__deadline[b-cryn9dkivc] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border-radius: 999px;
    padding: .35rem .55rem;
    font-size: .68rem;
    font-weight: 800;
    white-space: nowrap;
}

.inventory-page__status i[b-cryn9dkivc] { font-size: .45rem; }
.inventory-page__status--progress[b-cryn9dkivc] { color: #286faf; background: #eaf3fd; }
.inventory-page__status--overdue[b-cryn9dkivc] { color: #b86818; background: #fff2e5; }
.inventory-page__status--completed[b-cryn9dkivc] { color: #297d61; background: #e9f6ef; }
.inventory-page__status--pending[b-cryn9dkivc] { color: #667e8b; background: #eef3f5; }

.inventory-page__file-number[b-cryn9dkivc],
.inventory-page__activity[b-cryn9dkivc] {
    display: block;
    color: #294b60;
    font-size: .76rem;
    line-height: 1.3;
}

.inventory-page__file-number[b-cryn9dkivc] { color: #28679a; white-space: nowrap; }

.inventory-page__secondary[b-cryn9dkivc],
.inventory-page__date-pair[b-cryn9dkivc],
.inventory-page__responsible[b-cryn9dkivc],
.inventory-page__location[b-cryn9dkivc] {
    color: #708590;
    font-size: .69rem;
}

.inventory-page__secondary[b-cryn9dkivc] {
    display: block;
    margin-top: .2rem;
}

.inventory-page__location[b-cryn9dkivc],
.inventory-page__responsible[b-cryn9dkivc] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 9rem;
}

.inventory-page__location > i[b-cryn9dkivc] { color: #2c73aa; font-size: .95rem; }

.inventory-page__date-pair[b-cryn9dkivc] {
    display: grid;
    gap: .25rem;
    min-width: 8.6rem;
}

.inventory-page__date-pair span[b-cryn9dkivc] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    white-space: nowrap;
}

.inventory-page__date-pair i[b-cryn9dkivc] { color: #2c73aa; }

.inventory-page__deadline[b-cryn9dkivc] { border: 1px solid transparent; }
.inventory-page__deadline--normal[b-cryn9dkivc] { color: #2c669a; border-color: #d8e6ed; background: #f6fafc; }
.inventory-page__deadline--overdue[b-cryn9dkivc] { color: #bb6816; border-color: #f5d7b6; background: #fff6eb; }
.inventory-page__deadline--completed[b-cryn9dkivc] { color: #2a7e60; border-color: #d0eadc; background: #f1faf5; }

.inventory-page__initials[b-cryn9dkivc] {
    display: grid;
    width: 1.9rem;
    height: 1.9rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    color: #2a6c9b;
    background: #e9f3f8;
    font-size: .65rem;
    font-weight: 800;
}

.inventory-page__responsible > span:last-child[b-cryn9dkivc] { display: grid; gap: .08rem; }
.inventory-page__responsible strong[b-cryn9dkivc] { color: #405c6c; font-size: .7rem; }

@media (max-width: 1080px) {
    .inventory-page__primary-filters[b-cryn9dkivc] { grid-template-columns: minmax(15rem, 1fr) minmax(10rem, .8fr) auto; }
    .inventory-page__primary-filters .inventory-page__field:first-of-type[b-cryn9dkivc] { grid-column: span 1; }
    .inventory-page__metrics[b-cryn9dkivc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .inventory-metric:nth-child(2)[b-cryn9dkivc] { border-right: 0; }
    .inventory-metric:nth-child(-n+2)[b-cryn9dkivc] { border-bottom: 1px solid #e7eff3; }
}

@media (max-width: 720px) {
    .inventory-page__primary-filters[b-cryn9dkivc],
    .inventory-page__advanced-filters[b-cryn9dkivc] { grid-template-columns: 1fr; }
    .inventory-page__more-filters[b-cryn9dkivc],
    .inventory-page__clear-filters[b-cryn9dkivc] { width: 100%; }
    .inventory-page__summary-heading[b-cryn9dkivc],
    .inventory-page__table-heading[b-cryn9dkivc] { align-items: flex-start; flex-direction: column; }
    .inventory-page__metrics[b-cryn9dkivc] { grid-template-columns: 1fr; }
    .inventory-metric[b-cryn9dkivc],
    .inventory-metric:nth-child(2)[b-cryn9dkivc] { border-right: 0; border-bottom: 1px solid #e7eff3; }
    .inventory-metric:last-child[b-cryn9dkivc] { border-bottom: 0; }
}
/* /Components/Pages/Quality/ControlCard/StatusControlCardList.razor.rz.scp.css */
.control-plan-row:hover[b-smv52f485d] {
    background: #f7fafc !important;
}

.control-plan-activity[b-smv52f485d] {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 14rem;
}

.control-plan-activity__icon[b-smv52f485d] {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 auto;
    place-items: center;
    position: relative;
    border-radius: .65rem;
    background: #284a64;
    color: #fff;
    font-size: 1.15rem;
    line-height: 1;
    box-shadow: 0 .35rem .7rem rgba(32, 63, 88, .16);
}

.control-plan-activity__icon i[b-smv52f485d] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    line-height: 1;
    transform: translate(-50%, -50%);
}

.control-plan-activity strong[b-smv52f485d],
.control-plan-activity span[b-smv52f485d] {
    display: block;
}

.control-plan-activity strong[b-smv52f485d] {
    color: #284a64;
    font-size: .84rem;
    line-height: 1.25;
}

.control-plan-activity span:not(.control-plan-activity__icon)[b-smv52f485d] {
    margin-top: .22rem;
    color: #7a8c97;
    font-size: .69rem;
    font-weight: 700;
    letter-spacing: .035em;
}

.control-plan-progress[b-smv52f485d] {
    display: flex;
    align-items: center;
    gap: .6rem;
    min-width: 8.8rem;
}

.control-plan-progress__track[b-smv52f485d] {
    width: 6.25rem;
    height: .34rem;
    overflow: hidden;
    border-radius: 999px;
    background: #e5ebef;
}

.control-plan-progress__track span[b-smv52f485d] {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: #e87817;
}

.control-plan-progress strong[b-smv52f485d] {
    color: #284a64;
    font-size: .76rem;
}

.control-plan-coverage[b-smv52f485d] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 17rem;
}

.control-plan-coverage__metric[b-smv52f485d] {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: .28rem;
    align-items: center;
    min-width: 4rem;
}

.control-plan-coverage__metric i[b-smv52f485d] {
    grid-row: span 2;
    font-size: 1rem;
}

.control-plan-coverage__metric strong[b-smv52f485d] {
    font-size: .82rem;
    line-height: 1;
}

.control-plan-coverage__metric small[b-smv52f485d] {
    color: #7a8c97;
    font-size: .6rem;
    line-height: 1.2;
    white-space: nowrap;
}

.control-plan-coverage__metric--total[b-smv52f485d] { color: #2c77c5; }
.control-plan-coverage__metric--review[b-smv52f485d] { color: #c88014; }
.control-plan-coverage__metric--complete[b-smv52f485d] { color: #11804a; }

.control-plan-status[b-smv52f485d] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .38rem .56rem;
    border-radius: .5rem;
    font-size: .7rem;
    font-weight: 750;
    white-space: nowrap;
}

.control-plan-status--complete[b-smv52f485d] {
    background: #eaf8f0;
    color: #16814d;
}

.control-plan-status--review[b-smv52f485d] {
    background: #fff4dc;
    color: #a76b11;
}

.control-plan-status--pending[b-smv52f485d] {
    background: #edf2f5;
    color: #607784;
}

.control-plan-schedule[b-smv52f485d] {
    display: grid;
    gap: .32rem;
    min-width: 8.5rem;
    color: #526a79;
    font-size: .71rem;
}

.control-plan-schedule span[b-smv52f485d] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    white-space: nowrap;
}

.control-plan-schedule i[b-smv52f485d] {
    color: #2c669a;
}

.control-plan-action[b-smv52f485d] {
    display: inline-grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    padding: 0;
    border: 1px solid #c9d8e1;
    border-radius: .62rem;
    background: #fff;
    color: #284a64;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}

.control-plan-action:hover[b-smv52f485d] {
    border-color: #284a64;
    background: #284a64;
    color: #fff;
    transform: translateY(-1px);
}

.control-plan-action:focus-visible[b-smv52f485d] {
    outline: 3px solid rgba(44, 102, 154, .25);
    outline-offset: 2px;
}

@media (max-width: 720px) {
    .control-plan-coverage[b-smv52f485d] {
        min-width: 15.5rem;
        gap: .45rem;
    }

    .control-plan-activity[b-smv52f485d] {
        min-width: 12.5rem;
    }
}
/* /Components/Pages/Quality/ControlCard/SummaryCardsUnits.razor.rz.scp.css */
.summary-cards-page[b-2vvj2jhlrp] {
    min-width: 0;
}

.summary-cards-page__content[b-2vvj2jhlrp] {
    padding-top: .25rem;
}

.summary-cards-page__primary-action[b-2vvj2jhlrp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    min-height: 2.5rem;
    border: 0;
    border-radius: .65rem;
    padding: .6rem 1rem;
    box-shadow: 0 7px 18px rgba(33, 82, 119, .18);
}

.summary-cards-page__history-action[b-2vvj2jhlrp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    min-height: 2.5rem;
    border: 1px solid #d7e3e9;
    border-radius: .65rem;
    padding: .55rem .8rem;
    color: #456475;
    background: #fff;
    font-size: .76rem;
    font-weight: 700;
}

.summary-cards-page__history-action:hover[b-2vvj2jhlrp] {
    border-color: #9db9ca;
    color: #245d88;
    background: #f1f7fa;
}

.summary-cards-page__primary-action:disabled[b-2vvj2jhlrp] {
    cursor: not-allowed;
    opacity: .55;
    box-shadow: none;
}

.summary-cards-page__intro[b-2vvj2jhlrp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 0 1rem;
}

.summary-cards-page__description[b-2vvj2jhlrp] {
    margin: 0;
    color: #71808e;
    font-size: .84rem;
}

.summary-cards-page__count[b-2vvj2jhlrp] {
    flex: 0 0 auto;
    border: 1px solid #dce7ed;
    border-radius: 999px;
    padding: .35rem .7rem;
    color: #506573;
    background: #f8fafb;
    font-size: .75rem;
    font-weight: 700;
}

.summary-cards-page__filters[b-2vvj2jhlrp] {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
}

.summary-cards-page__filters .search-box[b-2vvj2jhlrp] {
    flex: 1 1 18rem;
    min-width: 14rem;
}

.summary-cards-page__filter-actions[b-2vvj2jhlrp] {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    margin-left: auto;
}

.summary-cards-page__block-filter[b-2vvj2jhlrp] {
    min-height: 2.55rem;
    max-width: 12.25rem;
    border: 1px solid #dce6eb;
    border-radius: .65rem;
    padding: .45rem 2rem .45rem .7rem;
    outline: none;
    color: #3e5565;
    background-color: #fff;
    font-size: .78rem;
}

.summary-cards-page__block-filter:focus[b-2vvj2jhlrp] {
    border-color: #2c669a;
    box-shadow: 0 0 0 3px rgba(44, 102, 154, .1);
}

.summary-cards-page__tool-button[b-2vvj2jhlrp] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.5rem;
    border-radius: .6rem;
    padding: .5rem .75rem;
    font-size: .76rem;
    white-space: nowrap;
}

.summary-cards-page__tool-button--danger:not(:disabled)[b-2vvj2jhlrp] {
    border-color: #f0d8d4;
    color: #a14d43;
    background: #fffafa;
}

.summary-cards-page__tool-button:disabled[b-2vvj2jhlrp] {
    cursor: not-allowed;
    opacity: .5;
}

[b-2vvj2jhlrp] .summary-cards-page__select-column {
    width: 3.5rem;
}

[b-2vvj2jhlrp] .summary-cards-page__row td {
    padding-top: .8rem;
    padding-bottom: .8rem;
    vertical-align: middle;
}

.summary-cards-page__checkbox[b-2vvj2jhlrp] {
    width: 1rem;
    height: 1rem;
    accent-color: #2c669a;
    cursor: pointer;
}

.summary-cards-page__index[b-2vvj2jhlrp] {
    display: inline-grid;
    width: 1.65rem;
    height: 1.65rem;
    place-items: center;
    border-radius: 50%;
    color: #647782;
    background: #f0f4f6;
    font-size: .72rem;
    font-weight: 700;
}

.summary-cards-page__unit[b-2vvj2jhlrp] {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 10rem;
    color: #2b475a;
    font-size: .8rem;
    font-weight: 700;
}

.summary-cards-page__unit-icon[b-2vvj2jhlrp] {
    display: inline-grid;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: .6rem;
    color: #2b6d9e;
    background: #eaf3f8;
    font-size: .92rem;
}

.summary-cards-page__schedule[b-2vvj2jhlrp] {
    display: grid;
    gap: .28rem;
    min-width: 8.5rem;
    color: #5d727f;
    font-size: .72rem;
}

.summary-cards-page__schedule span[b-2vvj2jhlrp] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
}

.summary-cards-page__schedule i[b-2vvj2jhlrp] {
    color: #7d99aa;
}

.summary-cards-page__validity[b-2vvj2jhlrp] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border-radius: 999px;
    padding: .32rem .56rem;
    color: #a75c19;
    background: #fff5e8;
    font-size: .72rem;
    font-weight: 700;
    white-space: nowrap;
}

.summary-cards-page__validity--muted[b-2vvj2jhlrp] {
    color: #74838d;
    background: #f1f4f5;
}

.summary-cards-page__review-chain[b-2vvj2jhlrp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .32rem;
    min-width: 8rem;
}

.summary-cards-page__reviewer-step[b-2vvj2jhlrp] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    border: 1px solid #dce7ed;
    border-radius: 999px;
    padding: .2rem .48rem .2rem .22rem;
    color: #4c6879;
    background: #fff;
    font-size: .68rem;
    font-weight: 700;
}

.summary-cards-page__reviewer-level[b-2vvj2jhlrp] {
    display: inline-grid;
    width: 1.15rem;
    height: 1.15rem;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #477a9e;
    font-size: .62rem;
}

.summary-cards-page__active-reviewer[b-2vvj2jhlrp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    color: #456273;
    font-size: .75rem;
    font-weight: 700;
    white-space: nowrap;
}

.summary-cards-page__active-reviewer i[b-2vvj2jhlrp] {
    color: #31806c;
    font-size: .9rem;
}

.summary-cards-page__status[b-2vvj2jhlrp] {
    min-width: 6.4rem;
}

.summary-cards-page__activation[b-2vvj2jhlrp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border-radius: 999px;
    padding: .32rem .55rem;
    color: #71838e;
    background: #f0f4f5;
    font-size: .7rem;
    font-weight: 700;
    white-space: nowrap;
}

.summary-cards-page__activation--active[b-2vvj2jhlrp] {
    color: #28715e;
    background: #eaf6f1;
}

.summary-cards-page__actions[b-2vvj2jhlrp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
}

.summary-cards-page__action-btn[b-2vvj2jhlrp] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid #dce7ed;
    border-radius: .55rem;
    color: #4f6d7e;
    background: #fff;
    font-size: .85rem;
    transition: border-color .16s ease, color .16s ease, background-color .16s ease, transform .16s ease;
}

.summary-cards-page__action-btn:hover[b-2vvj2jhlrp] {
    border-color: #9bb8ca;
    color: #245d88;
    background: #f0f7fb;
    transform: translateY(-1px);
}

.summary-cards-page__action-btn--primary[b-2vvj2jhlrp] {
    border-color: #2d6d99;
    color: #fff;
    background: #2d6d99;
}

.summary-cards-page__action-btn--primary:hover[b-2vvj2jhlrp] {
    border-color: #255a80;
    color: #fff;
    background: #255a80;
}

.summary-cards-page__action-btn--danger:hover[b-2vvj2jhlrp] {
    border-color: #e7b9b2;
    color: #a7463b;
    background: #fff4f2;
}

.summary-cards-page__empty-value[b-2vvj2jhlrp] {
    color: #97a6af;
    font-size: .7rem;
    font-style: italic;
}

@media (max-width: 900px) {
    .summary-cards-page__block-filter[b-2vvj2jhlrp] {
        max-width: 10.5rem;
    }
}

@media (max-width: 640px) {
    .summary-cards-page__intro[b-2vvj2jhlrp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .summary-cards-page__primary-action[b-2vvj2jhlrp] {
        width: 100%;
    }

    .summary-cards-page__filters[b-2vvj2jhlrp],
    .summary-cards-page__filter-actions[b-2vvj2jhlrp],
    .summary-cards-page__tool-button[b-2vvj2jhlrp],
    .summary-cards-page__block-filter[b-2vvj2jhlrp] {
        width: 100%;
    }

    .summary-cards-page__filters[b-2vvj2jhlrp],
    .summary-cards-page__filter-actions[b-2vvj2jhlrp] {
        flex-flow: column nowrap;
        align-items: stretch;
    }

    .summary-cards-page__filters .search-box[b-2vvj2jhlrp] {
        min-width: 0;
    }

    .summary-cards-page__tool-button[b-2vvj2jhlrp] {
        justify-content: center;
    }
}
/* /Components/Pages/Quality/ControlCard/SummaryControl.razor.rz.scp.css */
.summary-control-page[b-o7cv1i02m7] {
    min-width: 0;
}

.summary-control-page__content[b-o7cv1i02m7] {
    display: grid;
    gap: 1.65rem;
    width: 100%;
    box-sizing: border-box;
    padding: .35rem clamp(1rem, 2.5vw, 2.25rem) 1.75rem;
}

.summary-control-page__actions[b-o7cv1i02m7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
}

.summary-control-page__reviewer-filter[b-o7cv1i02m7],
.summary-control-page__secondary-action[b-o7cv1i02m7],
.summary-control-page__primary-action[b-o7cv1i02m7] {
    min-height: 2.5rem;
    border-radius: .65rem;
    font-size: .76rem;
    font-weight: 700;
}

.summary-control-page__reviewer-filter[b-o7cv1i02m7] {
    max-width: 12rem;
    border: 1px solid #dce6eb;
    padding: .45rem 2rem .45rem .7rem;
    color: #486372;
    background: #fff;
}

.summary-control-page__secondary-action[b-o7cv1i02m7] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 1px solid #dce6eb;
    padding: .5rem .75rem;
    color: #4e6878;
    background: #fff;
}

.summary-control-page__secondary-action:hover[b-o7cv1i02m7] {
    border-color: #9db8c9;
    color: #245d88;
    background: #f2f8fb;
}

.summary-control-page__primary-action[b-o7cv1i02m7] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    border: 0;
    padding: .5rem .8rem;
}

.summary-control-page__overview[b-o7cv1i02m7] {
    display: grid;
    grid-template-columns: minmax(13rem, 1.25fr) repeat(4, minmax(8rem, .75fr)) minmax(15rem, 1.5fr);
    overflow: hidden;
    border: 1px solid #d9e7ee;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 .4rem 1.1rem rgba(37, 78, 105, .05);
}

.summary-control-page__process[b-o7cv1i02m7],
.summary-control-page__detail[b-o7cv1i02m7],
.summary-control-page__description[b-o7cv1i02m7] {
    min-width: 0;
    padding: 1.1rem 1rem;
    border-right: 1px solid #e5eef2;
}

.summary-control-page__detail[b-o7cv1i02m7] {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: .55rem;
}

.summary-control-page__detail > span[b-o7cv1i02m7] {
    margin-bottom: 0;
}

.summary-control-page__process[b-o7cv1i02m7] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.summary-control-page__process-icon[b-o7cv1i02m7] {
    position: relative;
    display: block;
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 auto;
    border-radius: .75rem;
    color: #2d6d99;
    background: #eaf3f8;
}

.summary-control-page__process-icon i[b-o7cv1i02m7] {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    font-size: 1.1rem;
    line-height: 1;
    transform: translate(-50%, -50%);
}

.summary-control-page__process span[b-o7cv1i02m7],
.summary-control-page__detail > span[b-o7cv1i02m7],
.summary-control-page__description > span[b-o7cv1i02m7] {
    display: block;
    margin-bottom: .35rem;
    color: #788b97;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.summary-control-page__process strong[b-o7cv1i02m7],
.summary-control-page__detail strong[b-o7cv1i02m7] {
    display: block;
    color: #294b60;
    font-size: .79rem;
}

.summary-control-page__process small[b-o7cv1i02m7] {
    display: block;
    margin-top: .18rem;
    color: #718592;
    font-size: .72rem;
}

.summary-control-page__detail strong i[b-o7cv1i02m7] { margin-right: .3rem; color: #5f8195; }
.summary-control-page__priority[b-o7cv1i02m7] { color: #ad6a1f !important; }
.summary-control-page__priority i[b-o7cv1i02m7] { color: #f3a51d !important; font-size: .55rem; vertical-align: middle; }

.summary-control-page__description[b-o7cv1i02m7] {
    border-right: 0;
}

.summary-control-page__description p[b-o7cv1i02m7] {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #5e7482;
    font-size: .75rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.summary-control-page__section-heading[b-o7cv1i02m7] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .2rem;
}

.summary-control-page__eyebrow[b-o7cv1i02m7] {
    color: #668493;
    font-size: .66rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.summary-control-page__section-heading h2[b-o7cv1i02m7] {
    margin: .25rem 0 0;
    color: #294b60;
    font-size: 1.1rem;
}

.summary-control-page__review-count[b-o7cv1i02m7] {
    border: 1px solid #dce7ed;
    border-radius: 999px;
    padding: .34rem .65rem;
    color: #607987;
    background: #f8fafb;
    font-size: .7rem;
    font-weight: 800;
}

.summary-control-page__timeline[b-o7cv1i02m7] {
    position: relative;
    display: grid;
    gap: 1.2rem;
    margin-top: 1.2rem;
}

.summary-control-page__timeline[b-o7cv1i02m7]::before {
    position: absolute;
    top: 1.725rem;
    bottom: 1.725rem;
    left: 0;
    width: 2px;
    background: #bfd5e2;
    content: "";
    transform: translateX(-50%);
}

.summary-control-page__review-card[b-o7cv1i02m7] {
    position: relative;
    margin-left: 1.2rem;
    border: 1px solid #dce7ed;
    border-radius: .95rem;
    background: #fff;
    box-shadow: 0 .35rem .9rem rgba(34, 74, 100, .045);
}

.summary-control-page__timeline-marker[b-o7cv1i02m7] {
    position: absolute;
    top: .9rem;
    left: calc(-1.2rem - .825rem);
    display: grid;
    box-sizing: border-box;
    width: 1.65rem;
    height: 1.65rem;
    place-items: center;
    border: 3px solid #f6fafc;
    border-radius: 50%;
    color: #fff;
    background: #2d6d99;
    box-shadow: 0 0 0 1px #bed3df;
    z-index: 1;
    font-size: .68rem;
    font-weight: 800;
}

.summary-control-page__review-header[b-o7cv1i02m7] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .95rem 1rem;
    border-bottom: 1px solid #e5eef2;
}

.summary-control-page__reviewer-avatar[b-o7cv1i02m7] {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #2d6d99;
    font-size: .72rem;
    font-weight: 800;
}

.summary-control-page__review-header h3[b-o7cv1i02m7] {
    margin: 0;
    color: #294b60;
    font-size: .83rem;
}

.summary-control-page__review-header div > span[b-o7cv1i02m7] {
    display: block;
    margin-top: .22rem;
    color: #718592;
    font-size: .7rem;
}

.summary-control-page__review-points[b-o7cv1i02m7] {
    margin-left: auto;
    border-radius: 999px;
    padding: .3rem .58rem;
    color: #2f806a;
    background: #eaf6f1;
    font-size: .69rem;
    font-weight: 800;
    white-space: nowrap;
}

.summary-control-page__table-wrap[b-o7cv1i02m7] { overflow-x: auto; }

.summary-control-page__table[b-o7cv1i02m7] {
    width: 100%;
    min-width: 57rem;
    border-collapse: separate;
    border-spacing: 0;
    color: #506b7b;
    font-size: .74rem;
}

.summary-control-page__table th[b-o7cv1i02m7] {
    padding: .72rem .75rem;
    border-bottom: 1px solid #dfeaf0;
    color: #607b8c;
    background: #f3f8fa;
    font-size: .66rem;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

.summary-control-page__table td[b-o7cv1i02m7] {
    padding: .8rem .75rem;
    border-bottom: 1px solid #edf2f4;
    vertical-align: middle;
}

.summary-control-page__table tbody tr:last-child td[b-o7cv1i02m7] { border-bottom: 0; }
.summary-control-page__item-number[b-o7cv1i02m7] { color: #80929d; font-weight: 800; text-align: center; }
.summary-control-page__observation[b-o7cv1i02m7] { max-width: 18rem; color: #677e8b; }

.summary-control-page__compliance[b-o7cv1i02m7] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    border-radius: 999px;
    padding: .28rem .52rem;
    font-weight: 700;
}

.summary-control-page__compliance--ok[b-o7cv1i02m7] { color: #287a63; background: #e9f6f0; }
.summary-control-page__compliance--failed[b-o7cv1i02m7] { color: #b44d42; background: #fff0ee; }
.summary-control-page__compliance--na[b-o7cv1i02m7] { color: #687c87; background: #edf2f4; }

.summary-control-page__evidence[b-o7cv1i02m7] {
    position: relative;
    display: inline-grid;
    width: 3.5rem;
    height: 2.45rem;
    place-items: center;
    overflow: hidden;
    border: 1px solid #d8e6ed;
    border-radius: .4rem;
    background: #edf4f7;
}

.summary-control-page__evidence img[b-o7cv1i02m7] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.summary-control-page__evidence i[b-o7cv1i02m7] {
    position: absolute;
    opacity: 0;
    color: #fff;
    font-size: .95rem;
    transition: opacity .16s ease;
}

.summary-control-page__evidence:hover[b-o7cv1i02m7]::after {
    position: absolute;
    inset: 0;
    background: rgba(35, 72, 96, .48);
    content: "";
}

.summary-control-page__evidence:hover i[b-o7cv1i02m7] { z-index: 1; opacity: 1; }
.summary-control-page__no-evidence[b-o7cv1i02m7] { color: #98a7af; font-size: .68rem; font-style: italic; }

.summary-control-page__empty-state[b-o7cv1i02m7] {
    display: grid;
    min-height: 16rem;
    margin-top: 1rem;
    place-items: center;
    align-content: center;
    gap: .45rem;
    border: 1px dashed #cad9e0;
    border-radius: .85rem;
    color: #7d919c;
    background: #fff;
    font-size: .78rem;
    text-align: center;
}

.summary-control-page__empty-state i[b-o7cv1i02m7] { color: #2d6d99; font-size: 1.7rem; }
.summary-control-page__empty-state strong[b-o7cv1i02m7] { color: #315167; font-size: .9rem; }

@media (max-width: 1200px) {
    .summary-control-page__overview[b-o7cv1i02m7] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .summary-control-page__description[b-o7cv1i02m7] { grid-column: span 2; border-right: 1px solid #e5eef2; }
}

@media (max-width: 840px) {
    .summary-control-page__actions[b-o7cv1i02m7] { flex-wrap: wrap; }
    .summary-control-page__overview[b-o7cv1i02m7] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .summary-control-page__description[b-o7cv1i02m7] { grid-column: span 2; }

    .summary-control-page__section-heading[b-o7cv1i02m7] {
        align-items: flex-start;
    }
}

@media (max-width: 640px) {
    .summary-control-page__content[b-o7cv1i02m7] {
        gap: 1.25rem;
        padding: .25rem 1rem 1.25rem;
    }

    .summary-control-page__actions[b-o7cv1i02m7] {
        align-items: stretch;
        flex-direction: column;
        gap: .5rem;
        width: 100%;
    }

    .summary-control-page__reviewer-filter[b-o7cv1i02m7],
    .summary-control-page__secondary-action[b-o7cv1i02m7],
    .summary-control-page__primary-action[b-o7cv1i02m7] {
        box-sizing: border-box;
        justify-content: center;
        width: 100%;
        max-width: none;
    }

    .summary-control-page__overview[b-o7cv1i02m7] { grid-template-columns: 1fr; }

    .summary-control-page__process[b-o7cv1i02m7],
    .summary-control-page__detail[b-o7cv1i02m7],
    .summary-control-page__description[b-o7cv1i02m7] {
        padding: .95rem;
        border-right: 0;
        border-bottom: 1px solid #e5eef2;
    }

    .summary-control-page__description[b-o7cv1i02m7] {
        grid-column: auto;
        border-bottom: 0;
    }

    .summary-control-page__section-heading[b-o7cv1i02m7] {
        align-items: flex-start;
        flex-direction: column;
        gap: .65rem;
    }

    .summary-control-page__review-count[b-o7cv1i02m7] { align-self: flex-start; }
    .summary-control-page__timeline[b-o7cv1i02m7] { gap: 1rem; margin-top: 1rem; }
    .summary-control-page__review-card[b-o7cv1i02m7] { margin-left: .95rem; }
    .summary-control-page__timeline-marker[b-o7cv1i02m7] { left: calc(-.95rem - .825rem); }

    .summary-control-page__review-header[b-o7cv1i02m7] {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: .6rem;
        padding: .85rem;
    }

    .summary-control-page__review-header div[b-o7cv1i02m7] { min-width: 0; flex: 1 1 10rem; }
    .summary-control-page__review-header h3[b-o7cv1i02m7] { overflow-wrap: anywhere; }
    .summary-control-page__review-points[b-o7cv1i02m7] { margin-left: 3rem; }

    .summary-control-page__table-wrap[b-o7cv1i02m7] { overflow: visible; }

    .summary-control-page__table[b-o7cv1i02m7],
    .summary-control-page__table tbody[b-o7cv1i02m7],
    .summary-control-page__table tr[b-o7cv1i02m7],
    .summary-control-page__table td[b-o7cv1i02m7] {
        display: block;
        width: 100%;
    }

    .summary-control-page__table[b-o7cv1i02m7] {
        min-width: 0;
    }

    .summary-control-page__table thead[b-o7cv1i02m7] { display: none; }

    .summary-control-page__table tbody tr[b-o7cv1i02m7] {
        box-sizing: border-box;
        padding: .15rem .85rem;
        border-bottom: 1px solid #e5eef2;
    }

    .summary-control-page__table tbody tr:last-child[b-o7cv1i02m7] { border-bottom: 0; }

    .summary-control-page__table td[b-o7cv1i02m7] {
        display: grid;
        grid-template-columns: minmax(6.5rem, .7fr) minmax(0, 1.3fr);
        gap: .65rem;
        padding: .55rem 0;
        border-bottom: 1px solid #edf2f4;
        overflow-wrap: anywhere;
        text-align: left;
    }

    .summary-control-page__table td:last-child[b-o7cv1i02m7] { border-bottom: 0; }

    .summary-control-page__table td[b-o7cv1i02m7]::before {
        color: #718895;
        content: attr(data-label);
        font-size: .64rem;
        font-weight: 800;
        letter-spacing: .03em;
        text-transform: uppercase;
    }

    .summary-control-page__item-number[b-o7cv1i02m7] { text-align: left; }
    .summary-control-page__observation[b-o7cv1i02m7] { max-width: none; }
    .summary-control-page__evidence[b-o7cv1i02m7] { justify-self: start; }
}
/* /Components/Pages/Quality/ControlCard/_ControlCardHistory.razor.rz.scp.css */
.control-card-history__loading[b-xo4wf76w63] {
    display: grid;
    min-height: 10rem;
    place-items: center;
}

.control-card-history__empty[b-xo4wf76w63] {
    display: grid;
    min-height: 11rem;
    place-items: center;
    gap: .45rem;
    color: #778994;
    text-align: center;
    font-size: .8rem;
}

.control-card-history__empty i[b-xo4wf76w63] {
    color: #2d6d99;
    font-size: 1.8rem;
}

.control-card-history__empty strong[b-xo4wf76w63] {
    color: #2d4e64;
    font-size: .9rem;
}

.control-card-history__table-wrap[b-xo4wf76w63] {
    overflow-x: auto;
}

.control-card-history__table[b-xo4wf76w63] {
    width: 100%;
    min-width: 46rem;
    border-collapse: separate;
    border-spacing: 0;
    color: #536b7b;
    font-size: .74rem;
}

.control-card-history__table th[b-xo4wf76w63] {
    padding: .65rem .7rem;
    border-bottom: 1px solid #dce7ed;
    color: #70838f;
    background: #f7fafb;
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .03em;
    text-align: left;
    text-transform: uppercase;
}

.control-card-history__table td[b-xo4wf76w63] {
    padding: .7rem;
    border-bottom: 1px solid #edf2f4;
    vertical-align: middle;
}

.control-card-history__event[b-xo4wf76w63] {
    display: inline-flex;
    border-radius: 999px;
    padding: .25rem .5rem;
    color: #2d6691;
    background: #eaf3f8;
    font-weight: 700;
    white-space: nowrap;
}
/* /Components/Pages/Quality/ControlCard/_MasActivation.razor.rz.scp.css */
.control-card-schedule__steps[b-qecc0nm5sc] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .35rem;
    margin-bottom: 1.25rem;
}

.control-card-schedule__step[b-qecc0nm5sc] {
    display: grid;
    justify-items: center;
    gap: .3rem;
    color: #8495a0;
    font-size: .68rem;
    font-weight: 700;
    text-align: center;
}

.control-card-schedule__step b[b-qecc0nm5sc] {
    display: grid;
    width: 1.85rem;
    height: 1.85rem;
    place-items: center;
    border-radius: 50%;
    color: #6d808d;
    background: #eef3f5;
}

.control-card-schedule__step--active[b-qecc0nm5sc] { color: #284a64; }
.control-card-schedule__step--active b[b-qecc0nm5sc] { color: #fff; background: #2d6d99; }

.control-card-schedule__section[b-qecc0nm5sc] {
    padding: 1rem 0;
    border-top: 1px solid #e7eef1;
}

.control-card-schedule__section-heading[b-qecc0nm5sc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .8rem;
    color: #6d808d;
    font-size: .7rem;
    font-weight: 700;
}

.control-card-schedule__section-heading > div[b-qecc0nm5sc] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #2b4c61;
    font-size: .82rem;
}

.control-card-schedule__section-number[b-qecc0nm5sc] {
    display: grid;
    width: 1.35rem;
    height: 1.35rem;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #2d6d99;
    font-size: .66rem;
}

.control-card-schedule__unit-list[b-qecc0nm5sc] {
    max-height: 14rem;
    overflow-y: auto;
    border: 1px solid #dce7ed;
    border-radius: .7rem;
}

.control-card-schedule__unit-row[b-qecc0nm5sc] {
    display: grid;
    grid-template-columns: auto auto 1fr;
    align-items: center;
    gap: .6rem;
    padding: .65rem .7rem;
    border-bottom: 1px solid #edf2f4;
    cursor: pointer;
}

.control-card-schedule__unit-row:last-child[b-qecc0nm5sc] { border-bottom: 0; }
.control-card-schedule__unit-row:has(input:checked)[b-qecc0nm5sc] { background: #f0f7fb; }
.control-card-schedule__unit-row input[b-qecc0nm5sc] { width: 1rem; height: 1rem; accent-color: #2d6d99; }

.control-card-schedule__unit-icon[b-qecc0nm5sc] {
    display: grid;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    border-radius: .5rem;
    color: #2d6d99;
    background: #eaf3f8;
}

.control-card-schedule__unit-row strong[b-qecc0nm5sc],
.control-card-schedule__unit-row small[b-qecc0nm5sc] { display: block; }
.control-card-schedule__unit-row strong[b-qecc0nm5sc] { color: #36566a; font-size: .76rem; }
.control-card-schedule__unit-row small[b-qecc0nm5sc] { margin-top: .15rem; color: #8797a1; font-size: .67rem; }

.control-card-schedule__date-grid[b-qecc0nm5sc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.control-card-schedule__date-grid .field[b-qecc0nm5sc],
.control-card-schedule__reviewer-row[b-qecc0nm5sc] { display: grid; gap: .35rem; }
.control-card-schedule__date-grid label[b-qecc0nm5sc],
.control-card-schedule__reviewer-row label[b-qecc0nm5sc] { color: #597180; font-size: .72rem; font-weight: 700; }

.control-card-schedule__date-grid input[b-qecc0nm5sc],
.control-card-schedule__reviewer-row select[b-qecc0nm5sc] {
    width: 100%;
    min-height: 2.45rem;
    box-sizing: border-box;
    border: 1px solid #dce7ed;
    border-radius: .55rem;
    padding: .45rem .6rem;
    color: #36566a;
    background: #fff;
    font-size: .76rem;
}

.control-card-schedule__reviewer-row[b-qecc0nm5sc] { margin-top: .65rem; }

.control-card-schedule__footer-summary[b-qecc0nm5sc] { margin-right: auto; color: #69808d; font-size: .75rem; font-weight: 700; }
.control-card-schedule__submit[b-qecc0nm5sc] { display: inline-flex; align-items: center; gap: .5rem; }
.control-card-schedule__empty[b-qecc0nm5sc] { padding: 1rem; border: 1px dashed #cbd9e0; border-radius: .65rem; color: #81929d; font-size: .76rem; text-align: center; }

@media (max-width: 640px) {
    .control-card-schedule__date-grid[b-qecc0nm5sc] { grid-template-columns: 1fr; }
    .control-card-schedule__footer-summary[b-qecc0nm5sc] { display: none; }
    .control-card-schedule__submit[b-qecc0nm5sc] { width: 100%; justify-content: center; }
}
/* /Components/Pages/Quality/QualityAlerrt/QualityAlertList.razor.rz.scp.css */
.quality-alerts__toolbar[b-i7dwle6mqx] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .7rem .8rem; border: 1px solid #e1e9ed; border-radius: .9rem; background: #fff; box-shadow: 0 .35rem .9rem rgba(40, 74, 100, .05); }
.quality-alerts__search[b-i7dwle6mqx] { display: flex; width: min(100%, 23rem); align-items: center; gap: .55rem; padding: 0 .75rem; border: 1px solid #d9e4e9; border-radius: .6rem; color: #71808b; }
.quality-alerts__search:focus-within[b-i7dwle6mqx] { border-color: #87a7b9; box-shadow: 0 0 0 3px rgba(44, 102, 154, .12); }
.quality-alerts__search input[b-i7dwle6mqx] { width: 100%; min-width: 0; height: 2.35rem; border: 0; outline: 0; background: transparent; color: #284a64; font-size: .78rem; }
.quality-alerts__filters[b-i7dwle6mqx] { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }
.quality-alerts__filter[b-i7dwle6mqx] { min-height: 2.15rem; padding: .35rem .68rem; border: 1px solid #dce6eb; border-radius: .55rem; background: #fff; color: #526772; font-size: .7rem; font-weight: 700; cursor: pointer; transition: background .18s ease, border-color .18s ease, color .18s ease; }
.quality-alerts__filter:hover[b-i7dwle6mqx] { border-color: #aabfc9; background: #f4f8fa; }
.quality-alerts__filter.active[b-i7dwle6mqx] { border-color: #284a64; background: #284a64; color: #fff; }
.quality-alerts[b-i7dwle6mqx] { width: 100%; min-height: 0; margin: 1.25rem auto 0; padding: 0 clamp(1rem, 2.5vw, 2.25rem) 1.5rem; box-sizing: border-box; }
.quality-alerts__type[b-i7dwle6mqx] { display: inline-flex; align-items: center; padding: .23rem .45rem; border-radius: .3rem; background: #edf4fa; color: #2c669a; font-size: .6rem; font-weight: 800; }
.quality-alerts__empty[b-i7dwle6mqx] { display: flex; min-height: 22rem; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; border: 1px dashed #c8d7de; border-radius: 1rem; background: #fff; color: #71808b; text-align: center; }
.quality-alerts__empty > span[b-i7dwle6mqx] { display: grid; width: 3.4rem; height: 3.4rem; margin-bottom: .75rem; place-items: center; border-radius: 50%; background: #fff0eb; color: #c64f4f; font-size: 1.35rem; }
.quality-alerts__empty h3[b-i7dwle6mqx] { margin: 0; color: #284a64; font-size: 1rem; }
.quality-alerts__empty p[b-i7dwle6mqx] { margin: .4rem 0 0; font-size: .8rem; }
@media (max-width: 1040px) { .quality-alerts__toolbar[b-i7dwle6mqx] { align-items: stretch; flex-direction: column; } .quality-alerts__search[b-i7dwle6mqx] { width: 100%; } .quality-alerts__filters[b-i7dwle6mqx] { justify-content: flex-start; } }
/* /Components/Pages/Quality/RDI/RDIList.razor.rz.scp.css */
.container-navbar[b-l9xphxo4y3] {
    width: 100%;
    padding: clamp(1.25rem, 2.5vw, 2.25rem) clamp(1rem, 2.5vw, 2.25rem) 0;
    box-sizing: border-box;
}

.top-navbar[b-l9xphxo4y3] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1.5rem; padding: 0; }
.content-navbar-options[b-l9xphxo4y3], .container-action-header[b-l9xphxo4y3], .filter-panel[b-l9xphxo4y3], .filter-buttons[b-l9xphxo4y3], .search-box[b-l9xphxo4y3] { display: flex; align-items: center; }
.content-navbar-options[b-l9xphxo4y3] { gap: .9rem; }
.btn-back[b-l9xphxo4y3] { display: grid; width: 2.7rem; height: 2.7rem; flex: 0 0 auto; place-items: center; border: 1px solid #dce6eb; border-radius: .75rem; background: #fff; color: #284a64; box-shadow: 0 .25rem .75rem rgba(40, 74, 100, .05); transition: background .2s ease, color .2s ease, transform .2s ease; }
.btn-back:hover[b-l9xphxo4y3] { background: #284a64; color: #fff; transform: translateX(-2px); }
.title-custon-navbar[b-l9xphxo4y3] { color: #284a64; font-size: clamp(1.25rem, 2.2vw, 1.8rem); font-weight: 750; letter-spacing: -.035em; }
.container-action-header[b-l9xphxo4y3] { flex-wrap: wrap; justify-content: flex-end; gap: .65rem; }
.container-action-header[b-l9xphxo4y3]  .btn-custom { min-height: 2.55rem; margin: 0; padding: .55rem .85rem; border-radius: .65rem; font-size: .78rem; font-weight: 750; box-shadow: none; }
.container-action-header[b-l9xphxo4y3]  .btn-custom.standar { background: #284a64; box-shadow: 0 .45rem 1rem rgba(40, 74, 100, .18); }
.container-action-header[b-l9xphxo4y3]  .btn-custom.excel { border: 1px solid #b9cbd5; background: #fff; color: #284a64; }
.filter-panel[b-l9xphxo4y3] { justify-content: space-between; gap: 1rem; margin-top: 1.4rem; padding: .7rem .8rem; border: 1px solid #e1e9ed; border-radius: .9rem; background: #fff; box-shadow: 0 .35rem .9rem rgba(40, 74, 100, .05); }
.search-box[b-l9xphxo4y3] { width: min(100%, 23rem); gap: .55rem; padding: 0 .75rem; border: 1px solid #d9e4e9; border-radius: .6rem; color: #71808b; }
.search-box:focus-within[b-l9xphxo4y3] { border-color: #87a7b9; box-shadow: 0 0 0 3px rgba(44, 102, 154, .12); }
.search-box svg[b-l9xphxo4y3] { width: 1rem; height: 1rem; fill: currentColor; }
.search-box[b-l9xphxo4y3]  .inpt-search-table { width: 100%; min-width: 0; height: 2.35rem; padding: 0; border: 0; outline: 0; background: transparent; color: #284a64; font-size: .78rem; }
.filter-buttons[b-l9xphxo4y3] { flex-wrap: wrap; justify-content: flex-end; gap: .4rem; }
.filter-btn[b-l9xphxo4y3] { min-height: 2.15rem; padding: .35rem .68rem; border: 1px solid #dce6eb; border-radius: .55rem; background: #fff; color: #526772; font-size: .7rem; font-weight: 700; cursor: pointer; transition: background .18s ease, border-color .18s ease, color .18s ease; }
.filter-btn:hover[b-l9xphxo4y3] { border-color: #aabfc9; background: #f4f8fa; }
.filter-btn.active[b-l9xphxo4y3] { border-color: #284a64; background: #284a64; color: #fff; }
.content-main[b-l9xphxo4y3] { width: 100%; min-height: 0; margin: 1.25rem auto 0; padding: 0 clamp(1rem, 2.5vw, 2.25rem) 1.5rem; box-sizing: border-box; }
.content-empty-app[b-l9xphxo4y3] { display: flex; min-height: 22rem; flex-direction: column; align-items: center; justify-content: center; padding: 2rem; border: 1px dashed #c8d7de; border-radius: 1rem; background: #fff; color: #71808b; text-align: center; }
.content-empty-app h3[b-l9xphxo4y3] { margin: 0; color: #284a64; font-size: 1rem; }
.content-empty-app p[b-l9xphxo4y3] { margin: .4rem 0 0; font-size: .8rem; }
@media (max-width: 1040px) { .filter-panel[b-l9xphxo4y3] { align-items: stretch; flex-direction: column; } .search-box[b-l9xphxo4y3] { width: 100%; } .filter-buttons[b-l9xphxo4y3] { justify-content: flex-start; } }
@media (max-width: 640px) { .top-navbar[b-l9xphxo4y3] { flex-direction: column; gap: 1rem; } .container-action-header[b-l9xphxo4y3] { width: 100%; justify-content: stretch; } .container-action-header[b-l9xphxo4y3]  .btn-custom { flex: 1; } .title-custon-navbar[b-l9xphxo4y3] { font-size: 1.2rem; } }
/* /Components/Pages/Reports/CompactionDashboard.razor.rz.scp.css */
.compaction-dashboard[b-rluoj8t016]{display:grid;width:100%;max-width:1600px;min-height:max-content;flex:0 0 auto;gap:.85rem;margin:0 auto;padding:1.25rem clamp(1.25rem,2.75vw,2.5rem) 2rem;overflow:visible;box-sizing:border-box;color:#526772}.compaction-dashboard__loading[b-rluoj8t016]{display:grid;min-height:16rem;place-items:center;color:#71808b;font-size:.85rem}.compaction-dashboard__intro[b-rluoj8t016]{display:flex;align-items:end;justify-content:space-between;gap:1rem}.compaction-dashboard__intro h2[b-rluoj8t016]{margin:0;color:#284a64;font-size:1.1rem}.compaction-dashboard__intro p[b-rluoj8t016]{margin:.35rem 0 0;color:#71808b;font-size:.78rem}.compaction-dashboard__metrics[b-rluoj8t016]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.compaction-dashboard__content[b-rluoj8t016],.compaction-dashboard__bottom[b-rluoj8t016]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(19rem,.8fr);gap:10px}.compaction-panel[b-rluoj8t016]{min-width:0;padding:1rem;border:1px solid #e2e9ed;border-radius:.9rem;background:#fff;box-shadow:0 .3rem .9rem rgba(40,74,100,.045)}.compaction-panel header[b-rluoj8t016]{display:flex;align-items:start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.compaction-panel header small[b-rluoj8t016]{display:block;margin-bottom:.18rem;color:#c87924;font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.compaction-panel h3[b-rluoj8t016]{margin:0;color:#284a64;font-size:.92rem}.compaction-dashboard[b-rluoj8t016]  .concrete-metric{display:grid;grid-template-columns:2.25rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.65rem;min-height:4.5rem}.compaction-dashboard[b-rluoj8t016]  .concrete-metric>i{grid-column:1;grid-row:1 / 3;display:grid;width:2.25rem;height:2.25rem;place-items:center;align-self:center;border-radius:.65rem;background:#edf4fa;color:#2c669a;font-size:1rem}.compaction-dashboard[b-rluoj8t016]  .concrete-metric>strong{grid-column:2;grid-row:1;align-self:end;color:#284a64;font-size:1.14rem;line-height:1.05}.compaction-dashboard[b-rluoj8t016]  .concrete-metric>span{grid-column:2;grid-row:2;align-self:start;overflow:hidden;color:#71808b;font-size:.64rem;line-height:1.2;text-overflow:ellipsis}.compaction-trend-chart[b-rluoj8t016]{width:100%;height:18rem}.compaction-chart-hint[b-rluoj8t016]{display:flex;align-items:center;gap:.35rem;margin:.15rem 0 0;color:#71808b;font-size:.65rem}.compaction-chart-hint i[b-rluoj8t016]{color:#2c669a}.compaction-chip[b-rluoj8t016]{padding:.25rem .45rem;border-radius:.35rem;background:#edf4fa;color:#526772;font-size:.65rem;font-weight:750;white-space:nowrap}.compaction-chip--warning[b-rluoj8t016]{background:#fff1e9;color:#c34e39}.compaction-chip--success[b-rluoj8t016]{background:#eaf7f1;color:#2f8a73}.compaction-panel__empty[b-rluoj8t016]{display:grid;place-items:center;gap:.45rem;min-height:12rem;margin:0;color:#71808b;font-size:.75rem;text-align:center}.compaction-panel__empty i[b-rluoj8t016]{color:#2f8a73;font-size:1.35rem}.compaction-exception-list[b-rluoj8t016]{display:grid;gap:.5rem}.compaction-exception-list article[b-rluoj8t016]{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;padding:.55rem .65rem;border:1px solid #f1e2dd;border-radius:.55rem;background:#fffaf8}.compaction-exception-list__value[b-rluoj8t016]{min-width:3.7rem;color:#c64f4f;font-size:.88rem;font-weight:800}.compaction-exception-list strong[b-rluoj8t016],.compaction-exception-list span[b-rluoj8t016]{display:block}.compaction-exception-list strong[b-rluoj8t016]{color:#36566d;font-size:.71rem}.compaction-exception-list span:not(.compaction-exception-list__value)[b-rluoj8t016]{margin-top:.12rem;color:#71808b;font-size:.66rem}.compaction-layer-table[b-rluoj8t016]{display:grid}.compaction-layer-table__head[b-rluoj8t016],.compaction-layer-table__row[b-rluoj8t016]{display:grid;grid-template-columns:minmax(4rem,1fr) repeat(3,auto);gap:.55rem;align-items:center;padding:.55rem 0;border-bottom:1px solid #edf2f4}.compaction-layer-table__head[b-rluoj8t016]{padding-top:0;color:#71808b;font-size:.6rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.compaction-layer-table__row[b-rluoj8t016]{color:#526772;font-size:.71rem}.compaction-layer-table__row strong[b-rluoj8t016]{color:#36566d}.compaction-analysis__summary[b-rluoj8t016]{margin:0 0 .65rem;color:#526772;font-size:.75rem;line-height:1.45}.compaction-insight[b-rluoj8t016]{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.45rem;align-items:start;margin-top:.4rem;padding:.5rem .55rem;border:1px solid #e6edf1;border-radius:.5rem;background:#f9fbfc}.compaction-insight>i[b-rluoj8t016]{margin-top:.08rem;color:#c87924}.compaction-insight>div[b-rluoj8t016]{display:grid;gap:.14rem}.compaction-insight strong[b-rluoj8t016]{color:#36566d;font-size:.7rem;line-height:1.25}.compaction-insight span[b-rluoj8t016]{color:#71808b;font-size:.67rem;line-height:1.35}.compaction-insight--action>i[b-rluoj8t016]{color:#2c669a}.compaction-empty-state[b-rluoj8t016]{display:grid;min-height:18rem;align-content:center;justify-items:center;gap:.45rem;padding:2rem;border:1px dashed #d7e2e8;border-radius:.9rem;background:#fff;color:#71808b;text-align:center}.compaction-empty-state i[b-rluoj8t016]{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.8rem;background:#edf4fa;color:#2c669a;font-size:1.3rem}.compaction-empty-state h2[b-rluoj8t016]{margin:.3rem 0 0;color:#284a64;font-size:1rem}.compaction-empty-state p[b-rluoj8t016]{margin:0;font-size:.78rem}@media(max-width:1100px){.compaction-dashboard__metrics[b-rluoj8t016]{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.compaction-dashboard__metrics[b-rluoj8t016]{grid-template-columns:repeat(2,1fr)}.compaction-dashboard__content[b-rluoj8t016],.compaction-dashboard__bottom[b-rluoj8t016]{grid-template-columns:1fr}}@media(max-width:560px){.compaction-dashboard[b-rluoj8t016]{padding-bottom:2.5rem}.compaction-dashboard__intro[b-rluoj8t016]{align-items:start;flex-direction:column}.compaction-dashboard__metrics[b-rluoj8t016]{grid-template-columns:1fr}.compaction-layer-table__head[b-rluoj8t016]{display:none}.compaction-layer-table__row[b-rluoj8t016]{grid-template-columns:repeat(2,minmax(0,1fr))}.compaction-layer-table__row strong[b-rluoj8t016]{grid-column:1 / -1}}
/* /Components/Pages/Reports/ControlUnitsProgressDashboard.razor.rz.scp.css */
.control-units-dashboard[b-7rgb709iwh] {
    display: grid;
    flex: 1 1 auto;
    grid-template-rows: auto minmax(0, 1fr);
    align-content: start;
    gap: 1rem;
    min-height: 0;
    margin-top: 0;
    padding: .35rem 1.1rem 1.1rem;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.control-units-dashboard__state[b-7rgb709iwh] {
    display: grid;
    justify-items: center;
    gap: .55rem;
    min-height: 16rem;
    align-content: center;
    border: 1px dashed #cadce6;
    border-radius: .9rem;
    background: #fbfdfe;
    color: #718392;
    text-align: center;
}

.control-units-dashboard__state > i[b-7rgb709iwh] { color: #5790b6; font-size: 1.6rem; }
.control-units-dashboard__state h2[b-7rgb709iwh] { margin: 0; color: #34566c; font-size: 1rem; }
.control-units-dashboard__state p[b-7rgb709iwh] { max-width: 32rem; margin: 0; font-size: .76rem; }

.control-units-dashboard__intro[b-7rgb709iwh] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.control-units-dashboard__intro h2[b-7rgb709iwh] { margin: 0 0 .3rem; color: #284a64; font-size: 1rem; }
.control-units-dashboard__intro p[b-7rgb709iwh] { margin: 0; color: #718392; font-size: .76rem; }
.control-units-dashboard__controls[b-7rgb709iwh] { display: flex; align-items: center; justify-content: flex-end; gap: .75rem; }
.control-units-dashboard__controls > label[b-7rgb709iwh] { display: flex; align-items: center; gap: .4rem; padding: .32rem .5rem; border: 1px solid #d7e4eb; border-radius: .52rem; background: #fff; color: #668091; font-size: .67rem; }
.control-units-dashboard__controls > label > i[b-7rgb709iwh] { color: #387aa5; }
.control-units-dashboard__controls select[b-7rgb709iwh] { min-width: 8.8rem; border: 0; outline: 0; background: transparent; color: #345d78; font: inherit; font-weight: 750; cursor: pointer; }
.control-units-dashboard__controls > span[b-7rgb709iwh] { color: #657d8c; font-size: .72rem; white-space: nowrap; }
.control-units-dashboard__intro strong[b-7rgb709iwh] { color: #2c669a; font-size: 1rem; }

.control-units-dashboard__content[b-7rgb709iwh] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 16.5rem;
    gap: 1rem;
    min-height: 0;
    overflow: hidden;
}

.control-units-map-panel[b-7rgb709iwh],
.control-units-stage-summary[b-7rgb709iwh],
.control-units-project-summary[b-7rgb709iwh] {
    border: 1px solid #d8e5eb;
    border-radius: .85rem;
    background: #fff;
    box-shadow: 0 .3rem .9rem rgba(40, 74, 100, .04);
}

.control-units-map-panel[b-7rgb709iwh] { display: grid; grid-template-rows: auto minmax(0, 1fr); align-self: stretch; min-width: 0; min-height: 0; height: 100%; padding: .85rem; overflow: hidden; }

.control-units-map-panel > header[b-7rgb709iwh],
.control-units-stage-summary > header[b-7rgb709iwh] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .65rem;
    margin-bottom: .8rem;
}

.control-units-map-panel header small[b-7rgb709iwh],
.control-units-stage-summary header small[b-7rgb709iwh],
.control-units-project-summary header small[b-7rgb709iwh] {
    display: block;
    color: #7a909d;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.control-units-map-panel h3[b-7rgb709iwh],
.control-units-stage-summary h3[b-7rgb709iwh] { margin: .18rem 0 0; color: #294e66; font-size: .84rem; }
.control-units-map-panel > header > span[b-7rgb709iwh] { color: #718795; font-size: .67rem; white-space: nowrap; }

.control-units-map-panel__groups[b-7rgb709iwh] { display: grid; min-height: 0; align-content: start; gap: .85rem; padding: 0 .35rem 2rem 0; overflow-y: auto; overscroll-behavior: contain; scroll-padding-bottom: 2rem; scrollbar-gutter: stable; box-sizing: border-box; }
.control-units-map-panel__group[b-7rgb709iwh] { display: grid; align-content: start; gap: .45rem; }
.control-units-map-panel__group + .control-units-map-panel__group[b-7rgb709iwh] { padding-top: .85rem; border-top: 1px solid #e4edf1; }
.control-units-map-panel__group > header[b-7rgb709iwh] { display: flex; align-items: center; gap: .4rem; color: #547286; }
.control-units-map-panel__group > header > i[b-7rgb709iwh] { color: #2f82b3; font-size: .72rem; }
.control-units-map-panel__group > header > span[b-7rgb709iwh] { color: #345b75; font-size: .68rem; font-weight: 800; }
.control-units-map-panel__group > header > small[b-7rgb709iwh] { margin-left: auto; color: #8a9eaa; font-size: .6rem; }

.control-units-map-panel__grid[b-7rgb709iwh] {
    display: grid;
    grid-template-columns: repeat(13, minmax(0, 1fr));
    gap: .35rem;
}

.control-units-map-panel__unit[b-7rgb709iwh] {
    position: relative;
    min-width: 0;
    height: 3.35rem;
    overflow: hidden;
    padding: .55rem .55rem;
    border: 1px solid #d8e4ea;
    border-radius: .45rem;
    background: #fbfdfe;
    color: #355e79;
    font-size: .62rem;
    font-weight: 800;
    cursor: pointer;
    text-align: left;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.control-units-map-panel__unit[b-7rgb709iwh]::after { position: absolute; top: 0; right: 0; bottom: 0; width: .28rem; background: #a5b7c1; content: ""; }
.control-units-map-panel__unit.is-active-construction[b-7rgb709iwh]::after { background: #16805f; }
.control-units-map-panel__unit.is-active-verification[b-7rgb709iwh]::after { background: #d27d09; }
.control-units-map-panel__unit.is-active-certification[b-7rgb709iwh]::after { background: #176eaa; }
.control-units-map-panel__unit:hover[b-7rgb709iwh] { border-color: #7aaac8; transform: translateY(-1px); }
.control-units-map-panel__unit.is-selected[b-7rgb709iwh] { border-color: #2c669a; background: #eef7fc; box-shadow: 0 0 0 2px rgba(44, 102, 154, .16); }
.control-units-map-panel__unit > span:first-child[b-7rgb709iwh] { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.control-units-map-panel__milestones[b-7rgb709iwh] { display: flex; align-items: center; gap: .28rem; margin-top: .55rem; }
.control-units-map-panel__milestone[b-7rgb709iwh] { position: relative; display: grid; width: .78rem; height: .78rem; place-items: center; border: .12rem solid #bfced6; border-radius: 50%; background: #fff; box-sizing: border-box; color: #9aadb7; }
.control-units-map-panel__milestone > i[b-7rgb709iwh] { font-size: .46rem; font-style: normal; line-height: 1; }
.control-units-map-panel__milestone + .control-units-map-panel__milestone[b-7rgb709iwh]::before { position: absolute; top: .22rem; right: 100%; width: .28rem; height: .1rem; background: #d5e0e6; content: ""; }
.control-units-map-panel__milestone--construction[b-7rgb709iwh] { border-color: #acd8ca; }
.control-units-map-panel__milestone--verification[b-7rgb709iwh] { border-color: #efc87c; }
.control-units-map-panel__milestone--certification[b-7rgb709iwh] { border-color: #a9d1e8; }
.control-units-map-panel__milestone--construction.is-progress[b-7rgb709iwh] { border-color: #16805f; background: #16805f; color: #fff; }
.control-units-map-panel__milestone--verification.is-progress[b-7rgb709iwh] { border-color: #d27d09; background: #d27d09; color: #fff; }
.control-units-map-panel__milestone--certification.is-progress[b-7rgb709iwh] { border-color: #176eaa; background: #176eaa; color: #fff; }
.control-units-map-panel__milestone--construction.is-complete[b-7rgb709iwh] { border-color: #16805f; background: #16805f; color: #fff; }
.control-units-map-panel__milestone--verification.is-complete[b-7rgb709iwh] { border-color: #d27d09; background: #d27d09; color: #fff; }
.control-units-map-panel__milestone--certification.is-complete[b-7rgb709iwh] { border-color: #176eaa; background: #176eaa; color: #fff; }

.control-units-dashboard__aside[b-7rgb709iwh] { display: grid; align-content: start; gap: .8rem; min-width: 0; }
.control-units-stage-summary[b-7rgb709iwh] { padding: .85rem; }
.control-units-stage-summary header[b-7rgb709iwh] { display: block; }
.control-units-stage-summary header[b-7rgb709iwh] { padding-left: .55rem; border-left: .24rem solid #a5b7c1; }
.control-units-stage-summary.is-active-construction header[b-7rgb709iwh] { border-left-color: #16805f; }
.control-units-stage-summary.is-active-verification header[b-7rgb709iwh] { border-left-color: #d27d09; }
.control-units-stage-summary.is-active-certification header[b-7rgb709iwh] { border-left-color: #176eaa; }
.control-units-stage-summary header > span[b-7rgb709iwh] { display: block; margin-top: .2rem; color: #7d919d; font-size: .67rem; }

.control-units-stage-summary__stage[b-7rgb709iwh] { display: grid; gap: .32rem; margin-top: .75rem; }
.control-units-stage-summary__stage > div:first-child[b-7rgb709iwh] { display: flex; justify-content: space-between; gap: .5rem; color: #5b7483; font-size: .7rem; }
.control-units-stage-summary__stage strong[b-7rgb709iwh] { color: #2c5f88; font-size: .78rem; }
.control-units-stage-summary__track[b-7rgb709iwh] { height: .42rem; overflow: hidden; border-radius: 99px; background: #e8eff3; }
.control-units-stage-summary__track i[b-7rgb709iwh] { display: block; height: 100%; border-radius: inherit; }
.control-units-stage-summary__bar--construction[b-7rgb709iwh] { background: #2f8d70; }
.control-units-stage-summary__bar--verification[b-7rgb709iwh] { background: #d99528; }
.control-units-stage-summary__bar--certification[b-7rgb709iwh] { background: #367caf; }
.control-units-stage-summary__stage > small[b-7rgb709iwh] { color: #8195a1; font-size: .61rem; line-height: 1.35; }
.control-units-stage-summary__stage.is-construction strong[b-7rgb709iwh] { color: #16805f; }
.control-units-stage-summary__stage.is-construction .control-units-stage-summary__track[b-7rgb709iwh] { background: #d8eee6; }
.control-units-stage-summary__stage.is-verification strong[b-7rgb709iwh] { color: #b96b00; }
.control-units-stage-summary__stage.is-verification .control-units-stage-summary__track[b-7rgb709iwh] { background: #fae5bf; }
.control-units-stage-summary__stage.is-certification strong[b-7rgb709iwh] { color: #176eaa; }
.control-units-stage-summary__stage.is-certification .control-units-stage-summary__track[b-7rgb709iwh] { background: #d7e9f7; }

.control-units-project-summary[b-7rgb709iwh] { display: grid; gap: .7rem; padding: .8rem; }
.control-units-project-summary > div[b-7rgb709iwh] { display: grid; grid-template-columns: .45rem 1fr auto; gap: .15rem .55rem; color: #607988; font-size: .68rem; }
.control-units-project-summary > div[b-7rgb709iwh]::before { align-self: center; width: .45rem; height: .45rem; border-radius: 50%; background: #16805f; content: ""; }
.control-units-project-summary > div > span[b-7rgb709iwh] { grid-column: 2; }
.control-units-project-summary > div > strong[b-7rgb709iwh] { grid-column: 3; }
.control-units-project-summary > div.is-verification[b-7rgb709iwh]::before { background: #d27d09; }
.control-units-project-summary > div.is-certification[b-7rgb709iwh]::before { background: #176eaa; }
.control-units-project-summary strong[b-7rgb709iwh] { color: #2b618a; }
.control-units-project-summary small[b-7rgb709iwh] { grid-column: 1 / -1; color: #8a9ca6; font-size: .6rem; }

.control-units-dashboard__legend[b-7rgb709iwh] { display: grid; gap: .35rem; padding: 0 .25rem; color: #718795; font-size: .64rem; }
.control-units-dashboard__legend span[b-7rgb709iwh] { display: flex; align-items: center; gap: .4rem; }
.control-units-dashboard__legend-color[b-7rgb709iwh] { width: .55rem; height: .55rem; border-radius: 50%; background: #2f8d70; }
.control-units-dashboard__legend-color--verification[b-7rgb709iwh] { background: #d99528; }
.control-units-dashboard__legend-color--certification[b-7rgb709iwh] { background: #367caf; }

@media (max-width: 900px) {
    .control-units-dashboard__content[b-7rgb709iwh] { grid-template-columns: 1fr; }
    .control-units-dashboard__aside[b-7rgb709iwh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .control-units-dashboard__legend[b-7rgb709iwh] { grid-column: 1 / -1; grid-template-columns: repeat(3, max-content); }
}

@media (max-width: 620px) {
    .control-units-dashboard[b-7rgb709iwh] { padding: .75rem; }
    .control-units-dashboard__intro[b-7rgb709iwh] { align-items: flex-start; flex-direction: column; }
    .control-units-dashboard__controls[b-7rgb709iwh] { width: 100%; justify-content: space-between; }
    .control-units-dashboard[b-7rgb709iwh] { overflow-y: auto; }
    .control-units-dashboard__content[b-7rgb709iwh] { overflow: visible; }
    .control-units-map-panel[b-7rgb709iwh] { height: 52dvh; }
    .control-units-map-panel__grid[b-7rgb709iwh] { grid-template-columns: repeat(8, minmax(0, 1fr)); }
    .control-units-dashboard__aside[b-7rgb709iwh] { grid-template-columns: 1fr; }
    .control-units-dashboard__legend[b-7rgb709iwh] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Reports/Graficos/ConcreteGraf.razor.rz.scp.css */
.concrete-dashboard[b-j0h1oulcke] { display:block; width:100%; max-width:1600px; min-height:max-content; height:auto; flex:0 0 auto; margin:0 auto; padding:1.25rem clamp(1.25rem,2.75vw,2.5rem) 2rem; overflow:visible; box-sizing:border-box; color:#526772; }.concrete-intro[b-j0h1oulcke]{display:flex;justify-content:space-between;align-items:end;gap:1rem}.concrete-intro h2[b-j0h1oulcke],.concrete-dashboard[b-j0h1oulcke]  .concrete-panel h3{margin:0;color:#284a64;font-size:1.05rem}.concrete-intro p[b-j0h1oulcke],.concrete-dashboard[b-j0h1oulcke]  .concrete-panel p{margin:.35rem 0 0;font-size:.75rem}.concrete-intro>span[b-j0h1oulcke]{padding:.35rem .55rem;border-radius:.4rem;background:#edf4fa;color:#284a64;font-size:.7rem;font-weight:800}.concrete-metrics[b-j0h1oulcke]{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:.85rem 0}.concrete-charts[b-j0h1oulcke],.concrete-bottom[b-j0h1oulcke]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.concrete-bottom[b-j0h1oulcke]{margin-top:10px}.concrete-dashboard[b-j0h1oulcke]  .concrete-panel{padding:1rem;border:1px solid #e2e9ed;border-radius:.9rem;background:#fff;box-shadow:0 .3rem .9rem rgba(40,74,100,.045)}.concrete-dashboard[b-j0h1oulcke]  .concrete-panel small{color:#c87924;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.concrete-summary[b-j0h1oulcke]{display:flex;gap:1rem;margin-top:.8rem}.concrete-summary span[b-j0h1oulcke]{display:grid;gap:.1rem;color:#71808b;font-size:.64rem}.concrete-summary strong[b-j0h1oulcke]{color:#284a64;font-size:1.05rem}.concrete-insights[b-j0h1oulcke]{display:grid;gap:.35rem;margin-top:.6rem}.concrete-insights span[b-j0h1oulcke]{font-size:.7rem}.concrete-insights i[b-j0h1oulcke]{margin-right:.35rem;color:#c87924}.concrete-empty[b-j0h1oulcke]{display:grid;min-height:16rem;place-items:center}@media(max-width:1100px){.concrete-metrics[b-j0h1oulcke]{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.concrete-metrics[b-j0h1oulcke]{grid-template-columns:repeat(2,1fr)}.concrete-charts[b-j0h1oulcke],.concrete-bottom[b-j0h1oulcke]{grid-template-columns:1fr}}@media(max-width:560px){.concrete-dashboard[b-j0h1oulcke]{padding-bottom:2.5rem}.concrete-intro[b-j0h1oulcke]{align-items:start;flex-direction:column}.concrete-metrics[b-j0h1oulcke]{grid-template-columns:1fr}}
.concrete-dashboard[b-j0h1oulcke]  .concrete-metric{display:grid;grid-template-columns:2.25rem minmax(0,1fr);grid-template-rows:auto auto;column-gap:.65rem;min-height:4.5rem;align-items:center}.concrete-dashboard[b-j0h1oulcke]  .concrete-metric>i{grid-column:1;grid-row:1 / 3;display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:.65rem;background:#edf4fa;color:#2c669a;font-size:1rem}.concrete-dashboard[b-j0h1oulcke]  .concrete-metric>strong{grid-column:2;grid-row:1;align-self:end;color:#284a64;font-size:1.14rem;line-height:1.05}.concrete-dashboard[b-j0h1oulcke]  .concrete-metric>span{grid-column:2;grid-row:2;align-self:start;overflow:hidden;color:#71808b;font-size:.64rem;line-height:1.2;text-overflow:ellipsis}.concrete-dashboard[b-j0h1oulcke]  .concrete-chart__canvas{width:100%;height:16rem;margin-top:.45rem}.concrete-dashboard[b-j0h1oulcke]  .concrete-chart__hint{display:flex;align-items:center;gap:.35rem;margin:.15rem 0 0;color:#71808b;font-size:.65rem}.concrete-dashboard[b-j0h1oulcke]  .concrete-chart__hint i{color:#2c669a}.concrete-empty--data[b-j0h1oulcke]{min-height:18rem;align-content:center;justify-items:center;gap:.45rem;padding:2rem;border:1px dashed #d7e2e8;border-radius:.9rem;background:#fff;text-align:center}.concrete-empty--data i[b-j0h1oulcke]{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.8rem;background:#edf4fa;color:#2c669a;font-size:1.3rem}.concrete-empty--data h2[b-j0h1oulcke]{margin:.3rem 0 0;color:#284a64;font-size:1rem}.concrete-empty--data p[b-j0h1oulcke]{margin:0;color:#71808b;font-size:.78rem}
.concrete-pending-by-element[b-j0h1oulcke]{display:grid;gap:.45rem;margin-top:.85rem}.concrete-pending-by-element__row[b-j0h1oulcke]{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem .65rem;border:1px solid #e6edf1;border-radius:.55rem;background:#f9fbfc}.concrete-pending-by-element__row>strong[b-j0h1oulcke]{color:#284a64;font-size:.71rem}.concrete-pending-by-element__row>span[b-j0h1oulcke]{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem;color:#a95e17;font-size:.68rem;font-weight:700;text-align:right}.concrete-pending-by-element__row i[b-j0h1oulcke]{color:#b7c2c9;font-style:normal}@media(max-width:560px){.concrete-pending-by-element__row[b-j0h1oulcke]{align-items:flex-start;flex-direction:column}.concrete-pending-by-element__row>span[b-j0h1oulcke]{justify-content:flex-start;text-align:left}}
.concrete-dashboard[b-j0h1oulcke]  .concrete-insight{display:grid;grid-template-columns:1rem minmax(0,1fr);gap:.45rem;align-items:start;padding:.5rem .55rem;border:1px solid #e6edf1;border-radius:.5rem;background:#f9fbfc}.concrete-dashboard[b-j0h1oulcke]  .concrete-insight>i{margin:.08rem 0 0;color:#c87924}.concrete-dashboard[b-j0h1oulcke]  .concrete-insight>div{display:grid;gap:.14rem}.concrete-dashboard[b-j0h1oulcke]  .concrete-insight strong{color:#36566d;font-size:.7rem;line-height:1.25}.concrete-dashboard[b-j0h1oulcke]  .concrete-insight span{color:#71808b;font-size:.67rem;line-height:1.35}.concrete-dashboard[b-j0h1oulcke]  .concrete-insight--action>i{color:#2c669a}
/* /Components/Pages/Reports/HomeReports.razor.rz.scp.css */
.reports-home[b-75ak421314] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: clamp(1.5rem, 3vw, 3rem) clamp(1rem, 3vw, 2rem) 3rem;
}

.reports-home__heading[b-75ak421314] {
    margin-bottom: 2rem;
}

.reports-home__eyebrow[b-75ak421314] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #c87924;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.reports-home__heading h1[b-75ak421314] {
    margin: .45rem 0;
    color: #284a64;
    font-size: clamp(1.5rem, 2.3vw, 2rem);
    font-weight: 750;
    letter-spacing: -.035em;
}

.reports-home__heading p[b-75ak421314] {
    max-width: 40rem;
    margin: 0;
    color: #71808b;
    font-size: .93rem;
    line-height: 1.55;
}

.reports-home__section + .reports-home__section[b-75ak421314] {
    margin-top: 2rem;
}

.reports-home__section h2[b-75ak421314] {
    margin: 0 0 .85rem;
    color: #526772;
    font-size: .79rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.reports-home__grid[b-75ak421314] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.report-card[b-75ak421314] {
    position: relative;
    display: flex;
    min-height: 184px;
    padding: 1.4rem;
    overflow: hidden;
    border: 1px solid #e2e9ed;
    border-radius: 16px;
    background: #fff;
    color: inherit;
    text-align: left;
    box-shadow: 0 4px 14px rgba(26, 59, 81, .05);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.report-card[b-75ak421314]::after {
    position: absolute;
    right: -24px;
    bottom: -30px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: #f1f6f8;
    content: "";
    transition: transform .25s ease;
}

.report-card:hover[b-75ak421314] {
    border-color: #c8d7de;
    box-shadow: 0 14px 26px rgba(26, 59, 81, .11);
    transform: translateY(-4px);
}

.report-card:hover[b-75ak421314]::after {
    transform: scale(1.25);
}

.report-card:focus-visible[b-75ak421314] {
    outline: 3px solid rgba(200, 121, 36, .35);
    outline-offset: 3px;
}

.report-card__icon[b-75ak421314] {
    position: absolute;
    top: 1.35rem;
    left: 1.4rem;
    z-index: 1;
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 11px;
    background: #e8f0f4;
    color: #284a64;
    font-size: 1.25rem;
}

.report-card__content[b-75ak421314] {
    z-index: 1;
    align-self: flex-end;
    padding-right: 1.25rem;
}

.report-card__title[b-75ak421314],
.report-card__description[b-75ak421314] {
    display: block;
}

.report-card__title[b-75ak421314] {
    margin-bottom: .38rem;
    color: #284a64;
    font-size: 1rem;
    font-weight: 750;
}

.report-card__description[b-75ak421314] {
    color: #71808b;
    font-size: .81rem;
    line-height: 1.45;
}

.report-card__arrow[b-75ak421314] {
    position: absolute;
    right: 1.25rem;
    bottom: 1.3rem;
    z-index: 1;
    color: #c87924;
    font-size: 1.05rem;
    transition: transform .2s ease;
}

.report-card:hover .report-card__arrow[b-75ak421314] {
    transform: translateX(4px);
}

.report-card--primary[b-75ak421314] {
    border-color: #284a64;
    background: #284a64;
}

.report-card--primary[b-75ak421314]::after {
    background: rgba(255, 255, 255, .08);
}

.report-card--primary .report-card__icon[b-75ak421314] {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.report-card--primary .report-card__title[b-75ak421314] {
    color: #fff;
}

.report-card--primary .report-card__description[b-75ak421314] {
    color: rgba(255, 255, 255, .72);
}

.report-card--primary .report-card__arrow[b-75ak421314] {
    color: #f0ad4e;
}

@media (max-width: 860px) {
    .reports-home__grid[b-75ak421314] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .reports-home[b-75ak421314] {
        padding-inline: 1rem;
    }

    .reports-home__grid[b-75ak421314] {
        grid-template-columns: 1fr;
    }

    .report-card[b-75ak421314] {
        min-height: 158px;
    }
}
/* /Components/Pages/Reports/QualityAlertsDashboard.razor.rz.scp.css */
.alerts-dashboard[b-jla3e7kufh] { display: grid; width: 100%; max-width: 1320px; min-height: 0; flex: 1; grid-template-rows: auto auto auto minmax(0, 1fr); gap: .8rem; margin: 0 auto; padding: 1.25rem clamp(1.25rem, 2.75vw, 2.5rem); overflow: hidden; box-sizing: border-box; }
.alerts-dashboard__loading[b-jla3e7kufh] { display: grid; min-height: 16rem; place-items: center; color: #71808b; font-size: .85rem; }
.alerts-dashboard__empty-state[b-jla3e7kufh] { display: grid; min-height: 18rem; align-content: center; justify-items: center; gap: .45rem; padding: 2rem; border: 1px dashed #d7e2e8; border-radius: .9rem; background: #fff; color: #71808b; text-align: center; }.alerts-dashboard__empty-state i[b-jla3e7kufh] { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .8rem; background: #edf4fa; color: #2c669a; font-size: 1.3rem; }.alerts-dashboard__empty-state h2[b-jla3e7kufh] { margin: .3rem 0 0; color: #284a64; font-size: 1rem; }.alerts-dashboard__empty-state p[b-jla3e7kufh] { margin: 0; font-size: .78rem; }
.alerts-dashboard__intro[b-jla3e7kufh] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.alerts-dashboard__intro h2[b-jla3e7kufh] { margin: 0; color: #284a64; font-size: 1.15rem; font-weight: 750; }
.alerts-dashboard__intro p[b-jla3e7kufh] { margin: .35rem 0 0; color: #71808b; font-size: .8rem; }
.alerts-dashboard__period[b-jla3e7kufh] { display: inline-flex; align-items: center; gap: .4rem; color: #71808b; font-size: .72rem; white-space: nowrap; }
.alerts-dashboard__metrics[b-jla3e7kufh] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; }
.metric-card[b-jla3e7kufh] { display: grid; grid-template-columns: auto 1fr; column-gap: .7rem; padding: .8rem 1rem; border: 1px solid #e2e9ed; border-radius: .85rem; background: #fff; box-shadow: 0 .3rem .9rem rgba(40, 74, 100, .045); }
.metric-card__icon[b-jla3e7kufh] { display: grid; width: 2.25rem; height: 2.25rem; grid-row: span 2; place-items: center; border-radius: .65rem; background: #edf4fa; color: #284a64; font-size: 1rem; }
.metric-card__value[b-jla3e7kufh] { color: #284a64; font-size: 1.3rem; font-weight: 800; line-height: 1; }
.metric-card__label[b-jla3e7kufh] { align-self: end; color: #71808b; font-size: .68rem; font-weight: 650; }
.metric-card--warning .metric-card__icon[b-jla3e7kufh] { background: #fff3df; color: #d87918; }
.metric-card--info .metric-card__icon[b-jla3e7kufh] { background: #e9f2fc; color: #3f7cc6; }
.metric-card--success .metric-card__icon[b-jla3e7kufh] { background: #ebf7ed; color: #54a365; }
.alerts-dashboard__content[b-jla3e7kufh] { display: grid; min-height: 0; align-self: start; align-items: stretch; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 1rem; }
.dashboard-panel[b-jla3e7kufh] { min-height: 0; align-self: stretch; box-sizing: border-box; padding: .9rem 1.1rem; border: 1px solid #e2e9ed; border-radius: .9rem; background: #fff; box-shadow: 0 .3rem .9rem rgba(40, 74, 100, .045); }
.dashboard-panel--recent[b-jla3e7kufh] { min-height: 0; height: 100%; align-self: stretch; overflow: hidden; }
.dashboard-panel--recent[b-jla3e7kufh] { display: flex; flex-direction: column; }
.dashboard-panel header[b-jla3e7kufh] { display: flex; align-items: start; justify-content: space-between; gap: .75rem; margin-bottom: 1rem; }
.dashboard-panel__eyebrow[b-jla3e7kufh] { display: block; margin-bottom: .18rem; color: #c87924; font-size: .62rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.dashboard-panel h3[b-jla3e7kufh] { margin: 0; color: #284a64; font-size: .92rem; font-weight: 750; }
.dashboard-panel__total[b-jla3e7kufh] { padding: .25rem .45rem; border-radius: .35rem; background: #edf4fa; color: #526772; font-size: .65rem; font-weight: 750; }
.status-visual[b-jla3e7kufh] { display: flex; align-items: center; gap: 1.35rem; }
.status-donut[b-jla3e7kufh] { position: relative; display: grid; width: clamp(6.8rem, 10vw, 8.5rem); height: clamp(6.8rem, 10vw, 8.5rem); flex: 0 0 auto; place-content: center; color: #284a64; text-align: center; }
.status-donut svg[b-jla3e7kufh] { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.status-donut__track[b-jla3e7kufh], .status-donut__segment[b-jla3e7kufh] { fill: none; stroke-width: 15; }
.status-donut__track[b-jla3e7kufh] { stroke: #e8f0f4; }
.status-donut__segment[b-jla3e7kufh] { stroke-linecap: butt; }
.status-donut span[b-jla3e7kufh], .status-donut small[b-jla3e7kufh] { z-index: 1; }
.status-donut span[b-jla3e7kufh] { font-size: 1.4rem; font-weight: 800; line-height: 1; }
.status-donut small[b-jla3e7kufh] { margin-top: .2rem; color: #71808b; font-size: .62rem; }
.status-legend[b-jla3e7kufh] { display: grid; width: 100%; gap: .6rem; }
.status-legend__item[b-jla3e7kufh] { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .45rem; color: #526772; font-size: .72rem; }
.status-legend__item strong[b-jla3e7kufh] { color: #284a64; font-size: .78rem; }
.status-legend__dot[b-jla3e7kufh], .recent-alert__status[b-jla3e7kufh] { width: .55rem; height: .55rem; border-radius: 50%; background: #9aaab4; }
.status--critical[b-jla3e7kufh] { background: #c64f4f; }.status--warning[b-jla3e7kufh] { background: #e9851c; }.status--info[b-jla3e7kufh] { background: #3f7cc6; }.status--success[b-jla3e7kufh] { background: #54a365; }
.type-bars[b-jla3e7kufh] { display: grid; gap: .9rem; }
.type-bars__item > div[b-jla3e7kufh] { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: .35rem; color: #526772; font-size: .73rem; }.type-bars__item strong[b-jla3e7kufh] { color: #284a64; }
.type-bars__track[b-jla3e7kufh] { display: block; height: .42rem; overflow: hidden; border-radius: 99px; background: #edf2f4; }.type-bars__track > span[b-jla3e7kufh] { display: block; height: 100%; border-radius: inherit; background: #2c669a; }
.dashboard-panel__empty[b-jla3e7kufh] { margin: 1rem 0; color: #71808b; font-size: .78rem; }
.recent-alerts[b-jla3e7kufh] { display: grid; gap: .35rem; }
.ai-analysis[b-jla3e7kufh] { display: grid; min-height: 0; gap: .65rem; overflow-y: auto; }
.ai-analysis__summary[b-jla3e7kufh] { margin: 0; color: #526772; font-size: .74rem; line-height: 1.45; }
.ai-analysis__metrics[b-jla3e7kufh] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.ai-analysis__metrics span[b-jla3e7kufh] { display: grid; gap: .08rem; padding: .4rem .5rem; border-radius: .45rem; background: #edf4fa; color: #71808b; font-size: .58rem; font-weight: 700; text-align: center; text-transform: uppercase; }
.ai-analysis__metrics strong[b-jla3e7kufh] { color: #284a64; font-size: .95rem; line-height: 1; }
.ai-analysis__period[b-jla3e7kufh] { margin: 0; color: #526772; font-size: .69rem; line-height: 1.35; }
.ai-analysis__grid[b-jla3e7kufh] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.ai-analysis__grid section[b-jla3e7kufh] { min-width: 0; padding: .6rem .7rem; border-radius: .6rem; background: #f7fafc; }
.ai-analysis__grid h4[b-jla3e7kufh] { margin: 0 0 .35rem; color: #284a64; font-size: .68rem; font-weight: 800; }
.ai-analysis__item[b-jla3e7kufh] { display: flex; gap: .15rem; margin: .25rem 0; color: #526772; font-size: .68rem; line-height: 1.3; }
.ai-analysis__item i[b-jla3e7kufh] { flex: 0 0 auto; color: #c87924; font-size: .9rem; line-height: .7; }
.recent-alert[b-jla3e7kufh] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .45rem 0; border-top: 1px solid #eef2f4; }.recent-alert:first-child[b-jla3e7kufh] { border-top: 0; padding-top: 0; }
.recent-alert h4[b-jla3e7kufh] { overflow: hidden; margin: 0; color: #284a64; font-size: .78rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.recent-alert p[b-jla3e7kufh] { margin: .2rem 0 0; color: #71808b; font-size: .66rem; }.recent-alert__process[b-jla3e7kufh] { color: #526772; font-size: .65rem; font-weight: 700; text-align: right; }
@media (max-width: 980px) { .alerts-dashboard__metrics[b-jla3e7kufh] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.alerts-dashboard__content[b-jla3e7kufh] { grid-template-columns: 1fr; } }
@media (max-width: 760px) { .ai-analysis__grid[b-jla3e7kufh] { grid-template-columns: 1fr; } }
@media (max-width: 560px) { .alerts-dashboard[b-jla3e7kufh] { min-height: auto; grid-template-rows: auto; padding: 1rem; overflow: visible; }.dashboard-panel--recent[b-jla3e7kufh] { height: auto; overflow: visible; }.alerts-dashboard__intro[b-jla3e7kufh] { align-items: start; flex-direction: column; }.alerts-dashboard__metrics[b-jla3e7kufh] { grid-template-columns: 1fr; }.status-visual[b-jla3e7kufh] { align-items: start; flex-direction: column; }.recent-alert[b-jla3e7kufh] { grid-template-columns: auto minmax(0, 1fr); }.recent-alert__process[b-jla3e7kufh] { grid-column: 2; text-align: left; } }
/* /Components/Pages/Reports/RdiExecutiveDashboard.razor.rz.scp.css */
.rdi-dashboard[b-jxp5wcidq8] { display: grid; width: 100%; max-width: 1760px; min-height: 0; align-content: start; gap: .7rem; margin: 0 auto; padding: 1.25rem clamp(1.25rem, 2.75vw, 2.5rem); box-sizing: border-box; color: #526772; }
.rdi-dashboard__loading[b-jxp5wcidq8] { display: grid; min-height: 16rem; place-items: center; color: #71808b; font-size: .85rem; }
.rdi-dashboard__empty-state[b-jxp5wcidq8] { display: grid; grid-column: 1 / -1; width: 100%; min-height: 18rem; align-content: center; justify-items: center; gap: .45rem; padding: 2rem; border: 1px dashed #d7e2e8; border-radius: .9rem; background: #fff; color: #71808b; text-align: center; box-sizing: border-box; }.rdi-dashboard__empty-state i[b-jxp5wcidq8] { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: .8rem; background: #edf4fa; color: #2c669a; font-size: 1.3rem; }.rdi-dashboard__empty-state h2[b-jxp5wcidq8] { margin: .3rem 0 0; color: #284a64; font-size: 1rem; }.rdi-dashboard__empty-state p[b-jxp5wcidq8] { margin: 0; font-size: .78rem; }
.rdi-dashboard__intro[b-jxp5wcidq8] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; }.rdi-dashboard__intro h2[b-jxp5wcidq8] { margin: 0; color: #284a64; font-size: 1.15rem; font-weight: 750; }.rdi-dashboard__intro p[b-jxp5wcidq8] { margin: .35rem 0 0; color: #71808b; font-size: .8rem; }.rdi-dashboard__intro > span[b-jxp5wcidq8] { color: #71808b; font-size: .72rem; white-space: nowrap; }
.rdi-dashboard__metrics[b-jxp5wcidq8] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .85rem; }.rdi-metric[b-jxp5wcidq8] { display: grid; grid-template-columns: auto 1fr; column-gap: .7rem; padding: .8rem 1rem; border: 1px solid #e2e9ed; border-radius: .85rem; background: #fff; box-shadow: 0 .3rem .9rem rgba(40,74,100,.045); }.rdi-metric > i[b-jxp5wcidq8] { display: grid; width: 2.25rem; height: 2.25rem; grid-row: span 2; place-items: center; border-radius: .65rem; background: #edf4fa; color: #284a64; font-size: 1rem; }.rdi-metric strong[b-jxp5wcidq8] { color: #284a64; font-size: 1.25rem; line-height: 1; }.rdi-metric span[b-jxp5wcidq8] { align-self: end; color: #71808b; font-size: .67rem; font-weight: 650; }.rdi-metric--info > i[b-jxp5wcidq8] { background: #e9f2fc; color: #3f7cc6; }.rdi-metric--warning > i[b-jxp5wcidq8] { background: #fff3df; color: #d87918; }.rdi-metric--success > i[b-jxp5wcidq8] { background: #ebf7ed; color: #54a365; }
.rdi-dashboard__distribution[b-jxp5wcidq8], .rdi-dashboard__operations[b-jxp5wcidq8], .rdi-dashboard__bottom[b-jxp5wcidq8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }.rdi-panel[b-jxp5wcidq8] { min-width: 0; padding: .9rem 1.1rem; border: 1px solid #e2e9ed; border-radius: .9rem; background: #fff; box-shadow: 0 .3rem .9rem rgba(40,74,100,.045); }.rdi-panel header[b-jxp5wcidq8] { display: flex; align-items: start; justify-content: space-between; gap: .75rem; margin-bottom: .8rem; }.rdi-panel header small[b-jxp5wcidq8] { display: block; margin-bottom: .18rem; color: #c87924; font-size: .62rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }.rdi-panel h3[b-jxp5wcidq8] { margin: 0; color: #284a64; font-size: .92rem; font-weight: 750; }.rdi-panel header > span[b-jxp5wcidq8] { padding: .25rem .45rem; border-radius: .35rem; background: #edf4fa; color: #526772; font-size: .65rem; font-weight: 750; }
.rdi-bars[b-jxp5wcidq8] { display: grid; gap: .65rem; }.rdi-bars div[b-jxp5wcidq8] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .2rem .75rem; align-items: center; font-size: .72rem; }.rdi-bars span[b-jxp5wcidq8] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.rdi-bars strong[b-jxp5wcidq8] { color: #284a64; }.rdi-bars i[b-jxp5wcidq8] { grid-column: 1 / -1; display: block; height: .4rem; overflow: hidden; border-radius: 2rem; background: #edf2f4; }.rdi-bars b[b-jxp5wcidq8] { display: block; height: 100%; border-radius: inherit; background: #2c669a; }
.advisor-table[b-jxp5wcidq8] { display: grid; gap: .2rem; font-size: .69rem; }.advisor-table__head[b-jxp5wcidq8], .advisor-table__row[b-jxp5wcidq8] { display: grid; grid-template-columns: minmax(8rem, 1.7fr) repeat(3, minmax(3.4rem, .65fr)); gap: .5rem; align-items: center; }.advisor-table__head[b-jxp5wcidq8] { padding-bottom: .3rem; color: #71808b; font-size: .61rem; font-weight: 750; text-transform: uppercase; }.advisor-table__row[b-jxp5wcidq8] { padding: .45rem 0; border-top: 1px solid #eef2f4; }.advisor-table__row strong[b-jxp5wcidq8] { overflow: hidden; color: #284a64; text-overflow: ellipsis; white-space: nowrap; }.text-warning[b-jxp5wcidq8] { color: #d87918; font-weight: 800; }
.bottleneck-list[b-jxp5wcidq8] { display: grid; gap: .35rem; }.bottleneck-list > div[b-jxp5wcidq8] { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: .55rem; padding: .45rem 0; border-top: 1px solid #eef2f4; }.bottleneck-list > div:first-child[b-jxp5wcidq8] { padding-top: 0; border-top: 0; }.bottleneck-list i[b-jxp5wcidq8] { display: grid; width: 1.65rem; height: 1.65rem; place-items: center; border-radius: .45rem; background: #fff3df; color: #d87918; }.bottleneck-list p[b-jxp5wcidq8] { display: grid; gap: .1rem; margin: 0; }.bottleneck-list strong[b-jxp5wcidq8] { overflow: hidden; color: #284a64; font-size: .72rem; text-overflow: ellipsis; white-space: nowrap; }.bottleneck-list p span[b-jxp5wcidq8], .bottleneck-list b[b-jxp5wcidq8] { color: #71808b; font-size: .63rem; }.bottleneck-list b[b-jxp5wcidq8] { text-align: right; }.bottleneck-list em[b-jxp5wcidq8] { color: #c64f4f; font-style: normal; }
.rdi-recent-list[b-jxp5wcidq8] { display: grid; }.rdi-recent-list article[b-jxp5wcidq8] { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(6rem, .75fr) auto; gap: .55rem; align-items: center; padding: .48rem 0; border-top: 1px solid #eef2f4; }.rdi-recent-list article:first-child[b-jxp5wcidq8] { padding-top: 0; border-top: 0; }.rdi-recent-list__number[b-jxp5wcidq8] { color: #c87924; font-size: .68rem; font-weight: 800; }.rdi-recent-list h4[b-jxp5wcidq8] { overflow: hidden; margin: 0; color: #284a64; font-size: .73rem; text-overflow: ellipsis; white-space: nowrap; }.rdi-recent-list p[b-jxp5wcidq8] { overflow: hidden; margin: .14rem 0 0; color: #71808b; font-size: .61rem; text-overflow: ellipsis; white-space: nowrap; }.rdi-recent-list__advisor[b-jxp5wcidq8] { overflow: hidden; color: #526772; font-size: .64rem; text-overflow: ellipsis; white-space: nowrap; }.rdi-recent-list__advisor i[b-jxp5wcidq8] { margin-right: .25rem; }.rdi-status[b-jxp5wcidq8] { padding: .22rem .36rem; border-radius: .3rem; background: #fff3df; color: #bf701b; font-size: .6rem; font-weight: 750; }.rdi-status--done[b-jxp5wcidq8] { background: #ebf7ed; color: #438f54; }
.rdi-analysis[b-jxp5wcidq8] { display: grid; gap: .6rem; }.rdi-analysis__summary[b-jxp5wcidq8] { margin: 0; color: #526772; font-size: .72rem; line-height: 1.4; }.rdi-analysis section[b-jxp5wcidq8] { padding: .55rem .65rem; border-radius: .55rem; background: #f7fafc; }.rdi-analysis h4[b-jxp5wcidq8] { margin: 0 0 .28rem; color: #284a64; font-size: .66rem; }.rdi-analysis p:not(.rdi-analysis__summary)[b-jxp5wcidq8] { display: flex; gap: .28rem; margin: .28rem 0; color: #526772; font-size: .65rem; line-height: 1.3; }.rdi-analysis p i[b-jxp5wcidq8] { color: #c87924; }.rdi-analysis p span[b-jxp5wcidq8] { display: grid; }.rdi-analysis p strong[b-jxp5wcidq8] { color: #284a64; }.rdi-empty[b-jxp5wcidq8] { margin: .8rem 0; color: #71808b; font-size: .74rem; line-height: 1.45; }
@media (min-width: 1200px) { .rdi-dashboard[b-jxp5wcidq8] { grid-template-columns: repeat(4, minmax(0, 1fr)); }.rdi-dashboard__intro[b-jxp5wcidq8], .rdi-dashboard__metrics[b-jxp5wcidq8], .rdi-dashboard__bottom[b-jxp5wcidq8] { grid-column: 1 / -1; }.rdi-dashboard__distribution[b-jxp5wcidq8], .rdi-dashboard__operations[b-jxp5wcidq8] { grid-column: span 2; gap: .7rem; align-content: start; }.rdi-panel[b-jxp5wcidq8] { padding: .75rem .85rem; }.rdi-panel header[b-jxp5wcidq8] { margin-bottom: .6rem; }.rdi-bars[b-jxp5wcidq8] { gap: .45rem; }.advisor-table__row[b-jxp5wcidq8] { padding: .32rem 0; }.bottleneck-list > div[b-jxp5wcidq8] { padding: .32rem 0; }.rdi-recent-list article[b-jxp5wcidq8] { padding: .34rem 0; } }
@media (max-width: 980px) { .rdi-dashboard__metrics[b-jxp5wcidq8] { grid-template-columns: repeat(2, minmax(0, 1fr)); }.rdi-dashboard__operations[b-jxp5wcidq8], .rdi-dashboard__bottom[b-jxp5wcidq8] { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .rdi-dashboard[b-jxp5wcidq8] { min-height: max-content; height: auto; padding: 1rem 1rem 2rem; overflow: visible; }.rdi-dashboard__intro[b-jxp5wcidq8] { align-items: start; flex-direction: column; }.rdi-dashboard__metrics[b-jxp5wcidq8], .rdi-dashboard__distribution[b-jxp5wcidq8] { grid-template-columns: 1fr; }.rdi-recent-list article[b-jxp5wcidq8] { grid-template-columns: auto minmax(0, 1fr) auto; }.rdi-recent-list__advisor[b-jxp5wcidq8] { display: none; }.advisor-table__head[b-jxp5wcidq8], .advisor-table__row[b-jxp5wcidq8] { grid-template-columns: minmax(5rem, 1fr) repeat(3, auto); gap: .35rem; } }
/* /Components/Pages/Settings/Clients/EditClientModule.razor.rz.scp.css */
.client-edit-page[b-q8jbw99lan] {
    min-height: 0;
    overflow-y: auto;
    padding-bottom: 2rem;
}

.module-access-section[b-q8jbw99lan] {
    border-top: 1px solid #e2e8f0;
    margin-top: 1.5rem;
    padding-top: 1.35rem;
}

.module-access-intro[b-q8jbw99lan] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.module-access-kicker[b-q8jbw99lan] {
    color: var(--accent, #c87924);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.module-access-intro h3[b-q8jbw99lan] {
    color: var(--primary, #284a64);
    font-size: 1rem;
    margin: .3rem 0;
}

.module-access-intro p[b-q8jbw99lan],
.module-access-card__header p[b-q8jbw99lan],
.module-access-no-options[b-q8jbw99lan] {
    color: #64748b;
    font-size: .82rem;
    margin: 0;
}

.materialflow-role-section[b-q8jbw99lan] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(220px, .55fr);
    align-items: center;
    gap: .9rem;
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid #dce5ec;
    border-left: 3px solid var(--accent, #c87924);
    border-radius: .8rem;
    background: #f8fafc;
}

.materialflow-role-section__icon[b-q8jbw99lan] {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: .65rem;
    background: #e9f0f5;
    color: var(--primary, #284a64);
    font-size: 1.1rem;
}

.materialflow-role-section__content[b-q8jbw99lan] { min-width: 0; }
.materialflow-role-section__content > span[b-q8jbw99lan] { color: var(--accent, #c87924); font-size: .68rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.materialflow-role-section__content h3[b-q8jbw99lan] { margin: .2rem 0; color: var(--primary, #284a64); font-size: .95rem; }
.materialflow-role-section__content p[b-q8jbw99lan] { margin: 0; color: #64748b; font-size: .76rem; }
.materialflow-role-section__field[b-q8jbw99lan] { display: grid; min-width: 0; gap: .3rem; color: #475569; font-size: .72rem; font-weight: 750; }
.materialflow-role-section__field select[b-q8jbw99lan] { width: 100%; min-width: 0; min-height: 2.5rem; padding: .5rem .65rem; border: 1px solid #cbd5e1; border-radius: .55rem; background: #fff; color: #334155; font-size: .78rem; }

.module-access-list[b-q8jbw99lan] {
    display: grid;
    gap: .85rem;
}

.module-access-card[b-q8jbw99lan] {
    border: 1px solid #dce5ec;
    border-radius: .85rem;
    overflow: hidden;
}

.module-access-card.is-enabled[b-q8jbw99lan] {
    border-color: color-mix(in srgb, var(--primary, #284a64) 36%, white);
    box-shadow: 0 8px 18px rgb(40 74 100 / 7%);
}

.module-access-card__header[b-q8jbw99lan] {
    align-items: center;
    background: #f8fafc;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: .85rem 1rem;
}

.module-access-card__header h4[b-q8jbw99lan] {
    color: #284a64;
    font-size: .92rem;
    margin: 0 0 .2rem;
}

.module-access-switch[b-q8jbw99lan] {
    align-items: center;
    color: #334155;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 700;
    gap: .45rem;
}

.module-access-switch input[b-q8jbw99lan],
.module-access-table input[b-q8jbw99lan] {
    accent-color: var(--primary, #284a64);
    block-size: 1rem;
    inline-size: 1rem;
}

.module-access-table-wrap[b-q8jbw99lan] {
    overflow-x: auto;
}

.module-access-table[b-q8jbw99lan] {
    border-collapse: collapse;
    min-width: 520px;
    width: 100%;
}

.module-access-table th[b-q8jbw99lan],
.module-access-table td[b-q8jbw99lan] {
    border-top: 1px solid #edf1f4;
    font-size: .79rem;
    padding: .65rem 1rem;
    text-align: center;
}

.module-access-table th:first-child[b-q8jbw99lan],
.module-access-table td:first-child[b-q8jbw99lan] {
    color: #334155;
    font-weight: 700;
    text-align: left;
}

.module-access-table th[b-q8jbw99lan] {
    color: #64748b;
    font-size: .69rem;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.module-access-empty[b-q8jbw99lan],
.module-access-no-options[b-q8jbw99lan] {
    background: #f8fafc;
    border: 1px dashed #cbd5e1;
    border-radius: .65rem;
    padding: 1rem;
}

.password-reset-option[b-q8jbw99lan] {
    align-items: center;
    background: #f8fafc;
    border: 1px solid #dce5ec;
    border-radius: .75rem;
    display: flex;
    gap: .75rem;
    margin-top: 1rem;
    padding: .8rem 1rem;
}

.password-reset-option__icon[b-q8jbw99lan] {
    align-items: center;
    background: #e9f0f5;
    border-radius: .55rem;
    color: var(--primary, #284a64);
    display: inline-flex;
    font-size: 1rem;
    height: 2rem;
    justify-content: center;
    width: 2rem;
}

.password-reset-option__content[b-q8jbw99lan] {
    flex: 1;
}

.password-reset-option__content span[b-q8jbw99lan] {
    color: #284a64;
    font-size: .84rem;
    font-weight: 800;
}

.password-reset-option__content p[b-q8jbw99lan] {
    color: #64748b;
    font-size: .76rem;
    margin: .15rem 0 0;
}

.password-reset-option__check[b-q8jbw99lan] {
    align-items: center;
    color: #334155;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: .78rem;
    font-weight: 700;
    gap: .4rem;
}

.password-reset-option__check input[b-q8jbw99lan] {
    accent-color: var(--primary, #284a64);
    block-size: 1rem;
    inline-size: 1rem;
}

.module-access-no-options[b-q8jbw99lan] {
    border: 0;
    border-radius: 0;
}

@media (max-width: 640px) {
    .materialflow-role-section[b-q8jbw99lan] { grid-template-columns: auto minmax(0, 1fr); }
    .materialflow-role-section__field[b-q8jbw99lan] { grid-column: 1 / -1; }
    .module-access-card__header[b-q8jbw99lan] {
        align-items: flex-start;
        flex-direction: column;
    }

    .password-reset-option[b-q8jbw99lan] {
        align-items: flex-start;
        flex-wrap: wrap;
    }
}
/* /Components/Pages/Settings/Enterprise/CompanyBrandSettings.razor.rz.scp.css */
.company-brand-page[b-defnvzeihc] {
    width: min(100%, 68rem);
    margin: 0 auto;
    padding: 1.25rem;
    box-sizing: border-box;
}

.company-brand-page__loading[b-defnvzeihc],
.company-brand-page__empty[b-defnvzeihc],
.company-brand-card[b-defnvzeihc] {
    border: 1px solid #e2e9ee;
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 .5rem 1.5rem rgba(31, 55, 77, .06);
}

.company-brand-page__loading[b-defnvzeihc],
.company-brand-page__empty[b-defnvzeihc] {
    padding: 2.5rem;
    color: #718293;
    text-align: center;
}

.company-brand-page__empty i[b-defnvzeihc] {
    display: block;
    margin-bottom: .7rem;
    color: #ff6c37;
    font-size: 2rem;
}

.company-brand-page__empty h2[b-defnvzeihc] { margin: 0; color: #284a64; font-size: 1.05rem; }
.company-brand-page__empty p[b-defnvzeihc] { margin: .55rem 0 0; font-size: .86rem; }

.company-brand-card[b-defnvzeihc] {
    display: grid;
    grid-template-columns: minmax(13rem, 18rem) minmax(0, 1fr);
    overflow: hidden;
}

.company-brand-card__preview[b-defnvzeihc] {
    display: grid;
    place-items: center;
    min-height: 15rem;
    padding: 1.5rem;
    background: linear-gradient(145deg, #edf3f6, #f8fafb);
    color: #8494a1;
    text-align: center;
}

.company-brand-card__preview img[b-defnvzeihc] { max-width: 100%; max-height: 8rem; object-fit: contain; }
.company-brand-card__preview i[b-defnvzeihc] { display: block; margin-bottom: .5rem; font-size: 2.1rem; }
.company-brand-card__preview span[b-defnvzeihc] { font-size: .78rem; font-weight: 700; }

.company-brand-card__content[b-defnvzeihc] { padding: 2rem; }
.company-brand-card__eyebrow[b-defnvzeihc] { color: #ff6c37; font-size: .67rem; font-weight: 800; letter-spacing: .1em; }
.company-brand-card__content h1[b-defnvzeihc] { margin: .35rem 0 .55rem; color: #284a64; font-size: 1.25rem; }
.company-brand-card__content p[b-defnvzeihc] { max-width: 34rem; margin: 0 0 1.5rem; color: #718293; font-size: .86rem; line-height: 1.55; }

.company-brand-card__upload[b-defnvzeihc] { display: inline-flex; align-items: center; gap: .55rem; padding: .7rem .9rem; border: 1px solid #d6e1e8; border-radius: .65rem; background: #f6f9fa; color: #284a64; cursor: pointer; }
.company-brand-card__upload:hover[b-defnvzeihc] { border-color: #ff6c37; background: #fff7f3; }
.company-brand-card__upload i[b-defnvzeihc] { color: #ff6c37; }
.company-brand-card__upload span[b-defnvzeihc] { font-size: .82rem; font-weight: 750; }
.company-brand-card__upload small[b-defnvzeihc] { color: #8291a0; font-size: .68rem; }
.company-brand-card__file-input[b-defnvzeihc] { display: none; }

@media (max-width: 620px) {
    .company-brand-page[b-defnvzeihc] { padding: .85rem; }
    .company-brand-card[b-defnvzeihc] { grid-template-columns: 1fr; }
    .company-brand-card__preview[b-defnvzeihc] { min-height: 10rem; }
    .company-brand-card__content[b-defnvzeihc] { padding: 1.25rem; }
    .company-brand-card__upload[b-defnvzeihc] { align-items: flex-start; flex-wrap: wrap; }
}
/* /Components/Pages/Settings/HomeSettings.razor.rz.scp.css */
.settings-home[b-1exs9eodtz] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: clamp(1.5rem, 3vw, 3rem) clamp(1rem, 3vw, 2rem) 3rem;
}

.settings-home__heading[b-1exs9eodtz] {
    margin-bottom: 2rem;
}

.settings-home__eyebrow[b-1exs9eodtz] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    color: #c87924;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.settings-home__heading h1[b-1exs9eodtz] {
    margin: .45rem 0;
    color: #284a64;
    font-size: clamp(1.5rem, 2.3vw, 2rem);
    font-weight: 750;
    letter-spacing: -.035em;
}

.settings-home__heading p[b-1exs9eodtz] {
    max-width: 40rem;
    margin: 0;
    color: #71808b;
    font-size: .93rem;
    line-height: 1.55;
}

.settings-home__section + .settings-home__section[b-1exs9eodtz] {
    margin-top: 2rem;
}

.settings-home__section h2[b-1exs9eodtz] {
    margin: 0 0 .85rem;
    color: #526772;
    font-size: .79rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.settings-home__grid[b-1exs9eodtz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.settings-card[b-1exs9eodtz] {
    position: relative;
    display: flex;
    min-height: 184px;
    padding: 1.4rem;
    overflow: hidden;
    border: 1px solid #e2e9ed;
    border-radius: 16px;
    background: #fff;
    color: inherit;
    text-align: left;
    box-shadow: 0 4px 14px rgba(26, 59, 81, .05);
    cursor: pointer;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.settings-card[b-1exs9eodtz]::after {
    position: absolute;
    right: -24px;
    bottom: -30px;
    width: 105px;
    height: 105px;
    border-radius: 50%;
    background: #f1f6f8;
    content: "";
    transition: transform .25s ease;
}

.settings-card:hover[b-1exs9eodtz] {
    border-color: #c8d7de;
    box-shadow: 0 14px 26px rgba(26, 59, 81, .11);
    transform: translateY(-4px);
}

.settings-card:hover[b-1exs9eodtz]::after {
    transform: scale(1.25);
}

.settings-card:focus-visible[b-1exs9eodtz] {
    outline: 3px solid rgba(200, 121, 36, .35);
    outline-offset: 3px;
}

.settings-card__icon[b-1exs9eodtz] {
    position: absolute;
    top: 1.35rem;
    left: 1.4rem;
    z-index: 1;
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 11px;
    background: #e8f0f4;
    color: #284a64;
    font-size: 1.25rem;
}

.settings-card__content[b-1exs9eodtz] {
    z-index: 1;
    align-self: flex-end;
    padding-right: 1.25rem;
}

.settings-card__title[b-1exs9eodtz],
.settings-card__description[b-1exs9eodtz] {
    display: block;
}

.settings-card__title[b-1exs9eodtz] {
    margin-bottom: .38rem;
    color: #284a64;
    font-size: 1rem;
    font-weight: 750;
}

.settings-card__description[b-1exs9eodtz] {
    color: #71808b;
    font-size: .81rem;
    line-height: 1.45;
}

.settings-card__arrow[b-1exs9eodtz] {
    position: absolute;
    right: 1.25rem;
    bottom: 1.3rem;
    z-index: 1;
    color: #c87924;
    font-size: 1.05rem;
    transition: transform .2s ease;
}

.settings-card:hover .settings-card__arrow[b-1exs9eodtz] {
    transform: translateX(4px);
}

.settings-card--primary[b-1exs9eodtz] {
    border-color: #284a64;
    background: #284a64;
}

.settings-card--primary[b-1exs9eodtz]::after {
    background: rgba(255, 255, 255, .08);
}

.settings-card--primary .settings-card__icon[b-1exs9eodtz] {
    background: rgba(255, 255, 255, .14);
    color: #fff;
}

.settings-card--primary .settings-card__title[b-1exs9eodtz] {
    color: #fff;
}

.settings-card--primary .settings-card__description[b-1exs9eodtz] {
    color: rgba(255, 255, 255, .72);
}

.settings-card--primary .settings-card__arrow[b-1exs9eodtz] {
    color: #f0ad4e;
}

@media (max-width: 860px) {
    .settings-home__grid[b-1exs9eodtz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .settings-home[b-1exs9eodtz] {
        padding-inline: 1rem;
    }

    .settings-home__grid[b-1exs9eodtz] {
        grid-template-columns: 1fr;
    }

    .settings-card[b-1exs9eodtz] {
        min-height: 158px;
    }
}
/* /Components/Pages/Settings/MaterialFlowProjects.razor.rz.scp.css */
.mf-project-settings[b-hc6oid6ajl] { display: grid; grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr); align-items: start; gap: 1rem; padding: 1.25rem clamp(1rem, 2.5vw, 2.25rem) 2rem; background: #f6f8fa; box-sizing: border-box; }
.mf-project-form[b-hc6oid6ajl], .mf-project-list[b-hc6oid6ajl] { min-width: 0; padding: 1.15rem; border: 1px solid #dce6eb; border-radius: .8rem; background: #fff; box-shadow: 0 .3rem 1rem rgba(40,74,100,.045); }
.mf-project-form > header[b-hc6oid6ajl], .mf-project-list > header[b-hc6oid6ajl] { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: .9rem; border-bottom: 1px solid #e7edf0; }
.mf-project-form header span[b-hc6oid6ajl], .mf-project-list header span[b-hc6oid6ajl] { color: #c87924; font-size: .67rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.mf-project-form h2[b-hc6oid6ajl], .mf-project-list h2[b-hc6oid6ajl] { margin: .2rem 0; color: #284a64; font-size: 1.05rem; }
.mf-project-form header p[b-hc6oid6ajl], .mf-project-list header p[b-hc6oid6ajl] { margin: 0; color: #71808b; font-size: .76rem; }
.mf-project-form header > i[b-hc6oid6ajl] { color: #9bafbb; font-size: 1.6rem; }
.mf-project-form__grid[b-hc6oid6ajl] { display: grid; grid-template-columns: 1fr 1fr; gap: .75rem; margin-top: 1rem; }
.mf-project-form__grid label[b-hc6oid6ajl] { display: grid; min-width: 0; gap: .3rem; color: #526572; font-size: .7rem; font-weight: 750; }
.mf-project-form__grid label.wide[b-hc6oid6ajl] { grid-column: 1 / -1; }
.mf-project-form__grid input[b-hc6oid6ajl] { width: 100%; min-width: 0; min-height: 2.45rem; padding: .55rem .65rem; box-sizing: border-box; border: 1px solid #cedbe2; border-radius: .55rem; outline: 0; color: #344955; font-size: .78rem; }
.mf-project-form__grid input:focus[b-hc6oid6ajl] { border-color: #5a819e; box-shadow: 0 0 0 3px rgba(40,74,100,.1); }
.mf-project-form footer[b-hc6oid6ajl] { display: flex; justify-content: flex-end; gap: .5rem; margin-top: 1rem; }
.mf-project-form footer .secondary[b-hc6oid6ajl] { padding: .55rem .8rem; border: 1px solid #cbd8df; border-radius: .55rem; background: #fff; color: #526572; font-weight: 700; }
.mf-project-error[b-hc6oid6ajl] { margin: .8rem 0 0; padding: .65rem; border-radius: .55rem; background: #fff2ed; color: #a84429; font-size: .75rem; }
.mf-project-list .table-responsive[b-hc6oid6ajl] { width: 100%; overflow-x: auto; }
.mf-project-list table[b-hc6oid6ajl] { width: 100%; min-width: 720px; border-collapse: collapse; }
.mf-project-list th[b-hc6oid6ajl] { padding: .7rem; border-bottom: 1px solid #dce6eb; background: #f3f6f8; color: #526572; font-size: .67rem; text-align: left; text-transform: uppercase; }
.mf-project-list td[b-hc6oid6ajl] { padding: .75rem .7rem; border-bottom: 1px solid #e7edf0; color: #344955; font-size: .78rem; }
.mf-project-status[b-hc6oid6ajl] { display: inline-flex; padding: .25rem .5rem; border-radius: 99px; font-size: .65rem; font-weight: 750; }
.mf-project-status.active[b-hc6oid6ajl] { background: #eaf5ef; color: #23704b; }
.mf-project-status.inactive[b-hc6oid6ajl] { background: #f1f3f5; color: #697780; }
.mf-project-actions[b-hc6oid6ajl] { display: flex; gap: .35rem; }
.mf-project-actions button[b-hc6oid6ajl] { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid #cbd8df; border-radius: .45rem; background: #fff; color: #284a64; cursor: pointer; }
.mf-project-list td.empty[b-hc6oid6ajl] { padding: 2rem; color: #71808b; text-align: center; }
@media(max-width:900px){.mf-project-settings[b-hc6oid6ajl]{grid-template-columns:1fr}}
@media(max-width:520px){.mf-project-settings[b-hc6oid6ajl]{padding:1rem}.mf-project-form__grid[b-hc6oid6ajl]{grid-template-columns:1fr}.mf-project-form__grid label.wide[b-hc6oid6ajl]{grid-column:1}.mf-project-form footer[b-hc6oid6ajl]{display:grid;grid-template-columns:1fr}.mf-project-form footer button[b-hc6oid6ajl]{width:100%}}
/* /Components/Pages/Settings/Notifications/RfiNotificationRecipients.razor.rz.scp.css */
.content-main[b-6qfoxntqfu] {
    display: grid;
    justify-items: center;
    max-width: 1120px;
    margin: 0 auto;
    padding: 24px;
    overflow-x: hidden;
    border-radius: 20px;
    background: radial-gradient(circle at top right, rgba(56, 189, 248, .13), transparent 32%), #f8fafc;
}

.content-section[b-6qfoxntqfu] {
    width: min(100%, 1000px);
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
    padding: 24px;
}

.title-segment-form[b-6qfoxntqfu] {
    padding-bottom: 16px;
    border-bottom: 1px solid #e2e8f0;
}

.title-segment-form h2[b-6qfoxntqfu] {
    margin: 0;
    color: #284A64;
    font-size: 1.1rem;
}

.title-segment-form p[b-6qfoxntqfu] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: .88rem;
}

.notification-recipient__field[b-6qfoxntqfu] {
    max-width: 720px;
    margin-inline: auto;
}

.notification-recipient__search[b-6qfoxntqfu] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid #dbe4ee;
    border-radius: 11px;
    background: #f8fafc;
    transition: border-color .2s ease, box-shadow .2s ease;
}

.notification-recipient__search:focus-within[b-6qfoxntqfu] {
    border-color: #4e87a8;
    box-shadow: 0 0 0 4px rgba(78, 135, 168, .14);
    background: #fff;
}

.notification-recipient__search svg[b-6qfoxntqfu] {
    width: 20px;
    height: 20px;
    fill: #67849a;
    flex: 0 0 auto;
}

.notification-recipient__search input[b-6qfoxntqfu] {
    width: 100%;
    height: auto;
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: #1e3a50;
    font: inherit;
}

.notification-recipient__search input:focus[b-6qfoxntqfu],
.notification-recipient__search input:hover[b-6qfoxntqfu] {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

.notification-recipient__search input[b-6qfoxntqfu]::placeholder {
    color: #94a3b8;
}

.notification-recipient__selected[b-6qfoxntqfu] {
    display: flex;
    gap: 11px;
    align-items: center;
    max-width: 720px;
    margin: 14px auto 0;
    padding: 11px 14px;
    border-radius: 10px;
    color: #1e4b68;
    background: #e8f3fa;
    border: 1px solid #bfdbeb;
    font-size: .88rem;
}

.notification-recipient__selected small[b-6qfoxntqfu],
.notification-recipient__result small[b-6qfoxntqfu] {
    display: block;
    margin-top: 3px;
    color: #64748b;
}

.notification-recipient__avatar[b-6qfoxntqfu] {
    display: inline-grid;
    width: 34px;
    height: 34px;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #2d6688;
    background: #dbeef8;
}

.notification-recipient__results[b-6qfoxntqfu] {
    display: grid;
    gap: 7px;
    max-width: 720px;
    max-height: 290px;
    margin: 12px auto 0;
    padding: 8px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #dbe4ee;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 14px 28px rgba(15, 23, 42, .09);
}

.notification-recipient__result[b-6qfoxntqfu] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 11px;
    padding: 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: #1e3a50;
    background: transparent;
    text-align: left;
    cursor: pointer;
    transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

.notification-recipient__result:hover[b-6qfoxntqfu] {
    border-color: #c8dfec;
    background: #f1f8fc;
    transform: translateX(2px);
}

.notification-recipient__result-content[b-6qfoxntqfu] {
    min-width: 0;
    flex: 1;
}

.notification-recipient__result-content strong[b-6qfoxntqfu],
.notification-recipient__result-content small[b-6qfoxntqfu] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-recipient__result-action[b-6qfoxntqfu] {
    color: #2d6688;
    font-size: 1.15rem;
}

.table-custom tbody tr[b-6qfoxntqfu] {
    transition: background .18s ease;
}

.table-custom tbody tr:hover[b-6qfoxntqfu] {
    background: #f8fafc;
}

.table-custom thead th[b-6qfoxntqfu] {
    background: #284A64;
    color: #ffffff;
    border: 0;
    font-size: .73rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.notification-recipient__table[b-6qfoxntqfu] {
    width: min(100%, 900px);
    margin: 0 auto;
    overflow-x: auto;
    border: 1px solid #dbe4ee;
    border-radius: 12px;
    background: #ffffff;
}

.notification-recipient__table .table-custom[b-6qfoxntqfu] {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

.notification-recipient__table .table-custom th[b-6qfoxntqfu],
.notification-recipient__table .table-custom td[b-6qfoxntqfu] {
    padding: 14px 16px;
    vertical-align: middle;
    border-bottom: 1px solid #e9eff5;
    font-size: .78rem;
}

.notification-recipient__table .table-custom th:first-child[b-6qfoxntqfu],
.notification-recipient__table .table-custom td:first-child[b-6qfoxntqfu] {
    padding-left: 22px;
}

.notification-recipient__table .table-custom th:last-child[b-6qfoxntqfu],
.notification-recipient__table .table-custom td:last-child[b-6qfoxntqfu] {
    width: 58px;
    padding-right: 18px;
    text-align: center;
}

.notification-recipient__table .table-custom tbody tr:last-child td[b-6qfoxntqfu] {
    border-bottom: 0;
}

.notification-recipient__table .table-custom td:nth-child(2)[b-6qfoxntqfu] {
    color: #64748b;
    font-size: .75rem;
}

.container-button-response[b-6qfoxntqfu] {
    margin-top: 18px;
    justify-content: center;
}

small[b-6qfoxntqfu] {
    color: #64748b;
}

@media (max-width: 640px) {
    .content-main[b-6qfoxntqfu] {
        padding: 12px;
    }

    .content-section[b-6qfoxntqfu] {
        padding: 16px;
    }
}
/* /Components/Pages/Settings/QualityControl/ConfigUnitsControlCard.razor.rz.scp.css */
.control-matrix-toolbar[b-i7fxa4dm84] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .75rem;
    width: 100%;
}

.control-matrix-toolbar__search[b-i7fxa4dm84] {
    display: flex;
    flex: 1 1 20rem;
    align-items: center;
    gap: .6rem;
    min-width: 16rem;
    min-height: 2.7rem;
    padding: 0 .85rem;
    border: 1px solid #cbdde7;
    border-radius: .75rem;
    background: #fff;
    color: #2e6e9f;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.control-matrix-toolbar__search:focus-within[b-i7fxa4dm84] {
    border-color: #5b9bc3;
    box-shadow: 0 0 0 3px rgba(44, 102, 154, .12);
}

.control-matrix-toolbar__search .inpt-search-table[b-i7fxa4dm84] {
    width: 100%;
    min-height: 2.4rem;
    padding: 0;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    font-size: .78rem;
}

.control-matrix-toolbar__filters[b-i7fxa4dm84] {
    display: flex;
    gap: .25rem;
    padding: .25rem;
    border-radius: .7rem;
    background: #edf3f6;
}

.control-matrix-toolbar__filters button[b-i7fxa4dm84] {
    min-height: 2.15rem;
    padding: .35rem .65rem;
    border: 0;
    border-radius: .5rem;
    background: transparent;
    color: #69808e;
    font-size: .7rem;
    font-weight: 750;
    cursor: pointer;
    transition: background .16s ease, color .16s ease, box-shadow .16s ease;
}

.control-matrix-toolbar__filters button.is-active[b-i7fxa4dm84] {
    background: #fff;
    box-shadow: 0 .18rem .45rem rgba(31, 66, 91, .12);
    color: #2a638f;
}

.control-matrix-page[b-i7fxa4dm84] {
    display: grid;
    gap: 1rem;
    min-height: 0;
    padding: 1.15rem;
}

.control-matrix-page__intro[b-i7fxa4dm84] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
}

.control-matrix-page__intro h2[b-i7fxa4dm84] {
    margin: 0 0 .3rem;
    color: #284a64;
    font-size: 1rem;
}

.control-matrix-page__intro p[b-i7fxa4dm84] {
    max-width: 46rem;
    margin: 0;
    color: #718392;
    font-size: .76rem;
    line-height: 1.45;
}

.control-matrix-page__metrics[b-i7fxa4dm84] {
    display: flex;
    align-items: center;
    gap: .7rem;
    color: #728794;
    font-size: .67rem;
    white-space: nowrap;
}

.control-matrix-page__metrics span + span[b-i7fxa4dm84] {
    padding-left: .7rem;
    border-left: 1px solid #d7e4ea;
}

.control-matrix-page__metrics strong[b-i7fxa4dm84] { color: #2c669a; font-size: .85rem; }

.control-matrix-page__saving[b-i7fxa4dm84] {
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .65rem .8rem;
    border: 1px solid #c9dfed;
    border-radius: .65rem;
    background: #f1f8fd;
    color: #3f6e8e;
    font-size: .73rem;
    font-weight: 700;
}

.control-matrix-page__saving i[b-i7fxa4dm84] { animation: control-matrix-spin-b-i7fxa4dm84 1s linear infinite; }

.control-matrix-table-wrap[b-i7fxa4dm84] {
    overflow: auto;
    border: 1px solid #d8e5eb;
    border-radius: .85rem;
    background: #fff;
}

.control-matrix-table[b-i7fxa4dm84] {
    width: 100%;
    min-width: 48rem;
    border-collapse: collapse;
}

.control-matrix-table th[b-i7fxa4dm84] {
    height: 3.05rem;
    padding: .65rem .8rem;
    border-bottom: 1px solid #dbe7ed;
    background: #f1f6f8;
    color: #557083;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.control-matrix-table th:first-child[b-i7fxa4dm84] { min-width: 7.5rem; padding-left: 1.15rem; }
.control-matrix-table th:nth-child(2)[b-i7fxa4dm84] { min-width: 15rem; }
.control-matrix-table th:nth-child(n + 3)[b-i7fxa4dm84] { min-width: 6rem; text-align: center; }

.control-matrix-table td[b-i7fxa4dm84] {
    padding: .78rem .8rem;
    border-bottom: 1px solid #e7eef2;
    color: #476373;
    font-size: .73rem;
    vertical-align: middle;
}

.control-matrix-table tbody tr:last-child td[b-i7fxa4dm84] { border-bottom: 0; }
.control-matrix-table tbody tr:hover td[b-i7fxa4dm84] { background: #f9fcfd; }

.control-matrix-table .control-matrix-table__stage td[b-i7fxa4dm84] {
    padding: .58rem 1.15rem;
    border-top: 1px solid #d7e5ec;
    border-bottom: 1px solid #dce8ee;
    background: #edf5f8;
    color: #2d668f;
}

.control-matrix-table .control-matrix-table__stage:first-child td[b-i7fxa4dm84] { border-top: 0; }
.control-matrix-table .control-matrix-table__stage:hover td[b-i7fxa4dm84] { background: #edf5f8; }
.control-matrix-table__stage span[b-i7fxa4dm84] { font-size: .65rem; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.control-matrix-table__stage small[b-i7fxa4dm84] { margin-left: .5rem; color: #718a9a; font-size: .63rem; font-weight: 600; }

.control-matrix-table__code[b-i7fxa4dm84] {
    padding-left: 1.15rem !important;
    color: #2d638c !important;
    font-size: .68rem !important;
    font-weight: 800;
    white-space: nowrap;
}

.control-matrix-table td strong[b-i7fxa4dm84] { display: block; color: #294e66; font-size: .74rem; }
.control-matrix-table td small[b-i7fxa4dm84] { display: block; margin-top: .2rem; color: #8296a2; font-size: .63rem; }

.control-matrix-table__toggle[b-i7fxa4dm84] { text-align: center; }
.control-matrix-table__unavailable[b-i7fxa4dm84] { color: #b0bec6; }

.control-matrix-switch[b-i7fxa4dm84] {
    position: relative;
    display: inline-block;
    width: 2.15rem;
    height: 1.18rem;
    vertical-align: middle;
}

.control-matrix-switch input[b-i7fxa4dm84] { width: 0; height: 0; opacity: 0; }

.control-matrix-switch > span:first-of-type[b-i7fxa4dm84] {
    position: absolute;
    inset: 0;
    border-radius: 999px;
    background: #d4dfe5;
    cursor: pointer;
    transition: background .16s ease;
}

.control-matrix-switch > span:first-of-type[b-i7fxa4dm84]::before {
    position: absolute;
    bottom: .17rem;
    left: .17rem;
    width: .84rem;
    height: .84rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(28, 62, 84, .24);
    content: "";
    transition: transform .16s ease;
}

.control-matrix-switch input:checked + span[b-i7fxa4dm84] { background: #2f8d70; }
.control-matrix-switch input:checked + span[b-i7fxa4dm84]::before { transform: translateX(.97rem); }
.control-matrix-switch input:focus-visible + span[b-i7fxa4dm84] { outline: 3px solid rgba(44, 102, 154, .2); outline-offset: 2px; }
.control-matrix-switch input:disabled + span[b-i7fxa4dm84] { cursor: wait; opacity: .65; }

.control-matrix-page__footer[b-i7fxa4dm84] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    color: #728794;
    font-size: .69rem;
}

.control-matrix-page__footer i[b-i7fxa4dm84] { margin-right: .25rem; color: #2c669a; }

.control-matrix-page__empty[b-i7fxa4dm84] {
    display: grid;
    justify-items: center;
    gap: .55rem;
    padding: 3.5rem 1.25rem;
    border: 1px dashed #ccdce5;
    border-radius: .85rem;
    background: #fbfdfe;
    color: #718392;
    text-align: center;
}

.control-matrix-page__empty > i[b-i7fxa4dm84] { color: #6f9cba; font-size: 1.55rem; }
.control-matrix-page__empty h2[b-i7fxa4dm84] { margin: 0; color: #34566c; font-size: .95rem; }
.control-matrix-page__empty p[b-i7fxa4dm84] { margin: 0; font-size: .75rem; }

@keyframes control-matrix-spin-b-i7fxa4dm84 { to { transform: rotate(360deg); } }

@media (max-width: 700px) {
    .control-matrix-page[b-i7fxa4dm84] { padding: .8rem; }
    .control-matrix-page__intro[b-i7fxa4dm84] { align-items: flex-start; flex-direction: column; }
    .control-matrix-page__metrics[b-i7fxa4dm84] { flex-wrap: wrap; white-space: normal; }
    .control-matrix-toolbar__search[b-i7fxa4dm84] { flex-basis: 100%; }
    .control-matrix-toolbar__filters[b-i7fxa4dm84] { width: 100%; overflow-x: auto; }
    .control-matrix-page__footer[b-i7fxa4dm84] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/Settings/Teams/ConfigTeams.razor.rz.scp.css */
.team-config-page[b-efsb56q4h2]{flex:1;min-height:0;width:100%;max-width:1500px;margin:0 auto;padding:1.25rem clamp(1rem,2.5vw,2.25rem) 2rem;overflow-y:auto;box-sizing:border-box}.team-config-page__heading[b-efsb56q4h2]{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.team-config-page__eyebrow[b-efsb56q4h2],.team-config-add small[b-efsb56q4h2],.team-members__header small[b-efsb56q4h2]{color:#c87924;font-size:.62rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.team-config-page__title-row[b-efsb56q4h2]{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem;margin:.35rem 0}.team-config-page__heading h1[b-efsb56q4h2]{margin:0;color:#284a64;font-size:1.35rem}.team-config-page__heading p[b-efsb56q4h2]{margin:0;color:#71808b;font-size:.78rem}.team-config-page__project[b-efsb56q4h2]{display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .55rem;border-radius:.45rem;background:#edf4fa;color:#2c669a;font-size:.7rem;font-weight:750}.team-config-page__back[b-efsb56q4h2]{display:grid;width:2.5rem;height:2.5rem;place-items:center;border:1px solid #d6e2e8;border-radius:.55rem;background:#fff;color:#284a64;font-size:1rem}.team-config-add[b-efsb56q4h2],.team-members[b-efsb56q4h2]{padding:1rem;border:1px solid #e2e9ed;border-radius:.9rem;background:#fff;box-shadow:0 .3rem .9rem rgba(40,74,100,.045)}.team-config-add header[b-efsb56q4h2]{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.team-config-add h2[b-efsb56q4h2],.team-members h2[b-efsb56q4h2]{margin:.18rem 0 0;color:#284a64;font-size:1rem}.team-config-add header p[b-efsb56q4h2]{margin:0;color:#71808b;font-size:.68rem}.team-config-add__form[b-efsb56q4h2]{display:grid;grid-template-columns:minmax(12rem,.9fr) minmax(14rem,1fr) auto;gap:.75rem;align-items:end}.team-config-add label[b-efsb56q4h2],.team-member-row__reviewer[b-efsb56q4h2]{display:grid;gap:.3rem}.team-config-add label>span[b-efsb56q4h2],.team-member-row__reviewer>span[b-efsb56q4h2],.team-member-row__notifications>span[b-efsb56q4h2]{color:#526772;font-size:.68rem;font-weight:800}.team-config-add .inpt-form[b-efsb56q4h2],.team-member-row .inpt-form[b-efsb56q4h2]{min-height:2.55rem;border:1px solid #d4e1e7;border-radius:.5rem;background:#fff;color:#36566d;font-size:.75rem}.team-config-add__button[b-efsb56q4h2]{min-height:2.55rem;justify-content:center;white-space:nowrap}.team-members[b-efsb56q4h2]{margin-top:1rem}.team-members__header[b-efsb56q4h2]{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:.8rem}.team-members__header>span[b-efsb56q4h2]{padding:.28rem .5rem;border:1px solid #cbdde8;border-radius:.4rem;background:#edf4fa;color:#2c669a;font-size:.67rem;font-weight:750}.team-members__list[b-efsb56q4h2]{display:grid;gap:.6rem}.team-member-row[b-efsb56q4h2]{display:grid;grid-template-columns:minmax(14rem,1fr) minmax(10rem,.7fr) minmax(18rem,1.2fr) auto;gap:1rem;align-items:center;padding:.8rem;border:1px solid #e3ebef;border-radius:.7rem;background:#fff}.team-member-row__identity[b-efsb56q4h2]{display:grid;grid-template-columns:2.8rem minmax(0,1fr);gap:.65rem;align-items:center}.team-member-row__avatar[b-efsb56q4h2]{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:50%;background:#eaf2f7;color:#2c669a;font-size:1.2rem}.team-member-row h3[b-efsb56q4h2]{overflow:hidden;margin:0;color:#284a64;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.team-member-row__identity p[b-efsb56q4h2]{margin:.18rem 0 0;color:#71808b;font-size:.68rem}.team-member-row__notifications[b-efsb56q4h2]{display:grid;gap:.38rem;padding-left:1rem;border-left:1px solid #e3ebef}.team-member-row__notifications>div[b-efsb56q4h2]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.team-member-row__notifications label[b-efsb56q4h2]{display:grid;justify-items:center;gap:.25rem;color:#71808b;font-size:.6rem;text-align:center}.team-member-row__notifications .swith[b-efsb56q4h2]{transform:scale(.8);transform-origin:center}.team-member-row__actions[b-efsb56q4h2]{display:flex;align-items:center;gap:.45rem}.team-member-row__actions button[b-efsb56q4h2]{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.35rem;border-radius:.45rem;font-size:.67rem;font-weight:750}.team-member-row__permission[b-efsb56q4h2]{padding:0 .65rem;border:1px solid #cbdde8;background:#fff;color:#2c669a}.team-member-row__delete[b-efsb56q4h2]{width:2.35rem;border:1px solid #f0c9c9;background:#fff;color:#c64f4f}.team-members__empty[b-efsb56q4h2]{display:grid;min-height:14rem;place-content:center;justify-items:center;gap:.4rem;color:#71808b;text-align:center}.team-members__empty i[b-efsb56q4h2]{display:grid;width:2.8rem;height:2.8rem;place-items:center;border-radius:.75rem;background:#edf4fa;color:#2c669a;font-size:1.2rem}.team-members__empty h3[b-efsb56q4h2]{margin:.15rem 0;color:#284a64;font-size:.9rem}.team-members__empty p[b-efsb56q4h2]{max-width:22rem;margin:0;font-size:.72rem}.team-config-page__notice[b-efsb56q4h2]{display:flex;align-items:center;gap:.55rem;margin-top:1rem;padding:.75rem .9rem;border:1px solid #cfe0ee;border-radius:.65rem;background:#f7fbff;color:#526772;font-size:.72rem}.team-config-page__notice i[b-efsb56q4h2]{color:#2c669a}@media(max-width:1100px){.team-member-row[b-efsb56q4h2]{grid-template-columns:minmax(14rem,1fr) minmax(10rem,.7fr) auto}.team-member-row__notifications[b-efsb56q4h2]{grid-column:1 / -1;padding-top:.8rem;padding-left:0;border-top:1px solid #e3ebef;border-left:0}}@media(max-width:700px){.team-config-add__form[b-efsb56q4h2]{grid-template-columns:1fr}.team-config-add__button[b-efsb56q4h2]{width:100%}.team-member-row[b-efsb56q4h2]{grid-template-columns:1fr}.team-member-row__notifications[b-efsb56q4h2]{padding-left:0;border-left:0}.team-member-row__actions[b-efsb56q4h2]{justify-content:flex-end}.team-config-add header[b-efsb56q4h2]{align-items:start;flex-direction:column}}@media(max-width:480px){.team-config-page[b-efsb56q4h2]{padding:1rem}.team-config-page__heading h1[b-efsb56q4h2]{font-size:1.15rem}.team-member-row__notifications>div[b-efsb56q4h2]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.team-member-row__actions[b-efsb56q4h2]{justify-content:space-between}.team-member-row__permission[b-efsb56q4h2]{flex:1}}
/* /Components/Pages/Settings/Teams/ControlUnits/ControlUnitTreeNode.razor.rz.scp.css */
.control-unit-node[b-d5ky4rxinl] {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) minmax(10rem, .5fr) 8.5rem;
    align-items: center;
    gap: 1rem;
    min-height: 4.35rem;
    padding: .6rem 1rem .6rem calc(1rem + (var(--control-unit-depth) * 1.35rem));
    border-top: 1px solid #eaf0f3;
    background: #fff;
}

.control-unit-node > summary[b-d5ky4rxinl] {
    list-style: none;
}

.control-unit-node > summary[b-d5ky4rxinl]::-webkit-details-marker {
    display: none;
}

.control-unit-node--room[b-d5ky4rxinl] { background: #fcfefd; }

.control-unit-node__identity[b-d5ky4rxinl] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .55rem;
}

.control-unit-node__toggle[b-d5ky4rxinl],
.control-unit-node__action[b-d5ky4rxinl] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #d7e4e9;
    border-radius: .45rem;
    background: #fff;
    color: #49718c;
    font-size: .78rem;
}

.control-unit-node__toggle--empty[b-d5ky4rxinl] { border-color: transparent; background: transparent; }

.control-unit-node[open] > .control-unit-node__identity .control-unit-node__toggle i[b-d5ky4rxinl] {
    transform: rotate(90deg);
}

.control-unit-node__icon[b-d5ky4rxinl] {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .55rem;
    background: #eaf2f7;
    color: #2c669a;
}

.control-unit-node--room .control-unit-node__icon[b-d5ky4rxinl] { background: #edf8f3; color: #2e8b72; }

.control-unit-node h3[b-d5ky4rxinl] {
    overflow: hidden;
    margin: 0;
    color: #284a64;
    font-size: .79rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-unit-node p[b-d5ky4rxinl] { margin: .16rem 0 0; color: #71808b; font-size: .65rem; }

.control-unit-node__type[b-d5ky4rxinl] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #5d7483;
    font-size: .68rem;
}

.control-unit-node__type i[b-d5ky4rxinl] { color: #2c669a; }
.control-unit-node--room .control-unit-node__type i[b-d5ky4rxinl] { color: #2e8b72; }

.control-unit-node__actions[b-d5ky4rxinl] { display: flex; justify-content: flex-end; gap: .35rem; }
.control-unit-node__action--save[b-d5ky4rxinl] { border-color: #b8dfd1; background: #edf8f3; color: #23745d; }
.control-unit-node__action--delete[b-d5ky4rxinl] { border-color: #f0cccc; color: #c35656; }

.control-unit-node__input[b-d5ky4rxinl] {
    width: min(100%, 24rem);
    min-height: 2.2rem;
    border: 1px solid #a9c9dc;
    border-radius: .45rem;
    color: #284a64;
    font-size: .76rem;
}

.control-unit-node__children[b-d5ky4rxinl] {
    display: block;
    grid-column: 1 / -1;
}

@media (max-width: 850px) {
    .control-unit-node[b-d5ky4rxinl] { grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; }
    .control-unit-node__type[b-d5ky4rxinl] { grid-column: 1; padding-left: 2.55rem; }
    .control-unit-node__actions[b-d5ky4rxinl] { grid-column: 2; grid-row: 1 / span 2; }
}

@media (max-width: 600px) {
    .control-unit-node[b-d5ky4rxinl] { padding-right: .65rem; padding-left: calc(.65rem + (var(--control-unit-depth) * .6rem)); }
    .control-unit-node__actions[b-d5ky4rxinl] { flex-wrap: wrap; max-width: 4.4rem; }
}
/* /Components/Pages/Settings/Teams/ControlUnits/ControlUnitTreeRow.razor.rz.scp.css */
.control-unit-node[b-4sj71heboq] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, .42fr) 8.5rem;
    align-items: center;
    gap: 1rem;
    min-width: 0;
    min-height: 4.35rem;
    padding: .6rem 1rem .6rem calc(1rem + (var(--control-unit-depth) * 1.15rem));
    border-top: 1px solid #eaf0f3;
    background: #fff;
}

.control-unit-node--room[b-4sj71heboq] { background: #fcfefd; }
.control-unit-node__identity[b-4sj71heboq] { display: flex; align-items: center; min-width: 0; gap: .55rem; }
.control-unit-node__identity > div[b-4sj71heboq] { min-width: 0; }

.control-unit-node__level[b-4sj71heboq],
.control-unit-node__icon[b-4sj71heboq] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .45rem;
}

.control-unit-node__level[b-4sj71heboq] { background: #f3f7f9; color: #6b8797; font-size: .72rem; }
.control-unit-node__level--toggle[b-4sj71heboq] { border: 1px solid #d7e4e9; cursor: pointer; }
.control-unit-node__icon[b-4sj71heboq] { background: #eaf2f7; color: #2c669a; }
.control-unit-node--room .control-unit-node__icon[b-4sj71heboq] { background: #edf8f3; color: #2e8b72; }

.control-unit-node h3[b-4sj71heboq] { overflow: hidden; margin: 0; color: #284a64; font-size: .79rem; text-overflow: ellipsis; white-space: nowrap; }
.control-unit-node p[b-4sj71heboq] { margin: .16rem 0 0; color: #71808b; font-size: .65rem; }
.control-unit-node__type[b-4sj71heboq] { display: inline-flex; align-items: center; min-width: 0; gap: .38rem; overflow: hidden; color: #5d7483; font-size: .68rem; text-overflow: ellipsis; white-space: nowrap; }
.control-unit-node__type i[b-4sj71heboq] { color: #2c669a; }.control-unit-node--room .control-unit-node__type i[b-4sj71heboq] { color: #2e8b72; }
.control-unit-node__actions[b-4sj71heboq] { display: flex; justify-content: flex-end; min-width: 0; gap: .35rem; }
.control-unit-node__action[b-4sj71heboq] { display: grid; width: 2rem; height: 2rem; place-items: center; border: 1px solid #d7e4e9; border-radius: .45rem; background: #fff; color: #49718c; font-size: .78rem; }
.control-unit-node__action--save[b-4sj71heboq] { border-color: #b8dfd1; background: #edf8f3; color: #23745d; }.control-unit-node__action--delete[b-4sj71heboq] { border-color: #f0cccc; color: #c35656; }
.control-unit-node__input[b-4sj71heboq] { width: min(100%, 24rem); min-height: 2.2rem; border: 1px solid #a9c9dc; border-radius: .45rem; color: #284a64; font-size: .76rem; }

@media (max-width: 850px) {
    .control-unit-node[b-4sj71heboq] { grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; }
    .control-unit-node__type[b-4sj71heboq] { grid-column: 1; padding-left: 2.55rem; }
    .control-unit-node__actions[b-4sj71heboq] { grid-column: 2; grid-row: 1 / span 2; }
}

@media (max-width: 600px) {
    .control-unit-node[b-4sj71heboq] { padding-right: .65rem; padding-left: calc(.65rem + (var(--control-unit-depth) * .45rem)); }
    .control-unit-node__actions[b-4sj71heboq] { flex-wrap: wrap; max-width: 4.4rem; }
}
/* /Components/Pages/Settings/Teams/ControlUnits/UnitsControl.razor.rz.scp.css */
.units-control-page[b-i84ixsow9f] {
    display: block;
    flex: 1;
    width: 100%;
    height: calc(100dvh - 10rem);
    max-height: calc(100vh - 10rem);
    min-height: 0;
    max-width: 1500px;
    margin: 0 auto;
    padding: 1.15rem clamp(1rem, 2.5vw, 2.25rem) 2rem;
    overflow-x: hidden;
    overflow-y: scroll !important;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    scrollbar-width: auto;
    scrollbar-color: #9ab6c8 transparent;
    box-sizing: border-box;
}

.units-control-page[b-i84ixsow9f]::-webkit-scrollbar { width: .7rem; }
.units-control-page[b-i84ixsow9f]::-webkit-scrollbar-thumb { border: .18rem solid transparent; border-radius: 1rem; background: #9ab6c8; background-clip: padding-box; }
.units-control-page[b-i84ixsow9f]::-webkit-scrollbar-track { background: transparent; }

.units-control-toolbar[b-i84ixsow9f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
}

.units-control-toolbar__search[b-i84ixsow9f] {
    display: flex;
    align-items: center;
    width: min(100%, 24rem);
    min-height: 2.35rem;
    gap: .5rem;
    padding: 0 .7rem;
    border: 1px solid #d6e3e9;
    border-radius: .55rem;
    background: #fff;
    color: #2c669a;
}

.units-control-toolbar__search .inpt-search-table[b-i84ixsow9f] {
    width: 100%;
    min-width: 0;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.units-control-toolbar__count[b-i84ixsow9f] {
    padding: .35rem .6rem;
    border: 1px solid #cbdde8;
    border-radius: .45rem;
    background: #edf4fa;
    color: #2c669a;
    font-size: .68rem;
    font-weight: 800;
    white-space: nowrap;
}

.units-control-page__intro[b-i84ixsow9f] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.units-control-page__intro h2[b-i84ixsow9f] {
    margin: 0;
    color: #284a64;
    font-size: 1.08rem;
}

.units-control-page__intro p[b-i84ixsow9f] {
    max-width: 44rem;
    margin: .35rem 0 0;
    color: #71808b;
    font-size: .74rem;
}

.units-control-page__metrics[b-i84ixsow9f] {
    display: flex;
    gap: .5rem;
}

.units-control-page__metrics span[b-i84ixsow9f] {
    min-width: 5.5rem;
    padding: .45rem .6rem;
    border: 1px solid #dce8ed;
    border-radius: .55rem;
    background: #fff;
    color: #71808b;
    font-size: .65rem;
    text-align: center;
}

.units-control-page__metrics b[b-i84ixsow9f] {
    display: block;
    color: #2c669a;
    font-size: 1rem;
    line-height: 1.1;
}

.units-control-tree[b-i84ixsow9f] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #dfe9ee;
    border-radius: .8rem;
    background: #fff;
}

.units-control-tree__header[b-i84ixsow9f] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(8rem, .42fr) 8.5rem;
    align-items: center;
    gap: 1rem;
}

.units-control-tree__header[b-i84ixsow9f] {
    padding: .7rem 1rem;
    background: #f3f8fa;
    color: #66808e;
    font-size: .61rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.control-unit-node[b-i84ixsow9f] {
    min-height: 4.35rem;
    padding: .6rem 1rem .6rem calc(1rem + (var(--control-unit-depth) * 1.35rem));
    border-top: 1px solid #eaf0f3;
    background: #fff;
}

.control-unit-node--room[b-i84ixsow9f] {
    background: #fcfefd;
}

.control-unit-node__identity[b-i84ixsow9f] {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: .55rem;
}

.control-unit-node__toggle[b-i84ixsow9f],
.control-unit-node__action[b-i84ixsow9f] {
    display: grid;
    width: 2rem;
    height: 2rem;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid #d7e4e9;
    border-radius: .45rem;
    background: #fff;
    color: #49718c;
    font-size: .78rem;
}

.control-unit-node__toggle--empty[b-i84ixsow9f] {
    border-color: transparent;
    background: transparent;
}

.control-unit-node__icon[b-i84ixsow9f] {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .55rem;
    background: #eaf2f7;
    color: #2c669a;
}

.control-unit-node--room .control-unit-node__icon[b-i84ixsow9f] {
    background: #edf8f3;
    color: #2e8b72;
}

.control-unit-node h3[b-i84ixsow9f] {
    overflow: hidden;
    margin: 0;
    color: #284a64;
    font-size: .79rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.control-unit-node p[b-i84ixsow9f] {
    margin: .16rem 0 0;
    color: #71808b;
    font-size: .65rem;
}

.control-unit-node__type[b-i84ixsow9f] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #5d7483;
    font-size: .68rem;
}

.control-unit-node__type i[b-i84ixsow9f] { color: #2c669a; }
.control-unit-node--room .control-unit-node__type i[b-i84ixsow9f] { color: #2e8b72; }

.control-unit-node__actions[b-i84ixsow9f] {
    display: flex;
    justify-content: flex-end;
    gap: .35rem;
}

.control-unit-node__action--save[b-i84ixsow9f] {
    border-color: #b8dfd1;
    background: #edf8f3;
    color: #23745d;
}

.control-unit-node__action--delete[b-i84ixsow9f] {
    border-color: #f0cccc;
    color: #c35656;
}

.control-unit-node__input[b-i84ixsow9f] {
    width: min(100%, 24rem);
    min-height: 2.2rem;
    border: 1px solid #a9c9dc;
    border-radius: .45rem;
    color: #284a64;
    font-size: .76rem;
}

.units-control-pagination[b-i84ixsow9f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .75rem 1rem;
    border-top: 1px solid #dce8ef;
    background: #f9fcfe;
    color: #71808b;
    font-size: .7rem;
}

.units-control-pagination__actions[b-i84ixsow9f] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    color: #3b5d75;
    white-space: nowrap;
}

.units-control-pagination__actions strong[b-i84ixsow9f] {
    font-size: .68rem;
    font-weight: 700;
}

.units-control-pagination .btn-icon-table[b-i84ixsow9f] {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid #d4e3ec;
    border-radius: .45rem;
    background: #fff;
    color: #2c669a;
}

.units-control-pagination .btn-icon-table:disabled[b-i84ixsow9f] {
    cursor: not-allowed;
    opacity: .45;
}

.units-control-page__legend[b-i84ixsow9f] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: .8rem;
    color: #71808b;
    font-size: .67rem;
}

.units-control-page__legend span[b-i84ixsow9f] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.units-control-page__legend-icon[b-i84ixsow9f] {
    display: grid;
    width: 1.55rem;
    height: 1.55rem;
    place-items: center;
    border-radius: .4rem;
}

.units-control-page__legend-icon--unit[b-i84ixsow9f] { background: #eaf2f7; color: #2c669a; }
.units-control-page__legend-icon--room[b-i84ixsow9f] { background: #edf8f3; color: #2e8b72; }

.units-control-page__state[b-i84ixsow9f] {
    display: grid;
    min-height: 22rem;
    place-content: center;
    justify-items: center;
    gap: .45rem;
    padding: 2rem;
    border: 1px dashed #cfdfe7;
    border-radius: .85rem;
    background: #fff;
    color: #71808b;
    text-align: center;
}

.units-control-page__state > i[b-i84ixsow9f] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: .75rem;
    background: #edf4fa;
    color: #2c669a;
    font-size: 1.25rem;
}

.units-control-page__state h2[b-i84ixsow9f] { margin: .2rem 0 0; color: #284a64; font-size: 1rem; }
.units-control-page__state p[b-i84ixsow9f] { max-width: 26rem; margin: 0; font-size: .72rem; }

@media (max-width: 850px) {
    .units-control-page__intro[b-i84ixsow9f] { align-items: flex-start; flex-direction: column; }
    .units-control-tree__header[b-i84ixsow9f] { display: none; }
    .control-unit-node[b-i84ixsow9f] { grid-template-columns: minmax(0, 1fr) auto; gap: .5rem; }
    .control-unit-node__type[b-i84ixsow9f] { grid-column: 1; padding-left: 2.55rem; }
    .control-unit-node__actions[b-i84ixsow9f] { grid-column: 2; grid-row: 1 / span 2; }
}

@media (max-width: 600px) {
    .units-control-page[b-i84ixsow9f] { height: calc(100dvh - 7.5rem); padding: 1rem; }
    .units-control-toolbar[b-i84ixsow9f] { align-items: stretch; flex-direction: column; }
    .units-control-toolbar__search[b-i84ixsow9f] { width: 100%; }
    .units-control-toolbar__count[b-i84ixsow9f] { align-self: flex-start; }
    .units-control-page__metrics[b-i84ixsow9f] { width: 100%; }
    .units-control-page__metrics span[b-i84ixsow9f] { flex: 1; }
    .control-unit-node[b-i84ixsow9f] { padding-right: .65rem; padding-left: calc(.65rem + (var(--control-unit-depth) * .6rem)); }
    .control-unit-node__actions[b-i84ixsow9f] { flex-wrap: wrap; max-width: 4.4rem; }
    .units-control-pagination[b-i84ixsow9f] { align-items: flex-start; flex-direction: column; }
}
/* /Components/Pages/Settings/Teams/ControlUnits/_ChildrenRoom.razor.rz.scp.css */
.bulk-room-creation[b-wneju4i1v7] {
    display: grid;
    gap: 1.1rem;
    padding-bottom: .65rem;
}

.bulk-room-creation__section[b-wneju4i1v7] {
    padding: 1rem;
    border: 1px solid #d9e7ef;
    border-radius: .95rem;
    background: linear-gradient(145deg, #fcfeff 0%, #f6fafc 100%);
    box-shadow: 0 .35rem .9rem rgba(42, 81, 105, .035);
}

.bulk-room-creation__heading[b-wneju4i1v7] {
    display: grid;
    grid-template-columns: 2rem minmax(0, 1fr) auto;
    align-items: start;
    gap: .65rem;
    margin-bottom: .85rem;
}

.bulk-room-creation__step[b-wneju4i1v7] {
    display: grid;
    width: 1.75rem;
    height: 1.75rem;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(145deg, #3479ad, #235b88);
    box-shadow: 0 .25rem .55rem rgba(44, 102, 154, .24);
    color: #fff;
    font-size: .75rem;
    font-weight: 800;
}

.bulk-room-creation h3[b-wneju4i1v7] {
    margin: .05rem 0 0;
    color: #244a67;
    font-size: .86rem;
    font-weight: 800;
    line-height: 1.2;
}

.bulk-room-creation p[b-wneju4i1v7] {
    margin: .22rem 0 0;
    color: #6a8191;
    font-size: .7rem;
    line-height: 1.35;
}

.bulk-room-creation__new-type[b-wneju4i1v7] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 2rem;
    padding: .42rem .65rem;
    border: 1px solid #b9d3e5;
    border-radius: .6rem;
    background: #fff;
    color: #286393;
    font-size: .67rem;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.bulk-room-creation__new-type:hover[b-wneju4i1v7] {
    border-color: #77a9ca;
    background: #edf7fd;
    box-shadow: 0 .25rem .6rem rgba(44, 102, 154, .12);
    transform: translateY(-1px);
}

.bulk-room-creation__search[b-wneju4i1v7] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-height: 2.65rem;
    margin-bottom: .75rem;
    padding: 0 .8rem;
    border: 1px solid #c9dce8;
    border-radius: .7rem;
    background: #fff;
    box-shadow: inset 0 1px 0 rgba(33, 78, 105, .02);
    color: #2c669a;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.bulk-room-creation__search:focus-within[b-wneju4i1v7] {
    border-color: #5a97c0;
    box-shadow: 0 0 0 3px rgba(52, 121, 173, .12);
}

.bulk-room-creation__search i[b-wneju4i1v7] { font-size: .9rem; }

.bulk-room-creation__search input[b-wneju4i1v7] {
    width: 100%;
    min-width: 0;
    min-height: 2.5rem;
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    color: #36566d;
    font-size: .76rem;
}

.bulk-room-creation__search input[b-wneju4i1v7]::placeholder { color: #91a3ae; }

.bulk-room-creation__choices[b-wneju4i1v7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    max-height: 15.6rem;
    overflow-y: auto;
    padding: .1rem .3rem .1rem .05rem;
    scrollbar-color: #a6becd transparent;
    scrollbar-width: thin;
}

.bulk-room-creation__choice[b-wneju4i1v7] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    min-height: 3.15rem;
    padding: .55rem .65rem;
    border: 1px solid #d5e3eb;
    border-radius: .7rem;
    background: #fff;
    color: #3a5d73;
    font-size: .72rem;
    font-weight: 750;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.bulk-room-creation__choice:hover[b-wneju4i1v7] {
    border-color: #aacbde;
    background: #f8fcfe;
    transform: translateY(-1px);
}

.bulk-room-creation__choice:has(input:checked)[b-wneju4i1v7] {
    border-color: #4b8fbb;
    background: #edf7fc;
    box-shadow: 0 .3rem .7rem rgba(44, 102, 154, .12);
}

.bulk-room-creation__choice input[b-wneju4i1v7] {
    display: grid;
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    margin: 0;
    appearance: none;
    border: 1.5px solid #aabfcd;
    border-radius: .28rem;
    background: #fff;
    place-content: center;
    cursor: pointer;
}

.bulk-room-creation__choice input:checked[b-wneju4i1v7] {
    border-color: #2c669a;
    background: #2c669a;
}

.bulk-room-creation__choice input:checked[b-wneju4i1v7]::after {
    width: .26rem;
    height: .5rem;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    content: "";
    transform: rotate(45deg) translate(-1px, -1px);
}

.bulk-room-creation__choice span[b-wneju4i1v7] {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: .4rem;
    line-height: 1.2;
}

.bulk-room-creation__choice i[b-wneju4i1v7] {
    flex: 0 0 auto;
    color: #3479ad;
    font-size: .9rem;
}

.bulk-room-creation__choices--types[b-wneju4i1v7] { max-height: 14rem; }

.bulk-room-creation__choice--type[b-wneju4i1v7] {
    align-items: flex-start;
    min-height: 5.8rem;
}

.bulk-room-creation__choice--type span[b-wneju4i1v7] {
    display: grid;
    grid-template-columns: 1rem minmax(0, 1fr);
    column-gap: .4rem;
    row-gap: .16rem;
    align-items: start;
}

.bulk-room-creation__choice--type i[b-wneju4i1v7] { grid-row: 1 / span 2; }
.bulk-room-creation__choice--type b[b-wneju4i1v7] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.bulk-room-creation__choice small[b-wneju4i1v7] {
    color: #718695;
    font-size: .62rem;
    font-weight: 550;
    line-height: 1.32;
}

.bulk-room-creation__empty[b-wneju4i1v7] {
    grid-column: 1 / -1;
    margin: 0;
    padding: .9rem;
    border: 1px dashed #c8dbe7;
    border-radius: .7rem;
    background: #fff;
    color: #71808b;
    font-size: .72rem;
    text-align: center;
}

.bulk-room-creation__summary[b-wneju4i1v7] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .8rem .9rem;
    border: 1px solid #c8dfed;
    border-radius: .75rem;
    background: #f1f8fd;
    color: #557080;
    font-size: .72rem;
    line-height: 1.42;
}

.bulk-room-creation__summary > i[b-wneju4i1v7] {
    margin-top: .05rem;
    color: #2c669a;
    font-size: .9rem;
}

.bulk-room-creation__summary strong[b-wneju4i1v7] { color: #256293; }

@media (max-width: 440px) {
    .bulk-room-creation__heading[b-wneju4i1v7] { grid-template-columns: 1.85rem minmax(0, 1fr); }
    .bulk-room-creation__new-type[b-wneju4i1v7] { grid-column: 2; justify-self: start; }
}
/* /Components/Pages/Settings/Teams/ControlUnits/_FatherEnclosure.razor.rz.scp.css */
.control-type-selector[b-yuyf9hp2v1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.control-type-selector__option[b-yuyf9hp2v1] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: .5rem;
    align-items: start;
    min-height: 5.1rem;
    padding: .7rem;
    border: 1px solid #d7e4ea;
    border-radius: .75rem;
    background: linear-gradient(145deg, #fff, #fbfdfe);
    color: #486475;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}

.control-type-selector__option:hover[b-yuyf9hp2v1] {
    border-color: #adcbdc;
    background: #f8fcfe;
    box-shadow: 0 .3rem .75rem rgba(44, 102, 154, .08);
    transform: translateY(-1px);
}

.control-type-selector__option.is-selected[b-yuyf9hp2v1] {
    border-color: #2c669a;
    background: #f1f8fd;
    box-shadow: 0 .35rem .85rem rgba(44, 102, 154, .12);
}

.control-type-selector__option input[b-yuyf9hp2v1] {
    width: 1.12rem;
    height: 1.12rem;
    margin: .1rem 0 0;
    appearance: none !important;
    border: 1.5px solid #9fb9c9;
    border-radius: 50%;
    background: #fff;
    box-shadow: inset 0 0 0 3px #fff;
    cursor: pointer;
    transition: border-color .16s ease, background .16s ease, box-shadow .16s ease;
}

.control-type-selector__option input:checked[b-yuyf9hp2v1] {
    border-color: #2c669a;
    background: #2c669a;
    box-shadow: inset 0 0 0 3px #fff;
}

.control-type-selector__option input:focus-visible[b-yuyf9hp2v1] {
    outline: 3px solid rgba(44, 102, 154, .22);
    outline-offset: 2px;
}

.control-type-selector__option span[b-yuyf9hp2v1] {
    color: #284a64;
    font-size: .76rem;
    font-weight: 800;
}

.control-type-selector__option i[b-yuyf9hp2v1] {
    margin-right: .3rem;
    color: #2c669a;
}

.control-type-selector__option small[b-yuyf9hp2v1] {
    grid-column: 2;
    margin-top: .18rem;
    color: #71808b;
    font-size: .65rem;
    line-height: 1.3;
}

@media (max-width: 540px) {
    .control-type-selector[b-yuyf9hp2v1] { grid-template-columns: 1fr; }
}
/* /Components/Pages/Settings/Teams/TeamsList.razor.rz.scp.css */
.projects-toolbar[b-jp890cwzy5]{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.projects-toolbar__search[b-jp890cwzy5]{display:flex;align-items:center;width:min(100%,29rem);gap:.55rem;padding:0 .75rem;border:1px solid #d5e1e7;border-radius:.65rem;background:#fff}.projects-toolbar__search>i[b-jp890cwzy5]{color:#2c669a}.projects-toolbar__search .inpt-search-table[b-jp890cwzy5]{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}.projects-toolbar__count[b-jp890cwzy5]{color:#71808b;font-size:.72rem;font-weight:700;white-space:nowrap}.projects-list-page[b-jp890cwzy5]{flex:1;min-height:0;width:100%;max-width:1500px;margin:0 auto;padding:1.15rem clamp(1rem,2.5vw,2.25rem) 2rem;overflow-y:auto;box-sizing:border-box}.projects-list[b-jp890cwzy5]{display:grid;gap:.85rem}.project-row[b-jp890cwzy5]{display:grid;grid-template-columns:minmax(18rem,.82fr) minmax(36rem,1.18fr);align-items:center;gap:1.5rem;padding:1rem 1.1rem;border:1px solid #e2e9ed;border-radius:.9rem;background:#fff;box-shadow:0 .3rem .9rem rgba(40,74,100,.045);transition:border-color .18s ease,box-shadow .18s ease}.project-row:hover[b-jp890cwzy5]{border-color:#a9c8dc;box-shadow:0 .55rem 1.3rem rgba(40,74,100,.09)}.project-row__identity[b-jp890cwzy5]{display:grid;grid-template-columns:3.4rem minmax(0,1fr);gap:.85rem;align-items:center;min-width:0}.project-row__icon[b-jp890cwzy5]{display:grid;width:3.4rem;height:3.4rem;place-items:center;border-radius:.8rem;background:#edf4fa;color:#2c669a;font-size:1.4rem}.project-row__identity h2[b-jp890cwzy5]{overflow:hidden;margin:0;color:#284a64;font-size:1.05rem;text-overflow:ellipsis;white-space:nowrap}.project-row__identity p[b-jp890cwzy5]{overflow:hidden;margin:.28rem 0 .5rem;color:#71808b;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.project-row__identity p span[b-jp890cwzy5]{margin:0 .25rem;color:#c2ced5}.project-row__status[b-jp890cwzy5]{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .42rem;border:1px solid #c4e6d4;border-radius:.4rem;background:#ecf8f1;color:#2f8a73;font-size:.65rem;font-weight:750}.project-row__actions[b-jp890cwzy5]{min-width:0;padding-left:1.35rem;border-left:1px solid #e5edf1}.project-row__actions-title[b-jp890cwzy5]{display:block;margin-bottom:.45rem;color:#36566d;font-size:.72rem;font-weight:800}.project-row__action-group[b-jp890cwzy5]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #a9c8dc;border-radius:.55rem}.project-row__action-group button[b-jp890cwzy5]{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.6rem;padding:.45rem .35rem;border:0;border-left:1px solid #a9c8dc;background:#fff;color:#2c669a;font-size:.68rem;font-weight:750;white-space:nowrap;transition:background .16s ease,color .16s ease}.project-row__action-group button:first-child[b-jp890cwzy5]{border-left:0}.project-row__action-group button:hover[b-jp890cwzy5]{background:#edf4fa;color:#284a64}.project-row__secondary-actions[b-jp890cwzy5]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.5rem}.project-row__secondary-actions button[b-jp890cwzy5]{display:inline-flex;align-items:center;gap:.35rem;border:0;background:transparent;color:#526772;font-size:.65rem;font-weight:700}.project-row__secondary-actions button:hover[b-jp890cwzy5]{color:#2c669a}.project-row__secondary-actions .project-row__archive[b-jp890cwzy5]{color:#c64f4f}.projects-list-page__empty[b-jp890cwzy5]{display:grid;min-height:18rem;place-content:center;justify-items:center;gap:.45rem;padding:2rem;border:1px dashed #d7e2e8;border-radius:.9rem;background:#fff;color:#71808b;text-align:center}.projects-list-page__empty i[b-jp890cwzy5]{display:grid;width:3rem;height:3rem;place-items:center;border-radius:.8rem;background:#edf4fa;color:#2c669a;font-size:1.3rem}.projects-list-page__empty h2[b-jp890cwzy5]{margin:.3rem 0 0;color:#284a64;font-size:1rem}.projects-list-page__empty p[b-jp890cwzy5]{margin:0;font-size:.78rem}@media(max-width:1100px){.project-row[b-jp890cwzy5]{grid-template-columns:1fr}.project-row__actions[b-jp890cwzy5]{padding-top:.9rem;padding-left:0;border-top:1px solid #e5edf1;border-left:0}}@media(max-width:700px){.projects-toolbar[b-jp890cwzy5]{align-items:stretch;flex-direction:column}.projects-toolbar__search[b-jp890cwzy5]{width:100%}.project-row__action-group[b-jp890cwzy5]{grid-template-columns:repeat(2,minmax(0,1fr))}.project-row__action-group button:nth-child(3)[b-jp890cwzy5]{border-left:0;border-top:1px solid #a9c8dc}.project-row__action-group button:nth-child(4)[b-jp890cwzy5]{border-top:1px solid #a9c8dc}}@media(max-width:480px){.projects-list-page[b-jp890cwzy5]{padding:1rem}.project-row[b-jp890cwzy5]{padding:.8rem}.project-row__identity[b-jp890cwzy5]{grid-template-columns:2.8rem minmax(0,1fr)}.project-row__icon[b-jp890cwzy5]{width:2.8rem;height:2.8rem}.project-row__identity p[b-jp890cwzy5]{white-space:normal}.project-row__secondary-actions[b-jp890cwzy5]{align-items:flex-start;flex-direction:column}}
/* /Components/Pages/Settings/TestPlan/ConfigTestConcrete.razor.rz.scp.css */
.test-config-page[b-lfiuj4cj7j]{flex:1;min-height:0;width:100%;max-width:1500px;margin:0 auto;padding:1.2rem clamp(1rem,2.5vw,2.25rem) 2rem;overflow-y:auto;box-sizing:border-box}.test-config-page__intro[b-lfiuj4cj7j]{margin-bottom:1rem}.test-config-page__intro h2[b-lfiuj4cj7j]{margin:0;color:#284a64;font-size:1.1rem}.test-config-page__intro p[b-lfiuj4cj7j]{margin:.3rem 0 0;color:#71808b;font-size:.78rem}.test-config-page__grid[b-lfiuj4cj7j]{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(22rem,.65fr);gap:1rem;align-items:start}.test-config-page__concrete[b-lfiuj4cj7j],.compaction-config-card[b-lfiuj4cj7j]{min-width:0;padding:1rem;border:1px solid #e2e9ed;border-radius:.9rem;background:#fff;box-shadow:0 .3rem .9rem rgba(40,74,100,.045)}.test-config-page__concrete[b-lfiuj4cj7j]  .section-container{padding:0;border:0;box-shadow:none}.compaction-config-card[b-lfiuj4cj7j]{display:grid;gap:.9rem}.compaction-config-card header[b-lfiuj4cj7j]{display:grid;grid-template-columns:2.7rem minmax(0,1fr);gap:.7rem;align-items:start}.compaction-config-card__icon[b-lfiuj4cj7j]{display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:.75rem;background:#edf4fa;color:#2c669a;font-size:1.25rem}.compaction-config-card h2[b-lfiuj4cj7j]{margin:0;color:#284a64;font-size:1rem}.compaction-config-card header p[b-lfiuj4cj7j]{margin:.22rem 0 0;color:#71808b;font-size:.72rem;line-height:1.4}.compaction-config-card>label[b-lfiuj4cj7j]{color:#36566d;font-size:.75rem;font-weight:800}.compaction-config-card__input[b-lfiuj4cj7j]{display:grid;grid-template-columns:minmax(0,1fr) 3.5rem;overflow:hidden;border:1px solid #cbdce6;border-radius:.65rem}.compaction-config-card__input input[b-lfiuj4cj7j]{width:100%;min-width:0;padding:.75rem;border:0;outline:0;color:#284a64;font-size:1.55rem;font-weight:800;text-align:center}.compaction-config-card__input span[b-lfiuj4cj7j]{display:grid;place-items:center;border-left:1px solid #cbdce6;background:#f8fafb;color:#284a64;font-size:1rem;font-weight:800}.compaction-config-card__help[b-lfiuj4cj7j]{display:grid;grid-template-columns:1.2rem minmax(0,1fr);gap:.5rem;padding:.7rem;border:1px solid #cfe0ee;border-radius:.6rem;background:#f7fbff;color:#526772;font-size:.7rem;line-height:1.45}.compaction-config-card__help i[b-lfiuj4cj7j]{color:#2c669a;font-size:.95rem}.compaction-config-card__save[b-lfiuj4cj7j]{justify-content:center;width:100%;min-height:2.6rem}.compaction-config-card__updated[b-lfiuj4cj7j]{color:#71808b;font-size:.65rem;text-align:center}.test-config-page__notice[b-lfiuj4cj7j]{display:flex;align-items:center;gap:.55rem;margin-top:1rem;padding:.75rem .9rem;border:1px solid #cfe0ee;border-radius:.65rem;background:#f7fbff;color:#526772;font-size:.72rem}.test-config-page__notice i[b-lfiuj4cj7j]{color:#2c669a}@media(max-width:1000px){.test-config-page__grid[b-lfiuj4cj7j]{grid-template-columns:1fr}}@media(max-width:600px){.test-config-page[b-lfiuj4cj7j]{padding:1rem}.test-config-page__concrete[b-lfiuj4cj7j],.compaction-config-card[b-lfiuj4cj7j]{padding:.8rem}}
/* /Components/Pages/Test/Compaction/TestCompactionList.razor.rz.scp.css */
.compaction-list[b-petf6hje5h] {
    flex: 1 1 auto;
    width: 100%;
    max-width: 1500px;
    min-height: 0;
    margin: 0 auto;
    padding: 1.15rem clamp(1rem, 2.5vw, 2.25rem) 2rem;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.compaction-list__metrics[b-petf6hje5h] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 10px;
}

.compaction-list__metric[b-petf6hje5h],
.compaction-list__panel[b-petf6hje5h] {
    border: 1px solid #e2e9ed;
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 .3rem .9rem rgba(40, 74, 100, .045);
}

.compaction-list__metric[b-petf6hje5h] {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    min-height: 5rem;
    padding: .8rem .9rem;
}

.compaction-list__metric > i[b-petf6hje5h] {
    display: grid;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: .7rem;
    background: #edf4fa;
    color: #2c669a;
    font-size: 1.08rem;
}

.compaction-list__metric > div[b-petf6hje5h] {
    display: grid;
    min-width: 0;
    gap: .18rem;
}

.compaction-list__metric small[b-petf6hje5h] {
    overflow: hidden;
    color: #71808b;
    font-size: .64rem;
    font-weight: 700;
    line-height: 1.15;
    text-overflow: ellipsis;
    text-transform: uppercase;
}

.compaction-list__metric strong[b-petf6hje5h] {
    color: #284a64;
    font-size: 1.22rem;
    line-height: 1.05;
}

.compaction-list__metric-date[b-petf6hje5h] { font-size: .93rem !important; }
.compaction-list__metric--info > i[b-petf6hje5h] { background: #e9f2fc; color: #3f7cc6; }
.compaction-list__metric--success > i[b-petf6hje5h] { background: #eaf7f1; color: #2f8a73; }
.compaction-list__metric--warning > i[b-petf6hje5h] { background: #fff1e9; color: #c64f4f; }
.compaction-list__metric--warning strong[b-petf6hje5h] { color: #c64f4f; }

.compaction-list__overview[b-petf6hje5h] {
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(20rem, .7fr);
    gap: 10px;
    margin-bottom: 10px;
}

.compaction-list__configuration-warning[b-petf6hje5h] {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr);
    gap: .7rem;
    align-items: center;
    margin-bottom: 10px;
    padding: .8rem .9rem;
    border: 1px solid #f0d7ae;
    border-radius: .75rem;
    background: #fffaf1;
}

.compaction-list__configuration-warning > i[b-petf6hje5h] {
    display: grid;
    width: 2.4rem;
    height: 2.4rem;
    place-items: center;
    border-radius: .65rem;
    background: #fff1d8;
    color: #c87924;
}

.compaction-list__configuration-warning div[b-petf6hje5h] { display: grid; gap: .15rem; }
.compaction-list__configuration-warning strong[b-petf6hje5h] { color: #875419; font-size: .75rem; }
.compaction-list__configuration-warning span[b-petf6hje5h] { color: #8b6a42; font-size: .69rem; line-height: 1.35; }

.compaction-list__panel[b-petf6hje5h] { min-width: 0; padding: 1rem; }

.compaction-list__panel header[b-petf6hje5h] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .6rem;
}

.compaction-list__panel header small[b-petf6hje5h] {
    display: block;
    margin-bottom: .18rem;
    color: #c87924;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.compaction-list__panel h2[b-petf6hje5h] {
    margin: 0;
    color: #284a64;
    font-size: .95rem;
}

.compaction-list__panel header > span[b-petf6hje5h] {
    padding: .28rem .48rem;
    border-radius: .4rem;
    background: #edf4fa;
    color: #526772;
    font-size: .65rem;
    font-weight: 750;
    white-space: nowrap;
}

.compaction-list__count--warning[b-petf6hje5h] { background: #fff1e9 !important; color: #c64f4f !important; }
.compaction-list__count--success[b-petf6hje5h] { background: #eaf7f1 !important; color: #2f8a73 !important; }

.compaction-list__chart-hint[b-petf6hje5h] {
    display: flex;
    align-items: center;
    gap: .35rem;
    margin: .2rem 0 0;
    color: #71808b;
    font-size: .65rem;
}

.compaction-list__chart-hint i[b-petf6hje5h] { color: #2c669a; }

.compaction-list__attention-list[b-petf6hje5h] {
    display: grid;
    gap: .5rem;
}

.compaction-list__attention-list article[b-petf6hje5h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    padding: .6rem .65rem;
    border: 1px solid #f1e2dd;
    border-radius: .6rem;
    background: #fffaf8;
}

.compaction-list__attention-list article > strong[b-petf6hje5h] {
    min-width: 3.6rem;
    color: #c64f4f;
    font-size: .9rem;
}

.compaction-list__attention-list span[b-petf6hje5h],
.compaction-list__attention-list small[b-petf6hje5h] {
    display: block;
}

.compaction-list__attention-list span[b-petf6hje5h] {
    overflow: hidden;
    color: #36566d;
    font-size: .72rem;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compaction-list__attention-list small[b-petf6hje5h] {
    margin-top: .14rem;
    overflow: hidden;
    color: #71808b;
    font-size: .65rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compaction-list__all-compliant[b-petf6hje5h] {
    display: grid;
    min-height: 15rem;
    place-content: center;
    justify-items: center;
    gap: .45rem;
    color: #71808b;
    font-size: .75rem;
    text-align: center;
}

.compaction-list__all-compliant i[b-petf6hje5h] { color: #2f8a73; font-size: 1.4rem; }
.compaction-list__all-compliant p[b-petf6hje5h] { max-width: 18rem; margin: 0; }

.compaction-list__table[b-petf6hje5h] { width: 100%; }

.compaction-list__empty[b-petf6hje5h] {
    display: grid;
    min-height: 18rem;
    place-content: center;
    justify-items: center;
    gap: .45rem;
    padding: 2rem;
    border: 1px dashed #d7e2e8;
    border-radius: .9rem;
    background: #fff;
    color: #71808b;
    text-align: center;
}

.compaction-list__empty i[b-petf6hje5h] {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border-radius: .8rem;
    background: #edf4fa;
    color: #2c669a;
    font-size: 1.3rem;
}

.compaction-list__empty h2[b-petf6hje5h] { margin: .3rem 0 0; color: #284a64; font-size: 1rem; }
.compaction-list__empty p[b-petf6hje5h] { margin: 0; font-size: .78rem; }

.compaction-list[b-petf6hje5h]  .validate-test {
    width: max-content;
    max-width: none;
    align-items: center;
    padding: .28rem .52rem;
    border: 1px solid transparent;
    border-radius: 99px;
    font-size: .7rem;
    font-weight: 800;
}

.compaction-list[b-petf6hje5h]  .validate-test.success { border-color: #bde5c5; background: #ebf7ed; color: #438f54; }
.compaction-list[b-petf6hje5h]  .validate-test.alert { border-color: #f3c9c9; background: #fff0f0; color: #c64f4f; }
.compaction-list[b-petf6hje5h]  .action-button { justify-content: flex-start; gap: .4rem; }

.compaction-list[b-petf6hje5h]  .btn-action {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid #dce6eb;
    border-radius: .45rem;
    background: #fff;
    color: #526772;
    transition: all .16s ease;
}

.compaction-list[b-petf6hje5h]  .btn-check:hover { border-color: #9ab9d0; background: #edf4fa; color: #2c669a; }
.compaction-list[b-petf6hje5h]  .btn-delete:hover { border-color: #efbbbb; background: #fff0f0; color: #c64f4f; }

@media (max-width: 1180px) {
    .compaction-list__metrics[b-petf6hje5h] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .compaction-list__overview[b-petf6hje5h] { grid-template-columns: 1fr; }
}

@media (max-width: 700px) {
    .compaction-list[b-petf6hje5h] { padding: 1rem; }
    .compaction-list__metrics[b-petf6hje5h] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
    .compaction-list__metrics[b-petf6hje5h] { grid-template-columns: 1fr; }
    .compaction-list__attention-list small[b-petf6hje5h] { white-space: normal; }
}
/* /Components/Pages/Test/Concrete/TestsCompressionList.razor.rz.scp.css */
.compression-page[b-3yrqr05jdc] {
    gap: 1.1rem;
    padding: 1.15rem clamp(1rem, 2.5vw, 2.25rem) 2rem;
    background: #f7fafc;
}

.compression-metrics[b-3yrqr05jdc] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .75rem;
    width: 100%;
}

.compression-metric[b-3yrqr05jdc] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: .75rem;
    padding: .95rem;
    border: 1px solid #dfe8ed;
    border-radius: .85rem;
    background: #fff;
    box-shadow: 0 .3rem .9rem rgba(40, 74, 100, .05);
}

.compression-metric__icon[b-3yrqr05jdc] {
    display: grid;
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 auto;
    place-items: center;
    border-radius: .7rem;
    font-size: 1.15rem;
}

.compression-metric__icon svg[b-3yrqr05jdc] { width: 1.2rem; height: 1.2rem; }
.compression-metric__icon i[b-3yrqr05jdc] { line-height: 1; }

.compression-metric .kpi-data[b-3yrqr05jdc] { min-width: 0; }

.compression-metric .kpi-value[b-3yrqr05jdc] {
    overflow: hidden;
    color: #284a64;
    font-size: clamp(1rem, 1.55vw, 1.35rem);
    font-weight: 800;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.compression-metric .kpi-label[b-3yrqr05jdc] {
    display: block;
    margin-top: .25rem;
    color: #71808b;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.3;
}

.compression-page[b-3yrqr05jdc]  .compression-results {
    width: 100%;
    margin: 0;
}

.compression-page[b-3yrqr05jdc]  .compression-results .card-body {
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid #dfe8ed;
    border-radius: .9rem;
    box-shadow: 0 .3rem .9rem rgba(40, 74, 100, .05);
}

.compression-page[b-3yrqr05jdc]  .compression-results .container-card-body { gap: 0; padding: 0; overflow: visible; }

.compression-results__header[b-3yrqr05jdc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid #e6edf1;
}

.compression-results__header span[b-3yrqr05jdc] {
    display: block;
    color: #c87924;
    font-size: .65rem;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.compression-results__header h2[b-3yrqr05jdc] { margin: .2rem 0 0; color: #284a64; font-size: 1rem; font-weight: 800; }
.compression-results__header small[b-3yrqr05jdc] { color: #7d8c96; font-size: .72rem; font-weight: 700; white-space: nowrap; }
.compression-page[b-3yrqr05jdc]  .data-table { border: 0; border-radius: 0; }

@media (max-width: 1250px) { .compression-metrics[b-3yrqr05jdc] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .compression-page[b-3yrqr05jdc] { padding: 1rem; } .compression-metrics[b-3yrqr05jdc] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .compression-metrics[b-3yrqr05jdc] { grid-template-columns: 1fr; } .compression-results__header[b-3yrqr05jdc] { align-items: flex-start; flex-direction: column; gap: .35rem; } }
/* /Components/Pages/Test/TestsHome.razor.rz.scp.css */
.tests-home[b-4jd8bxk1ip] { width: min(100%, 1120px); margin: 0 auto; padding: clamp(1.5rem, 3vw, 3rem) clamp(1rem, 3vw, 2rem) 3rem; }
.tests-home__heading[b-4jd8bxk1ip] { margin-bottom: 2rem; }
.tests-home__eyebrow[b-4jd8bxk1ip] { display: inline-flex; align-items: center; gap: .45rem; color: #c87924; font-size: .74rem; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.tests-home__heading h1[b-4jd8bxk1ip] { margin: .45rem 0; color: #284a64; font-size: clamp(1.5rem, 2.3vw, 2rem); font-weight: 750; letter-spacing: -.035em; }
.tests-home__heading p[b-4jd8bxk1ip] { max-width: 40rem; margin: 0; color: #71808b; font-size: .93rem; line-height: 1.55; }
.tests-home__section + .tests-home__section[b-4jd8bxk1ip] { margin-top: 2rem; }
.tests-home__section h2[b-4jd8bxk1ip] { margin: 0 0 .85rem; color: #526772; font-size: .79rem; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.tests-home__grid[b-4jd8bxk1ip] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.test-card[b-4jd8bxk1ip] { position: relative; display: flex; min-height: 184px; padding: 1.4rem; overflow: hidden; border: 1px solid #e2e9ed; border-radius: 16px; background: #fff; color: inherit; text-align: left; box-shadow: 0 4px 14px rgba(26, 59, 81, .05); cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.test-card[b-4jd8bxk1ip]::after { position: absolute; right: -24px; bottom: -30px; width: 105px; height: 105px; border-radius: 50%; background: #f1f6f8; content: ""; transition: transform .25s ease; }
.test-card:hover[b-4jd8bxk1ip] { border-color: #c8d7de; box-shadow: 0 14px 26px rgba(26, 59, 81, .11); transform: translateY(-4px); }
.test-card:hover[b-4jd8bxk1ip]::after { transform: scale(1.25); }
.test-card:focus-visible[b-4jd8bxk1ip] { outline: 3px solid rgba(200, 121, 36, .35); outline-offset: 3px; }
.test-card__icon[b-4jd8bxk1ip] { position: absolute; top: 1.35rem; left: 1.4rem; z-index: 1; display: grid; width: 2.8rem; height: 2.8rem; place-items: center; border-radius: 11px; background: #e8f0f4; color: #284a64; font-size: 1.25rem; }
.test-card__content[b-4jd8bxk1ip] { z-index: 1; align-self: flex-end; padding-right: 1.25rem; }
.test-card__title[b-4jd8bxk1ip], .test-card__description[b-4jd8bxk1ip] { display: block; }
.test-card__title[b-4jd8bxk1ip] { margin-bottom: .38rem; color: #284a64; font-size: 1rem; font-weight: 750; }
.test-card__description[b-4jd8bxk1ip] { color: #71808b; font-size: .81rem; line-height: 1.45; }
.test-card__arrow[b-4jd8bxk1ip] { position: absolute; right: 1.25rem; bottom: 1.3rem; z-index: 1; color: #c87924; font-size: 1.05rem; transition: transform .2s ease; }
.test-card:hover .test-card__arrow[b-4jd8bxk1ip] { transform: translateX(4px); }
.test-card--primary[b-4jd8bxk1ip] { border-color: #284a64; background: #284a64; }
.test-card--primary[b-4jd8bxk1ip]::after { background: rgba(255, 255, 255, .08); }
.test-card--primary .test-card__icon[b-4jd8bxk1ip] { background: rgba(255, 255, 255, .14); color: #fff; }
.test-card--primary .test-card__title[b-4jd8bxk1ip] { color: #fff; }
.test-card--primary .test-card__description[b-4jd8bxk1ip] { color: rgba(255, 255, 255, .72); }
.test-card--primary .test-card__arrow[b-4jd8bxk1ip] { color: #f0ad4e; }
@media (max-width: 860px) { .tests-home__grid[b-4jd8bxk1ip] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .tests-home[b-4jd8bxk1ip] { padding-inline: 1rem; } .tests-home__grid[b-4jd8bxk1ip] { grid-template-columns: 1fr; } .test-card[b-4jd8bxk1ip] { min-height: 158px; } }