/* /Components/Layout/ChatWidget.razor.rz.scp.css */
.cms-chat-widget[b-f85xllqf8s] {
    font-family: "Segoe UI", Arial, sans-serif;
}

.cms-chat-launcher[b-f85xllqf8s] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 950;
    display: inline-flex;
    width: 46px;
    height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #0d323d;
    border-radius: 0;
    background: #ffffff;
    color: #0d323d;
    box-shadow: 0 8px 22px rgba(13, 50, 61, 0.16);
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    transition:
        background-color 120ms ease,
        color 120ms ease,
        box-shadow 120ms ease,
        transform 120ms ease;
}

.cms-chat-launcher:hover[b-f85xllqf8s],
.cms-chat-launcher:focus-visible[b-f85xllqf8s] {
    background: #0d323d;
    color: #ffffff;
    box-shadow: 0 10px 26px rgba(13, 50, 61, 0.22);
    outline: none;
    transform: translateY(-1px);
}

.cms-chat-launcher > span:first-child[b-f85xllqf8s] {
    font-size: 20px;
    line-height: 1;
}

.cms-chat-launcher-badge[b-f85xllqf8s] {
    position: absolute;
    top: -7px;
    right: -7px;
    display: inline-flex;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border: 2px solid #ffffff;
    border-radius: 0;
    background: #b42318;
    color: #ffffff;
    box-sizing: border-box;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}

.cms-chat-panel[b-f85xllqf8s] {
    position: fixed;
    right: 24px;
    bottom: 82px;
    z-index: 949;
    display: grid;
    width: 410px;
    height: min(610px, calc(100vh - 115px));
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #aebfc5;
    border-radius: 0;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(13, 50, 61, 0.22);
    color: #173b47;
    animation: cms-chat-open-b-f85xllqf8s 120ms ease-out;
}

@keyframes cms-chat-open-b-f85xllqf8s {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.cms-chat-panel-header[b-f85xllqf8s] {
    display: flex;
    min-height: 64px;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-bottom: 1px solid #244a55;
    background: #0d323d;
    box-sizing: border-box;
}

.cms-chat-header-icon[b-f85xllqf8s] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.38);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 17px;
}

.cms-chat-header-button[b-f85xllqf8s] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
    font: 22px/1 "Segoe UI", Arial, sans-serif;
    transition:
        background-color 120ms ease,
        border-color 120ms ease;
}

.cms-chat-header-button:hover[b-f85xllqf8s],
.cms-chat-header-button:focus-visible[b-f85xllqf8s] {
    border-color: rgba(255, 255, 255, 0.38);
    background: rgba(255, 255, 255, 0.10);
    outline: none;
}

.cms-chat-panel-title[b-f85xllqf8s] {
    min-width: 0;
    flex: 1 1 auto;
}

.cms-chat-panel-title strong[b-f85xllqf8s] {
    display: block;
    overflow: hidden;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.1px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cms-chat-panel-title span[b-f85xllqf8s] {
    display: block;
    overflow: hidden;
    margin-top: 2px;
    color: #c6d6db;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cms-chat-error[b-f85xllqf8s] {
    padding: 9px 12px;
    border-bottom: 1px solid #e1b8b5;
    background: #fbeceb;
    color: #982e2a;
    font-size: 11px;
}

.cms-chat-users-view[b-f85xllqf8s],
.cms-chat-conversation-view[b-f85xllqf8s] {
    min-height: 0;
    overflow: hidden;
}

.cms-chat-users-view[b-f85xllqf8s] {
    background: #f7f9fa;
}

.cms-chat-users-list[b-f85xllqf8s] {
    height: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #aebfc5 transparent;
}

.cms-chat-user[b-f85xllqf8s] {
    display: flex;
    width: 100%;
    min-height: 66px;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border: 0;
    border-bottom: 1px solid #dde5e8;
    border-left: 3px solid transparent;
    border-radius: 0;
    background: #ffffff;
    color: #173b47;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: left;
    transition:
        background-color 120ms ease,
        border-color 120ms ease;
}

.cms-chat-user:hover[b-f85xllqf8s],
.cms-chat-user:focus-visible[b-f85xllqf8s] {
    border-left-color: #0d6075;
    background: #eef4f6;
    outline: none;
}

.cms-chat-user-avatar-wrap[b-f85xllqf8s] {
    position: relative;
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
}

.cms-chat-user-avatar[b-f85xllqf8s] {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid #0d6075;
    background: #edf4f6;
    color: #0d6075;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.2px;
}

.cms-chat-presence-indicator[b-f85xllqf8s] {
    position: absolute;
    right: -3px;
    bottom: -3px;
    width: 11px;
    height: 11px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-sizing: border-box;
}

.cms-chat-presence-online[b-f85xllqf8s] {
    background: #2e9d4d;
}

.cms-chat-presence-offline[b-f85xllqf8s] {
    background: #c83b32;
}

.cms-chat-user-info[b-f85xllqf8s] {
    min-width: 0;
    flex: 1 1 auto;
}

.cms-chat-user-info strong[b-f85xllqf8s] {
    display: block;
    overflow: hidden;
    color: #173b47;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cms-chat-user-info small[b-f85xllqf8s] {
    display: block;
    overflow: hidden;
    margin-top: 3px;
    color: #6f8087;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cms-chat-user-badge[b-f85xllqf8s] {
    display: inline-flex;
    min-width: 22px;
    height: 22px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border-radius: 0;
    background: #b42318;
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}

.cms-chat-state[b-f85xllqf8s] {
    padding: 36px 18px;
    color: #71848b;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}

.cms-chat-conversation-view[b-f85xllqf8s] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    background: #ffffff;
}

.cms-chat-messages[b-f85xllqf8s] {
    min-height: 0;
    overflow-y: auto;
    padding: 16px 14px 18px;
    background: #f5f7f8;
    scrollbar-width: thin;
    scrollbar-color: #aebfc5 transparent;
}

.cms-chat-message-row[b-f85xllqf8s] {
    display: flex;
    margin-bottom: 10px;
}

.cms-chat-message-row-own[b-f85xllqf8s] {
    justify-content: flex-end;
}

.cms-chat-message-row-other[b-f85xllqf8s] {
    justify-content: flex-start;
}

.cms-chat-message-bubble[b-f85xllqf8s] {
    max-width: 82%;
    padding: 8px 10px 6px;
    border: 1px solid #c7d3d7;
    border-radius: 0;
    background: #ffffff;
    box-sizing: border-box;
    box-shadow: 0 1px 2px rgba(13, 50, 61, 0.04);
}

.cms-chat-message-row-own .cms-chat-message-bubble[b-f85xllqf8s] {
    border-color: #a9c3cb;
    background: #e5f0f3;
}

.cms-chat-message-text[b-f85xllqf8s] {
    color: #243f49;
    font-size: 12px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.cms-chat-message-meta[b-f85xllqf8s] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    margin-top: 5px;
    color: #708087;
    font-size: 8px;
    line-height: 1;
}

.cms-chat-message-row-own .cms-chat-message-meta[b-f85xllqf8s] {
    color: #58717a;
}

.cms-chat-composer[b-f85xllqf8s] {
    padding: 10px 11px 11px;
    border-top: 1px solid #cbd7db;
    background: #ffffff;
    box-shadow: 0 -4px 12px rgba(13, 50, 61, 0.04);
}

.cms-chat-composer textarea[b-f85xllqf8s] {
    width: 100%;
    min-height: 58px;
    max-height: 118px;
    resize: none;
    padding: 8px 9px;
    border: 1px solid #afbec4;
    border-radius: 0;
    background: #ffffff;
    color: #173b47;
    box-sizing: border-box;
    font: 12px/1.45 "Segoe UI", Arial, sans-serif;
    transition:
        border-color 120ms ease,
        box-shadow 120ms ease;
}

.cms-chat-composer textarea[b-f85xllqf8s]::placeholder {
    color: #8a999e;
}

.cms-chat-composer textarea:focus[b-f85xllqf8s] {
    border-color: #0d6075;
    box-shadow: inset 0 0 0 1px #0d6075;
    outline: none;
}

.cms-chat-composer textarea:disabled[b-f85xllqf8s] {
    background: #f1f4f5;
    color: #7a8b91;
}

.cms-chat-composer-footer[b-f85xllqf8s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 7px;
}

.cms-chat-composer-footer > span[b-f85xllqf8s] {
    color: #7b8c92;
    font-size: 9px;
}

.cms-chat-composer-footer button[b-f85xllqf8s] {
    min-width: 92px;
    height: 34px;
    padding: 0 14px;
    border: 1px solid #0d323d;
    border-radius: 0;
    background: transparent;
    color: #0d323d;
    cursor: pointer;
    font: 700 11px "Segoe UI", Arial, sans-serif;
    transition:
        background-color 120ms ease,
        color 120ms ease,
        border-color 120ms ease;
}

.cms-chat-composer-footer button:hover:not(:disabled)[b-f85xllqf8s],
.cms-chat-composer-footer button:focus-visible:not(:disabled)[b-f85xllqf8s] {
    background: #0d323d;
    color: #ffffff;
    outline: none;
}

.cms-chat-composer-footer button:disabled[b-f85xllqf8s] {
    border-color: #c6d0d4;
    background: #f7f8f9;
    color: #9aa8ad;
    cursor: default;
}

.cms-chat-users-list[b-f85xllqf8s]::-webkit-scrollbar,
.cms-chat-messages[b-f85xllqf8s]::-webkit-scrollbar {
    width: 7px;
}

.cms-chat-users-list[b-f85xllqf8s]::-webkit-scrollbar-track,
.cms-chat-messages[b-f85xllqf8s]::-webkit-scrollbar-track {
    background: transparent;
}

.cms-chat-users-list[b-f85xllqf8s]::-webkit-scrollbar-thumb,
.cms-chat-messages[b-f85xllqf8s]::-webkit-scrollbar-thumb {
    background: #aebfc5;
}

.cms-chat-users-list[b-f85xllqf8s]::-webkit-scrollbar-thumb:hover,
.cms-chat-messages[b-f85xllqf8s]::-webkit-scrollbar-thumb:hover {
    background: #83989f;
}

@media (max-width: 640px) {
    .cms-chat-launcher[b-f85xllqf8s] {
        right: 14px;
        bottom: 14px;
    }

    .cms-chat-panel[b-f85xllqf8s] {
        right: 14px;
        bottom: 72px;
        width: calc(100vw - 28px);
        height: min(580px, calc(100vh - 95px));
    }
}
/* /Components/Layout/LoginLayout.razor.rz.scp.css */
.cms-login-layout[b-se32lzuh9k] {
    width: 100%;
    min-height: 100vh;
}

#blazor-error-ui[b-se32lzuh9k] {
    display: none;
    position: fixed;
    z-index: 2000;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 18px;
    border-top: 1px solid #d6bc70;
    color: #473600;
    background: #fff7d6;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, .14);
}

#blazor-error-ui .dismiss[b-se32lzuh9k] {
    position: absolute;
    top: 8px;
    right: 14px;
    cursor: pointer;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-4ug9cj047b] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-4ug9cj047b] {
    flex: 1;
}
article.content[b-4ug9cj047b] {
    padding-top: 40px;
}

.sidebar[b-4ug9cj047b] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-4ug9cj047b] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-4ug9cj047b]  a, .top-row[b-4ug9cj047b]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-4ug9cj047b]  a:hover, .top-row[b-4ug9cj047b]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-4ug9cj047b]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-4ug9cj047b] {
        justify-content: space-between;
    }

    .top-row[b-4ug9cj047b]  a, .top-row[b-4ug9cj047b]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-4ug9cj047b] {
        flex-direction: row;
    }

    .sidebar[b-4ug9cj047b] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-4ug9cj047b] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-4ug9cj047b]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-4ug9cj047b], article[b-4ug9cj047b] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

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

    #blazor-error-ui .dismiss[b-4ug9cj047b] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-ipqu28rccr] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-ipqu28rccr] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-ipqu28rccr] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-ipqu28rccr] {
    font-size: 1.1rem;
}

.bi[b-ipqu28rccr] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-ipqu28rccr] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-ipqu28rccr] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-ipqu28rccr] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-ipqu28rccr] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-ipqu28rccr] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-ipqu28rccr] {
        padding-bottom: 1rem;
    }

    .nav-item[b-ipqu28rccr]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-ipqu28rccr]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-ipqu28rccr]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-ipqu28rccr] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-ipqu28rccr] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-ipqu28rccr] {
        display: none;
    }

    .nav-scrollable[b-ipqu28rccr] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

.cms-sidebar-logout-form[b-ipqu28rccr] {
    flex: 0 0 auto;
    margin: 0 0 0 auto;
}

.cms-sidebar-logout-button[b-ipqu28rccr] {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 4px;
    color: #d8e8ec;
    background: rgba(255, 255, 255, .06);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: background .15s ease, color .15s ease;
}

.cms-sidebar-logout-button:hover[b-ipqu28rccr] {
    color: #fff;
    background: rgba(255, 255, 255, .14);
}
/* /Components/Layout/NotificationBell.razor.rz.scp.css */
.notification-top-row[b-hiviabyqub] {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    height: 3.5rem;
    align-items: center;
    justify-content: flex-end;
    padding-left: 2rem;
    padding-right: 1.5rem;
    border-bottom: 1px solid #d6dfe3;
    background: #ffffff;
    box-sizing: border-box;
}

.notification-area[b-hiviabyqub] {
    position: relative;
    display: flex;
    align-items: center;
}

.notification-bell-button[b-hiviabyqub] {
    position: relative;
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #b9c8ce;
    border-radius: 0;
    background: transparent;
    color: #173b47;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
}

.notification-bell-button:hover[b-hiviabyqub],
.notification-bell-button:focus-visible[b-hiviabyqub] {
    border-color: #0d6075;
    background: #eef5f7;
    outline: none;
}

.notification-bell-icon[b-hiviabyqub] {
    font-size: 19px;
    line-height: 1;
}

.notification-unread-badge[b-hiviabyqub] {
    position: absolute;
    top: -7px;
    right: -8px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border: 2px solid #ffffff;
    border-radius: 0;
    background: #b42318;
    color: #ffffff;
    box-sizing: border-box;
    font-size: 10px;
    font-weight: 800;
    line-height: 16px;
    text-align: center;
}

.notification-panel[b-hiviabyqub] {
    position: absolute;
    top: calc(100% + 9px);
    right: 0;
    width: min(440px, calc(100vw - 32px));
    max-height: min(620px, calc(100vh - 90px));
    overflow: hidden;
    border: 1px solid #c8d5da;
    border-radius: 0;
    background: #ffffff;
    box-shadow: 0 14px 34px rgba(8, 34, 44, 0.18);
}

.notification-panel-header[b-hiviabyqub] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border-bottom: 1px solid #d8e2e6;
    background: #eef4f6;
}

.notification-panel-header h2[b-hiviabyqub] {
    margin: 0;
    color: #173b47;
    font-size: 18px;
    font-weight: 700;
}

.notification-panel-header span[b-hiviabyqub] {
    display: block;
    margin-top: 3px;
    color: #60747c;
    font-size: 12px;
}

.notification-close-button[b-hiviabyqub] {
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid transparent;
    border-radius: 0;
    background: transparent;
    color: #536970;
    cursor: pointer;
    font: 24px/1 "Segoe UI", Arial, sans-serif;
}

.notification-close-button:hover[b-hiviabyqub],
.notification-close-button:focus-visible[b-hiviabyqub] {
    border-color: #b9c8ce;
    background: #ffffff;
    color: #173b47;
    outline: none;
}

.notification-panel-body[b-hiviabyqub] {
    max-height: 520px;
    overflow-y: auto;
}

.notification-state[b-hiviabyqub] {
    padding: 26px 20px;
    color: #667b83;
    font-size: 13px;
    text-align: center;
}

.notification-state-error[b-hiviabyqub] {
    color: #982e2a;
    background: #fbeceb;
}

.notification-item[b-hiviabyqub] {
    position: relative;
    display: block;
    width: 100%;
    padding: 15px 18px;
    border: 0;
    border-bottom: 1px solid #e0e7ea;
    border-radius: 0;
    background: #ffffff;
    color: #1d353e;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: left;
}

.notification-item:last-child[b-hiviabyqub] {
    border-bottom: 0;
}

.notification-item:hover[b-hiviabyqub],
.notification-item:focus-visible[b-hiviabyqub] {
    background: #f4f8f9;
    outline: none;
}

.notification-item-unread[b-hiviabyqub] {
    border-left: 4px solid #0d7187;
    padding-left: 14px;
    background: #f8fcfd;
}

.notification-item-read[b-hiviabyqub] {
    opacity: 0.82;
}

.notification-item-topline[b-hiviabyqub] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.notification-type[b-hiviabyqub] {
    color: #0d6075;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.notification-date[b-hiviabyqub] {
    color: #7a8c93;
    font-size: 10px;
    white-space: nowrap;
}

.notification-item strong[b-hiviabyqub] {
    display: block;
    color: #173b47;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.notification-item p[b-hiviabyqub] {
    margin: 6px 0 0;
    color: #5d7179;
    font-size: 12px;
    line-height: 1.45;
}

.notification-unread-label[b-hiviabyqub] {
    display: inline-block;
    margin-top: 9px;
    padding: 3px 6px;
    border: 1px solid #9fc2cc;
    border-radius: 0;
    background: #eaf4f7;
    color: #0d6075;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

@media (max-width: 640.98px) {
    .notification-top-row[b-hiviabyqub] {
        padding-left: 20px;
        padding-right: 20px;
    }

    .notification-panel[b-hiviabyqub] {
        position: fixed;
        top: 64px;
        right: 16px;
        left: 16px;
        width: auto;
        max-height: calc(100vh - 82px);
    }

    .notification-panel-body[b-hiviabyqub] {
        max-height: calc(100vh - 160px);
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-vx4n2jxox8],
.components-reconnect-repeated-attempt-visible[b-vx4n2jxox8],
.components-reconnect-failed-visible[b-vx4n2jxox8],
.components-pause-visible[b-vx4n2jxox8],
.components-resume-failed-visible[b-vx4n2jxox8],
.components-rejoining-animation[b-vx4n2jxox8] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-vx4n2jxox8 {
    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/ReportPrintLayout.razor.rz.scp.css */
.cms-report-print-layout[b-6rcnocemqt] {
    width: 100%;
    min-height: 100vh;
    padding: 24px;
    box-sizing: border-box;
    background: #eef2f4;
}

#blazor-error-ui[b-6rcnocemqt] {
    display: none;
    position: fixed;
    z-index: 2000;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px 18px;
    border-top: 1px solid #d6bc70;
    color: #473600;
    background: #fff7d6;
    box-shadow: 0 -1px 5px rgba(0, 0, 0, .14);
}

#blazor-error-ui .dismiss[b-6rcnocemqt] {
    position: absolute;
    top: 8px;
    right: 14px;
    cursor: pointer;
}

@media print {
    .cms-report-print-layout[b-6rcnocemqt] {
        min-height: 0;
        padding: 0;
        background: #ffffff;
    }

    #blazor-error-ui[b-6rcnocemqt] {
        display: none !important;
    }
}
/* /Components/Pages/AddProjectSystem.razor.rz.scp.css */
.add-project-system-page[b-2v4wjs882j] {
    width: 100%;
    padding: 0 28px 32px;
    color: #102f3c;
    font-family: "Segoe UI", Arial, sans-serif;
}

.add-project-system-breadcrumb[b-2v4wjs882j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
}

.add-project-system-breadcrumb a[b-2v4wjs882j] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.add-project-system-breadcrumb a:hover[b-2v4wjs882j] {
    text-decoration: underline;
}

.add-project-system-message-card[b-2v4wjs882j] {
    padding: 24px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, .08);
}

.add-project-system-message-card.add-project-system-error[b-2v4wjs882j] {
    color: #9d2d28;
    border-color: #e6c4c2;
    background: #fff5f4;
}

.add-project-system-header[b-2v4wjs882j] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.add-project-system-heading-group[b-2v4wjs882j] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.add-project-system-page-icon[b-2v4wjs882j] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    background: #e8f3f6;
    font-size: 29px;
}

.add-project-system-eyebrow[b-2v4wjs882j] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.add-project-system-header h1[b-2v4wjs882j] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.add-project-system-header p[b-2v4wjs882j] {
    margin: 7px 0 0;
    color: #4a616a;
    font-size: 18px;
}

.add-project-system-back-button[b-2v4wjs882j],
.add-project-system-cancel-button[b-2v4wjs882j],
.add-project-system-save-button[b-2v4wjs882j] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 15px;
    border-radius: 4px;
    font: 700 14px "Segoe UI", Arial, sans-serif;
    text-decoration: none;
}

.add-project-system-back-button[b-2v4wjs882j] {
    margin-top: 22px;
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #fff;
}

.add-project-system-back-button:hover[b-2v4wjs882j] {
    color: #fff;
    background: #0d7187;
}

.add-project-system-divider[b-2v4wjs882j] {
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.add-project-system-card[b-2v4wjs882j] {
    max-width: 1120px;
    margin-top: 28px;
    padding: 26px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(13, 50, 64, .08);
}

.add-project-system-error-message[b-2v4wjs882j] {
    margin-bottom: 22px;
    padding: 12px 14px;
    border: 1px solid #e2b6b3;
    border-radius: 4px;
    color: #9d2d28;
    background: #fff2f1;
    font-size: 14px;
    font-weight: 600;
}

.add-project-system-section-heading[b-2v4wjs882j] {
    margin-bottom: 22px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dce5e8;
}

.add-project-system-section-heading > span[b-2v4wjs882j] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.add-project-system-section-heading h2[b-2v4wjs882j] {
    margin: 0;
    color: #0d3240;
    font-size: 24px;
    font-weight: 650;
}

.add-project-system-section-heading p[b-2v4wjs882j] {
    max-width: 820px;
    margin: 8px 0 0;
    color: #667981;
    font-size: 14px;
    line-height: 1.5;
}

.add-project-system-form-grid[b-2v4wjs882j] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
    max-width: 900px;
}

.add-project-system-field[b-2v4wjs882j] {
    min-width: 0;
    display: block;
}

.add-project-system-field-full[b-2v4wjs882j] {
    grid-column: 1 / -1;
}

.add-project-system-field > span[b-2v4wjs882j] {
    display: block;
    margin-bottom: 7px;
    color: #405b65;
    font-size: 13px;
    font-weight: 700;
}

.add-project-system-field > span strong[b-2v4wjs882j] {
    color: #b43d36;
}

.add-project-system-input[b-2v4wjs882j] {
    min-height: 42px;
    width: 100%;
    padding: 8px 11px;
    border: 1px solid #c6d4d9;
    border-radius: 4px;
    outline: 0;
    color: #173946;
    background: #fff;
    font: 14px "Segoe UI", Arial, sans-serif;
    box-sizing: border-box;
}

.add-project-system-input:focus[b-2v4wjs882j] {
    border-color: #0d7187;
    box-shadow: 0 0 0 2px rgba(13, 113, 135, .12);
}

.add-project-system-textarea[b-2v4wjs882j] {
    min-height: 118px;
    resize: vertical;
    line-height: 1.45;
}

.add-project-system-field-help[b-2v4wjs882j] {
    display: block;
    margin-top: 6px;
    color: #6b7d84;
    font-size: 12px;
    line-height: 1.35;
}

.add-project-system-preview[b-2v4wjs882j] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    max-width: 900px;
    margin-top: 24px;
    padding: 18px;
    border: 1px solid #d4e0e4;
    border-radius: 4px;
    background: #f8fafb;
}

.add-project-system-preview div span[b-2v4wjs882j],
.add-project-system-preview div strong[b-2v4wjs882j] {
    display: block;
}

.add-project-system-preview div span[b-2v4wjs882j] {
    color: #667a82;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.add-project-system-preview div strong[b-2v4wjs882j] {
    margin-top: 4px;
    color: #173946;
    font-size: 14px;
}

.add-project-system-preview > p[b-2v4wjs882j] {
    grid-column: 1 / -1;
    margin: 2px 0 0;
    padding-top: 14px;
    border-top: 1px solid #dce5e8;
    color: #5e737b;
    font-size: 13px;
    line-height: 1.5;
}

.add-project-system-preview > p strong[b-2v4wjs882j] {
    color: #173946;
}

.add-project-system-actions[b-2v4wjs882j] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #dce5e8;
}

.add-project-system-cancel-button[b-2v4wjs882j] {
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #fff;
}

.add-project-system-cancel-button:hover[b-2v4wjs882j] {
    color: #0b6077;
    border-color: #0d7187;
}

.add-project-system-save-button[b-2v4wjs882j] {
    border: 1px solid #0d7187;
    color: #fff;
    background: #0d7187;
    cursor: pointer;
}

.add-project-system-save-button:hover:not(:disabled)[b-2v4wjs882j] {
    border-color: #09596b;
    background: #09596b;
}

.add-project-system-save-button:disabled[b-2v4wjs882j] {
    cursor: not-allowed;
    opacity: .55;
}

@media (max-width: 800px) {
    .add-project-system-page[b-2v4wjs882j] {
        padding: 0 16px 24px;
    }

    .add-project-system-header[b-2v4wjs882j] {
        flex-direction: column;
    }

    .add-project-system-header h1[b-2v4wjs882j] {
        font-size: 29px;
    }

    .add-project-system-back-button[b-2v4wjs882j] {
        margin-top: 0;
    }

    .add-project-system-card[b-2v4wjs882j] {
        padding: 20px;
    }

    .add-project-system-form-grid[b-2v4wjs882j],
    .add-project-system-preview[b-2v4wjs882j] {
        grid-template-columns: 1fr;
    }

    .add-project-system-field-full[b-2v4wjs882j],
    .add-project-system-preview > p[b-2v4wjs882j] {
        grid-column: auto;
    }
}
/* /Components/Pages/ApprovalMatrix.razor.rz.scp.css */
.approval-matrix-page[b-y2ry6serpt] {
    color: #0d323d;
    padding: 8px 0 40px;
}

.approval-matrix-header[b-y2ry6serpt] {
    align-items: center;
    border-bottom: 1px solid #c8d8de;
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
    padding-bottom: 24px;
}

.approval-matrix-heading[b-y2ry6serpt] {
    align-items: center;
    display: flex;
    gap: 18px;
}

.approval-matrix-heading-icon[b-y2ry6serpt] {
    align-items: center;
    background: #eef2ff;
    border: 1px solid #cbd4f3;
    color: #4656a6;
    display: flex;
    font-size: 28px;
    height: 70px;
    justify-content: center;
    width: 70px;
}

.approval-matrix-heading span[b-y2ry6serpt],
.approval-matrix-register-header div > span[b-y2ry6serpt],
.approval-matrix-modal header div > span[b-y2ry6serpt] {
    color: #5b7380;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
}

.approval-matrix-heading h1[b-y2ry6serpt] {
    font-size: 40px;
    font-weight: 600;
    margin: 3px 0 4px;
}

.approval-matrix-heading p[b-y2ry6serpt],
.approval-matrix-modal header p[b-y2ry6serpt] {
    color: #5b7380;
    margin: 0;
}

.approval-matrix-primary[b-y2ry6serpt],
.approval-matrix-secondary[b-y2ry6serpt],
.approval-matrix-danger[b-y2ry6serpt] {
    border: 1px solid #0b6d82;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    min-height: 44px;
    padding: 10px 20px;
}

.approval-matrix-primary[b-y2ry6serpt] {
    background: #0b6d82;
    color: #fff;
}

.approval-matrix-secondary[b-y2ry6serpt] {
    background: #fff;
    color: #0d323d;
}

.approval-matrix-danger[b-y2ry6serpt] {
    background: #bd1f2d;
    border-color: #bd1f2d;
    color: #fff;
}

button:disabled[b-y2ry6serpt] {
    cursor: not-allowed;
    opacity: .55;
}

.approval-matrix-message[b-y2ry6serpt] {
    border: 1px solid;
    margin-bottom: 18px;
    padding: 13px 16px;
}

.approval-matrix-message-success[b-y2ry6serpt] {
    background: #eaf7ee;
    border-color: #9bcfad;
    color: #176b37;
}

.approval-matrix-message-error[b-y2ry6serpt] {
    background: #fff0f1;
    border-color: #e5a4aa;
    color: #a51d2a;
}

.approval-matrix-filters[b-y2ry6serpt] {
    background: #f6f9fa;
    border: 1px solid #cbd9de;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(320px, 1fr) minmax(260px, 420px);
    margin-bottom: 24px;
    padding: 18px;
}

.approval-matrix-filters label[b-y2ry6serpt],
.approval-matrix-form label[b-y2ry6serpt] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.approval-matrix-filters label > span[b-y2ry6serpt],
.approval-matrix-form label > span[b-y2ry6serpt] {
    font-weight: 700;
}

.approval-matrix-filters select[b-y2ry6serpt],
.approval-matrix-form select[b-y2ry6serpt] {
    background: #fff;
    border: 1px solid #b9cdd4;
    color: #0d323d;
    font: inherit;
    min-height: 48px;
    padding: 9px 12px;
    width: 100%;
}

.approval-matrix-register[b-y2ry6serpt] {
    border: 1px solid #cbd9de;
    box-shadow: 0 6px 16px rgba(13, 50, 61, .06);
}

.approval-matrix-register-header[b-y2ry6serpt] {
    align-items: end;
    display: flex;
    justify-content: space-between;
    padding: 20px 22px;
}

.approval-matrix-register-header h2[b-y2ry6serpt] {
    font-size: 28px;
    margin: 4px 0 0;
}

.approval-matrix-register-header > span[b-y2ry6serpt] {
    color: #5b7380;
}

.approval-matrix-table-wrapper[b-y2ry6serpt] {
    overflow-x: auto;
}

.approval-matrix-table[b-y2ry6serpt] {
    border-collapse: collapse;
    min-width: 1040px;
    width: 100%;
}

.approval-matrix-table th[b-y2ry6serpt] {
    background: #eef3f5;
    color: #506b77;
    font-size: 13px;
    letter-spacing: .02em;
    padding: 14px 18px;
    text-align: left;
    text-transform: uppercase;
}

.approval-matrix-table td[b-y2ry6serpt] {
    border-top: 1px solid #d6e1e5;
    padding: 16px 18px;
    vertical-align: middle;
}

.approval-matrix-table td strong[b-y2ry6serpt],
.approval-matrix-table td > span[b-y2ry6serpt] {
    display: block;
}

.approval-matrix-table td > span[b-y2ry6serpt] {
    color: #68808b;
    font-size: 14px;
    margin-top: 3px;
}

.approval-matrix-status[b-y2ry6serpt] {
    border: 1px solid;
    display: inline-block !important;
    font-size: 13px !important;
    font-weight: 700;
    margin: 0 !important;
    padding: 6px 10px;
}

.approval-matrix-status-active[b-y2ry6serpt] {
    background: #eaf7ee;
    border-color: #afd8bd;
    color: #176b37 !important;
}

.approval-matrix-status-inactive[b-y2ry6serpt] {
    background: #f0f3f4;
    border-color: #c9d3d7;
    color: #61727a !important;
}

.approval-matrix-actions[b-y2ry6serpt] {
    display: flex;
    gap: 8px;
}

.approval-matrix-actions button[b-y2ry6serpt] {
    background: #fff;
    border: 1px solid #0b6d82;
    cursor: pointer;
    font-size: 17px;
    height: 38px;
    width: 42px;
}

.approval-matrix-actions .approval-matrix-delete[b-y2ry6serpt] {
    border-color: #d9414e;
}

.approval-matrix-empty[b-y2ry6serpt] {
    align-items: center;
    border-top: 1px solid #d6e1e5;
    color: #607985;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: 250px;
    padding: 30px;
    text-align: center;
}

.approval-matrix-empty > span[b-y2ry6serpt] {
    font-size: 38px;
}

.approval-matrix-empty strong[b-y2ry6serpt] {
    color: #0d323d;
    font-size: 20px;
}

.approval-matrix-empty p[b-y2ry6serpt] {
    margin: 0;
}

.approval-matrix-modal-backdrop[b-y2ry6serpt] {
    align-items: center;
    background: rgba(10, 37, 45, .62);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 3000;
}

.approval-matrix-modal[b-y2ry6serpt] {
    background: #fff;
    border-top: 5px solid #0b6d82;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .25);
    max-height: calc(100vh - 48px);
    max-width: 850px;
    overflow-y: auto;
    width: 100%;
}

.approval-matrix-modal > header[b-y2ry6serpt] {
    align-items: start;
    border-bottom: 1px solid #d4e0e4;
    display: flex;
    justify-content: space-between;
    padding: 26px 30px 22px;
}

.approval-matrix-modal h2[b-y2ry6serpt] {
    font-size: 32px;
    font-weight: 500;
    margin: 4px 0 5px;
}

.approval-matrix-close[b-y2ry6serpt] {
    background: #f5f8f9;
    border: 1px solid #c7d7dd;
    color: #174454;
    cursor: pointer;
    font-size: 28px;
    height: 48px;
    line-height: 1;
    width: 48px;
}

.approval-matrix-form[b-y2ry6serpt] {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    padding: 26px 30px;
}

.approval-matrix-form label:first-child[b-y2ry6serpt],
.approval-matrix-active-field[b-y2ry6serpt] {
    grid-column: 1 / -1;
}

.approval-matrix-active-field[b-y2ry6serpt] {
    align-items: center;
    flex-direction: row !important;
}

.approval-matrix-active-field input[b-y2ry6serpt] {
    height: 19px;
    margin: 0;
    width: 19px;
}

.approval-matrix-modal > .approval-matrix-message[b-y2ry6serpt] {
    margin: 0 30px 20px;
}

.approval-matrix-modal > footer[b-y2ry6serpt] {
    background: #f5f8f9;
    border-top: 1px solid #d4e0e4;
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding: 18px 30px;
}

.approval-matrix-delete-modal[b-y2ry6serpt] {
    border-top-color: #bd1f2d;
    max-width: 620px;
}

.approval-matrix-delete-content[b-y2ry6serpt] {
    padding: 30px;
}

.approval-matrix-delete-content > div[b-y2ry6serpt] {
    font-size: 42px;
}

.approval-matrix-delete-content p[b-y2ry6serpt] {
    font-size: 18px;
    line-height: 1.5;
}

.approval-matrix-delete-content > span[b-y2ry6serpt] {
    color: #a51d2a;
}

@media (max-width: 900px) {
    .approval-matrix-header[b-y2ry6serpt] {
        align-items: stretch;
        flex-direction: column;
        gap: 18px;
    }

    .approval-matrix-filters[b-y2ry6serpt],
    .approval-matrix-form[b-y2ry6serpt] {
        grid-template-columns: 1fr;
    }

    .approval-matrix-form label:first-child[b-y2ry6serpt],
    .approval-matrix-active-field[b-y2ry6serpt] {
        grid-column: auto;
    }
}

@media (max-width: 600px) {
    .approval-matrix-heading[b-y2ry6serpt] {
        align-items: flex-start;
    }

    .approval-matrix-heading h1[b-y2ry6serpt] {
        font-size: 32px;
    }

    .approval-matrix-heading-icon[b-y2ry6serpt] {
        height: 56px;
        width: 56px;
    }

    .approval-matrix-modal-backdrop[b-y2ry6serpt] {
        padding: 0;
    }

    .approval-matrix-modal[b-y2ry6serpt] {
        max-height: 100vh;
    }
}
/* /Components/Pages/ApprovalsWorkspace.razor.rz.scp.css */
.approvals-workspace-page[b-hkms4pt4uu] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.approvals-workspace-breadcrumb[b-hkms4pt4uu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.approvals-workspace-breadcrumb a[b-hkms4pt4uu] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.approvals-workspace-breadcrumb a:hover[b-hkms4pt4uu] {
    color: #073f50;
    text-decoration: underline;
}

.approvals-workspace-breadcrumb-separator[b-hkms4pt4uu] {
    color: #8a9aa1;
    user-select: none;
}

.approvals-workspace-breadcrumb-current[b-hkms4pt4uu] {
    color: #61737b;
    font-weight: 500;
}

.approvals-workspace-header[b-hkms4pt4uu] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.approvals-workspace-heading-group[b-hkms4pt4uu] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.approvals-workspace-icon[b-hkms4pt4uu] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.approvals-workspace-heading[b-hkms4pt4uu] {
    min-width: 0;
}

.approvals-workspace-eyebrow[b-hkms4pt4uu] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.approvals-workspace-heading h1[b-hkms4pt4uu] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.approvals-workspace-heading p[b-hkms4pt4uu] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.approvals-workspace-header-actions[b-hkms4pt4uu] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 22px;
}

.approvals-workspace-add-button[b-hkms4pt4uu],
.approvals-workspace-back-button[b-hkms4pt4uu],
.approvals-workspace-clear-button[b-hkms4pt4uu] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.approvals-workspace-add-button[b-hkms4pt4uu] {
    padding: 7px 15px;
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.approvals-workspace-add-button:hover[b-hkms4pt4uu] {
    border-color: #09596b;
    background: #09596b;
}

.approvals-workspace-back-button[b-hkms4pt4uu] {
    padding: 7px 13px;
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #ffffff;
}

.approvals-workspace-back-button:hover[b-hkms4pt4uu] {
    color: #ffffff;
    background: #0d7187;
}

.approvals-workspace-header-divider[b-hkms4pt4uu] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.approvals-workspace-kpi-section[b-hkms4pt4uu] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    width: 100%;
    margin-top: 26px;
}

.approvals-workspace-kpi-card[b-hkms4pt4uu] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.approvals-workspace-kpi-icon[b-hkms4pt4uu] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
    line-height: 1;
}

.approvals-workspace-kpi-icon-critical[b-hkms4pt4uu] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.approvals-workspace-kpi-icon-ready[b-hkms4pt4uu] {
    border-color: #c7dfd0;
    background: #eaf5ee;
}

.approvals-workspace-kpi-icon-progress[b-hkms4pt4uu] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.approvals-workspace-kpi-label[b-hkms4pt4uu] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 650;
}

.approvals-workspace-kpi-value[b-hkms4pt4uu] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
    font-weight: 750;
}

.approvals-workspace-content[b-hkms4pt4uu] {
    width: 100%;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #d4dfe3;
}

.approvals-workspace-section-heading[b-hkms4pt4uu] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.approvals-workspace-section-eyebrow[b-hkms4pt4uu] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.approvals-workspace-section-heading h2[b-hkms4pt4uu] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.approvals-workspace-section-description[b-hkms4pt4uu] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.approvals-workspace-toolbar[b-hkms4pt4uu] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 210px 190px auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid #d5e0e4;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #f8fafb;
}

.approvals-workspace-search[b-hkms4pt4uu],
.approvals-workspace-filter[b-hkms4pt4uu] {
    min-width: 0;
}

.approvals-workspace-control-label[b-hkms4pt4uu] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.approvals-workspace-search-control[b-hkms4pt4uu] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #75868d;
    background: #ffffff;
}

.approvals-workspace-search-control input[b-hkms4pt4uu] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: #173946;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.approvals-workspace-filter select[b-hkms4pt4uu] {
    min-height: 38px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.approvals-workspace-clear-button[b-hkms4pt4uu] {
    padding: 7px 13px;
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.approvals-workspace-clear-button:hover[b-hkms4pt4uu] {
    color: #0b6077;
    border-color: #0d7187;
}

.approvals-workspace-table-card[b-hkms4pt4uu] {
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.06);
}

.approvals-workspace-table-scroll[b-hkms4pt4uu] {
    width: 100%;
    overflow-x: auto;
}

.approvals-workspace-table[b-hkms4pt4uu] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.approvals-workspace-table th[b-hkms4pt4uu] {
    padding: 13px 14px;
    border-bottom: 1px solid #cfdade;
    color: #536971;
    background: #f3f7f8;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 750;
    text-align: left;
    text-transform: uppercase;
}

.approvals-workspace-table td[b-hkms4pt4uu] {
    padding: 14px;
    border-bottom: 1px solid #e2e8ea;
    color: #173946;
    font-size: 14px;
    line-height: 1.35;
}

.approvals-workspace-empty-row td[b-hkms4pt4uu] {
    padding: 0;
    border-bottom: 0;
}

.approvals-workspace-empty-state[b-hkms4pt4uu] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #64777f;
    text-align: center;
}

.approvals-workspace-empty-state > span[b-hkms4pt4uu] {
    font-size: 31px;
    line-height: 1;
}

.approvals-workspace-empty-state strong[b-hkms4pt4uu] {
    margin-top: 14px;
    color: #173946;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 650;
}

.approvals-workspace-empty-state p[b-hkms4pt4uu] {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.approvals-workspace-error[b-hkms4pt4uu] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1250px) {
    .approvals-workspace-header[b-hkms4pt4uu] {
        flex-direction: column;
        gap: 20px;
    }

    .approvals-workspace-header-actions[b-hkms4pt4uu] {
        justify-content: flex-start;
        padding-top: 0;
    }

    .approvals-workspace-kpi-section[b-hkms4pt4uu] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .approvals-workspace-toolbar[b-hkms4pt4uu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .approvals-workspace-clear-button[b-hkms4pt4uu] {
        justify-self: start;
    }
}

.approvals-workspace-document-file[b-hkms4pt4uu] {
    display: block;
    margin-top: 3px;
    color: #71838a;
    font-size: 12px;
    font-weight: 400;
}

.approvals-workspace-status[b-hkms4pt4uu] {
    min-height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border: 1px solid #cbd8dd;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.approvals-workspace-status-pending[b-hkms4pt4uu] {
    border-color: #ecd09f;
    color: #8a5b00;
    background: #fff6df;
}

.approvals-workspace-status-approved[b-hkms4pt4uu] {
    border-color: #b9d9c5;
    color: #176b3a;
    background: #eaf6ee;
}

.approvals-workspace-status-rejected[b-hkms4pt4uu] {
    border-color: #edb9bd;
    color: #a51f2d;
    background: #fcecef;
}

.approvals-workspace-status-default[b-hkms4pt4uu] {
    color: #49616b;
    background: #f2f6f7;
}

.approvals-workspace-open-action[b-hkms4pt4uu] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.approvals-workspace-open-action:hover[b-hkms4pt4uu] {
    color: #ffffff;
    background: #0d7187;
}

@media (max-width: 700px) {
    .approvals-workspace-page[b-hkms4pt4uu] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .approvals-workspace-heading-group[b-hkms4pt4uu] {
        flex-direction: column;
    }

    .approvals-workspace-heading h1[b-hkms4pt4uu] {
        font-size: 30px;
    }

    .approvals-workspace-heading p[b-hkms4pt4uu] {
        font-size: 18px;
    }

    .approvals-workspace-header-actions[b-hkms4pt4uu] {
        align-items: stretch;
        flex-direction: column;
    }

    .approvals-workspace-kpi-section[b-hkms4pt4uu],
    .approvals-workspace-toolbar[b-hkms4pt4uu] {
        grid-template-columns: 1fr;
    }

    .approvals-workspace-section-heading[b-hkms4pt4uu] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .approvals-workspace-section-description[b-hkms4pt4uu] {
        padding-bottom: 0;
        text-align: left;
    }
}
/* /Components/Pages/ChangePassword.razor.rz.scp.css */
*[b-k89mm8kmxu] {
    box-sizing: border-box;
}

.cms-change-password-page[b-k89mm8kmxu] {
    width: 100%;
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(420px, .9fr) minmax(540px, 1.1fr);
    color: #0d3240;
    background: #fff;
    font-family: "Segoe UI", Arial, sans-serif;
}

.cms-change-password-brand-panel[b-k89mm8kmxu] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 70px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 15%, rgba(69, 151, 170, .22), transparent 35%),
        linear-gradient(145deg, #0b3b49 0%, #0d4b5b 58%, #0a3643 100%);
}

.cms-change-password-brand-panel[b-k89mm8kmxu]::before,
.cms-change-password-brand-panel[b-k89mm8kmxu]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .08);
    transform: rotate(35deg);
}

.cms-change-password-brand-panel[b-k89mm8kmxu]::before {
    width: 430px;
    height: 430px;
    right: -235px;
    bottom: -145px;
}

.cms-change-password-brand-panel[b-k89mm8kmxu]::after {
    width: 280px;
    height: 280px;
    right: -150px;
    bottom: -70px;
}

.cms-change-password-brand-content[b-k89mm8kmxu] {
    position: relative;
    z-index: 1;
    width: min(500px, 100%);
}

.cms-change-password-brand-header[b-k89mm8kmxu] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 28px;
}

.cms-change-password-logo[b-k89mm8kmxu] {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .11);
    font-size: 37px;
}

.cms-change-password-brand-name[b-k89mm8kmxu] {
    color: #fff;
    font-size: 46px;
    font-weight: 750;
    letter-spacing: -.03em;
}

.cms-change-password-brand-content h1[b-k89mm8kmxu] {
    margin: 0;
    color: #d7edf2;
    font-size: 30px;
    font-weight: 600;
}

.cms-change-password-brand-content p[b-k89mm8kmxu] {
    max-width: 490px;
    margin: 24px 0 0;
    color: #b8d5dc;
    font-size: 17px;
    line-height: 1.65;
}

.cms-change-password-brand-line[b-k89mm8kmxu] {
    width: 64px;
    height: 3px;
    margin: 34px 0 17px;
    background: #ef7c45;
}

.cms-change-password-brand-content > span[b-k89mm8kmxu] {
    color: #91bbc5;
    font-size: 14px;
    font-weight: 600;
}

.cms-change-password-created-by[b-k89mm8kmxu] {
    position: absolute;
    z-index: 2;
    right: 70px;
    bottom: 32px;
    left: 70px;
    color: #b8d5dc;
    font-size: 12px;
    line-height: 1.5;
}

.cms-change-password-created-by strong[b-k89mm8kmxu],
.cms-change-password-created-by span[b-k89mm8kmxu] {
    display: block;
}

.cms-change-password-created-by strong[b-k89mm8kmxu] {
    color: #e4f1f4;
    font-size: 13px;
}

.cms-change-password-form-panel[b-k89mm8kmxu] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 52px 60px;
    background: #f7fafb;
}

.cms-change-password-card[b-k89mm8kmxu] {
    width: min(440px, 100%);
}

.cms-change-password-eyebrow[b-k89mm8kmxu] {
    display: block;
    margin-bottom: 7px;
    color: #64777f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cms-change-password-card h2[b-k89mm8kmxu] {
    margin: 0;
    color: #0d3240;
    font-size: 32px;
    line-height: 1.2;
}

.cms-change-password-description[b-k89mm8kmxu] {
    margin: 10px 0 0;
    color: #687b83;
    font-size: 14px;
}

.cms-change-password-error[b-k89mm8kmxu] {
    display: flex;
    gap: 11px;
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid #e2c3c7;
    border-radius: 4px;
    color: #9b2937;
    background: #fcebed;
}

.cms-change-password-error > span[b-k89mm8kmxu] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #c53748;
    font-size: 12px;
    font-weight: 800;
}

.cms-change-password-error p[b-k89mm8kmxu] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.cms-change-password-error strong[b-k89mm8kmxu] {
    display: block;
}

.cms-change-password-form[b-k89mm8kmxu] {
    margin-top: 24px;
}

.cms-change-password-field + .cms-change-password-field[b-k89mm8kmxu] {
    margin-top: 14px;
}

.cms-change-password-field label[b-k89mm8kmxu] {
    display: block;
    margin-bottom: 6px;
    color: #294a56;
    font-size: 13px;
    font-weight: 700;
}

.cms-change-password-field > div[b-k89mm8kmxu] {
    height: 48px;
    display: flex;
    align-items: center;
    border: 1px solid #b9cbd1;
    border-radius: 4px;
    background: #fff;
}

.cms-change-password-field > div:focus-within[b-k89mm8kmxu] {
    border-color: #0d7187;
    box-shadow: 0 0 0 3px rgba(13, 113, 135, .12);
}

.cms-change-password-field > div > span[b-k89mm8kmxu] {
    padding-left: 14px;
    font-size: 16px;
}

.cms-change-password-field input[b-k89mm8kmxu] {
    width: 100%;
    height: 100%;
    padding: 0 13px 0 10px;
    border: 0;
    outline: 0;
    color: #163945;
    background: transparent;
    font: 14px "Segoe UI", Arial, sans-serif;
}

.cms-change-password-form > small[b-k89mm8kmxu] {
    display: block;
    margin-top: 8px;
    color: #76878d;
    font-size: 11px;
}

.cms-change-password-form > button[b-k89mm8kmxu] {
    width: 100%;
    min-height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
    border: 1px solid #0a586d;
    border-radius: 4px;
    color: #fff;
    background: #0b6077;
    font: 700 14px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.cms-change-password-form > button:hover[b-k89mm8kmxu] {
    background: #084d60;
}

.cms-change-password-signout[b-k89mm8kmxu] {
    margin-top: 12px;
}

.cms-change-password-signout button[b-k89mm8kmxu] {
    width: 100%;
    min-height: 42px;
    border: 1px solid #b8c8cd;
    border-radius: 4px;
    color: #49636c;
    background: #fff;
    font: 700 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.cms-change-password-card > footer[b-k89mm8kmxu] {
    margin-top: 25px;
    padding-top: 16px;
    border-top: 1px solid #dbe4e7;
    color: #89989e;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 760px) {
    .cms-change-password-page[b-k89mm8kmxu] {
        display: block;
    }

    .cms-change-password-brand-panel[b-k89mm8kmxu] {
        display: none;
    }

    .cms-change-password-form-panel[b-k89mm8kmxu] {
        min-height: 100vh;
        padding: 30px 22px;
    }
}
/* /Components/Pages/Chat.razor.rz.scp.css */
.direct-chat-page[b-8z5oq5gl5s] {
    width: 100%;
    max-width: 1220px;
    margin: 0 auto;
    padding: 32px 0 40px;
    box-sizing: border-box;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #173b47;
}

.direct-chat-header[b-8z5oq5gl5s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 20px;
}

.direct-chat-heading[b-8z5oq5gl5s] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.direct-chat-heading-icon[b-8z5oq5gl5s] {
    display: flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid #b9cdd5;
    background: #eef5f7;
    font-size: 23px;
}

.direct-chat-heading span[b-8z5oq5gl5s] {
    display: block;
    margin-bottom: 3px;
    color: #0d6075;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.07em;
}

.direct-chat-heading h1[b-8z5oq5gl5s] {
    margin: 0;
    color: #173b47;
    font-size: 27px;
    font-weight: 750;
    line-height: 1.1;
}

.direct-chat-heading p[b-8z5oq5gl5s] {
    margin: 5px 0 0;
    color: #667b83;
    font-size: 13px;
}

.direct-chat-message[b-8z5oq5gl5s] {
    margin-bottom: 16px;
    padding: 11px 14px;
    border: 1px solid #d6e0e4;
    background: #ffffff;
    font-size: 13px;
}

.direct-chat-message-error[b-8z5oq5gl5s] {
    border-color: #e1b8b5;
    background: #fbeceb;
    color: #982e2a;
}

.direct-chat-state[b-8z5oq5gl5s] {
    padding: 40px 24px;
    border: 1px solid #d6e0e4;
    background: #ffffff;
    color: #687b83;
    text-align: center;
    font-size: 14px;
}

.direct-chat-shell[b-8z5oq5gl5s] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    min-height: 610px;
    border: 1px solid #cbd8dd;
    background: #ffffff;
}

.direct-chat-users-panel[b-8z5oq5gl5s] {
    min-width: 0;
    border-right: 1px solid #cbd8dd;
    background: #f8fafb;
}

.direct-chat-panel-heading[b-8z5oq5gl5s] {
    display: flex;
    min-height: 72px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    border-bottom: 1px solid #d8e2e6;
    background: #eef4f6;
    box-sizing: border-box;
}

.direct-chat-panel-heading span:first-child[b-8z5oq5gl5s] {
    display: block;
    margin-bottom: 2px;
    color: #647980;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.direct-chat-panel-heading h2[b-8z5oq5gl5s] {
    margin: 0;
    color: #173b47;
    font-size: 18px;
    font-weight: 700;
}

.direct-chat-total-unread[b-8z5oq5gl5s],
.direct-chat-user-unread[b-8z5oq5gl5s] {
    display: inline-flex;
    min-width: 23px;
    height: 23px;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    background: #b42318;
    color: #ffffff;
    box-sizing: border-box;
    font-size: 10px;
    font-weight: 800;
}

.direct-chat-users-list[b-8z5oq5gl5s] {
    overflow-y: auto;
    max-height: 537px;
}

.direct-chat-user-button[b-8z5oq5gl5s] {
    display: flex;
    width: 100%;
    min-height: 70px;
    align-items: center;
    gap: 11px;
    padding: 11px 14px;
    border: 0;
    border-bottom: 1px solid #e0e7ea;
    background: transparent;
    color: #173b47;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: left;
}

.direct-chat-user-button:hover[b-8z5oq5gl5s],
.direct-chat-user-button:focus-visible[b-8z5oq5gl5s] {
    background: #eef5f7;
    outline: none;
}

.direct-chat-user-button-selected[b-8z5oq5gl5s] {
    border-left: 4px solid #0d7187;
    padding-left: 10px;
    background: #e8f2f5;
}

.direct-chat-user-avatar[b-8z5oq5gl5s] {
    display: inline-flex;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid #adc5ce;
    background: #ffffff;
    color: #0d6075;
    font-size: 12px;
    font-weight: 800;
}

.direct-chat-user-details[b-8z5oq5gl5s] {
    min-width: 0;
    flex: 1 1 auto;
}

.direct-chat-user-details strong[b-8z5oq5gl5s] {
    display: block;
    overflow: hidden;
    color: #173b47;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.direct-chat-user-details small[b-8z5oq5gl5s] {
    display: block;
    overflow: hidden;
    margin-top: 3px;
    color: #72858c;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.direct-chat-conversation-panel[b-8z5oq5gl5s] {
    display: grid;
    min-width: 0;
    grid-template-rows: auto minmax(0, 1fr) auto;
    background: #ffffff;
}

.direct-chat-empty-conversation[b-8z5oq5gl5s] {
    display: flex;
    min-height: 610px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 6px;
    color: #73868d;
    text-align: center;
}

.direct-chat-empty-conversation div[b-8z5oq5gl5s] {
    margin-bottom: 4px;
    font-size: 34px;
}

.direct-chat-empty-conversation strong[b-8z5oq5gl5s] {
    color: #294e5b;
    font-size: 16px;
}

.direct-chat-empty-conversation span[b-8z5oq5gl5s] {
    font-size: 12px;
}

.direct-chat-conversation-header[b-8z5oq5gl5s] {
    display: flex;
    min-height: 72px;
    align-items: center;
    gap: 11px;
    padding: 12px 17px;
    border-bottom: 1px solid #d8e2e6;
    background: #ffffff;
    box-sizing: border-box;
}

.direct-chat-conversation-header strong[b-8z5oq5gl5s] {
    display: block;
    color: #173b47;
    font-size: 14px;
}

.direct-chat-conversation-header span:not(.direct-chat-user-avatar)[b-8z5oq5gl5s] {
    display: block;
    margin-top: 3px;
    color: #72858c;
    font-size: 11px;
}

.direct-chat-messages[b-8z5oq5gl5s] {
    min-height: 380px;
    max-height: 412px;
    overflow-y: auto;
    padding: 18px;
    background: #f6f9fa;
    box-sizing: border-box;
}

.direct-chat-conversation-state[b-8z5oq5gl5s] {
    padding: 30px 16px;
    color: #73868d;
    font-size: 13px;
    text-align: center;
}

.direct-chat-message-row[b-8z5oq5gl5s] {
    display: flex;
    margin-bottom: 10px;
}

.direct-chat-message-row-own[b-8z5oq5gl5s] {
    justify-content: flex-end;
}

.direct-chat-message-row-other[b-8z5oq5gl5s] {
    justify-content: flex-start;
}

.direct-chat-bubble[b-8z5oq5gl5s] {
    max-width: min(72%, 620px);
    padding: 9px 11px 7px;
    border: 1px solid #ccd9de;
    background: #ffffff;
    box-sizing: border-box;
}

.direct-chat-message-row-own .direct-chat-bubble[b-8z5oq5gl5s] {
    border-color: #aac8d2;
    background: #e9f3f6;
}

.direct-chat-bubble-text[b-8z5oq5gl5s] {
    color: #243f49;
    font-size: 13px;
    line-height: 1.45;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.direct-chat-bubble-meta[b-8z5oq5gl5s] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 5px;
    color: #74868d;
    font-size: 9px;
}

.direct-chat-composer[b-8z5oq5gl5s] {
    padding: 12px 14px 13px;
    border-top: 1px solid #d8e2e6;
    background: #ffffff;
}

.direct-chat-composer textarea[b-8z5oq5gl5s] {
    width: 100%;
    min-height: 68px;
    max-height: 150px;
    resize: vertical;
    padding: 9px 11px;
    border: 1px solid #b9c8ce;
    border-radius: 0;
    background: #ffffff;
    color: #173b47;
    box-sizing: border-box;
    font: 13px/1.4 "Segoe UI", Arial, sans-serif;
}

.direct-chat-composer textarea:focus[b-8z5oq5gl5s] {
    border-color: #0d7187;
    outline: 1px solid #0d7187;
}

.direct-chat-composer textarea:disabled[b-8z5oq5gl5s] {
    background: #f1f4f5;
    color: #7a8b91;
}

.direct-chat-composer-footer[b-8z5oq5gl5s] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 8px;
}

.direct-chat-composer-footer > span[b-8z5oq5gl5s] {
    color: #7b8c92;
    font-size: 10px;
}

.direct-chat-composer-footer button[b-8z5oq5gl5s] {
    min-width: 100px;
    height: 35px;
    padding: 0 17px;
    border: 1px solid #0d6075;
    border-radius: 0;
    background: transparent;
    color: #0d6075;
    cursor: pointer;
    font: 700 12px "Segoe UI", Arial, sans-serif;
}

.direct-chat-composer-footer button:hover:not(:disabled)[b-8z5oq5gl5s],
.direct-chat-composer-footer button:focus-visible:not(:disabled)[b-8z5oq5gl5s] {
    background: #0d6075;
    color: #ffffff;
    outline: none;
}

.direct-chat-composer-footer button:disabled[b-8z5oq5gl5s] {
    border-color: #c6d0d4;
    color: #9aa8ad;
    cursor: default;
}

@media (max-width: 860px) {
    .direct-chat-shell[b-8z5oq5gl5s] {
        grid-template-columns: 250px minmax(0, 1fr);
    }

    .direct-chat-bubble[b-8z5oq5gl5s] {
        max-width: 84%;
    }
}

@media (max-width: 680px) {
    .direct-chat-page[b-8z5oq5gl5s] {
        padding-top: 20px;
    }

    .direct-chat-shell[b-8z5oq5gl5s] {
        display: block;
    }

    .direct-chat-users-panel[b-8z5oq5gl5s] {
        border-right: 0;
        border-bottom: 1px solid #cbd8dd;
    }

    .direct-chat-users-list[b-8z5oq5gl5s] {
        max-height: 230px;
    }

    .direct-chat-conversation-panel[b-8z5oq5gl5s] {
        min-height: 520px;
    }

    .direct-chat-empty-conversation[b-8z5oq5gl5s] {
        min-height: 420px;
    }
}
/* /Components/Pages/ChecklistProgressReport.razor.rz.scp.css */
.checklist-progress-report-page[b-ey5ynk24b8] {
    padding: 28px 24px 48px;
    color: #062f43;
}

.checklist-progress-report-state[b-ey5ynk24b8] {
    padding: 36px;
    border: 1px solid #d6e0e5;
    background: #ffffff;
}

.checklist-progress-report-state-error[b-ey5ynk24b8] {
    border-left: 4px solid #c63b32;
}

.checklist-progress-report-breadcrumb[b-ey5ynk24b8] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #60727c;
    font-size: 14px;
}

.checklist-progress-report-breadcrumb-link[b-ey5ynk24b8] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #006b88;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.checklist-progress-report-header[b-ey5ynk24b8] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #cdd9df;
}

.checklist-progress-report-eyebrow[b-ey5ynk24b8] {
    display: block;
    margin-bottom: 6px;
    color: #5b6e78;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
}

.checklist-progress-report-header h1[b-ey5ynk24b8] {
    margin: 0;
    font-size: 32px;
    line-height: 1.15;
}

.checklist-progress-report-header p[b-ey5ynk24b8] {
    margin: 8px 0 0;
    color: #5c707b;
    font-size: 16px;
}

.checklist-progress-report-back-button[b-ey5ynk24b8] {
    min-width: 150px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #007c9f;
    border-radius: 0;
    background: transparent;
    color: #006b88;
    font-weight: 600;
    cursor: pointer;
}

.checklist-progress-report-scope-card[b-ey5ynk24b8] {
    margin-top: 20px;
    border: 1px solid #d3dee4;
    background: #ffffff;
}

.checklist-progress-report-scope-title[b-ey5ynk24b8] {
    padding: 12px 16px;
    border-bottom: 1px solid #d3dee4;
    background: #f5f8fa;
    color: #566c78;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
}

.checklist-progress-report-scope-grid[b-ey5ynk24b8] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.checklist-progress-report-scope-item[b-ey5ynk24b8] {
    min-height: 74px;
    padding: 14px 16px;
    border-right: 1px solid #e0e8ec;
}

.checklist-progress-report-scope-item:last-child[b-ey5ynk24b8] {
    border-right: 0;
}

.checklist-progress-report-scope-item span[b-ey5ynk24b8] {
    display: block;
    margin-bottom: 5px;
    color: #667b86;
    font-size: 12px;
    font-weight: 600;
}

.checklist-progress-report-scope-item strong[b-ey5ynk24b8] {
    font-size: 16px;
}

.checklist-progress-report-section[b-ey5ynk24b8] {
    margin-top: 32px;
}

.checklist-progress-report-section-heading[b-ey5ynk24b8] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7e1e6;
}

.checklist-progress-report-section-heading span[b-ey5ynk24b8] {
    display: block;
    margin-bottom: 5px;
    color: #60737d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
}

.checklist-progress-report-section-heading h2[b-ey5ynk24b8] {
    margin: 0;
    font-size: 24px;
}

.checklist-progress-report-section-scope[b-ey5ynk24b8] {
    color: #60737d;
    font-size: 14px;
}

.checklist-progress-report-kpi-grid[b-ey5ynk24b8],
.checklist-progress-report-priority-grid[b-ey5ynk24b8] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.checklist-progress-report-kpi-card[b-ey5ynk24b8],
.checklist-progress-report-priority-card[b-ey5ynk24b8] {
    min-height: 126px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.checklist-progress-report-kpi-label[b-ey5ynk24b8],
.checklist-progress-report-priority-title[b-ey5ynk24b8] {
    margin-bottom: 8px;
    color: #536b77;
    font-size: 13px;
    font-weight: 700;
}

.checklist-progress-report-kpi-value[b-ey5ynk24b8],
.checklist-progress-report-priority-value[b-ey5ynk24b8] {
    color: #062f43;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.checklist-progress-report-kpi-note[b-ey5ynk24b8] {
    margin-top: 10px;
    color: #6c7f89;
    font-size: 12px;
    line-height: 1.35;
}

.checklist-progress-report-priority-detail[b-ey5ynk24b8] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 11px;
    color: #687b85;
    font-size: 12px;
}

.checklist-progress-report-priority-detail span[b-ey5ynk24b8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.checklist-progress-report-progress-card[b-ey5ynk24b8] {
    margin-top: 16px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.checklist-progress-report-progress-heading[b-ey5ynk24b8] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.checklist-progress-report-progress-heading > div:first-child[b-ey5ynk24b8] {
    display: flex;
    align-items: baseline;
    gap: 14px;
}

.checklist-progress-report-progress-heading span[b-ey5ynk24b8] {
    color: #536b77;
    font-size: 14px;
    font-weight: 700;
}

.checklist-progress-report-progress-heading strong[b-ey5ynk24b8] {
    font-size: 25px;
}

.checklist-progress-report-progress-detail[b-ey5ynk24b8] {
    color: #657983;
    font-size: 13px;
}

.checklist-progress-report-progress-track[b-ey5ynk24b8] {
    height: 8px;
    margin-top: 14px;
    background: #e1e9ed;
    overflow: hidden;
}

.checklist-progress-report-progress-fill[b-ey5ynk24b8] {
    height: 100%;
    background: #087f98;
}

.checklist-progress-report-progress-footer[b-ey5ynk24b8] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 26px;
    margin-top: 14px;
    color: #657983;
    font-size: 12px;
}

.checklist-progress-report-table-wrapper[b-ey5ynk24b8] {
    overflow-x: auto;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.checklist-progress-report-table[b-ey5ynk24b8] {
    width: 100%;
    min-width: 1120px;
    border-collapse: collapse;
}

.checklist-progress-report-table th[b-ey5ynk24b8],
.checklist-progress-report-table td[b-ey5ynk24b8] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4e8;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
}

.checklist-progress-report-table th[b-ey5ynk24b8] {
    background: #f5f8fa;
    color: #284f60;
    font-weight: 700;
    white-space: nowrap;
}

.checklist-progress-report-table tbody tr:last-child td[b-ey5ynk24b8] {
    border-bottom: 0;
}

.checklist-progress-report-system-table[b-ey5ynk24b8] {
    min-width: 1160px;
}

.checklist-progress-report-empty-cell[b-ey5ynk24b8] {
    padding: 24px !important;
    color: #687b85;
    text-align: center !important;
}

.checklist-progress-report-row-progress[b-ey5ynk24b8] {
    min-width: 150px;
}

.checklist-progress-report-row-progress-heading[b-ey5ynk24b8] {
    margin-bottom: 6px;
    font-weight: 700;
}

.checklist-progress-report-row-progress-track[b-ey5ynk24b8] {
    height: 7px;
    background: #e1e9ed;
    overflow: hidden;
}

.checklist-progress-report-row-progress-fill[b-ey5ynk24b8] {
    height: 100%;
    background: #087f98;
}

@media (max-width: 1100px) {
    .checklist-progress-report-kpi-grid[b-ey5ynk24b8],
    .checklist-progress-report-priority-grid[b-ey5ynk24b8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .checklist-progress-report-page[b-ey5ynk24b8] {
        padding: 20px 14px 36px;
    }

    .checklist-progress-report-header[b-ey5ynk24b8] {
        flex-direction: column;
    }

    .checklist-progress-report-scope-grid[b-ey5ynk24b8] {
        grid-template-columns: 1fr;
    }

    .checklist-progress-report-scope-item[b-ey5ynk24b8] {
        border-right: 0;
        border-bottom: 1px solid #e0e8ec;
    }

    .checklist-progress-report-scope-item:last-child[b-ey5ynk24b8] {
        border-bottom: 0;
    }

    .checklist-progress-report-kpi-grid[b-ey5ynk24b8],
    .checklist-progress-report-priority-grid[b-ey5ynk24b8] {
        grid-template-columns: 1fr;
    }

    .checklist-progress-report-section-heading[b-ey5ynk24b8],
    .checklist-progress-report-progress-heading[b-ey5ynk24b8] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.checklist-progress-report-header-actions[b-ey5ynk24b8] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.checklist-progress-report-export-button[b-ey5ynk24b8] {
    min-width: 146px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(13, 50, 61, 1);
    border-radius: 0;
    background: rgba(13, 50, 61, 1);
    color: #ffffff;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.checklist-progress-report-export-button:hover[b-ey5ynk24b8] {
    background: rgba(13, 50, 61, 0.9);
}

@media (max-width: 800px) {
    .checklist-progress-report-header-actions[b-ey5ynk24b8] {
        width: 100%;
        flex-wrap: wrap;
    }
}

/* ============================================================
   CMS REPORTS UI REFRESH
   Screen-only visual hierarchy. Print components remain unchanged.
   ============================================================ */

.checklist-progress-report-page[b-ey5ynk24b8] {
    max-width: 1600px;
    margin: 0 auto;
    background: linear-gradient(180deg, #f5fafb 0, #ffffff 320px);
}

.checklist-progress-report-breadcrumb[b-ey5ynk24b8] {
    margin-bottom: 16px;
}

.checklist-progress-report-header[b-ey5ynk24b8] {
    position: relative;
    padding: 22px 24px 21px;
    border-top: 5px solid #0b7f96;
    border-bottom: 1px solid #c9dce2;
    background: linear-gradient(100deg, #eaf6f8 0%, #f8fcfd 54%, #ffffff 100%);
    box-shadow: 0 4px 14px rgba(13, 50, 61, 0.07);
}

.checklist-progress-report-header h1[b-ey5ynk24b8] {
    color: #0d3240;
    font-weight: 650;
}

.checklist-progress-report-eyebrow[b-ey5ynk24b8] {
    color: #0b7489;
}

.checklist-progress-report-header p[b-ey5ynk24b8] {
    color: #55717b;
}

.checklist-progress-report-export-button[b-ey5ynk24b8] {
    border-color: #0d4b5c;
    background: #0d4b5c;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(13, 50, 61, 0.15);
}

.checklist-progress-report-export-button:hover[b-ey5ynk24b8] {
    border-color: #0a3c4a;
    background: #0a3c4a;
}

.checklist-progress-report-back-button[b-ey5ynk24b8] {
    border-color: #3a7d90;
    color: #15566a;
    background: #ffffff;
}

.checklist-progress-report-back-button:hover[b-ey5ynk24b8] {
    border-color: #0b7489;
    background: #edf7f9;
}

.checklist-progress-report-scope-card[b-ey5ynk24b8] {
    overflow: hidden;
    border-color: #c9dce2;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.055);
}

.checklist-progress-report-scope-title[b-ey5ynk24b8] {
    margin: 0;
    padding: 12px 16px;
    border-bottom: 0;
    background: #0d4b5c;
    color: #ffffff;
    letter-spacing: .08em;
}

.checklist-progress-report-scope-grid[b-ey5ynk24b8] {
    border-color: #d3e2e7;
    background: #ffffff;
}

.checklist-progress-report-scope-item[b-ey5ynk24b8] {
    border-color: #d9e6ea;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.checklist-progress-report-scope-item span[b-ey5ynk24b8] {
    color: #67808a;
}

.checklist-progress-report-scope-item strong[b-ey5ynk24b8] {
    color: #103b49;
}

.checklist-progress-report-section-heading[b-ey5ynk24b8] {
    align-items: center;
    margin-bottom: 17px;
    padding: 11px 14px 11px 16px;
    border-left: 4px solid #0e8ca5;
    border-bottom: 0;
    background: linear-gradient(90deg, #eaf6f8 0%, #f8fcfd 62%, #ffffff 100%);
}

.checklist-progress-report-section-heading span[b-ey5ynk24b8] {
    color: #0b7489;
}

.checklist-progress-report-section-heading h2[b-ey5ynk24b8] {
    color: #123d4b;
}

.checklist-progress-report-section-scope[b-ey5ynk24b8] {
    color: #5f7a84;
}

.checklist-progress-report-kpi-card[b-ey5ynk24b8] {
    position: relative;
    overflow: hidden;
    border-color: #d4e1e5;
    background: linear-gradient(145deg, #ffffff 0%, #f8fbfc 100%);
    box-shadow: 0 4px 12px rgba(13, 50, 61, 0.055);
}

.checklist-progress-report-kpi-card[b-ey5ynk24b8]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #11869e;
}

.checklist-progress-report-kpi-card:nth-child(2)[b-ey5ynk24b8]::before { background: #32a365; }
.checklist-progress-report-kpi-card:nth-child(3)[b-ey5ynk24b8]::before { background: #d9534f; }
.checklist-progress-report-kpi-card:nth-child(4)[b-ey5ynk24b8]::before { background: #d78a12; }
.checklist-progress-report-kpi-card:nth-child(5)[b-ey5ynk24b8]::before { background: #3c78c5; }
.checklist-progress-report-kpi-card:nth-child(6)[b-ey5ynk24b8]::before { background: #835bb5; }

.checklist-progress-report-kpi-label[b-ey5ynk24b8] {
    color: #4e6e79;
}

.checklist-progress-report-kpi-value[b-ey5ynk24b8] {
    color: #0b4050;
}

.checklist-progress-report-progress-card[b-ey5ynk24b8] {
    border-color: #cbdde2;
    border-left: 4px solid #0e8ca5;
    background: linear-gradient(90deg, #f7fbfc 0%, #ffffff 100%);
    box-shadow: 0 3px 10px rgba(13, 50, 61, 0.045);
}

.checklist-progress-report-progress-track[b-ey5ynk24b8],
.checklist-progress-report-row-progress-track[b-ey5ynk24b8] {
    background: #dce9ed;
}

.checklist-progress-report-progress-fill[b-ey5ynk24b8],
.checklist-progress-report-row-progress-fill[b-ey5ynk24b8] {
    background: linear-gradient(90deg, #0c8098 0%, #22a6b9 100%);
}

.checklist-progress-report-table-wrapper[b-ey5ynk24b8] {
    border-color: #cadce2;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.05);
}

.checklist-progress-report-table th[b-ey5ynk24b8] {
    border-color: #c8dce2;
    background: #e6f2f5;
    color: #174758;
}

.checklist-progress-report-table td[b-ey5ynk24b8] {
    border-color: #dce7ea;
}

.checklist-progress-report-table tbody tr:nth-child(even) td[b-ey5ynk24b8] {
    background: #fbfdfe;
}

.checklist-progress-report-table tbody tr:hover td[b-ey5ynk24b8] {
    background: #f0f8fa;
}

.checklist-progress-report-priority-card[b-ey5ynk24b8] { position: relative; overflow: hidden; box-shadow: 0 4px 12px rgba(13,50,61,.05); background: linear-gradient(145deg,#fff,#f9fbfc); }
.checklist-progress-report-priority-card[b-ey5ynk24b8]::before { content:""; position:absolute; left:0; right:0; top:0; height:4px; background:#7b61a8; }
.checklist-progress-report-priority-card:nth-child(2)[b-ey5ynk24b8]::before { background:#d78a12; }
.checklist-progress-report-priority-card:nth-child(3)[b-ey5ynk24b8]::before { background:#d9534f; }
.checklist-progress-report-priority-card:nth-child(4)[b-ey5ynk24b8]::before { background:#3c78c5; }
.checklist-progress-report-system-table th[b-ey5ynk24b8] { background:#e6f2f5; color:#174758; }

/* ============================================================
   CHECKLIST COMMENTS / AUDIT DETAIL
   ============================================================ */

.checklist-progress-report-comments-list[b-ey5ynk24b8] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.checklist-progress-report-comments-empty[b-ey5ynk24b8] {
    padding: 22px 24px;
    border: 1px solid #cadce2;
    background: #ffffff;
    color: #667b86;
    font-size: 13px;
}

.checklist-progress-report-comment-card[b-ey5ynk24b8] {
    overflow: hidden;
    border: 1px solid #cadce2;
    border-left: 4px solid #0e8ca5;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.05);
}

.checklist-progress-report-comment-header[b-ey5ynk24b8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    border-bottom: 1px solid #d9e6ea;
    background: linear-gradient(90deg, #edf7f9 0%, #ffffff 100%);
}

.checklist-progress-report-comment-header > div:first-child[b-ey5ynk24b8] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.checklist-progress-report-comment-header span[b-ey5ynk24b8],
.checklist-progress-report-comment-grid span[b-ey5ynk24b8],
.checklist-progress-report-comment-text span[b-ey5ynk24b8] {
    color: #607985;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.checklist-progress-report-comment-header strong[b-ey5ynk24b8] {
    color: #0d3240;
    font-size: 17px;
}

.checklist-progress-report-comment-status[b-ey5ynk24b8] {
    flex: 0 0 auto;
    padding: 6px 10px;
    border: 1px solid #c5dce2;
    background: #f6fbfc;
    color: #15566a;
    font-size: 12px;
    font-weight: 700;
}

.checklist-progress-report-comment-grid[b-ey5ynk24b8] {
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr 1fr 1fr;
    border-bottom: 1px solid #d9e6ea;
}

.checklist-progress-report-comment-grid > div[b-ey5ynk24b8] {
    min-width: 0;
    padding: 13px 16px;
    border-right: 1px solid #e0e9ed;
}

.checklist-progress-report-comment-grid > div:last-child[b-ey5ynk24b8] {
    border-right: 0;
}

.checklist-progress-report-comment-grid strong[b-ey5ynk24b8] {
    display: block;
    margin-top: 5px;
    color: #173f50;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.checklist-progress-report-comment-text[b-ey5ynk24b8] {
    padding: 14px 16px 16px;
}

.checklist-progress-report-comment-text p[b-ey5ynk24b8] {
    margin: 7px 0 0;
    color: #294f5e;
    font-size: 13px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@media (max-width: 1100px) {
    .checklist-progress-report-comment-grid[b-ey5ynk24b8] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .checklist-progress-report-comment-grid > div[b-ey5ynk24b8] {
        border-bottom: 1px solid #e0e9ed;
    }
}

@media (max-width: 700px) {
    .checklist-progress-report-comment-header[b-ey5ynk24b8] {
        align-items: flex-start;
        flex-direction: column;
    }

    .checklist-progress-report-comment-grid[b-ey5ynk24b8] {
        grid-template-columns: 1fr;
    }

    .checklist-progress-report-comment-grid > div[b-ey5ynk24b8] {
        border-right: 0;
    }
}

/* /Components/Pages/ChecklistProgressReportPrint.razor.rz.scp.css */
.checklist-print-view[b-dxtmx77t2l] {
    width: 100%;
    color: #062f43;
    font-family: "Segoe UI", Arial, sans-serif;
}

.checklist-print-toolbar[b-dxtmx77t2l] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 297mm;
    margin: 0 auto 12px;
}

.checklist-print-toolbar-button[b-dxtmx77t2l] {
    min-width: 148px;
    height: 42px;
    padding: 0 18px;
    border: 1px solid #0d3240;
    border-radius: 0;
    background: #ffffff;
    color: #0d3240;
    font: 700 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.checklist-print-toolbar-button-primary[b-dxtmx77t2l] {
    background: #0d3240;
    color: #ffffff;
}

.checklist-print-sheet[b-dxtmx77t2l],
.checklist-print-state[b-dxtmx77t2l] {
    width: 297mm;
    margin: 0 auto;
    box-sizing: border-box;
    background: #ffffff;
}

.checklist-print-sheet[b-dxtmx77t2l] {
    min-height: 210mm;
    padding: 8mm 10mm 7mm;
    border-top: 2mm solid #0787a0;
    box-shadow: 0 8px 28px rgba(13, 50, 61, .14);
}

.checklist-print-state[b-dxtmx77t2l] {
    padding: 16mm;
}

.checklist-print-state-error[b-dxtmx77t2l] {
    border-left: 4px solid #c63b32;
}

.checklist-print-header[b-dxtmx77t2l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10mm;
    padding-bottom: 4mm;
    border-bottom: 1px solid #bdd0d8;
    background:
        linear-gradient(
            90deg,
            rgba(13, 50, 64, .04) 0%,
            rgba(8, 135, 160, .02) 58%,
            rgba(8, 135, 160, .09) 100%);
}

.checklist-print-kicker[b-dxtmx77t2l] {
    color: #0d4f76;
    font-size: 8pt;
    font-weight: 800;
    letter-spacing: .05em;
}

.checklist-print-header h1[b-dxtmx77t2l] {
    margin: 1.5mm 0 .8mm;
    color: #062f43;
    font-size: 23pt;
    line-height: 1.05;
}

.checklist-print-header p[b-dxtmx77t2l] {
    margin: 0;
    color: #5c707b;
    font-size: 8pt;
}

.checklist-print-brand[b-dxtmx77t2l] {
    display: flex;
    align-items: center;
    gap: 3mm;
    flex: 0 0 auto;
}

.checklist-print-brand-mark[b-dxtmx77t2l] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 1.5mm;
    width: 15mm;
    height: 18mm;
    padding: 2.6mm 2.2mm;
    box-sizing: border-box;
    border: 2px solid #0d4f76;
    background: linear-gradient(180deg, #ffffff 0%, #eef7fb 100%);
}

.checklist-print-brand-mark span[b-dxtmx77t2l] {
    display: block;
    height: 2.2mm;
    border-radius: .5mm;
    background: linear-gradient(90deg, #0d4f76 0%, #0a8aa2 100%);
}

.checklist-print-brand-text[b-dxtmx77t2l] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.checklist-print-brand-text strong[b-dxtmx77t2l] {
    color: #536069;
    font-size: 21pt;
    letter-spacing: -.04em;
}

.checklist-print-brand-text span[b-dxtmx77t2l] {
    color: #536069;
    font-size: 5.2pt;
    font-weight: 800;
}

.checklist-print-scope[b-dxtmx77t2l] {
    margin-top: 4mm;
    border: 1px solid #ccdbe1;
}

.checklist-print-section-band[b-dxtmx77t2l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2mm 3mm;
    background: linear-gradient(90deg, #0d3240 0%, #145473 100%);
    color: #ffffff;
    font-size: 6.3pt;
    font-weight: 800;
}

.checklist-print-scope-grid[b-dxtmx77t2l] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.checklist-print-scope-grid > div[b-dxtmx77t2l] {
    padding: 2.5mm 3.5mm;
    border-right: 1px solid #d7e3e7;
    background: #fbfdfe;
}

.checklist-print-scope-grid > div:last-child[b-dxtmx77t2l] {
    border-right: 0;
}

.checklist-print-scope-grid span[b-dxtmx77t2l] {
    display: block;
    margin-bottom: .8mm;
    color: #607680;
    font-size: 5.8pt;
}

.checklist-print-scope-grid strong[b-dxtmx77t2l] {
    color: #062f43;
    font-size: 8.5pt;
}

.checklist-print-section[b-dxtmx77t2l] {
    margin-top: 4mm;
}

.checklist-print-section-title[b-dxtmx77t2l] {
    margin-bottom: 2mm;
    padding-left: 2.5mm;
    border-left: 1.2mm solid #0787a0;
    color: #0d4f76;
    font-size: 7.8pt;
    font-weight: 800;
    letter-spacing: .04em;
}

.checklist-print-kpi-grid[b-dxtmx77t2l] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.7mm;
}

.checklist-print-kpi-card[b-dxtmx77t2l] {
    min-height: 22mm;
    padding: 2.4mm;
    box-sizing: border-box;
    border: 1px solid #cddce2;
    border-top: 2.2mm solid #0787a0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.checklist-print-kpi-card:nth-child(2)[b-dxtmx77t2l] {
    border-top-color: #2f9854;
}

.checklist-print-kpi-card:nth-child(3)[b-dxtmx77t2l] {
    border-top-color: #3e70c8;
}

.checklist-print-kpi-card:nth-child(4)[b-dxtmx77t2l] {
    border-top-color: #d1493f;
}

.checklist-print-kpi-card:nth-child(5)[b-dxtmx77t2l] {
    border-top-color: #d98208;
}

.checklist-print-kpi-card:nth-child(6)[b-dxtmx77t2l] {
    border-top-color: #8b58b8;
}

.checklist-print-kpi-card span[b-dxtmx77t2l] {
    display: block;
    min-height: 4.7mm;
    color: #31525e;
    font-size: 6pt;
    font-weight: 700;
}

.checklist-print-kpi-card strong[b-dxtmx77t2l] {
    display: block;
    margin-top: .7mm;
    color: #073c56;
    font-size: 15pt;
    line-height: 1;
}

.checklist-print-kpi-card small[b-dxtmx77t2l] {
    display: block;
    margin-top: 1mm;
    color: #607680;
    font-size: 5.2pt;
}

.checklist-print-overall[b-dxtmx77t2l] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2mm 8mm;
    margin-top: 2mm;
    padding: 2.5mm 3mm;
    border: 1px solid #cddce2;
    background: #f8fbfc;
}

.checklist-print-overall > div:first-child[b-dxtmx77t2l] {
    display: flex;
    align-items: baseline;
    gap: 3mm;
}

.checklist-print-overall span[b-dxtmx77t2l] {
    color: #31525e;
    font-size: 6.5pt;
    font-weight: 800;
}

.checklist-print-overall strong[b-dxtmx77t2l] {
    color: #0d4f76;
    font-size: 16pt;
}

.checklist-print-overall-detail[b-dxtmx77t2l] {
    align-self: center;
    justify-self: end;
    color: #607680;
    font-size: 5.8pt;
}

.checklist-print-bar[b-dxtmx77t2l] {
    grid-column: 1 / -1;
    height: 1.8mm;
    overflow: hidden;
    background: #dfe8ec;
}

.checklist-print-bar > div[b-dxtmx77t2l],
.checklist-print-row-track > div[b-dxtmx77t2l] {
    height: 100%;
    background: linear-gradient(90deg, #0d7187 0%, #0aa0b4 100%);
}

.checklist-print-table[b-dxtmx77t2l] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.checklist-print-table th[b-dxtmx77t2l],
.checklist-print-table td[b-dxtmx77t2l] {
    padding: 1.7mm 2mm;
    border: 1px solid #cddce2;
    text-align: left;
    vertical-align: middle;
    font-size: 5.8pt;
    line-height: 1.15;
}

.checklist-print-table th[b-dxtmx77t2l] {
    background: linear-gradient(180deg, #edf4f7 0%, #e2ecef 100%);
    color: #123f52;
    font-weight: 800;
}

.checklist-print-table tbody tr:nth-child(even) td[b-dxtmx77t2l] {
    background: #fbfdfe;
}

.checklist-print-empty[b-dxtmx77t2l] {
    padding: 5mm !important;
    text-align: center !important;
    color: #607680;
}

.checklist-print-row-progress strong[b-dxtmx77t2l] {
    display: block;
    margin-bottom: .7mm;
    color: #0d4f76;
    font-size: 5.8pt;
}

.checklist-print-row-track[b-dxtmx77t2l] {
    height: 1.4mm;
    overflow: hidden;
    background: #dfe8ec;
}

.checklist-print-footer[b-dxtmx77t2l] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8mm;
    margin-top: 4mm;
    padding-top: 2mm;
    border-top: 1px solid #86aab8;
    color: #506b76;
    font-size: 5.5pt;
}

.checklist-print-footer > div:first-child[b-dxtmx77t2l] {
    display: flex;
    flex-direction: column;
    gap: .6mm;
}

.checklist-print-footer strong[b-dxtmx77t2l] {
    color: #173f50;
}

.checklist-print-no-break[b-dxtmx77t2l] {
    break-inside: avoid;
    page-break-inside: avoid;
}


/* ============================================================
   CHECKLIST COMMENTS / AUDIT DETAIL
   ============================================================ */

.checklist-print-comments-list[b-dxtmx77t2l] {
    display: block;
}

.checklist-print-comments-empty[b-dxtmx77t2l] {
    padding: 4mm;
    border: 1px solid #cddce2;
    background: #f8fbfc;
    color: #607680;
    font-size: 6pt;
}

.checklist-print-comment-card[b-dxtmx77t2l] {
    margin-top: 2mm;
    border: 1px solid #cddce2;
    border-left: 1.2mm solid #0787a0;
    background: #ffffff;
}

.checklist-print-comment-header[b-dxtmx77t2l] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4mm;
    padding: 2mm 2.5mm;
    border-bottom: 1px solid #d7e3e7;
    background: linear-gradient(90deg, #edf7f9 0%, #ffffff 100%);
}

.checklist-print-comment-header > div:first-child[b-dxtmx77t2l] {
    display: flex;
    flex-direction: column;
    gap: .5mm;
}

.checklist-print-comment-header span[b-dxtmx77t2l],
.checklist-print-comment-grid span[b-dxtmx77t2l],
.checklist-print-comment-text span[b-dxtmx77t2l] {
    color: #607680;
    font-size: 5.2pt;
    font-weight: 800;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.checklist-print-comment-header strong[b-dxtmx77t2l] {
    color: #0d3240;
    font-size: 8pt;
}

.checklist-print-comment-status[b-dxtmx77t2l] {
    flex: 0 0 auto;
    padding: 1.1mm 1.8mm;
    border: 1px solid #c5dce2;
    background: #f6fbfc;
    color: #15566a;
    font-size: 5.6pt;
    font-weight: 800;
}

.checklist-print-comment-grid[b-dxtmx77t2l] {
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr 1fr 1fr;
    border-bottom: 1px solid #d7e3e7;
}

.checklist-print-comment-grid > div[b-dxtmx77t2l] {
    min-width: 0;
    padding: 1.7mm 2mm;
    border-right: 1px solid #d7e3e7;
}

.checklist-print-comment-grid > div:last-child[b-dxtmx77t2l] {
    border-right: 0;
}

.checklist-print-comment-grid strong[b-dxtmx77t2l] {
    display: block;
    margin-top: .7mm;
    color: #173f50;
    font-size: 5.8pt;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.checklist-print-comment-text[b-dxtmx77t2l] {
    padding: 1.8mm 2mm 2mm;
}

.checklist-print-comment-text p[b-dxtmx77t2l] {
    margin: .8mm 0 0;
    color: #294f5e;
    font-size: 5.8pt;
    line-height: 1.35;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

@page {
    size: A4 landscape;
    margin: 5mm;
}

@media print {
    html[b-dxtmx77t2l],
    body[b-dxtmx77t2l] {
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    .checklist-print-toolbar[b-dxtmx77t2l] {
        display: none !important;
    }

    .checklist-print-view[b-dxtmx77t2l] {
        width: 100%;
    }

    .checklist-print-sheet[b-dxtmx77t2l],
    .checklist-print-state[b-dxtmx77t2l] {
        width: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

    .checklist-print-sheet[b-dxtmx77t2l] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .checklist-print-header[b-dxtmx77t2l] {
        gap: 8mm;
        padding-bottom: 3mm;
    }

    .checklist-print-header h1[b-dxtmx77t2l] {
        font-size: 18pt;
    }

    .checklist-print-header p[b-dxtmx77t2l] {
        font-size: 7.2pt;
    }

    .checklist-print-brand-mark[b-dxtmx77t2l] {
        width: 13mm;
        height: 15mm;
    }

    .checklist-print-brand-text strong[b-dxtmx77t2l] {
        font-size: 17pt;
    }

    .checklist-print-scope[b-dxtmx77t2l] {
        margin-top: 3mm;
    }

    .checklist-print-section[b-dxtmx77t2l] {
        margin-top: 3mm;
    }

    .checklist-print-kpi-grid[b-dxtmx77t2l] {
        gap: 1.3mm;
    }

    .checklist-print-kpi-card[b-dxtmx77t2l] {
        min-height: 19mm;
        padding: 1.8mm;
    }

    .checklist-print-kpi-card strong[b-dxtmx77t2l] {
        font-size: 13pt;
    }

    .checklist-print-overall[b-dxtmx77t2l] {
        margin-top: 1.5mm;
        padding: 2mm 2.5mm;
    }

    .checklist-print-table th[b-dxtmx77t2l],
    .checklist-print-table td[b-dxtmx77t2l] {
        padding: 1.35mm 1.6mm;
        font-size: 5.4pt;
    }

    .checklist-print-system-section[b-dxtmx77t2l] {
        break-before: page;
        page-break-before: always;
        margin-top: 0;
    }

    .checklist-print-footer[b-dxtmx77t2l] {
        margin-top: 3mm;
        padding-top: 1.8mm;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .checklist-print-section[b-dxtmx77t2l],
    .checklist-print-table[b-dxtmx77t2l],
    .checklist-print-footer[b-dxtmx77t2l] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .checklist-print-comments-section[b-dxtmx77t2l] {
        break-inside: auto !important;
        page-break-inside: auto !important;
    }

    .checklist-print-comments-title[b-dxtmx77t2l] {
        break-after: avoid;
        page-break-after: avoid;
    }

    .checklist-print-comment-card[b-dxtmx77t2l] {
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

}
/* /Components/Pages/ColdCommissioning.razor.rz.scp.css */
.cold-commissioning-page[b-m6r2aoul0g] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.cold-commissioning-breadcrumb[b-m6r2aoul0g] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.cold-commissioning-breadcrumb a[b-m6r2aoul0g] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.cold-commissioning-breadcrumb a:hover[b-m6r2aoul0g] {
    color: #073f50;
    text-decoration: underline;
}

.cold-commissioning-breadcrumb-separator[b-m6r2aoul0g] {
    color: #8a9aa1;
    user-select: none;
}

.cold-commissioning-breadcrumb-current[b-m6r2aoul0g] {
    color: #61737b;
    font-weight: 500;
}

.cold-commissioning-header[b-m6r2aoul0g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.cold-commissioning-heading-group[b-m6r2aoul0g] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.cold-commissioning-icon[b-m6r2aoul0g] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.cold-commissioning-heading[b-m6r2aoul0g] {
    min-width: 0;
}

.cold-commissioning-eyebrow[b-m6r2aoul0g] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cold-commissioning-heading h1[b-m6r2aoul0g] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.cold-commissioning-heading p[b-m6r2aoul0g] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.cold-commissioning-header-actions[b-m6r2aoul0g] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.cold-commissioning-status[b-m6r2aoul0g] {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border: 1px solid #cdd7db;
    border-radius: 4px;
    color: #566a72;
    background: #f1f4f5;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.cold-commissioning-back-button[b-m6r2aoul0g] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.cold-commissioning-back-button:hover[b-m6r2aoul0g] {
    color: #ffffff;
    background: #0d7187;
    border-color: #0d7187;
}

.cold-commissioning-header-divider[b-m6r2aoul0g] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.cold-commissioning-icon[b-m6r2aoul0g] {
    color: #116a79;
    background: #e8f6f8;
    border-color: #bfe0e5;
}

.cold-commissioning-overview[b-m6r2aoul0g] {
    width: 100%;
    margin-top: 28px;
}

.cold-commissioning-kpi-grid[b-m6r2aoul0g] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
}

.cold-commissioning-kpi-card[b-m6r2aoul0g] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.cold-commissioning-kpi-icon[b-m6r2aoul0g] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
}

.cold-commissioning-kpi-icon-punch[b-m6r2aoul0g] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.cold-commissioning-kpi-icon-tests[b-m6r2aoul0g] {
    border-color: #d9c9eb;
    background: #f1ebf8;
}

.cold-commissioning-kpi-icon-evidence[b-m6r2aoul0g] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.cold-commissioning-kpi-card span[b-m6r2aoul0g] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    font-weight: 650;
}

.cold-commissioning-kpi-card strong[b-m6r2aoul0g] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
}

.cold-commissioning-progress-card[b-m6r2aoul0g] {
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid #d5e0e4;
    border-left: 4px solid #16879b;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.cold-commissioning-progress-heading[b-m6r2aoul0g] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.cold-commissioning-progress-heading h2[b-m6r2aoul0g] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
}

.cold-commissioning-progress-heading > strong[b-m6r2aoul0g] {
    color: #116a79;
    font-size: 28px;
}

.cold-commissioning-progress-track[b-m6r2aoul0g] {
    height: 8px;
    margin-top: 14px;
    overflow: hidden;
    border-radius: 4px;
    background: #e3ebee;
}

.cold-commissioning-progress-fill[b-m6r2aoul0g] {
    height: 100%;
    background: #16879b;
}

.cold-commissioning-progress-card p[b-m6r2aoul0g] {
    margin: 10px 0 0;
    color: #64777f;
    font-size: 13px;
}

.cold-commissioning-navigation[b-m6r2aoul0g] {
    width: 100%;
    margin-top: 28px;
}

.cold-commissioning-section-heading[b-m6r2aoul0g] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.cold-commissioning-section-eyebrow[b-m6r2aoul0g] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cold-commissioning-section-heading h2[b-m6r2aoul0g] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.cold-commissioning-section-description[b-m6r2aoul0g] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.cold-commissioning-navigation-grid[b-m6r2aoul0g] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.cold-commissioning-navigation-card[b-m6r2aoul0g] {
    aspect-ratio: auto;
    min-width: 0;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #d2dde1;
    border-top: 4px solid #2d7890;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
    cursor: default;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.cold-commissioning-navigation-card:hover[b-m6r2aoul0g] {
    transform: translateY(-3px);
    border-color: #9ebbc5;
    box-shadow: 0 8px 20px rgba(13, 50, 64, 0.13);
}

.cold-commissioning-navigation-card-equipment[b-m6r2aoul0g] {
    border-top-color: #557a95;
}

.cold-commissioning-navigation-card-templates[b-m6r2aoul0g] {
    border-top-color: #7653a6;
}

.cold-commissioning-navigation-card-checklist[b-m6r2aoul0g] {
    border-top-color: #c56b1d;
}

.cold-commissioning-navigation-card-release[b-m6r2aoul0g] {
    border-top-color: #16879b;
}

.cold-commissioning-navigation-card-tests[b-m6r2aoul0g] {
    border-top-color: #7653a6;
}

.cold-commissioning-navigation-card-punches[b-m6r2aoul0g] {
    border-top-color: #b8423e;
}

.cold-commissioning-navigation-card-documents[b-m6r2aoul0g] {
    border-top-color: #6b7780;
}

.cold-commissioning-navigation-card-approvals[b-m6r2aoul0g] {
    border-top-color: #4056a1;
}

.cold-commissioning-navigation-card-header[b-m6r2aoul0g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.cold-commissioning-navigation-icon[b-m6r2aoul0g] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 23px;
    line-height: 1;
}

.cold-commissioning-navigation-status[b-m6r2aoul0g] {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid #c7dce2;
    border-radius: 4px;
    color: #16596b;
    background: #edf6f8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.cold-commissioning-navigation-status-locked[b-m6r2aoul0g] {
    color: #8a6300;
    background: #fff8e5;
    border-color: #ead28d;
}

.cold-commissioning-navigation-content[b-m6r2aoul0g] {
    min-width: 0;
    margin-top: 18px;
}

.cold-commissioning-navigation-content h3[b-m6r2aoul0g] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 650;
}

.cold-commissioning-navigation-content p[b-m6r2aoul0g] {
    display: -webkit-box;
    margin: 10px 0 0 0;
    overflow: hidden;
    color: #64777f;
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.cold-commissioning-error[b-m6r2aoul0g] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1400px) {
    .cold-commissioning-kpi-grid[b-m6r2aoul0g] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .cold-commissioning-navigation-grid[b-m6r2aoul0g] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .cold-commissioning-page[b-m6r2aoul0g] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .cold-commissioning-header[b-m6r2aoul0g] {
        flex-direction: column;
        gap: 22px;
    }

    .cold-commissioning-header-actions[b-m6r2aoul0g] {
        align-items: flex-start;
    }

    .cold-commissioning-heading h1[b-m6r2aoul0g] {
        font-size: 30px;
    }

    .cold-commissioning-heading p[b-m6r2aoul0g] {
        font-size: 18px;
    }

    .cold-commissioning-section-heading[b-m6r2aoul0g] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .cold-commissioning-section-description[b-m6r2aoul0g] {
        padding-bottom: 0;
        text-align: left;
    }

    .cold-commissioning-navigation-grid[b-m6r2aoul0g] {
        grid-template-columns: 1fr;
    }

    .cold-commissioning-kpi-grid[b-m6r2aoul0g] {
        grid-template-columns: 1fr;
    }

    .cold-commissioning-navigation-card[b-m6r2aoul0g] {
        aspect-ratio: auto;
        min-height: 180px;
    }
}

@media (max-width: 520px) {
    .cold-commissioning-heading-group[b-m6r2aoul0g] {
        flex-direction: column;
    }

}
/* /Components/Pages/CommissioningHub.razor.rz.scp.css */
.cms-hub-page[b-ljkh0eauxa] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.cms-hub-breadcrumb[b-ljkh0eauxa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    font-size: 15px;
    line-height: 1.4;
    color: #61737b;
}

    .cms-hub-breadcrumb a[b-ljkh0eauxa] {
        color: #0b6077;
        font-weight: 600;
        text-decoration: none;
    }

        .cms-hub-breadcrumb a:hover[b-ljkh0eauxa] {
            color: #073f50;
            text-decoration: underline;
        }

.cms-hub-breadcrumb-separator[b-ljkh0eauxa] {
    color: #8a9aa1;
    user-select: none;
}

.cms-hub-breadcrumb-current[b-ljkh0eauxa] {
    color: #61737b;
    font-weight: 500;
}

.cms-hub-header[b-ljkh0eauxa] {
    width: 100%;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.cms-hub-header-main[b-ljkh0eauxa] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 420px);
    gap: 56px;
    align-items: start;
}

.cms-hub-heading[b-ljkh0eauxa] {
    min-width: 0;
}

.cms-hub-eyebrow[b-ljkh0eauxa] {
    display: block;
    margin-bottom: 7px;
    color: #64777f;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.cms-hub-heading h1[b-ljkh0eauxa] {
    margin: 0;
    color: #0d3240;
    font-size: 38px;
    line-height: 1.15;
    font-weight: 650;
}

.cms-hub-project-name[b-ljkh0eauxa] {
    margin: 7px 0 0 0;
    color: #405761;
    font-size: 25px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.cms-hub-badges[b-ljkh0eauxa] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.cms-hub-badge[b-ljkh0eauxa] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 11px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 15px;
    line-height: 1.2;
    font-weight: 650;
    white-space: nowrap;
}

.cms-hub-badge-technology[b-ljkh0eauxa] {
    color: #5f3d80;
    background: #f0e8f7;
    border-color: #dfd0ed;
}

.cms-hub-badge-phase[b-ljkh0eauxa] {
    color: #155b70;
    background: #e7f3f6;
    border-color: #c9e2e8;
}

.cms-hub-badge-health[b-ljkh0eauxa] {
    background: #ffffff;
}

.cms-hub-badge-health-healthy[b-ljkh0eauxa] {
    color: #187a34;
    border-color: #b9dfc2;
}

.cms-hub-badge-health-risk[b-ljkh0eauxa] {
    color: #8a6300;
    border-color: #ead28d;
}

.cms-hub-badge-health-critical[b-ljkh0eauxa] {
    color: #a32622;
    border-color: #e7b6b3;
}

.cms-hub-badge-health-unknown[b-ljkh0eauxa] {
    color: #5c6f77;
    border-color: #ccd6da;
}

.cms-hub-project-summary[b-ljkh0eauxa] {
    min-width: 0;
    padding-top: 22px;
}

    .cms-hub-project-summary h2[b-ljkh0eauxa] {
        margin: 0 0 13px 0;
        color: #0d3240;
        font-size: 18px;
        line-height: 1.3;
        font-weight: 650;
    }

.cms-hub-summary-list[b-ljkh0eauxa] {
    margin: 0;
}

.cms-hub-summary-row[b-ljkh0eauxa] {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
    gap: 18px;
    padding: 7px 0;
    border-bottom: 1px solid #e2e8ea;
}

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

    .cms-hub-summary-row dt[b-ljkh0eauxa] {
        margin: 0;
        color: #667981;
        font-size: 15px;
        line-height: 1.4;
        font-weight: 500;
    }

    .cms-hub-summary-row dd[b-ljkh0eauxa] {
        min-width: 0;
        margin: 0;
        color: #173946;
        font-size: 16px;
        line-height: 1.4;
        font-weight: 650;
        overflow-wrap: anywhere;
    }

.cms-hub-header-divider[b-ljkh0eauxa] {
    width: 100%;
    height: 1px;
    margin-top: 28px;
    background: #bcc9ce;
}

.cms-hub-kpi-section[b-ljkh0eauxa] {
    width: 100%;
    margin-top: 26px;
}

.cms-hub-section-heading[b-ljkh0eauxa] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.cms-hub-section-eyebrow[b-ljkh0eauxa] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.cms-hub-section-heading h2[b-ljkh0eauxa] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.cms-hub-section-description[b-ljkh0eauxa] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.cms-hub-kpi-grid[b-ljkh0eauxa] {
    display: grid;
    grid-template-columns: repeat(4, minmax(220px, 1fr));
    gap: 16px;
}

.cms-hub-kpi-card[b-ljkh0eauxa] {
    min-width: 0;
    min-height: 120px;
    display: flex;
    flex-direction: column;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

    .cms-hub-kpi-card:hover[b-ljkh0eauxa] {
        transform: translateY(-2px);
        border-color: #adc4cc;
        box-shadow: 0 7px 18px rgba(13, 50, 64, 0.12);
    }

.cms-hub-kpi-card-top[b-ljkh0eauxa] {
    display: flex;
    align-items: center;
    gap: 11px;
    min-width: 0;
}

.cms-hub-kpi-icon[b-ljkh0eauxa] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4e3e8;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
    line-height: 1;
}

.cms-hub-kpi-label[b-ljkh0eauxa] {
    min-width: 0;
    color: #4d646d;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 650;
}

.cms-hub-kpi-value[b-ljkh0eauxa] {
    margin-top: 17px;
    color: #0d3240;
    font-size: 34px;
    line-height: 1;
    font-weight: 700;
}

.cms-hub-kpi-footer[b-ljkh0eauxa] {
    margin-top: auto;
    padding-top: 14px;
    color: #708188;
    font-size: 13px;
    line-height: 1.4;
}

.cms-hub-kpi-card-progress[b-ljkh0eauxa] {
    grid-column: 1 / -1;
}

.cms-hub-kpi-progress-track[b-ljkh0eauxa] {
    width: 100%;
    height: 8px;
    overflow: hidden;
    border-radius: 4px;
    background: #e3ebee;
}

.cms-hub-kpi-progress-fill[b-ljkh0eauxa] {
    height: 100%;
    border-radius: 4px;
    background: #0d7187;
    transition: width 0.25s ease;
}

.cms-hub-preparation-section[b-ljkh0eauxa],
.cms-hub-modules-section[b-ljkh0eauxa] {
    width: 100%;
    margin-top: 34px;
    padding-top: 30px;
    border-top: 1px solid #d4dfe3;
}

.cms-hub-preparation-grid[b-ljkh0eauxa] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.cms-hub-preparation-grid .cms-hub-module-card[b-ljkh0eauxa] {
    width: 100%;
    min-height: 184px;
    aspect-ratio: auto;
}

.cms-hub-modules-grid[b-ljkh0eauxa] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.cms-hub-module-card[b-ljkh0eauxa] {
    aspect-ratio: 16 / 9;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #d2dde1;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.cms-hub-module-card:focus-visible[b-ljkh0eauxa] {
    outline: 3px solid rgba(13, 113, 135, 0.28);
    outline-offset: 3px;
}

    .cms-hub-module-card:hover[b-ljkh0eauxa] {
        transform: translateY(-3px);
        border-color: #9ebbc5;
        box-shadow: 0 8px 20px rgba(13, 50, 64, 0.13);
    }

.cms-hub-module-card-header[b-ljkh0eauxa] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.cms-hub-module-icon[b-ljkh0eauxa] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 23px;
    line-height: 1;
}

.cms-hub-module-status[b-ljkh0eauxa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 4px 9px;
    border: 1px solid #c7dce2;
    border-radius: 4px;
    color: #16596b;
    background: #edf6f8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.cms-hub-module-content[b-ljkh0eauxa] {
    min-width: 0;
    margin-top: 18px;
}

    .cms-hub-module-content h3[b-ljkh0eauxa] {
        margin: 0;
        color: #0d3240;
        font-size: 21px;
        line-height: 1.25;
        font-weight: 650;
    }

    .cms-hub-module-content p[b-ljkh0eauxa] {
        display: -webkit-box;
        margin: 10px 0 0 0;
        overflow: hidden;
        color: #64777f;
        font-size: 14px;
        line-height: 1.45;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

.cms-hub-module-card-dashboard[b-ljkh0eauxa] {
    min-height: 184px;
    aspect-ratio: auto;
    padding: 14px 16px;
    border-top: 4px solid #2d7890;
}

.cms-hub-module-card-dashboard-preparation[b-ljkh0eauxa] {
    border-top-color: #2d7890;
}

.cms-hub-module-card-dashboard-project-setup[b-ljkh0eauxa] {
    border-top-color: #647985;
}

.cms-hub-module-card-dashboard-project-setup .cms-hub-module-icon[b-ljkh0eauxa] {
    color: #4d626c;
    background: #eef3f5;
    border-color: #d0dce0;
}

.cms-hub-module-card-dashboard-project-setup .cms-hub-module-progress-fill[b-ljkh0eauxa] {
    background: #647985;
}

.cms-hub-module-card-dashboard .cms-hub-module-card-header[b-ljkh0eauxa] {
    gap: 14px;
}

.cms-hub-module-title-group[b-ljkh0eauxa] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.cms-hub-module-card-dashboard .cms-hub-module-icon[b-ljkh0eauxa] {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    color: #155b70;
    background: #e8f3f6;
    border-color: #c6dde4;
    font-size: 21px;
}

.cms-hub-module-card-dashboard .cms-hub-module-content[b-ljkh0eauxa] {
    margin-top: 0;
}

.cms-hub-module-card-dashboard .cms-hub-module-content h3[b-ljkh0eauxa] {
    font-size: 19px;
    line-height: 1.2;
}

.cms-hub-module-card-dashboard .cms-hub-module-content p[b-ljkh0eauxa] {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.35;
    -webkit-line-clamp: 2;
}

.cms-hub-module-card-dashboard .cms-hub-module-status[b-ljkh0eauxa] {
    flex: 0 0 auto;
}

.cms-hub-module-status-not-started[b-ljkh0eauxa] {
    color: #566a72;
    background: #f1f4f5;
    border-color: #cdd7db;
}

.cms-hub-module-status-released[b-ljkh0eauxa] {
    color: #1f6b3d;
    background: #eaf5ee;
    border-color: #b9ddc6;
}

.cms-hub-module-progress[b-ljkh0eauxa] {
    margin-top: 8px;
}

.cms-hub-module-progress-heading[b-ljkh0eauxa] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
    color: #5f727a;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 650;
}

.cms-hub-module-progress-heading strong[b-ljkh0eauxa] {
    color: #164b5d;
    font-size: 13px;
    font-weight: 750;
}

.cms-hub-module-progress-track[b-ljkh0eauxa] {
    width: 100%;
    height: 6px;
    overflow: hidden;
    border-radius: 3px;
    background: #e1e9ec;
}

.cms-hub-module-progress-fill[b-ljkh0eauxa] {
    height: 100%;
    border-radius: 3px;
    background: #2d7890;
    transition: width 0.25s ease;
}

.cms-hub-module-metrics[b-ljkh0eauxa] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-top: 9px;
    border: 1px solid #dce5e8;
    border-radius: 4px;
    background: #f8fafb;
}

.cms-hub-module-metric[b-ljkh0eauxa] {
    min-width: 0;
    padding: 6px 9px;
    border-right: 1px solid #dce5e8;
}

.cms-hub-module-metric:last-child[b-ljkh0eauxa] {
    border-right: 0;
}

.cms-hub-module-metric-label[b-ljkh0eauxa] {
    display: block;
    min-height: 24px;
    color: #687b83;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 650;
    white-space: normal;
}

.cms-hub-module-metric-value[b-ljkh0eauxa] {
    display: block;
    margin-top: 3px;
    color: #0d3240;
    font-size: 18px;
    line-height: 1;
    font-weight: 750;
}

.cms-hub-module-card-dashboard-completion[b-ljkh0eauxa] {
    border-top-color: #2f7d4b;
}

.cms-hub-module-card-dashboard-completion .cms-hub-module-icon[b-ljkh0eauxa] {
    color: #24633c;
    background: #eaf5ee;
    border-color: #c7dfd0;
}

.cms-hub-module-card-dashboard-completion .cms-hub-module-progress-fill[b-ljkh0eauxa] {
    background: #2f7d4b;
}

.cms-hub-module-card-dashboard-precommissioning[b-ljkh0eauxa] {
    border-top-color: #c56b1d;
}

.cms-hub-module-card-dashboard-precommissioning .cms-hub-module-icon[b-ljkh0eauxa] {
    color: #9b5115;
    background: #fff2e7;
    border-color: #efd2b8;
}

.cms-hub-module-card-dashboard-precommissioning .cms-hub-module-progress-fill[b-ljkh0eauxa] {
    background: #c56b1d;
}

.cms-hub-module-card-dashboard-cold[b-ljkh0eauxa] {
    border-top-color: #16879b;
}

.cms-hub-module-card-dashboard-cold .cms-hub-module-icon[b-ljkh0eauxa] {
    color: #116a79;
    background: #e8f6f8;
    border-color: #bfe0e5;
}

.cms-hub-module-card-dashboard-cold .cms-hub-module-progress-fill[b-ljkh0eauxa] {
    background: #16879b;
}

.cms-hub-module-card-dashboard-hot[b-ljkh0eauxa] {
    border-top-color: #b8423e;
}

.cms-hub-module-card-dashboard-hot .cms-hub-module-icon[b-ljkh0eauxa] {
    color: #96332f;
    background: #fbeceb;
    border-color: #e9c2c0;
}

.cms-hub-module-card-dashboard-hot .cms-hub-module-progress-fill[b-ljkh0eauxa] {
    background: #b8423e;
}

.cms-hub-module-card-dashboard-performance[b-ljkh0eauxa] {
    border-top-color: #7653a6;
}

.cms-hub-module-card-dashboard-performance .cms-hub-module-icon[b-ljkh0eauxa] {
    color: #5e3f89;
    background: #f1ebf8;
    border-color: #d9c9eb;
}

.cms-hub-module-card-dashboard-performance .cms-hub-module-progress-fill[b-ljkh0eauxa] {
    background: #7653a6;
}

.cms-hub-module-card-dashboard-paccod[b-ljkh0eauxa] {
    border-top-color: #246b4a;
}

.cms-hub-module-card-dashboard-paccod .cms-hub-module-icon[b-ljkh0eauxa] {
    color: #1d573d;
    background: #e8f3ed;
    border-color: #c4ddd0;
}

.cms-hub-module-card-dashboard-paccod .cms-hub-module-progress-fill[b-ljkh0eauxa] {
    background: #246b4a;
}

.cms-hub-module-overview-label[b-ljkh0eauxa] {
    margin-top: 15px;
    color: #5f727a;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.cms-hub-module-card-dashboard-documents[b-ljkh0eauxa] {
    border-top-color: #65747b;
}

.cms-hub-module-card-dashboard-documents .cms-hub-module-icon[b-ljkh0eauxa] {
    color: #526168;
    background: #f0f3f4;
    border-color: #d4dde0;
}

.cms-hub-module-card-dashboard-approvals[b-ljkh0eauxa] {
    border-top-color: #4056a1;
}

.cms-hub-module-card-dashboard-approvals .cms-hub-module-icon[b-ljkh0eauxa] {
    color: #334685;
    background: #edf0fa;
    border-color: #cbd2eb;
}

.cms-hub-error[b-ljkh0eauxa] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1400px) {
    .cms-hub-kpi-grid[b-ljkh0eauxa] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cms-hub-preparation-grid[b-ljkh0eauxa],
    .cms-hub-modules-grid[b-ljkh0eauxa] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1000px) {
    .cms-hub-header-main[b-ljkh0eauxa] {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .cms-hub-project-summary[b-ljkh0eauxa] {
        max-width: 520px;
        padding-top: 0;
    }

    .cms-hub-kpi-grid[b-ljkh0eauxa] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .cms-hub-page[b-ljkh0eauxa] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .cms-hub-breadcrumb[b-ljkh0eauxa] {
        margin-bottom: 18px;
        font-size: 14px;
    }

    .cms-hub-heading h1[b-ljkh0eauxa] {
        font-size: 32px;
    }

    .cms-hub-project-name[b-ljkh0eauxa] {
        font-size: 20px;
    }

    .cms-hub-eyebrow[b-ljkh0eauxa] {
        font-size: 18px;
    }

    .cms-hub-badge[b-ljkh0eauxa] {
        font-size: 14px;
    }

    .cms-hub-summary-row[b-ljkh0eauxa] {
        grid-template-columns: 1fr;
        gap: 2px;
    }

    .cms-hub-section-heading[b-ljkh0eauxa] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .cms-hub-section-description[b-ljkh0eauxa] {
        padding-bottom: 0;
        text-align: left;
    }

    .cms-hub-section-heading h2[b-ljkh0eauxa] {
        font-size: 24px;
    }

    .cms-hub-kpi-grid[b-ljkh0eauxa] {
        grid-template-columns: 1fr;
    }

    .cms-hub-kpi-card[b-ljkh0eauxa] {
        min-height: 115px;
        padding: 14px 16px;
    }

    .cms-hub-preparation-grid[b-ljkh0eauxa],
    .cms-hub-modules-grid[b-ljkh0eauxa] {
        grid-template-columns: 1fr;
    }

    .cms-hub-module-card[b-ljkh0eauxa] {
        aspect-ratio: auto;
        min-height: 210px;
    }

    .cms-hub-module-card-dashboard[b-ljkh0eauxa] {
        min-height: 210px;
    }

    .cms-hub-module-card-dashboard .cms-hub-module-card-header[b-ljkh0eauxa] {
        align-items: flex-start;
    }

    .cms-hub-module-metrics[b-ljkh0eauxa] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cms-hub-module-metric:nth-child(2)[b-ljkh0eauxa] {
        border-right: 0;
    }

    .cms-hub-module-metric:nth-child(-n + 2)[b-ljkh0eauxa] {
        border-bottom: 1px solid #dce5e8;
    }
}
/* /Components/Pages/CommissioningSystems.razor.rz.scp.css */
.commissioning-systems-page[b-9jkpjco29z] {
    width: 100%;
    padding: 0 28px 32px;
    color: #102f3c;
    font-family: "Segoe UI", Arial, sans-serif;
}

.commissioning-systems-breadcrumb[b-9jkpjco29z] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
}

.commissioning-systems-breadcrumb a[b-9jkpjco29z] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.commissioning-systems-breadcrumb a:hover[b-9jkpjco29z] {
    text-decoration: underline;
}

.commissioning-systems-header[b-9jkpjco29z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.commissioning-systems-heading-group[b-9jkpjco29z] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.commissioning-systems-page-icon[b-9jkpjco29z] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    background: #e8f3f6;
    font-size: 29px;
}

.commissioning-systems-eyebrow[b-9jkpjco29z] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.commissioning-systems-header h1[b-9jkpjco29z] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.commissioning-systems-header p[b-9jkpjco29z] {
    margin: 7px 0 0;
    color: #4a616a;
    font-size: 18px;
}

.commissioning-systems-add-button[b-9jkpjco29z] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 22px;
    padding: 7px 15px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #fff;
    background: #0d7187;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.commissioning-systems-add-button:hover[b-9jkpjco29z] {
    color: #fff;
    border-color: #09596b;
    background: #09596b;
}

.commissioning-systems-divider[b-9jkpjco29z] {
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.commissioning-systems-message-card[b-9jkpjco29z] {
    margin-top: 26px;
    padding: 24px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, .08);
}

.commissioning-systems-error[b-9jkpjco29z] {
    color: #9d2d28;
    border-color: #e6c4c2;
    background: #fff5f4;
}

.commissioning-systems-kpis[b-9jkpjco29z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    margin-top: 26px;
}

.commissioning-systems-kpi-card[b-9jkpjco29z] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, .08);
}

.commissioning-systems-kpi-icon[b-9jkpjco29z] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
}

.commissioning-systems-kpi-bess[b-9jkpjco29z] {
    border-color: #c8d9e4;
    background: #edf5f8;
}

.commissioning-systems-kpi-solar[b-9jkpjco29z] {
    border-color: #efd6ae;
    background: #fff6e7;
}

.commissioning-systems-kpi-substation[b-9jkpjco29z] {
    border-color: #d6cce8;
    background: #f4effb;
}

.commissioning-systems-kpi-card span:not(.commissioning-systems-kpi-icon)[b-9jkpjco29z] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    font-weight: 650;
}

.commissioning-systems-kpi-card strong[b-9jkpjco29z] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
}

.commissioning-systems-register[b-9jkpjco29z] {
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #d4dfe3;
}

.commissioning-systems-section-heading[b-9jkpjco29z] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.commissioning-systems-section-heading span[b-9jkpjco29z] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.commissioning-systems-section-heading h2[b-9jkpjco29z] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    font-weight: 650;
}

.commissioning-systems-section-heading p[b-9jkpjco29z] {
    margin: 0 0 3px;
    color: #667981;
    font-size: 15px;
}

.commissioning-systems-toolbar[b-9jkpjco29z] {
    display: grid;
    grid-template-columns: minmax(240px, 1fr) 180px 190px 170px auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid #d5e0e4;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #f8fafb;
}

.commissioning-systems-toolbar label > span[b-9jkpjco29z] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    font-weight: 700;
}

.commissioning-systems-search div[b-9jkpjco29z] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #75868d;
    background: #fff;
}

.commissioning-systems-search input[b-9jkpjco29z] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: #173946;
    background: transparent;
    font: 14px "Segoe UI", Arial, sans-serif;
}

.commissioning-systems-toolbar select[b-9jkpjco29z] {
    min-height: 38px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173946;
    background: #fff;
    font: 14px "Segoe UI", Arial, sans-serif;
}

.commissioning-systems-toolbar button[b-9jkpjco29z] {
    min-height: 38px;
    padding: 7px 13px;
    border: 1px solid #9eb1b8;
    border-radius: 4px;
    color: #52676f;
    background: #fff;
    font: 700 14px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.commissioning-systems-toolbar button:hover[b-9jkpjco29z] {
    color: #0b6077;
    border-color: #0d7187;
}

.commissioning-systems-table-card[b-9jkpjco29z] {
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 0 0 4px 4px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, .06);
}

.commissioning-systems-table-scroll[b-9jkpjco29z] {
    overflow-x: auto;
}

.commissioning-systems-table-card table[b-9jkpjco29z] {
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
}

.commissioning-systems-table-card th[b-9jkpjco29z] {
    padding: 14px 16px;
    border-bottom: 1px solid #ccd9de;
    color: #4e6670;
    background: #f1f5f6;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
}

.commissioning-systems-table-card td[b-9jkpjco29z] {
    padding: 14px 16px;
    border-bottom: 1px solid #e0e8eb;
    color: #294854;
    font-size: 14px;
    vertical-align: middle;
}

.commissioning-systems-table-card tbody tr:hover[b-9jkpjco29z] {
    background: #f8fbfc;
}

.commissioning-systems-table-card td:first-child[b-9jkpjco29z] {
    width: 31%;
}

.commissioning-systems-table-card td:first-child strong[b-9jkpjco29z],
.commissioning-systems-table-card td:first-child span[b-9jkpjco29z] {
    display: block;
}

.commissioning-systems-table-card td:first-child strong[b-9jkpjco29z] {
    color: #0d3240;
    font-size: 15px;
}

.commissioning-systems-table-card td:first-child span[b-9jkpjco29z] {
    max-width: 430px;
    margin-top: 4px;
    overflow: hidden;
    color: #6b7d84;
    font-size: 12px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.commissioning-systems-technology[b-9jkpjco29z],
.commissioning-systems-criticality[b-9jkpjco29z] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 3px 9px;
    border: 1px solid #c9d8dd;
    border-radius: 3px;
    color: #385762;
    background: #f2f6f7;
    font-size: 12px;
    font-weight: 700;
}

.commissioning-systems-technology-bess[b-9jkpjco29z] {
    color: #15566b;
    border-color: #bcd5de;
    background: #eaf4f7;
}

.commissioning-systems-technology-solar[b-9jkpjco29z] {
    color: #8a5a00;
    border-color: #edd4a6;
    background: #fff5df;
}

.commissioning-systems-technology-substation[b-9jkpjco29z] {
    color: #65489a;
    border-color: #d7c8ec;
    background: #f3edfa;
}

.commissioning-systems-criticality-critical[b-9jkpjco29z] {
    color: #a4322c;
    border-color: #e5bebc;
    background: #fbeceb;
}

.commissioning-systems-criticality-major[b-9jkpjco29z] {
    color: #995200;
    border-color: #edc79e;
    background: #fff0e2;
}

.commissioning-systems-criticality-minor[b-9jkpjco29z] {
    color: #53666e;
    border-color: #d2dde1;
    background: #f3f6f7;
}

.commissioning-systems-criticality-normal[b-9jkpjco29z] {
    color: #22623f;
    border-color: #c5dfcf;
    background: #eaf5ee;
}

.commissioning-systems-empty[b-9jkpjco29z] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #61757d;
    text-align: center;
}

.commissioning-systems-empty > span[b-9jkpjco29z] {
    font-size: 34px;
}

.commissioning-systems-empty strong[b-9jkpjco29z] {
    margin-top: 10px;
    color: #0d3240;
    font-size: 18px;
}

.commissioning-systems-empty p[b-9jkpjco29z] {
    margin: 6px 0 0;
}

.commissioning-systems-table-card footer[b-9jkpjco29z] {
    padding: 11px 16px;
    color: #60737b;
    background: #f8fafb;
    font-size: 12px;
    text-align: right;
}

.commissioning-systems-edit-button[b-9jkpjco29z] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #fff;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.commissioning-systems-edit-button:hover[b-9jkpjco29z] {
    color: #fff;
    background: #0d7187;
}

@media (max-width: 1200px) {
    .commissioning-systems-kpis[b-9jkpjco29z] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .commissioning-systems-toolbar[b-9jkpjco29z] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }
}

@media (max-width: 700px) {
    .commissioning-systems-page[b-9jkpjco29z] {
        padding: 0 16px 24px;
    }

    .commissioning-systems-header h1[b-9jkpjco29z] {
        font-size: 29px;
    }

    .commissioning-systems-header[b-9jkpjco29z] {
        flex-direction: column;
    }

    .commissioning-systems-add-button[b-9jkpjco29z] {
        margin-top: 0;
    }

    .commissioning-systems-heading-group[b-9jkpjco29z] {
        gap: 12px;
    }

    .commissioning-systems-page-icon[b-9jkpjco29z] {
        width: 50px;
        height: 50px;
        flex-basis: 50px;
        font-size: 24px;
    }

    .commissioning-systems-kpis[b-9jkpjco29z],
    .commissioning-systems-toolbar[b-9jkpjco29z] {
        grid-template-columns: 1fr;
    }

    .commissioning-systems-section-heading[b-9jkpjco29z] {
        align-items: flex-start;
        flex-direction: column;
    }
}


.commissioning-systems-row-actions[b-9jkpjco29z] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.commissioning-systems-delete-button[b-9jkpjco29z] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 12px;
    border: 1px solid #b8423e;
    border-radius: 4px;
    color: #a4322c;
    background: #fff;
    font: 700 12px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.commissioning-systems-delete-button:hover[b-9jkpjco29z] {
    color: #fff;
    background: #b8423e;
}

.commissioning-systems-modal-backdrop[b-9jkpjco29z] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(7, 29, 38, .48);
}

.commissioning-systems-delete-modal[b-9jkpjco29z] {
    width: min(520px, 100%);
    border: 1px solid #b9c9ce;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(7, 29, 38, .24);
}

.commissioning-systems-delete-modal-header[b-9jkpjco29z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px 16px;
    border-bottom: 1px solid #d7e1e4;
}

.commissioning-systems-delete-modal-header span[b-9jkpjco29z] {
    display: block;
    margin-bottom: 4px;
    color: #6a7c83;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.commissioning-systems-delete-modal-header h2[b-9jkpjco29z] {
    margin: 0;
    color: #0d3240;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.commissioning-systems-delete-modal-close[b-9jkpjco29z] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    color: #60747c;
    background: transparent;
    font: 28px/1 "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.commissioning-systems-delete-modal-close:hover:not(:disabled)[b-9jkpjco29z] {
    color: #b8423e;
}

.commissioning-systems-delete-modal-close:disabled[b-9jkpjco29z] {
    cursor: default;
    opacity: .55;
}

.commissioning-systems-delete-modal-body[b-9jkpjco29z] {
    padding: 20px 22px;
}

.commissioning-systems-delete-modal-body p[b-9jkpjco29z] {
    margin: 0;
    color: #294854;
    font-size: 15px;
    line-height: 1.5;
}

.commissioning-systems-delete-modal-body strong[b-9jkpjco29z] {
    color: #0d3240;
}

.commissioning-systems-delete-warning[b-9jkpjco29z] {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid #ead2a9;
    border-radius: 4px;
    color: #80540b;
    background: #fff7e8;
    font-size: 13px;
    line-height: 1.45;
}

.commissioning-systems-delete-error[b-9jkpjco29z] {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #e6c4c2;
    border-radius: 4px;
    color: #9d2d28;
    background: #fff5f4;
    font-size: 13px;
    line-height: 1.45;
}

.commissioning-systems-delete-modal-actions[b-9jkpjco29z] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 22px 20px;
    border-top: 1px solid #e0e8eb;
}

.commissioning-systems-delete-cancel-button[b-9jkpjco29z],
.commissioning-systems-delete-confirm-button[b-9jkpjco29z] {
    min-height: 36px;
    padding: 7px 15px;
    border-radius: 4px;
    font: 700 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.commissioning-systems-delete-cancel-button[b-9jkpjco29z] {
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #fff;
}

.commissioning-systems-delete-cancel-button:hover:not(:disabled)[b-9jkpjco29z] {
    color: #0b6077;
    border-color: #0d7187;
}

.commissioning-systems-delete-confirm-button[b-9jkpjco29z] {
    border: 1px solid #b8423e;
    color: #fff;
    background: #b8423e;
}

.commissioning-systems-delete-confirm-button:hover:not(:disabled)[b-9jkpjco29z] {
    border-color: #96332f;
    background: #96332f;
}

.commissioning-systems-delete-cancel-button:disabled[b-9jkpjco29z],
.commissioning-systems-delete-confirm-button:disabled[b-9jkpjco29z] {
    cursor: default;
    opacity: .58;
}
/* /Components/Pages/CreateCommissioningSystem.razor.rz.scp.css */
.create-system-page[b-a6lu0si8oe] {
    width: 100%;
    padding: 0 28px 32px;
    color: #102f3c;
    font-family: "Segoe UI", Arial, sans-serif;
}

.create-system-breadcrumb[b-a6lu0si8oe] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
}

.create-system-breadcrumb a[b-a6lu0si8oe] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.create-system-breadcrumb a:hover[b-a6lu0si8oe] {
    text-decoration: underline;
}

.create-system-header[b-a6lu0si8oe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.create-system-heading-group[b-a6lu0si8oe] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.create-system-page-icon[b-a6lu0si8oe] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    background: #e8f3f6;
    font-size: 29px;
}

.create-system-eyebrow[b-a6lu0si8oe] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.create-system-header h1[b-a6lu0si8oe] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.create-system-header p[b-a6lu0si8oe] {
    margin: 7px 0 0;
    color: #4a616a;
    font-size: 18px;
}

.create-system-back-button[b-a6lu0si8oe],
.create-system-cancel-button[b-a6lu0si8oe],
.create-system-save-button[b-a6lu0si8oe] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 4px;
    font: 700 14px "Segoe UI", Arial, sans-serif;
    text-decoration: none;
}

.create-system-back-button[b-a6lu0si8oe] {
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #fff;
}

.create-system-back-button:hover[b-a6lu0si8oe] {
    color: #fff;
    background: #0d7187;
}

.create-system-divider[b-a6lu0si8oe] {
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.create-system-card[b-a6lu0si8oe] {
    width: min(100%, 1260px);
    margin-top: 28px;
    padding: 30px 32px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(13, 50, 64, .08);
    box-sizing: border-box;
}

.create-system-error[b-a6lu0si8oe] {
    margin-bottom: 22px;
    padding: 12px 14px;
    border: 1px solid #e2b6b3;
    border-radius: 4px;
    color: #9d2d28;
    background: #fff2f1;
    font-size: 14px;
    font-weight: 600;
}

.create-system-section-heading[b-a6lu0si8oe] {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dce5e8;
}

.create-system-section-heading span[b-a6lu0si8oe] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.create-system-section-heading h2[b-a6lu0si8oe] {
    margin: 0;
    color: #0d3240;
    font-size: 24px;
    font-weight: 650;
}

.create-system-fields[b-a6lu0si8oe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 22px 32px;
    width: 100%;
}

.create-system-field[b-a6lu0si8oe] {
    display: block;
    width: 100%;
    min-width: 0;
}

.create-system-field > span[b-a6lu0si8oe] {
    display: block;
    margin-bottom: 8px;
    color: #405b65;
    font-size: 14px;
    font-weight: 700;
}

.create-system-field > span strong[b-a6lu0si8oe] {
    color: #b43d36;
}

/* Blazor InputText/InputSelect/InputNumber/InputTextArea are child
   components, so ::deep is required for isolated CSS to reach the
   rendered input/select/textarea elements. */
.create-system-page[b-a6lu0si8oe]  .create-system-input {
    display: block;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 46px;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #c6d4d9;
    border-radius: 4px;
    outline: 0;
    color: #173946;
    background: #fff;
    font: 15px "Segoe UI", Arial, sans-serif;
}

.create-system-page[b-a6lu0si8oe]  .create-system-input:focus {
    border-color: #0d7187;
    box-shadow: 0 0 0 2px rgba(13, 113, 135, .12);
}

.create-system-description[b-a6lu0si8oe] {
    grid-column: 1 / -1;
}

.create-system-page[b-a6lu0si8oe]  textarea.create-system-input {
    min-height: 145px;
    resize: vertical;
    line-height: 1.45;
}

.create-system-actions[b-a6lu0si8oe] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #dce5e8;
}

.create-system-cancel-button[b-a6lu0si8oe] {
    min-width: 96px;
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #fff;
}

.create-system-cancel-button:hover[b-a6lu0si8oe] {
    color: #0b6077;
    border-color: #0d7187;
}

.create-system-save-button[b-a6lu0si8oe] {
    min-width: 122px;
    border: 1px solid #0d7187;
    color: #fff;
    background: #0d7187;
    cursor: pointer;
}

.create-system-save-button:hover:not(:disabled)[b-a6lu0si8oe] {
    border-color: #09596b;
    background: #09596b;
}

.create-system-save-button:disabled[b-a6lu0si8oe] {
    cursor: wait;
    opacity: .65;
}

@media (max-width: 900px) {
    .create-system-page[b-a6lu0si8oe] {
        padding: 0 16px 24px;
    }

    .create-system-header[b-a6lu0si8oe] {
        align-items: flex-start;
        flex-direction: column;
    }

    .create-system-header h1[b-a6lu0si8oe] {
        font-size: 29px;
    }

    .create-system-card[b-a6lu0si8oe] {
        width: 100%;
        padding: 22px;
    }

    .create-system-fields[b-a6lu0si8oe] {
        grid-template-columns: 1fr;
    }

    .create-system-description[b-a6lu0si8oe] {
        grid-column: auto;
    }
}

@media (max-width: 520px) {
    .create-system-actions[b-a6lu0si8oe] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .create-system-cancel-button[b-a6lu0si8oe],
    .create-system-save-button[b-a6lu0si8oe] {
        width: 100%;
    }
}
/* /Components/Pages/CreateCommissioningTemplate.razor.rz.scp.css */
.create-template-page[b-1eb9k2z6f9] {
    width: 100%;
    padding: 0 28px 32px;
    box-sizing: border-box;
    color: #102f3c;
    font-family: "Segoe UI", Arial, sans-serif;
}

.create-template-breadcrumb[b-1eb9k2z6f9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
}

.create-template-breadcrumb a[b-1eb9k2z6f9] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.create-template-breadcrumb a:hover[b-1eb9k2z6f9] {
    text-decoration: underline;
}

.create-template-message-card[b-1eb9k2z6f9] {
    padding: 24px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, .08);
}

.create-template-message-card.create-template-error[b-1eb9k2z6f9] {
    color: #9d2d28;
    border-color: #e6c4c2;
    background: #fff5f4;
}

.create-template-header[b-1eb9k2z6f9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.create-template-heading-group[b-1eb9k2z6f9] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.create-template-page-icon[b-1eb9k2z6f9] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    background: #e8f3f6;
    font-size: 29px;
}

.create-template-eyebrow[b-1eb9k2z6f9] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.create-template-header h1[b-1eb9k2z6f9] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.create-template-header p[b-1eb9k2z6f9] {
    margin: 7px 0 0;
    color: #4a616a;
    font-size: 18px;
}

.create-template-back-button[b-1eb9k2z6f9],
.create-template-cancel-button[b-1eb9k2z6f9],
.create-template-save-button[b-1eb9k2z6f9] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 15px;
    box-sizing: border-box;
    border-radius: 4px;
    font: 700 14px "Segoe UI", Arial, sans-serif;
    text-decoration: none;
}

.create-template-back-button[b-1eb9k2z6f9] {
    margin-top: 22px;
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #fff;
}

.create-template-back-button:hover[b-1eb9k2z6f9] {
    color: #fff;
    background: #0d7187;
}

.create-template-divider[b-1eb9k2z6f9] {
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.create-template-card[b-1eb9k2z6f9] {
    width: 100%;
    margin-top: 28px;
    padding: 26px 30px;
    box-sizing: border-box;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(13, 50, 64, .08);
}

.create-template-error-message[b-1eb9k2z6f9] {
    margin-bottom: 22px;
    padding: 12px 14px;
    border: 1px solid #e2b6b3;
    border-radius: 4px;
    color: #9d2d28;
    background: #fff2f1;
    font-size: 14px;
    font-weight: 600;
}

.create-template-section-heading[b-1eb9k2z6f9] {
    margin-bottom: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid #dce5e8;
}

.create-template-secondary-heading[b-1eb9k2z6f9] {
    margin-top: 28px;
}

.create-template-section-heading span[b-1eb9k2z6f9] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.create-template-section-heading h2[b-1eb9k2z6f9] {
    margin: 0;
    color: #0d3240;
    font-size: 24px;
    font-weight: 650;
}

.create-template-fields[b-1eb9k2z6f9] {
    display: grid;
    grid-template-columns: 320px 320px;
    column-gap: 24px;
    row-gap: 18px;
    justify-content: start;
}

.create-template-field[b-1eb9k2z6f9] {
    min-width: 0;
    display: block;
}

.create-template-field > span[b-1eb9k2z6f9] {
    display: block;
    margin-bottom: 7px;
    color: #405b65;
    font-size: 13px;
    font-weight: 700;
}

.create-template-field > span strong[b-1eb9k2z6f9] {
    color: #b43d36;
}

/*
    Blazor InputText/InputSelect/InputTextArea are child components.
    ::deep is required so CSS isolation reaches the rendered controls.
*/
.create-template-field[b-1eb9k2z6f9]  .create-template-input {
    width: 100%;
    min-height: 40px;
    padding: 8px 11px;
    box-sizing: border-box;
    border: 1px solid #c6d4d9;
    border-radius: 4px;
    outline: 0;
    color: #173946;
    background: #fff;
    font: 14px "Segoe UI", Arial, sans-serif;
}

.create-template-field[b-1eb9k2z6f9]  .create-template-input:focus {
    border-color: #0d7187;
    box-shadow: 0 0 0 2px rgba(13, 113, 135, .12);
}

.create-template-field[b-1eb9k2z6f9]  textarea.create-template-input,
.create-template-field[b-1eb9k2z6f9]  .create-template-textarea {
    min-height: 122px;
    resize: vertical;
    line-height: 1.45;
}

.create-template-field-hint[b-1eb9k2z6f9] {
    display: block;
    margin-top: 5px;
    color: #6a7d84;
    font-size: 11px;
    line-height: 1.3;
}

.create-template-text-fields[b-1eb9k2z6f9] {
    align-items: stretch;
}

.create-template-options[b-1eb9k2z6f9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 32px;
    margin-top: 26px;
    padding: 15px 18px;
    border: 1px solid #d7e1e4;
    border-radius: 4px;
    background: #f8fafb;
}

.create-template-option[b-1eb9k2z6f9] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #405b65;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.create-template-option[b-1eb9k2z6f9]  input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #0d7187;
    cursor: pointer;
}

.create-template-actions[b-1eb9k2z6f9] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid #dce5e8;
}

.create-template-cancel-button[b-1eb9k2z6f9] {
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #fff;
}

.create-template-cancel-button:hover[b-1eb9k2z6f9] {
    color: #0b6077;
    border-color: #0d7187;
}

.create-template-save-button[b-1eb9k2z6f9] {
    border: 1px solid #0d7187;
    color: #fff;
    background: #0d7187;
    cursor: pointer;
}

.create-template-save-button:hover:not(:disabled)[b-1eb9k2z6f9] {
    border-color: #09596b;
    background: #09596b;
}

.create-template-save-button:disabled[b-1eb9k2z6f9] {
    cursor: wait;
    opacity: .6;
}

@media (max-width: 1050px) {
    .create-template-header[b-1eb9k2z6f9] {
        flex-direction: column;
    }

    .create-template-back-button[b-1eb9k2z6f9] {
        margin-top: 0;
    }

    .create-template-fields[b-1eb9k2z6f9] {
        grid-template-columns: 320px 320px;
        column-gap: 22px;
        justify-content: start;
    }
}

@media (max-width: 800px) {
    .create-template-page[b-1eb9k2z6f9] {
        padding: 0 16px 24px;
    }

    .create-template-header h1[b-1eb9k2z6f9] {
        font-size: 29px;
    }

    .create-template-card[b-1eb9k2z6f9] {
        padding: 20px;
    }

    .create-template-fields[b-1eb9k2z6f9] {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .create-template-secondary-heading[b-1eb9k2z6f9] {
        margin-top: 24px;
    }

    .create-template-options[b-1eb9k2z6f9] {
        gap: 18px 24px;
    }
}

/* Step 32B: compact two-panel desktop form */
.create-template-form-layout[b-1eb9k2z6f9] {
    display: grid;
    grid-template-columns: 664px minmax(360px, 430px);
    gap: 40px;
    align-items: start;
    justify-content: start;
}

.create-template-form-section[b-1eb9k2z6f9] {
    min-width: 0;
}

.create-template-requirements-section[b-1eb9k2z6f9] {
    min-width: 0;
}

.create-template-requirements-fields[b-1eb9k2z6f9] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.create-template-requirements-section .create-template-section-heading[b-1eb9k2z6f9] {
    margin-bottom: 20px;
}

.create-template-requirements-section .create-template-field[b-1eb9k2z6f9]  textarea.create-template-input,
.create-template-requirements-section .create-template-field[b-1eb9k2z6f9]  .create-template-textarea {
    min-height: 150px;
}

@media (max-width: 1280px) {
    .create-template-form-layout[b-1eb9k2z6f9] {
        grid-template-columns: 664px minmax(320px, 1fr);
        gap: 28px;
    }
}

@media (max-width: 1100px) {
    .create-template-form-layout[b-1eb9k2z6f9] {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .create-template-requirements-fields[b-1eb9k2z6f9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px;
    }
}

@media (max-width: 800px) {
    .create-template-requirements-fields[b-1eb9k2z6f9] {
        grid-template-columns: 1fr;
    }
}

/* /Components/Pages/CreateProject.razor.rz.scp.css */
.create-project-page[b-4afbqehfss] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 32px 40px;
    box-sizing: border-box;
    overflow-x: hidden;
}

.create-project-card[b-4afbqehfss] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    background: transparent;
}

    .create-project-card[b-4afbqehfss]  form {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

.create-project-layout[b-4afbqehfss] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 28px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-items: start;
}

.project-form-section[b-4afbqehfss] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 !important;
    border: 1px solid #d4dfe3;
    background: #ffffff;
    box-sizing: border-box;
    box-shadow: 0 5px 16px rgba(13, 50, 61, 0.05);
}

.project-form-section-title[b-4afbqehfss] {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 18px 30px;
    border-bottom: 1px solid #d4dfe3;
    background: #eef4f6;
    color: #173b47;
    font-size: 20px;
    font-weight: 700;
    box-sizing: border-box;
}

.project-form-fields[b-4afbqehfss] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
    padding: 28px 30px 30px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.project-form-section:first-child .project-form-fields[b-4afbqehfss] {
    grid-template-columns: minmax(0, calc(50% - 16px)) minmax(0, calc(50% - 16px)) !important;
    column-gap: 32px !important;
    padding-right: 42px;
}

.project-form-section-schedule[b-4afbqehfss] {
    grid-column: 1;
}

.form-field[b-4afbqehfss] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

    .form-field label[b-4afbqehfss] {
        margin-bottom: 7px;
        color: #20343c;
        font-size: 14px;
        font-weight: 600;
    }

.form-control[b-4afbqehfss],
.form-select[b-4afbqehfss] {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px;
    padding: 8px 11px;
    border: 1px solid #c9d3d8;
    border-radius: 0;
    background: #ffffff;
    color: #1c2f36;
    font: 14px "Segoe UI", Arial, sans-serif;
    box-sizing: border-box;
}

#project-code[b-4afbqehfss],
#project-title[b-4afbqehfss],
#project-director[b-4afbqehfss],
#project-manager[b-4afbqehfss],
#commissioning-manager[b-4afbqehfss],
#epc-contractor[b-4afbqehfss],
#project-technology[b-4afbqehfss],
#project-client[b-4afbqehfss],
#project-phase[b-4afbqehfss],
#project-health[b-4afbqehfss],
#approval-status[b-4afbqehfss],
#voltage-level[b-4afbqehfss],
#capacity-mw[b-4afbqehfss],
#capacity-mwh[b-4afbqehfss],
#planned-mechanical-completion[b-4afbqehfss],
#actual-mechanical-completion[b-4afbqehfss],
#planned-cod[b-4afbqehfss],
#actual-cod[b-4afbqehfss] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

#project-director[b-4afbqehfss],
#commissioning-manager[b-4afbqehfss] {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
}

.create-project-page[b-4afbqehfss]  #project-director,
.create-project-page[b-4afbqehfss]  #commissioning-manager {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.form-control:focus[b-4afbqehfss],
.form-select:focus[b-4afbqehfss] {
    outline: none;
    border-color: #0d6075;
    box-shadow: 0 0 0 2px rgba(13, 96, 117, 0.12);
}

.validation-message[b-4afbqehfss] {
    margin-top: 5px;
    color: #b42318;
    font-size: 12px;
}

.create-project-actions[b-4afbqehfss] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin-top: 28px;
}

@media (max-width: 1450px) {
    .create-project-layout[b-4afbqehfss] {
        grid-template-columns: minmax(0, 1fr);
    }

    .project-form-section-schedule[b-4afbqehfss] {
        grid-column: 1;
    }
}

@media (max-width: 850px) {
    .project-form-fields[b-4afbqehfss] {
        grid-template-columns: minmax(0, 1fr);
    }

    .project-form-section:first-child .project-form-fields[b-4afbqehfss] {
        grid-template-columns: minmax(0, 1fr) !important;
        padding-right: 30px;
    }
}

@media (max-width: 620px) {
    .create-project-page[b-4afbqehfss] {
        padding: 20px;
    }

    .project-form-section-title[b-4afbqehfss] {
        padding: 16px 20px;
        font-size: 18px;
    }

    .project-form-fields[b-4afbqehfss] {
        padding: 22px 20px 24px;
    }

    .project-form-section:first-child .project-form-fields[b-4afbqehfss] {
        padding-right: 20px;
    }

    .create-project-actions[b-4afbqehfss] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

        .create-project-actions[b-4afbqehfss]  .cms-button {
            width: 100%;
        }
}
/* /Components/Pages/DocumentsWorkspace.razor.rz.scp.css */
.documents-workspace-page[b-njxhpncxy2] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.documents-workspace-breadcrumb[b-njxhpncxy2] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.documents-workspace-breadcrumb a[b-njxhpncxy2] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.documents-workspace-breadcrumb a:hover[b-njxhpncxy2] {
    color: #073f50;
    text-decoration: underline;
}

.documents-workspace-breadcrumb-separator[b-njxhpncxy2] {
    color: #8a9aa1;
    user-select: none;
}

.documents-workspace-breadcrumb-current[b-njxhpncxy2] {
    color: #61737b;
    font-weight: 500;
}

.documents-workspace-header[b-njxhpncxy2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.documents-workspace-heading-group[b-njxhpncxy2] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.documents-workspace-icon[b-njxhpncxy2] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.documents-workspace-heading[b-njxhpncxy2] {
    min-width: 0;
}

.documents-workspace-eyebrow[b-njxhpncxy2] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.documents-workspace-heading h1[b-njxhpncxy2] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.documents-workspace-heading p[b-njxhpncxy2] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.documents-workspace-header-actions[b-njxhpncxy2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 22px;
}

.documents-workspace-upload-button[b-njxhpncxy2],
.documents-workspace-back-button[b-njxhpncxy2],
.documents-workspace-clear-button[b-njxhpncxy2] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.documents-workspace-upload-button[b-njxhpncxy2] {
    padding: 7px 15px;
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.documents-workspace-upload-button:hover[b-njxhpncxy2] {
    border-color: #09596b;
    background: #09596b;
}

.documents-workspace-back-button[b-njxhpncxy2] {
    padding: 7px 13px;
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #ffffff;
}

.documents-workspace-back-button:hover[b-njxhpncxy2] {
    color: #ffffff;
    background: #0d7187;
}

.documents-workspace-header-divider[b-njxhpncxy2] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.documents-workspace-kpi-section[b-njxhpncxy2] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    width: 100%;
    margin-top: 26px;
}

.documents-workspace-kpi-card[b-njxhpncxy2] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.documents-workspace-kpi-icon[b-njxhpncxy2] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
    line-height: 1;
}

.documents-workspace-kpi-icon-required[b-njxhpncxy2] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.documents-workspace-kpi-icon-approved[b-njxhpncxy2] {
    border-color: #c7dfd0;
    background: #eaf5ee;
}

.documents-workspace-kpi-icon-pending[b-njxhpncxy2] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.documents-workspace-kpi-label[b-njxhpncxy2] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 650;
}

.documents-workspace-kpi-value[b-njxhpncxy2] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
    font-weight: 750;
}

.documents-workspace-content[b-njxhpncxy2] {
    width: 100%;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #d4dfe3;
}

.documents-workspace-section-heading[b-njxhpncxy2] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.documents-workspace-section-eyebrow[b-njxhpncxy2] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.documents-workspace-section-heading h2[b-njxhpncxy2] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.documents-workspace-section-description[b-njxhpncxy2] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.documents-workspace-toolbar[b-njxhpncxy2] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 210px 190px auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid #d5e0e4;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #f8fafb;
}

.documents-workspace-search[b-njxhpncxy2],
.documents-workspace-filter[b-njxhpncxy2] {
    min-width: 0;
}

.documents-workspace-control-label[b-njxhpncxy2] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.documents-workspace-search-control[b-njxhpncxy2] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #75868d;
    background: #ffffff;
}

.documents-workspace-search-control input[b-njxhpncxy2] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: #173946;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.documents-workspace-filter select[b-njxhpncxy2] {
    min-height: 38px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.documents-workspace-clear-button[b-njxhpncxy2] {
    padding: 7px 13px;
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.documents-workspace-clear-button:hover[b-njxhpncxy2] {
    color: #0b6077;
    border-color: #0d7187;
}

.documents-workspace-table-card[b-njxhpncxy2] {
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.06);
}

.documents-workspace-table-scroll[b-njxhpncxy2] {
    width: 100%;
    overflow-x: auto;
}

.documents-workspace-table[b-njxhpncxy2] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.documents-workspace-title-column[b-njxhpncxy2] {
    width: 260px;
    min-width: 260px;
}

.documents-workspace-table th[b-njxhpncxy2] {
    padding: 13px 14px;
    border-bottom: 1px solid #cfdade;
    color: #536971;
    background: #f3f7f8;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 750;
    text-align: left;
    text-transform: uppercase;
}

.documents-workspace-table td[b-njxhpncxy2] {
    padding: 14px;
    border-bottom: 1px solid #e2e8ea;
    color: #173946;
    font-size: 14px;
    line-height: 1.35;
}

.documents-workspace-document-row[b-njxhpncxy2] {
    cursor: pointer;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.documents-workspace-document-row:hover[b-njxhpncxy2],
.documents-workspace-document-row:focus-visible[b-njxhpncxy2] {
    background: #f1f8fa;
    box-shadow: inset 4px 0 0 #0d7187;
    outline: none;
}

.documents-workspace-document-row:focus-visible[b-njxhpncxy2] {
    box-shadow: inset 4px 0 0 #0d7187, inset 0 0 0 2px #7fb9c6;
}

.documents-workspace-empty-row td[b-njxhpncxy2] {
    padding: 0;
    border-bottom: 0;
}

.documents-workspace-empty-state[b-njxhpncxy2] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #64777f;
    text-align: center;
}

.documents-workspace-empty-state > span[b-njxhpncxy2] {
    font-size: 31px;
    line-height: 1;
}

.documents-workspace-empty-state strong[b-njxhpncxy2] {
    margin-top: 14px;
    color: #173946;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 650;
}

.documents-workspace-empty-state p[b-njxhpncxy2] {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.documents-workspace-error[b-njxhpncxy2] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1250px) {
    .documents-workspace-header[b-njxhpncxy2] {
        flex-direction: column;
        gap: 20px;
    }

    .documents-workspace-header-actions[b-njxhpncxy2] {
        justify-content: flex-start;
        padding-top: 0;
    }

    .documents-workspace-kpi-section[b-njxhpncxy2] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .documents-workspace-toolbar[b-njxhpncxy2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .documents-workspace-clear-button[b-njxhpncxy2] {
        justify-self: start;
    }
}

@media (max-width: 700px) {
    .documents-workspace-page[b-njxhpncxy2] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .documents-workspace-heading-group[b-njxhpncxy2] {
        flex-direction: column;
    }

    .documents-workspace-heading h1[b-njxhpncxy2] {
        font-size: 30px;
    }

    .documents-workspace-heading p[b-njxhpncxy2] {
        font-size: 18px;
    }

    .documents-workspace-header-actions[b-njxhpncxy2] {
        align-items: stretch;
        flex-direction: column;
    }

    .documents-workspace-kpi-section[b-njxhpncxy2],
    .documents-workspace-toolbar[b-njxhpncxy2] {
        grid-template-columns: 1fr;
    }

    .documents-workspace-section-heading[b-njxhpncxy2] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .documents-workspace-section-description[b-njxhpncxy2] {
        padding-bottom: 0;
        text-align: left;
    }
}


.documents-workspace-upload-button:disabled[b-njxhpncxy2] {
    border-color: #9fb2ba;
    color: #ffffff;
    background: #9fb2ba;
    cursor: not-allowed;
    opacity: 0.82;
}

.documents-workspace-file-name[b-njxhpncxy2] {
    display: block;
    margin-top: 4px;
    color: #6a7d85;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.documents-workspace-status[b-njxhpncxy2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 4px 9px;
    border: 1px solid #cbd8dd;
    border-radius: 4px;
    color: #49616b;
    background: #f2f6f7;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.documents-workspace-status-approved[b-njxhpncxy2] {
    border-color: #b9d9c5;
    color: #176b3a;
    background: #eaf6ee;
}

.documents-workspace-status-pending[b-njxhpncxy2] {
    border-color: #ecd09f;
    color: #8a5b00;
    background: #fff6df;
}

.documents-workspace-status-rejected[b-njxhpncxy2] {
    border-color: #edb9bd;
    color: #a51f2d;
    background: #fcecef;
}

.documents-workspace-status-draft[b-njxhpncxy2] {
    border-color: #cbd8dd;
    color: #49616b;
    background: #f2f6f7;
}

.documents-workspace-open-action[b-njxhpncxy2],
.documents-workspace-download-action[b-njxhpncxy2],
.documents-workspace-edit-action[b-njxhpncxy2],
.documents-workspace-delete-action[b-njxhpncxy2] {
    width: 32px;
    min-width: 32px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 4px;
    line-height: 1;
    font-weight: 700;
    text-decoration: none;
    font-family: "Segoe UI Emoji", "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    cursor: pointer;
}

.documents-workspace-submit-action[b-njxhpncxy2] {
    min-height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 7px;
    border-radius: 4px;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    font-family: "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.documents-workspace-open-action[b-njxhpncxy2] {
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #ffffff;
}

.documents-workspace-open-action:hover[b-njxhpncxy2] {
    color: #ffffff;
    background: #0d7187;
}

.documents-workspace-download-action[b-njxhpncxy2] {
    border: 1px solid #9db1b9;
    color: #385965;
    background: #f4f8f9;
}

.documents-workspace-download-action:hover[b-njxhpncxy2] {
    border-color: #607983;
    color: #ffffff;
    background: #607983;
}

.documents-workspace-edit-action[b-njxhpncxy2] {
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.documents-workspace-submit-action[b-njxhpncxy2] {
    border: 1px solid #2d7d4b;
    color: #ffffff;
    background: #2d7d4b;
}

.documents-workspace-submit-action:hover[b-njxhpncxy2] {
    border-color: #206239;
    background: #206239;
}

.documents-workspace-edit-action:hover[b-njxhpncxy2] {
    border-color: #09596b;
    background: #09596b;
}

.documents-workspace-delete-action[b-njxhpncxy2] {
    width: 32px;
    min-width: 32px;
    height: 30px;
    padding-left: 5px;
    padding-right: 5px;
    border: 1px solid #c92f3d;
    color: #b2212f;
    background: #ffffff;
    font-size: 15px;
}

.documents-workspace-delete-action:hover[b-njxhpncxy2] {
    color: #ffffff;
    background: #c92f3d;
}

.documents-workspace-download-frame[b-njxhpncxy2] {
    display: none;
    width: 0;
    height: 0;
    border: 0;
}

.documents-workspace-modal-backdrop[b-njxhpncxy2] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(12, 39, 49, 0.58);
}

.documents-workspace-modal[b-njxhpncxy2] {
    width: min(960px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #c9d8de;
    border-top: 4px solid #0d7187;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(8, 38, 49, 0.28);
}

.documents-workspace-delete-modal[b-njxhpncxy2] {
    width: min(720px, 100%);
    border-top-color: #bd2634;
}

.documents-workspace-submit-modal[b-njxhpncxy2] {
    width: min(720px, 100%);
    border-top-color: #2d7d4b;
}

.documents-workspace-details-modal[b-njxhpncxy2] {
    width: min(820px, 100%);
}

.documents-workspace-details-header-actions[b-njxhpncxy2] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 22px;
}

.documents-workspace-details-submit-action[b-njxhpncxy2] {
    min-width: 148px;
    min-height: 38px;
    padding: 8px 14px;
}

.documents-workspace-details-grid[b-njxhpncxy2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 0;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
}

.documents-workspace-details-grid > div[b-njxhpncxy2] {
    min-width: 0;
    padding: 13px 15px;
    border-right: 1px solid #e0e7e9;
    border-bottom: 1px solid #e0e7e9;
}

.documents-workspace-details-grid > div:nth-child(even)[b-njxhpncxy2] {
    border-right: 0;
}

.documents-workspace-details-grid dt[b-njxhpncxy2] {
    margin: 0 0 5px 0;
    color: #60747d;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 750;
    text-transform: uppercase;
}

.documents-workspace-details-grid dd[b-njxhpncxy2] {
    margin: 0;
    color: #173946;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.documents-workspace-details-grid .documents-workspace-details-wide[b-njxhpncxy2] {
    grid-column: 1 / -1;
    border-right: 0;
    border-bottom: 0;
}

.documents-workspace-details-footer[b-njxhpncxy2] {
    justify-content: space-between;
    flex-wrap: wrap;
}

.documents-workspace-details-file-actions[b-njxhpncxy2],
.documents-workspace-details-workflow-actions[b-njxhpncxy2] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.documents-workspace-details-action-button[b-njxhpncxy2] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
}

.documents-workspace-details-action-button:hover[b-njxhpncxy2] {
    color: #ffffff;
    background: #0d7187;
}

.documents-workspace-details-icon-action[b-njxhpncxy2] {
    width: 38px;
    min-width: 38px;
    height: 38px;
}

.documents-workspace-submit-header[b-njxhpncxy2] {
    background: #fbfefc;
}

.documents-workspace-submit-eyebrow[b-njxhpncxy2] {
    color: #22683e;
}

.documents-workspace-submit-message[b-njxhpncxy2] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 15px 16px;
    border: 1px solid #b9d9c5;
    border-radius: 4px;
    color: #176b3a;
    background: #eaf6ee;
}

.documents-workspace-submit-message > span[b-njxhpncxy2] {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: #2d7d4b;
    font-size: 18px;
    line-height: 1;
    font-weight: 800;
}

.documents-workspace-submit-message strong[b-njxhpncxy2] {
    display: block;
    font-size: 15px;
    line-height: 1.35;
}

.documents-workspace-submit-message p[b-njxhpncxy2] {
    margin: 4px 0 0 0;
    color: #376b4d;
    font-size: 14px;
    line-height: 1.45;
}

.documents-workspace-delete-header[b-njxhpncxy2] {
    background: #fffafa;
}

.documents-workspace-delete-eyebrow[b-njxhpncxy2] {
    color: #a71f2c;
}

.documents-workspace-delete-warning[b-njxhpncxy2] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 16px;
    border: 1px solid #edb9bd;
    border-radius: 4px;
    color: #92202a;
    background: #fcecef;
    font-size: 15px;
    line-height: 1.4;
}

.documents-workspace-delete-warning > span[b-njxhpncxy2] {
    font-size: 24px;
    line-height: 1;
}

.documents-workspace-delete-summary[b-njxhpncxy2] {
    margin: 20px 0 0 0;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #f8fafb;
}

.documents-workspace-delete-summary > div[b-njxhpncxy2] {
    display: grid;
    grid-template-columns: 170px minmax(0, 1fr);
    border-bottom: 1px solid #dce5e8;
}

.documents-workspace-delete-summary > div:last-child[b-njxhpncxy2] {
    border-bottom: 0;
}

.documents-workspace-delete-summary dt[b-njxhpncxy2],
.documents-workspace-delete-summary dd[b-njxhpncxy2] {
    margin: 0;
    padding: 12px 14px;
    font-size: 14px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.documents-workspace-delete-summary dt[b-njxhpncxy2] {
    color: #5c7078;
    font-weight: 700;
}

.documents-workspace-delete-summary dd[b-njxhpncxy2] {
    color: #173946;
    font-weight: 650;
}

.documents-workspace-delete-note[b-njxhpncxy2] {
    margin: 18px 0 0 0;
    color: #9d202c;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 700;
}

.documents-workspace-modal-header[b-njxhpncxy2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 28px 20px 28px;
    border-bottom: 1px solid #d7e1e5;
}

.documents-workspace-modal-eyebrow[b-njxhpncxy2] {
    display: block;
    margin-bottom: 5px;
    color: #60747d;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 750;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.documents-workspace-modal-header h2[b-njxhpncxy2] {
    margin: 0;
    color: #0d3240;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 650;
}

.documents-workspace-modal-header p[b-njxhpncxy2] {
    margin: 7px 0 0 0;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.documents-workspace-modal-close[b-njxhpncxy2] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid #c8d7dd;
    border-radius: 4px;
    color: #284f5e;
    background: #f6f9fa;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
}

.documents-workspace-modal-close:hover:not(:disabled)[b-njxhpncxy2] {
    color: #ffffff;
    background: #0d7187;
}

.documents-workspace-modal-close:disabled[b-njxhpncxy2] {
    cursor: not-allowed;
    opacity: 0.55;
}

.documents-workspace-modal-body[b-njxhpncxy2] {
    overflow-y: auto;
    padding: 24px 28px 28px 28px;
}

.documents-workspace-form-message[b-njxhpncxy2] {
    margin-bottom: 18px;
    padding: 12px 14px;
    border: 1px solid #edb9bd;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.45;
    font-weight: 650;
}

.documents-workspace-form-message-error[b-njxhpncxy2] {
    color: #9d202c;
    background: #fcecef;
}

.documents-workspace-form-grid[b-njxhpncxy2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
}

.documents-workspace-field[b-njxhpncxy2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.documents-workspace-field > span[b-njxhpncxy2] {
    color: #274c5a;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 700;
}

.documents-workspace-field input[readonly][b-njxhpncxy2] {
    color: #60747d;
    background: #f2f6f7;
    cursor: not-allowed;
}

.documents-workspace-readonly-value[b-njxhpncxy2] {
    min-height: 40px;
    display: flex;
    align-items: center;
    padding: 8px 11px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #60747d;
    background: #f2f6f7;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.documents-workspace-field > span small[b-njxhpncxy2] {
    margin-left: 5px;
    color: #71848c;
    font-weight: 500;
}

.documents-workspace-field input[type="text"][b-njxhpncxy2],
.documents-workspace-field select[b-njxhpncxy2],
.documents-workspace-field textarea[b-njxhpncxy2],
.documents-workspace-field-file input[type="file"][b-njxhpncxy2] {
    width: 100%;
    min-height: 42px;
    box-sizing: border-box;
    border: 1px solid #bfd0d7;
    border-radius: 4px;
    color: #153b49;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.documents-workspace-field input[type="text"][b-njxhpncxy2],
.documents-workspace-field select[b-njxhpncxy2] {
    padding: 8px 11px;
}

.documents-workspace-field textarea[b-njxhpncxy2] {
    min-height: 94px;
    padding: 10px 11px;
    resize: vertical;
}

.documents-workspace-field-file input[type="file"][b-njxhpncxy2] {
    padding: 7px 9px;
}

.documents-workspace-field input:focus[b-njxhpncxy2],
.documents-workspace-field select:focus[b-njxhpncxy2],
.documents-workspace-field textarea:focus[b-njxhpncxy2] {
    outline: 2px solid rgba(13, 113, 135, 0.18);
    border-color: #0d7187;
}

.documents-workspace-field-wide[b-njxhpncxy2],
.documents-workspace-field-file[b-njxhpncxy2],
.documents-workspace-required-field[b-njxhpncxy2] {
    grid-column: 1 / -1;
}

.documents-workspace-selected-file[b-njxhpncxy2] {
    color: #43616d;
    font-size: 12px;
    line-height: 1.4;
    font-weight: 650;
}

.documents-workspace-required-field[b-njxhpncxy2] {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 12px 14px;
    border: 1px solid #d1dde1;
    border-radius: 4px;
    background: #f7fafb;
    cursor: pointer;
}

.documents-workspace-required-field input[b-njxhpncxy2] {
    width: 18px;
    height: 18px;
    margin: 1px 0 0 0;
    accent-color: #0d7187;
}

.documents-workspace-required-field span[b-njxhpncxy2] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.documents-workspace-required-field strong[b-njxhpncxy2] {
    color: #173e4c;
    font-size: 14px;
}

.documents-workspace-required-field small[b-njxhpncxy2] {
    color: #687c84;
    font-size: 12px;
    line-height: 1.4;
}

.documents-workspace-modal-footer[b-njxhpncxy2] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 28px;
    border-top: 1px solid #d7e1e5;
    background: #f7fafb;
}

.documents-workspace-primary-button[b-njxhpncxy2],
.documents-workspace-secondary-button[b-njxhpncxy2],
.documents-workspace-danger-button[b-njxhpncxy2] {
    min-width: 150px;
    min-height: 40px;
    padding: 8px 16px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
}

.documents-workspace-primary-button[b-njxhpncxy2] {
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.documents-workspace-primary-button:hover:not(:disabled)[b-njxhpncxy2] {
    border-color: #09596b;
    background: #09596b;
}

.documents-workspace-secondary-button[b-njxhpncxy2] {
    border: 1px solid #98adb5;
    color: #244b59;
    background: #ffffff;
}

.documents-workspace-secondary-button:hover:not(:disabled)[b-njxhpncxy2] {
    color: #ffffff;
    background: #607983;
}

.documents-workspace-danger-button[b-njxhpncxy2] {
    border: 1px solid #bd2634;
    color: #ffffff;
    background: #bd2634;
}

.documents-workspace-danger-button:hover:not(:disabled)[b-njxhpncxy2] {
    border-color: #971c28;
    background: #971c28;
}

.documents-workspace-primary-button:disabled[b-njxhpncxy2],
.documents-workspace-secondary-button:disabled[b-njxhpncxy2],
.documents-workspace-danger-button:disabled[b-njxhpncxy2] {
    cursor: not-allowed;
    opacity: 0.6;
}

@media (max-width: 760px) {
    .documents-workspace-modal-backdrop[b-njxhpncxy2] {
        padding: 10px;
    }

    .documents-workspace-modal[b-njxhpncxy2] {
        max-height: calc(100vh - 20px);
    }

    .documents-workspace-modal-header[b-njxhpncxy2],
    .documents-workspace-modal-body[b-njxhpncxy2] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .documents-workspace-form-grid[b-njxhpncxy2] {
        grid-template-columns: 1fr;
    }

    .documents-workspace-field-wide[b-njxhpncxy2],
    .documents-workspace-field-file[b-njxhpncxy2],
    .documents-workspace-required-field[b-njxhpncxy2] {
        grid-column: auto;
    }

    .documents-workspace-modal-footer[b-njxhpncxy2] {
        padding: 14px 18px;
    }

    .documents-workspace-details-grid[b-njxhpncxy2] {
        grid-template-columns: 1fr;
    }

    .documents-workspace-details-grid > div[b-njxhpncxy2],
    .documents-workspace-details-grid > div:nth-child(even)[b-njxhpncxy2] {
        border-right: 0;
    }

    .documents-workspace-details-footer[b-njxhpncxy2],
    .documents-workspace-details-file-actions[b-njxhpncxy2],
    .documents-workspace-details-workflow-actions[b-njxhpncxy2] {
        width: 100%;
    }

    .documents-workspace-details-header-actions[b-njxhpncxy2] {
        gap: 14px;
    }

    .documents-workspace-details-file-actions[b-njxhpncxy2],
    .documents-workspace-details-workflow-actions[b-njxhpncxy2] {
        justify-content: flex-end;
    }

    .documents-workspace-delete-summary > div[b-njxhpncxy2] {
        grid-template-columns: 1fr;
    }

    .documents-workspace-delete-summary dt[b-njxhpncxy2] {
        padding-bottom: 2px;
    }

    .documents-workspace-delete-summary dd[b-njxhpncxy2] {
        padding-top: 2px;
    }
}

/* /Components/Pages/EditCommissioningSystem.razor.rz.scp.css */
.edit-system-page[b-9mm0ft405b] {
    width: 100%;
    padding: 0 28px 32px;
    color: #102f3c;
    font-family: "Segoe UI", Arial, sans-serif;
}

.edit-system-breadcrumb[b-9mm0ft405b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
}

.edit-system-breadcrumb a[b-9mm0ft405b] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.edit-system-breadcrumb a:hover[b-9mm0ft405b] {
    text-decoration: underline;
}

.edit-system-message-card[b-9mm0ft405b] {
    padding: 24px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, .08);
}

.edit-system-message-card.edit-system-error[b-9mm0ft405b] {
    color: #9d2d28;
    border-color: #e6c4c2;
    background: #fff5f4;
}

.edit-system-header[b-9mm0ft405b] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}

.edit-system-heading-group[b-9mm0ft405b] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.edit-system-page-icon[b-9mm0ft405b] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    background: #e8f3f6;
    font-size: 29px;
}

.edit-system-eyebrow[b-9mm0ft405b] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.edit-system-header h1[b-9mm0ft405b] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.edit-system-header p[b-9mm0ft405b] {
    margin: 7px 0 0;
    color: #4a616a;
    font-size: 18px;
}

.edit-system-back-button[b-9mm0ft405b],
.edit-system-cancel-button[b-9mm0ft405b],
.edit-system-save-button[b-9mm0ft405b] {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 16px;
    border-radius: 4px;
    font: 700 14px "Segoe UI", Arial, sans-serif;
    text-decoration: none;
}

.edit-system-back-button[b-9mm0ft405b] {
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #fff;
}

.edit-system-back-button:hover[b-9mm0ft405b] {
    color: #fff;
    background: #0d7187;
}

.edit-system-divider[b-9mm0ft405b] {
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.edit-system-card[b-9mm0ft405b] {
    width: min(100%, 1260px);
    margin-top: 28px;
    padding: 30px 32px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(13, 50, 64, .08);
    box-sizing: border-box;
}

.edit-system-error-message[b-9mm0ft405b] {
    margin-bottom: 22px;
    padding: 12px 14px;
    border: 1px solid #e2b6b3;
    border-radius: 4px;
    color: #9d2d28;
    background: #fff2f1;
    font-size: 14px;
    font-weight: 600;
}

.edit-system-section-heading[b-9mm0ft405b] {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dce5e8;
}

.edit-system-section-heading span[b-9mm0ft405b] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.edit-system-section-heading h2[b-9mm0ft405b] {
    margin: 0;
    color: #0d3240;
    font-size: 24px;
    font-weight: 650;
}

.edit-system-fields[b-9mm0ft405b] {
    display: grid;
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    gap: 22px 32px;
    width: 100%;
}

.edit-system-field[b-9mm0ft405b] {
    display: block;
    width: 100%;
    min-width: 0;
}

.edit-system-field > span[b-9mm0ft405b] {
    display: block;
    margin-bottom: 8px;
    color: #405b65;
    font-size: 14px;
    font-weight: 700;
}

.edit-system-field > span strong[b-9mm0ft405b] {
    color: #b43d36;
}

/* Blazor InputText/InputSelect/InputNumber/InputTextArea are child
   components, so ::deep is required for isolated CSS to reach the
   rendered input/select/textarea elements. */
.edit-system-page[b-9mm0ft405b]  .edit-system-input {
    display: block;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 46px;
    box-sizing: border-box;
    padding: 10px 12px;
    border: 1px solid #c6d4d9;
    border-radius: 4px;
    outline: 0;
    color: #173946;
    background: #fff;
    font: 15px "Segoe UI", Arial, sans-serif;
}

.edit-system-page[b-9mm0ft405b]  .edit-system-input:focus {
    border-color: #0d7187;
    box-shadow: 0 0 0 2px rgba(13, 113, 135, .12);
}

.edit-system-description[b-9mm0ft405b] {
    grid-column: 1 / -1;
}

.edit-system-page[b-9mm0ft405b]  textarea.edit-system-input {
    min-height: 145px;
    resize: vertical;
    line-height: 1.45;
}

.edit-system-actions[b-9mm0ft405b] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #dce5e8;
}

.edit-system-cancel-button[b-9mm0ft405b] {
    min-width: 96px;
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #fff;
}

.edit-system-cancel-button:hover[b-9mm0ft405b] {
    color: #0b6077;
    border-color: #0d7187;
}

.edit-system-save-button[b-9mm0ft405b] {
    min-width: 122px;
    border: 1px solid #0d7187;
    color: #fff;
    background: #0d7187;
    cursor: pointer;
}

.edit-system-save-button:hover:not(:disabled)[b-9mm0ft405b] {
    border-color: #09596b;
    background: #09596b;
}

.edit-system-save-button:disabled[b-9mm0ft405b] {
    cursor: wait;
    opacity: .65;
}

@media (max-width: 900px) {
    .edit-system-page[b-9mm0ft405b] {
        padding: 0 16px 24px;
    }

    .edit-system-header[b-9mm0ft405b] {
        align-items: flex-start;
        flex-direction: column;
    }

    .edit-system-header h1[b-9mm0ft405b] {
        font-size: 29px;
    }

    .edit-system-card[b-9mm0ft405b] {
        width: 100%;
        padding: 22px;
    }

    .edit-system-fields[b-9mm0ft405b] {
        grid-template-columns: 1fr;
    }

    .edit-system-description[b-9mm0ft405b] {
        grid-column: auto;
    }
}

@media (max-width: 520px) {
    .edit-system-actions[b-9mm0ft405b] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .edit-system-cancel-button[b-9mm0ft405b],
    .edit-system-save-button[b-9mm0ft405b] {
        width: 100%;
    }
}
/* /Components/Pages/EditProject.razor.rz.scp.css */
.create-project-page[b-057zizycrq] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 32px 40px;
    box-sizing: border-box;
    overflow-x: hidden;
}

.create-project-card[b-057zizycrq] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    background: transparent;
}

.create-project-card[b-057zizycrq]  form {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.create-project-layout[b-057zizycrq] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 28px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    align-items: start;
}

.project-form-section[b-057zizycrq] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 0 !important;
    border: 1px solid #d4dfe3;
    background: #ffffff;
    box-sizing: border-box;
    box-shadow: 0 5px 16px rgba(13, 50, 61, 0.05);
}

.project-form-section-title[b-057zizycrq] {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 18px 30px;
    border-bottom: 1px solid #d4dfe3;
    background: #eef4f6;
    color: #173b47;
    font-size: 20px;
    font-weight: 700;
    box-sizing: border-box;
}

.project-form-fields[b-057zizycrq] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
    padding: 28px 30px 30px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.project-form-section:first-child .project-form-fields[b-057zizycrq] {
    grid-template-columns:
        minmax(0, calc(50% - 16px))
        minmax(0, calc(50% - 16px)) !important;
    column-gap: 32px !important;
    padding-right: 42px;
}

.project-form-section-schedule[b-057zizycrq] {
    grid-column: 1;
}

.form-field[b-057zizycrq] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.form-field label[b-057zizycrq] {
    margin-bottom: 7px;
    color: #20343c;
    font-size: 14px;
    font-weight: 600;
}

.form-control[b-057zizycrq],
.form-select[b-057zizycrq] {
    width: 100% !important;
    max-width: 100% !important;
    height: 42px;
    padding: 8px 11px;
    border: 1px solid #c9d3d8;
    border-radius: 0;
    background: #ffffff;
    color: #1c2f36;
    font: 14px "Segoe UI", Arial, sans-serif;
    box-sizing: border-box;
}

#project-code[b-057zizycrq],
#project-title[b-057zizycrq],
#project-director[b-057zizycrq],
#project-manager[b-057zizycrq],
#commissioning-manager[b-057zizycrq],
#epc-contractor[b-057zizycrq],
#project-technology[b-057zizycrq],
#project-client[b-057zizycrq],
#project-phase[b-057zizycrq],
#project-health[b-057zizycrq],
#approval-status[b-057zizycrq],
#voltage-level[b-057zizycrq],
#capacity-mw[b-057zizycrq],
#capacity-mwh[b-057zizycrq],
#planned-mechanical-completion[b-057zizycrq],
#actual-mechanical-completion[b-057zizycrq],
#planned-cod[b-057zizycrq],
#actual-cod[b-057zizycrq] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

#project-director[b-057zizycrq],
#commissioning-manager[b-057zizycrq] {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
}

.create-project-page[b-057zizycrq]  #project-director,
.create-project-page[b-057zizycrq]  #commissioning-manager {
    width: calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

.form-control:focus[b-057zizycrq],
.form-select:focus[b-057zizycrq] {
    outline: none;
    border-color: #0d6075;
    box-shadow: 0 0 0 2px rgba(13, 96, 117, 0.12);
}

.validation-message[b-057zizycrq] {
    margin-top: 5px;
    color: #b42318;
    font-size: 12px;
}

.create-project-actions[b-057zizycrq] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 16px;
    width: 100%;
    margin-top: 28px;
}

@media (max-width: 1450px) {
    .create-project-layout[b-057zizycrq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .project-form-section-schedule[b-057zizycrq] {
        grid-column: 1;
    }
}

@media (max-width: 850px) {
    .project-form-fields[b-057zizycrq] {
        grid-template-columns: minmax(0, 1fr);
    }

    .project-form-section:first-child .project-form-fields[b-057zizycrq] {
        grid-template-columns: minmax(0, 1fr) !important;
        padding-right: 30px;
    }
}

@media (max-width: 620px) {
    .create-project-page[b-057zizycrq] {
        padding: 20px;
    }

    .project-form-section-title[b-057zizycrq] {
        padding: 16px 20px;
        font-size: 18px;
    }

    .project-form-fields[b-057zizycrq] {
        padding: 22px 20px 24px;
    }

    .project-form-section:first-child .project-form-fields[b-057zizycrq] {
        padding-right: 20px;
    }

    .create-project-actions[b-057zizycrq] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .create-project-actions[b-057zizycrq]  .cms-button {
        width: 100%;
    }
}
/* /Components/Pages/EquipmentModelLibrary.razor.rz.scp.css */
.equipment-model-page[b-6doesgz508]{width:100%;padding:0 28px 32px;font-family:"Segoe UI",Arial,sans-serif;color:#102f3c}.equipment-model-breadcrumb[b-6doesgz508]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;color:#61737b;font-size:15px}.equipment-model-breadcrumb a[b-6doesgz508]{color:#0b6077;font-weight:600;text-decoration:none}.equipment-model-header[b-6doesgz508]{display:flex;justify-content:space-between;gap:30px}.equipment-model-heading[b-6doesgz508]{display:flex;gap:18px}.equipment-model-icon[b-6doesgz508]{width:58px;height:58px;display:flex;align-items:center;justify-content:center;border:1px solid #c6dde4;border-radius:4px;background:#e8f3f6;font-size:29px}.equipment-model-heading span[b-6doesgz508],.equipment-model-section-heading span[b-6doesgz508]{color:#64777f;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.equipment-model-heading h1[b-6doesgz508]{margin:5px 0 0;color:#0d3240;font-size:36px}.equipment-model-heading p[b-6doesgz508]{margin:7px 0 0;color:#4a616a;font-size:18px}.equipment-model-header-actions[b-6doesgz508]{display:flex;align-items:center;gap:12px}.equipment-model-add-button[b-6doesgz508],.equipment-model-back-button[b-6doesgz508]{min-height:36px;display:inline-flex;align-items:center;padding:7px 14px;border:1px solid #0d7187;border-radius:4px;font:700 14px "Segoe UI";text-decoration:none;cursor:pointer}.equipment-model-add-button[b-6doesgz508]{color:#fff;background:#0d7187}.equipment-model-back-button[b-6doesgz508]{color:#0b6077;background:#fff}.equipment-model-divider[b-6doesgz508]{height:1px;margin-top:26px;background:#bcc9ce}.equipment-model-kpis[b-6doesgz508]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.equipment-model-kpis article[b-6doesgz508]{display:flex;align-items:center;gap:14px;min-height:82px;padding:14px 18px;border:1px solid #d5e0e4;border-radius:4px;background:#fff;box-shadow:0 3px 10px rgba(13,50,64,.08)}.equipment-model-kpis article>span[b-6doesgz508]{font-size:22px}.equipment-model-kpis small[b-6doesgz508]{display:block;color:#5c7078;font-weight:650}.equipment-model-kpis strong[b-6doesgz508]{display:block;margin-top:4px;font-size:27px}.equipment-model-content[b-6doesgz508]{margin-top:32px;padding-top:26px;border-top:1px solid #d4dfe3}.equipment-model-section-heading[b-6doesgz508]{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.equipment-model-section-heading h2[b-6doesgz508]{margin:4px 0 0;font-size:27px}.equipment-model-section-heading p[b-6doesgz508]{margin:0;color:#667981}.equipment-model-toolbar[b-6doesgz508]{display:grid;grid-template-columns:1fr 230px auto;gap:14px;align-items:end;padding:16px;border:1px solid #d5e0e4;border-bottom:0;background:#f8fafb}.equipment-model-toolbar label>span[b-6doesgz508],.equipment-model-form label>span[b-6doesgz508]{display:block;margin-bottom:6px;color:#536971;font-size:12px;font-weight:700}.equipment-model-toolbar input[b-6doesgz508],.equipment-model-toolbar select[b-6doesgz508],.equipment-model-form input[b-6doesgz508],.equipment-model-form select[b-6doesgz508],.equipment-model-form textarea[b-6doesgz508]{width:100%;min-height:38px;padding:8px 10px;border:1px solid #c8d5da;border-radius:4px;box-sizing:border-box;font:14px "Segoe UI"}.equipment-model-toolbar button[b-6doesgz508]{min-height:38px;padding:7px 13px;border:1px solid #9eb1b8;border-radius:4px;color:#52676f;background:#fff;font-weight:700}.equipment-model-table-card[b-6doesgz508]{overflow:hidden;border:1px solid #d5e0e4;background:#fff}.equipment-model-table-scroll[b-6doesgz508]{overflow-x:auto}.equipment-model-table-card table[b-6doesgz508]{width:100%;min-width:1240px;border-collapse:collapse}.equipment-model-table-card th[b-6doesgz508]{padding:13px 14px;border-bottom:1px solid #cfdade;background:#f3f7f8;color:#536971;font-size:12px;text-align:left;text-transform:uppercase}.equipment-model-table-card td[b-6doesgz508]{padding:13px 14px;border-bottom:1px solid #e2e8ea;font-size:14px}.equipment-model-table-card footer[b-6doesgz508]{padding:11px 16px;background:#f8fafb;color:#60737b;font-size:12px;text-align:right}.equipment-model-active[b-6doesgz508],.equipment-model-inactive[b-6doesgz508],.equipment-model-tracking[b-6doesgz508]{display:inline-flex;padding:3px 8px;border:1px solid;border-radius:3px;font-size:11px;font-weight:750;white-space:nowrap}.equipment-model-active[b-6doesgz508]{color:#22623f;border-color:#c5dfcf;background:#eaf5ee}.equipment-model-inactive[b-6doesgz508]{color:#66777e;border-color:#d2dde1;background:#f3f6f7}.equipment-model-tracking-serialized[b-6doesgz508]{color:#15556a;border-color:#bfd7df;background:#eaf4f7}.equipment-model-tracking-quantity[b-6doesgz508]{color:#70551a;border-color:#e4d4a9;background:#fbf5e4}.equipment-model-action-group[b-6doesgz508]{display:flex;gap:7px;align-items:center;white-space:nowrap}.equipment-model-edit-button[b-6doesgz508],.equipment-model-delete-button[b-6doesgz508]{padding:5px 10px;border-radius:4px;background:#fff;font-weight:700;cursor:pointer}.equipment-model-edit-button[b-6doesgz508]{border:1px solid #0d7187;color:#0b6077}.equipment-model-delete-button[b-6doesgz508]{border:1px solid #c9443f;color:#a52f2b}.equipment-model-empty td[b-6doesgz508]{height:160px;text-align:center;color:#60737b}.equipment-model-page-error[b-6doesgz508],.equipment-model-modal-error[b-6doesgz508]{margin:16px 22px 0;padding:11px 13px;border:1px solid #e3b4b1;border-radius:4px;color:#982e2a;background:#fbeceb;font-size:13px;font-weight:650}.equipment-model-page-error[b-6doesgz508]{margin:16px 0 0}.equipment-model-loading[b-6doesgz508],.equipment-model-error[b-6doesgz508]{margin:24px 28px;padding:18px;border:1px solid #d5e0e4;background:#fff;font-family:"Segoe UI"}.equipment-model-modal-backdrop[b-6doesgz508]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(8,34,44,.48)}.equipment-model-modal[b-6doesgz508]{width:min(650px,100%);max-height:calc(100vh - 48px);overflow:auto;border-top:4px solid #0d7187;background:#fff;box-shadow:0 14px 38px rgba(8,34,44,.24);font-family:"Segoe UI"}.equipment-model-modal header[b-6doesgz508]{display:flex;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #dce5e8}.equipment-model-modal header span[b-6doesgz508]{color:#64777f;font-size:12px;font-weight:700;text-transform:uppercase}.equipment-model-modal h2[b-6doesgz508]{margin:4px 0 0}.equipment-model-modal header button[b-6doesgz508]{border:0;background:transparent;font-size:26px;cursor:pointer}.equipment-model-form[b-6doesgz508]{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:22px}.equipment-model-form .wide[b-6doesgz508]{grid-column:1/-1}.equipment-model-modal>footer[b-6doesgz508],.equipment-model-delete-modal footer[b-6doesgz508]{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid #dce5e8}.equipment-model-cancel[b-6doesgz508],.equipment-model-save[b-6doesgz508],.equipment-model-confirm-delete[b-6doesgz508]{min-height:36px;padding:7px 14px;border-radius:4px;font-weight:700;cursor:pointer}.equipment-model-cancel[b-6doesgz508]{border:1px solid #9eb1b8;background:#fff;color:#52676f}.equipment-model-save[b-6doesgz508]{border:1px solid #0d7187;background:#0d7187;color:#fff}.equipment-model-confirm-delete[b-6doesgz508]{border:1px solid #b83a35;background:#b83a35;color:#fff}.equipment-model-delete-modal[b-6doesgz508]{width:min(440px,100%);padding:26px;border-top:4px solid #bd3f3a;background:#fff;text-align:center;font-family:"Segoe UI"}.equipment-model-delete-modal>div:first-child[b-6doesgz508]{font-size:32px}.equipment-model-delete-modal h2[b-6doesgz508]{margin:14px 0 0}.equipment-model-delete-modal p[b-6doesgz508]{color:#60737b}.equipment-model-delete-modal>section[b-6doesgz508]{display:flex;flex-direction:column;gap:4px;margin:18px 0;padding:13px;border:1px solid #d9e2e5;background:#f7f9fa}.equipment-model-delete-modal>section strong[b-6doesgz508]{color:#0b6077}.equipment-model-delete-modal>section span[b-6doesgz508]{font-size:13px;color:#526870}@media(max-width:900px){.equipment-model-header[b-6doesgz508]{flex-direction:column}.equipment-model-kpis[b-6doesgz508]{grid-template-columns:1fr 1fr}.equipment-model-toolbar[b-6doesgz508]{grid-template-columns:1fr}}@media(max-width:650px){.equipment-model-kpis[b-6doesgz508],.equipment-model-form[b-6doesgz508]{grid-template-columns:1fr}.equipment-model-form .wide[b-6doesgz508]{grid-column:auto}}
/* /Components/Pages/EvidenceDocumentsReport.razor.rz.scp.css */
.evidence-documents-report-page[b-5cft74xe0n] {
    padding: 28px 24px 48px;
    color: #062f43;
}

.evidence-documents-report-state[b-5cft74xe0n] {
    padding: 36px;
    border: 1px solid #d6e0e5;
    background: #ffffff;
}

.evidence-documents-report-state-error[b-5cft74xe0n] {
    border-left: 4px solid #c63b32;
}

.evidence-documents-report-breadcrumb[b-5cft74xe0n] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #60727c;
    font-size: 14px;
}

.evidence-documents-report-breadcrumb-link[b-5cft74xe0n] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #006b88;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.evidence-documents-report-header[b-5cft74xe0n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #cdd9df;
}

.evidence-documents-report-eyebrow[b-5cft74xe0n] {
    display: block;
    margin-bottom: 6px;
    color: #5b6e78;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
}

.evidence-documents-report-header h1[b-5cft74xe0n] {
    margin: 0;
    font-size: 32px;
    line-height: 1.15;
}

.evidence-documents-report-header p[b-5cft74xe0n] {
    margin: 8px 0 0;
    color: #5c707b;
    font-size: 16px;
}

.evidence-documents-report-back-button[b-5cft74xe0n] {
    min-width: 150px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #007c9f;
    border-radius: 0;
    background: transparent;
    color: #006b88;
    font-weight: 600;
    cursor: pointer;
}

.evidence-documents-report-scope-card[b-5cft74xe0n] {
    margin-top: 20px;
    border: 1px solid #d3dee4;
    background: #ffffff;
}

.evidence-documents-report-scope-title[b-5cft74xe0n] {
    padding: 12px 16px;
    border-bottom: 1px solid #d3dee4;
    background: #f5f8fa;
    color: #566c78;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
}

.evidence-documents-report-scope-grid[b-5cft74xe0n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-documents-report-scope-item[b-5cft74xe0n] {
    min-height: 74px;
    padding: 14px 16px;
    border-right: 1px solid #e0e8ec;
}

.evidence-documents-report-scope-item:last-child[b-5cft74xe0n] {
    border-right: 0;
}

.evidence-documents-report-scope-item span[b-5cft74xe0n] {
    display: block;
    margin-bottom: 5px;
    color: #667b86;
    font-size: 12px;
    font-weight: 600;
}

.evidence-documents-report-scope-item strong[b-5cft74xe0n] {
    font-size: 16px;
}

.evidence-documents-report-section[b-5cft74xe0n] {
    margin-top: 32px;
}

.evidence-documents-report-section-heading[b-5cft74xe0n] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7e1e6;
}

.evidence-documents-report-section-heading span[b-5cft74xe0n] {
    display: block;
    margin-bottom: 5px;
    color: #60737d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
}

.evidence-documents-report-section-heading h2[b-5cft74xe0n] {
    margin: 0;
    font-size: 24px;
}

.evidence-documents-report-section-scope[b-5cft74xe0n] {
    color: #60737d;
    font-size: 14px;
}

.evidence-documents-report-kpi-grid[b-5cft74xe0n] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
}

.evidence-documents-report-kpi-card[b-5cft74xe0n] {
    min-height: 126px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.evidence-documents-report-kpi-label[b-5cft74xe0n] {
    margin-bottom: 8px;
    color: #536b77;
    font-size: 13px;
    font-weight: 700;
}

.evidence-documents-report-kpi-value[b-5cft74xe0n] {
    color: #062f43;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.evidence-documents-report-kpi-note[b-5cft74xe0n] {
    margin-top: 10px;
    color: #6c7f89;
    font-size: 12px;
    line-height: 1.35;
}

.evidence-documents-report-progress-card[b-5cft74xe0n] {
    margin-top: 16px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.evidence-documents-report-progress-heading[b-5cft74xe0n] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.evidence-documents-report-progress-heading > div:first-child[b-5cft74xe0n] {
    display: flex;
    align-items: baseline;
    gap: 14px;
}

.evidence-documents-report-progress-heading span[b-5cft74xe0n] {
    color: #536b77;
    font-size: 14px;
    font-weight: 700;
}

.evidence-documents-report-progress-heading strong[b-5cft74xe0n] {
    font-size: 25px;
}

.evidence-documents-report-progress-detail[b-5cft74xe0n] {
    color: #657983;
    font-size: 13px;
}

.evidence-documents-report-progress-track[b-5cft74xe0n] {
    height: 8px;
    margin-top: 14px;
    background: #e1e9ed;
    overflow: hidden;
}

.evidence-documents-report-progress-fill[b-5cft74xe0n] {
    height: 100%;
    background: #087f98;
}

.evidence-documents-report-progress-footer[b-5cft74xe0n] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 26px;
    margin-top: 14px;
    color: #657983;
    font-size: 12px;
}

.evidence-documents-report-card-grid[b-5cft74xe0n] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.evidence-documents-report-summary-card[b-5cft74xe0n] {
    display: flex;
    min-height: 96px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.evidence-documents-report-summary-card span[b-5cft74xe0n] {
    color: #536b77;
    font-size: 13px;
    font-weight: 700;
}

.evidence-documents-report-summary-card strong[b-5cft74xe0n] {
    font-size: 28px;
}

.evidence-documents-report-empty-card[b-5cft74xe0n] {
    grid-column: 1 / -1;
    padding: 24px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
    color: #687b85;
    text-align: center;
}

.evidence-documents-report-table-wrapper[b-5cft74xe0n] {
    overflow-x: auto;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.evidence-documents-report-table[b-5cft74xe0n] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.evidence-documents-report-table th[b-5cft74xe0n],
.evidence-documents-report-table td[b-5cft74xe0n] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4e8;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
}

.evidence-documents-report-table th[b-5cft74xe0n] {
    background: #f5f8fa;
    color: #284f60;
    font-weight: 700;
    white-space: nowrap;
}

.evidence-documents-report-table tbody tr:last-child td[b-5cft74xe0n] {
    border-bottom: 0;
}

.evidence-documents-report-register-table[b-5cft74xe0n] {
    min-width: 1180px;
}

.evidence-documents-report-empty-cell[b-5cft74xe0n] {
    padding: 24px !important;
    color: #687b85;
    text-align: center !important;
}

.evidence-documents-report-row-progress[b-5cft74xe0n] {
    min-width: 150px;
}

.evidence-documents-report-row-progress-heading[b-5cft74xe0n] {
    margin-bottom: 6px;
    font-weight: 700;
}

.evidence-documents-report-row-progress-track[b-5cft74xe0n] {
    height: 7px;
    background: #e1e9ed;
    overflow: hidden;
}

.evidence-documents-report-row-progress-fill[b-5cft74xe0n] {
    height: 100%;
    background: #087f98;
}

@media (max-width: 1100px) {
    .evidence-documents-report-kpi-grid[b-5cft74xe0n],
    .evidence-documents-report-card-grid[b-5cft74xe0n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .evidence-documents-report-page[b-5cft74xe0n] {
        padding: 20px 14px 36px;
    }

    .evidence-documents-report-header[b-5cft74xe0n] {
        flex-direction: column;
    }

    .evidence-documents-report-scope-grid[b-5cft74xe0n] {
        grid-template-columns: 1fr;
    }

    .evidence-documents-report-scope-item[b-5cft74xe0n] {
        border-right: 0;
        border-bottom: 1px solid #e0e8ec;
    }

    .evidence-documents-report-scope-item:last-child[b-5cft74xe0n] {
        border-bottom: 0;
    }

    .evidence-documents-report-kpi-grid[b-5cft74xe0n],
    .evidence-documents-report-card-grid[b-5cft74xe0n] {
        grid-template-columns: 1fr;
    }

    .evidence-documents-report-section-heading[b-5cft74xe0n],
    .evidence-documents-report-progress-heading[b-5cft74xe0n] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.evidence-documents-report-header-actions[b-5cft74xe0n] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.evidence-documents-report-export-button[b-5cft74xe0n] {
    min-width: 146px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(13, 50, 61, 1);
    border-radius: 0;
    background: rgba(13, 50, 61, 1);
    color: #ffffff;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.evidence-documents-report-export-button:hover[b-5cft74xe0n] {
    background: rgba(13, 50, 61, 0.9);
}

@media (max-width: 800px) {
    .evidence-documents-report-header-actions[b-5cft74xe0n] {
        width: 100%;
        flex-wrap: wrap;
    }
}

/* ============================================================
   CMS REPORTS UI REFRESH
   Screen-only visual hierarchy. Print components remain unchanged.
   ============================================================ */

.evidence-documents-report-page[b-5cft74xe0n] {
    max-width: 1600px;
    margin: 0 auto;
    background: linear-gradient(180deg, #f5fafb 0, #ffffff 320px);
}

.evidence-documents-report-breadcrumb[b-5cft74xe0n] {
    margin-bottom: 16px;
}

.evidence-documents-report-header[b-5cft74xe0n] {
    position: relative;
    padding: 22px 24px 21px;
    border-top: 5px solid #0b7f96;
    border-bottom: 1px solid #c9dce2;
    background: linear-gradient(100deg, #eaf6f8 0%, #f8fcfd 54%, #ffffff 100%);
    box-shadow: 0 4px 14px rgba(13, 50, 61, 0.07);
}

.evidence-documents-report-header h1[b-5cft74xe0n] {
    color: #0d3240;
    font-weight: 650;
}

.evidence-documents-report-eyebrow[b-5cft74xe0n] {
    color: #0b7489;
}

.evidence-documents-report-header p[b-5cft74xe0n] {
    color: #55717b;
}

.evidence-documents-report-export-button[b-5cft74xe0n] {
    border-color: #0d4b5c;
    background: #0d4b5c;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(13, 50, 61, 0.15);
}

.evidence-documents-report-export-button:hover[b-5cft74xe0n] {
    border-color: #0a3c4a;
    background: #0a3c4a;
}

.evidence-documents-report-back-button[b-5cft74xe0n] {
    border-color: #3a7d90;
    color: #15566a;
    background: #ffffff;
}

.evidence-documents-report-back-button:hover[b-5cft74xe0n] {
    border-color: #0b7489;
    background: #edf7f9;
}

.evidence-documents-report-scope-card[b-5cft74xe0n] {
    overflow: hidden;
    border-color: #c9dce2;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.055);
}

.evidence-documents-report-scope-title[b-5cft74xe0n] {
    margin: 0;
    padding: 12px 16px;
    border-bottom: 0;
    background: #0d4b5c;
    color: #ffffff;
    letter-spacing: .08em;
}

.evidence-documents-report-scope-grid[b-5cft74xe0n] {
    border-color: #d3e2e7;
    background: #ffffff;
}

.evidence-documents-report-scope-item[b-5cft74xe0n] {
    border-color: #d9e6ea;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.evidence-documents-report-scope-item span[b-5cft74xe0n] {
    color: #67808a;
}

.evidence-documents-report-scope-item strong[b-5cft74xe0n] {
    color: #103b49;
}

.evidence-documents-report-section-heading[b-5cft74xe0n] {
    align-items: center;
    margin-bottom: 17px;
    padding: 11px 14px 11px 16px;
    border-left: 4px solid #0e8ca5;
    border-bottom: 0;
    background: linear-gradient(90deg, #eaf6f8 0%, #f8fcfd 62%, #ffffff 100%);
}

.evidence-documents-report-section-heading span[b-5cft74xe0n] {
    color: #0b7489;
}

.evidence-documents-report-section-heading h2[b-5cft74xe0n] {
    color: #123d4b;
}

.evidence-documents-report-section-scope[b-5cft74xe0n] {
    color: #5f7a84;
}

.evidence-documents-report-kpi-card[b-5cft74xe0n] {
    position: relative;
    overflow: hidden;
    border-color: #d4e1e5;
    background: linear-gradient(145deg, #ffffff 0%, #f8fbfc 100%);
    box-shadow: 0 4px 12px rgba(13, 50, 61, 0.055);
}

.evidence-documents-report-kpi-card[b-5cft74xe0n]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #11869e;
}

.evidence-documents-report-kpi-card:nth-child(2)[b-5cft74xe0n]::before { background: #32a365; }
.evidence-documents-report-kpi-card:nth-child(3)[b-5cft74xe0n]::before { background: #d9534f; }
.evidence-documents-report-kpi-card:nth-child(4)[b-5cft74xe0n]::before { background: #d78a12; }
.evidence-documents-report-kpi-card:nth-child(5)[b-5cft74xe0n]::before { background: #3c78c5; }
.evidence-documents-report-kpi-card:nth-child(6)[b-5cft74xe0n]::before { background: #835bb5; }

.evidence-documents-report-kpi-label[b-5cft74xe0n] {
    color: #4e6e79;
}

.evidence-documents-report-kpi-value[b-5cft74xe0n] {
    color: #0b4050;
}

.evidence-documents-report-progress-card[b-5cft74xe0n] {
    border-color: #cbdde2;
    border-left: 4px solid #0e8ca5;
    background: linear-gradient(90deg, #f7fbfc 0%, #ffffff 100%);
    box-shadow: 0 3px 10px rgba(13, 50, 61, 0.045);
}

.evidence-documents-report-progress-track[b-5cft74xe0n],
.evidence-documents-report-row-progress-track[b-5cft74xe0n] {
    background: #dce9ed;
}

.evidence-documents-report-progress-fill[b-5cft74xe0n],
.evidence-documents-report-row-progress-fill[b-5cft74xe0n] {
    background: linear-gradient(90deg, #0c8098 0%, #22a6b9 100%);
}

.evidence-documents-report-table-wrapper[b-5cft74xe0n] {
    border-color: #cadce2;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.05);
}

.evidence-documents-report-table th[b-5cft74xe0n] {
    border-color: #c8dce2;
    background: #e6f2f5;
    color: #174758;
}

.evidence-documents-report-table td[b-5cft74xe0n] {
    border-color: #dce7ea;
}

.evidence-documents-report-table tbody tr:nth-child(even) td[b-5cft74xe0n] {
    background: #fbfdfe;
}

.evidence-documents-report-table tbody tr:hover td[b-5cft74xe0n] {
    background: #f0f8fa;
}

.evidence-documents-report-kpi-card:nth-child(2)[b-5cft74xe0n]::before { background:#3c78c5; }
.evidence-documents-report-kpi-card:nth-child(3)[b-5cft74xe0n]::before { background:#32a365; }
.evidence-documents-report-kpi-card:nth-child(4)[b-5cft74xe0n]::before { background:#d78a12; }
.evidence-documents-report-summary-card[b-5cft74xe0n] { border-color:#d4e1e5; background:linear-gradient(145deg,#fff,#f8fbfc); box-shadow:0 4px 12px rgba(13,50,61,.05); }
.evidence-documents-report-card-grid > *:nth-child(1)[b-5cft74xe0n] { border-top:4px solid #11869e; }
.evidence-documents-report-card-grid > *:nth-child(2)[b-5cft74xe0n] { border-top:4px solid #3c78c5; }
.evidence-documents-report-card-grid > *:nth-child(3)[b-5cft74xe0n] { border-top:4px solid #32a365; }
.evidence-documents-report-card-grid > *:nth-child(4)[b-5cft74xe0n] { border-top:4px solid #d78a12; }



/* ============================================================
   AUDIT DETAIL - EVIDENCE DESCRIPTIONS & DOCUMENT COMMENTS
   ============================================================ */

.evidence-documents-report-audit-list[b-5cft74xe0n] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.evidence-documents-report-audit-card[b-5cft74xe0n] {
    overflow: hidden;
    border: 1px solid #cadce2;
    border-left: 4px solid #0e8ca5;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.05);
}

.evidence-documents-report-audit-header[b-5cft74xe0n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 16px;
    border-bottom: 1px solid #d9e6ea;
    background: linear-gradient(90deg, #edf8fa 0%, #f9fcfd 72%, #ffffff 100%);
}

.evidence-documents-report-audit-header > div[b-5cft74xe0n] {
    min-width: 0;
}

.evidence-documents-report-audit-header > div > span[b-5cft74xe0n] {
    display: block;
    margin-bottom: 4px;
    color: #0b7489;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

.evidence-documents-report-audit-header > div > strong[b-5cft74xe0n] {
    display: block;
    color: #0d3d4d;
    font-size: 17px;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.evidence-documents-report-audit-status[b-5cft74xe0n] {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid #bed5dd;
    background: #f4f9fa;
    color: #174f61;
    font-size: 11px;
    font-weight: 700;
}

.evidence-documents-report-audit-meta-grid[b-5cft74xe0n] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-bottom: 1px solid #dce7ea;
}

.evidence-documents-report-audit-meta-grid-doc[b-5cft74xe0n] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.evidence-documents-report-audit-meta-grid > div[b-5cft74xe0n] {
    min-height: 72px;
    padding: 12px 14px;
    border-right: 1px solid #dce7ea;
}

.evidence-documents-report-audit-meta-grid > div:nth-child(5n)[b-5cft74xe0n],
.evidence-documents-report-audit-meta-grid-doc > div:nth-child(4n)[b-5cft74xe0n] {
    border-right: 0;
}

.evidence-documents-report-audit-meta-grid span[b-5cft74xe0n],
.evidence-documents-report-audit-text span[b-5cft74xe0n],
.evidence-documents-report-audit-text-grid span[b-5cft74xe0n] {
    display: block;
    margin-bottom: 5px;
    color: #637b85;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .02em;
}

.evidence-documents-report-audit-meta-grid strong[b-5cft74xe0n] {
    color: #123f52;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.evidence-documents-report-audit-text[b-5cft74xe0n] {
    padding: 13px 16px 15px;
}

.evidence-documents-report-audit-text p[b-5cft74xe0n],
.evidence-documents-report-audit-text-grid p[b-5cft74xe0n] {
    margin: 0;
    color: #284f60;
    font-size: 13px;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.evidence-documents-report-audit-text-grid[b-5cft74xe0n] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.evidence-documents-report-audit-text-grid > div[b-5cft74xe0n] {
    min-height: 94px;
    padding: 13px 16px 15px;
    border-right: 1px solid #dce7ea;
}

.evidence-documents-report-audit-text-grid > div:last-child[b-5cft74xe0n] {
    border-right: 0;
}

@media (max-width: 1100px) {
    .evidence-documents-report-audit-meta-grid[b-5cft74xe0n],
    .evidence-documents-report-audit-meta-grid-doc[b-5cft74xe0n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .evidence-documents-report-audit-meta-grid > div[b-5cft74xe0n],
    .evidence-documents-report-audit-meta-grid-doc > div[b-5cft74xe0n] {
        border-right: 1px solid #dce7ea;
        border-bottom: 1px solid #dce7ea;
    }

    .evidence-documents-report-audit-meta-grid > div:nth-child(2n)[b-5cft74xe0n],
    .evidence-documents-report-audit-meta-grid-doc > div:nth-child(2n)[b-5cft74xe0n] {
        border-right: 0;
    }

    .evidence-documents-report-audit-text-grid[b-5cft74xe0n] {
        grid-template-columns: 1fr;
    }

    .evidence-documents-report-audit-text-grid > div[b-5cft74xe0n] {
        border-right: 0;
        border-bottom: 1px solid #dce7ea;
    }

    .evidence-documents-report-audit-text-grid > div:last-child[b-5cft74xe0n] {
        border-bottom: 0;
    }
}

@media (max-width: 800px) {
    .evidence-documents-report-audit-header[b-5cft74xe0n] {
        flex-direction: column;
    }

    .evidence-documents-report-audit-meta-grid[b-5cft74xe0n],
    .evidence-documents-report-audit-meta-grid-doc[b-5cft74xe0n] {
        grid-template-columns: 1fr;
    }

    .evidence-documents-report-audit-meta-grid > div[b-5cft74xe0n],
    .evidence-documents-report-audit-meta-grid-doc > div[b-5cft74xe0n] {
        border-right: 0;
    }
}
/* /Components/Pages/EvidenceDocumentsReportPrint.razor.rz.scp.css */
.evidence-print-view[b-ujeohjpwuw] {
    width: 100%;
    color: #062f43;
    font-family: "Segoe UI", Arial, sans-serif;
}

.evidence-print-toolbar[b-ujeohjpwuw] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 297mm;
    margin: 0 auto 12px;
}

.evidence-print-toolbar-button[b-ujeohjpwuw] {
    min-width: 148px;
    height: 42px;
    padding: 0 18px;
    border: 1px solid #0d3240;
    border-radius: 0;
    background: #ffffff;
    color: #0d3240;
    font: 700 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.evidence-print-toolbar-button-primary[b-ujeohjpwuw] {
    background: #0d3240;
    color: #ffffff;
}

.evidence-print-sheet[b-ujeohjpwuw],
.evidence-print-state[b-ujeohjpwuw] {
    width: 297mm;
    margin: 0 auto;
    box-sizing: border-box;
    background: #ffffff;
}

.evidence-print-sheet[b-ujeohjpwuw] {
    min-height: 210mm;
    padding: 8mm 10mm 7mm;
    border-top: 2mm solid #0787a0;
    box-shadow: 0 8px 28px rgba(13, 50, 61, .14);
}

.evidence-print-state[b-ujeohjpwuw] {
    padding: 16mm;
}

.evidence-print-state-error[b-ujeohjpwuw] {
    border-left: 4px solid #c63b32;
}

.evidence-print-header[b-ujeohjpwuw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10mm;
    padding-bottom: 4mm;
    border-bottom: 1px solid #bdd0d8;
    background: linear-gradient(
        90deg,
        rgba(13, 50, 64, .04) 0%,
        rgba(8, 135, 160, .02) 58%,
        rgba(8, 135, 160, .09) 100%);
}

.evidence-print-kicker[b-ujeohjpwuw] {
    color: #0d4f76;
    font-size: 8pt;
    font-weight: 800;
    letter-spacing: .05em;
}

.evidence-print-header h1[b-ujeohjpwuw] {
    margin: 1.5mm 0 .8mm;
    color: #062f43;
    font-size: 23pt;
    line-height: 1.05;
}

.evidence-print-header p[b-ujeohjpwuw] {
    margin: 0;
    color: #5c707b;
    font-size: 8pt;
}

.evidence-print-brand[b-ujeohjpwuw] {
    display: flex;
    align-items: center;
    gap: 3mm;
    flex: 0 0 auto;
}

.evidence-print-brand-mark[b-ujeohjpwuw] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 1.5mm;
    width: 15mm;
    height: 18mm;
    padding: 2.6mm 2.2mm;
    box-sizing: border-box;
    border: 2px solid #0d4f76;
    background: linear-gradient(180deg, #ffffff 0%, #eef7fb 100%);
}

.evidence-print-brand-mark span[b-ujeohjpwuw] {
    display: block;
    height: 2.2mm;
    border-radius: .5mm;
    background: linear-gradient(90deg, #0d4f76 0%, #0a8aa2 100%);
}

.evidence-print-brand-text[b-ujeohjpwuw] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.evidence-print-brand-text strong[b-ujeohjpwuw] {
    color: #536069;
    font-size: 21pt;
    letter-spacing: -.04em;
}

.evidence-print-brand-text span[b-ujeohjpwuw] {
    color: #536069;
    font-size: 5.2pt;
    font-weight: 800;
}

.evidence-print-scope[b-ujeohjpwuw] {
    margin-top: 4mm;
    border: 1px solid #ccdbe1;
}

.evidence-print-section-band[b-ujeohjpwuw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2mm 3mm;
    background: linear-gradient(90deg, #0d3240 0%, #145473 100%);
    color: #ffffff;
    font-size: 6.3pt;
    font-weight: 800;
}

.evidence-print-scope-grid[b-ujeohjpwuw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.evidence-print-scope-grid > div[b-ujeohjpwuw] {
    padding: 2.5mm 3.5mm;
    border-right: 1px solid #d7e3e7;
    background: #fbfdfe;
}

.evidence-print-scope-grid > div:last-child[b-ujeohjpwuw] {
    border-right: 0;
}

.evidence-print-scope-grid span[b-ujeohjpwuw] {
    display: block;
    margin-bottom: .8mm;
    color: #607680;
    font-size: 5.8pt;
}

.evidence-print-scope-grid strong[b-ujeohjpwuw] {
    color: #062f43;
    font-size: 8.5pt;
}

.evidence-print-section[b-ujeohjpwuw] {
    margin-top: 4mm;
}

.evidence-print-section-title[b-ujeohjpwuw] {
    margin-bottom: 2mm;
    padding-left: 2.5mm;
    border-left: 1.2mm solid #0787a0;
    color: #0d4f76;
    font-size: 7.8pt;
    font-weight: 800;
    letter-spacing: .04em;
}

.evidence-print-kpi-grid[b-ujeohjpwuw] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 1.7mm;
}

.evidence-print-kpi-card[b-ujeohjpwuw] {
    min-height: 22mm;
    padding: 2.4mm;
    box-sizing: border-box;
    border: 1px solid #cddce2;
    border-top: 2.2mm solid #0787a0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.evidence-print-kpi-card:nth-child(2)[b-ujeohjpwuw] { border-top-color: #3e70c8; }
.evidence-print-kpi-card:nth-child(3)[b-ujeohjpwuw] { border-top-color: #2f9854; }
.evidence-print-kpi-card:nth-child(4)[b-ujeohjpwuw] { border-top-color: #8b58b8; }
.evidence-print-kpi-card:nth-child(5)[b-ujeohjpwuw] { border-top-color: #d98208; }
.evidence-print-kpi-card:nth-child(6)[b-ujeohjpwuw] { border-top-color: #d1493f; }
.evidence-print-kpi-card:nth-child(7)[b-ujeohjpwuw] { border-top-color: #087f98; }

.evidence-print-kpi-card span[b-ujeohjpwuw] {
    display: block;
    min-height: 4.7mm;
    color: #31525e;
    font-size: 6pt;
    font-weight: 700;
}

.evidence-print-kpi-card strong[b-ujeohjpwuw] {
    display: block;
    margin-top: .7mm;
    color: #073c56;
    font-size: 15pt;
    line-height: 1;
}

.evidence-print-kpi-card small[b-ujeohjpwuw] {
    display: block;
    margin-top: 1mm;
    color: #607680;
    font-size: 5.2pt;
}

.evidence-print-bar[b-ujeohjpwuw],
.evidence-print-row-track[b-ujeohjpwuw] {
    overflow: hidden;
    background: #dfe8ec;
}

.evidence-print-bar[b-ujeohjpwuw] {
    height: 1.8mm;
    margin-top: 2mm;
}

.evidence-print-bar > div[b-ujeohjpwuw],
.evidence-print-row-track > div[b-ujeohjpwuw] {
    height: 100%;
    background: linear-gradient(90deg, #0d7187 0%, #0aa0b4 100%);
}

.evidence-print-status-line[b-ujeohjpwuw] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5mm 4mm;
    margin-top: 1.8mm;
    color: #506b77;
    font-size: 5.8pt;
}

.evidence-print-status-line strong[b-ujeohjpwuw] {
    color: #073c56;
}

.evidence-print-classification-grid[b-ujeohjpwuw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2mm;
}

.evidence-print-mini-panel[b-ujeohjpwuw] {
    min-height: 18mm;
    padding: 2.5mm 3mm;
    border: 1px solid #cddce2;
    background: #f8fbfc;
}

.evidence-print-mini-panel > strong[b-ujeohjpwuw] {
    display: block;
    margin-bottom: 2mm;
    color: #0d4f76;
    font-size: 6.5pt;
}

.evidence-print-mini-grid[b-ujeohjpwuw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1mm 4mm;
}

.evidence-print-mini-grid span[b-ujeohjpwuw] {
    display: flex;
    justify-content: space-between;
    gap: 4mm;
    color: #536e79;
    font-size: 5.6pt;
}

.evidence-print-mini-grid b[b-ujeohjpwuw] {
    color: #0d4f76;
}

.evidence-print-table[b-ujeohjpwuw] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.evidence-print-table th[b-ujeohjpwuw],
.evidence-print-table td[b-ujeohjpwuw] {
    padding: 1.7mm 2mm;
    border: 1px solid #cddce2;
    text-align: left;
    vertical-align: middle;
    font-size: 5.8pt;
    line-height: 1.15;
}

.evidence-print-table th[b-ujeohjpwuw] {
    background: linear-gradient(180deg, #edf4f7 0%, #e2ecef 100%);
    color: #123f52;
    font-weight: 800;
}

.evidence-print-table tbody tr:nth-child(even) td[b-ujeohjpwuw] {
    background: #fbfdfe;
}

.evidence-print-empty[b-ujeohjpwuw] {
    padding: 5mm !important;
    text-align: center !important;
    color: #607680;
}

.evidence-print-row-progress strong[b-ujeohjpwuw] {
    display: block;
    margin-bottom: .7mm;
    color: #0d4f76;
    font-size: 5.8pt;
}

.evidence-print-row-track[b-ujeohjpwuw] {
    height: 1.4mm;
}

.evidence-print-register-table th:nth-child(1)[b-ujeohjpwuw] { width: 12%; }
.evidence-print-register-table th:nth-child(2)[b-ujeohjpwuw] { width: 22%; }
.evidence-print-register-table th:nth-child(3)[b-ujeohjpwuw] { width: 13%; }
.evidence-print-register-table th:nth-child(4)[b-ujeohjpwuw] { width: 15%; }
.evidence-print-register-table th:nth-child(5)[b-ujeohjpwuw] { width: 11%; }
.evidence-print-register-table th:nth-child(6)[b-ujeohjpwuw] { width: 8%; }
.evidence-print-register-table th:nth-child(7)[b-ujeohjpwuw] { width: 8%; }
.evidence-print-register-table th:nth-child(8)[b-ujeohjpwuw] { width: 11%; }

.evidence-print-footer[b-ujeohjpwuw] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8mm;
    margin-top: 4mm;
    padding-top: 2mm;
    border-top: 1px solid #86aab8;
    color: #506b76;
    font-size: 5.5pt;
}

.evidence-print-footer > div:first-child[b-ujeohjpwuw] {
    display: flex;
    flex-direction: column;
    gap: .6mm;
}

.evidence-print-footer strong[b-ujeohjpwuw] {
    color: #173f50;
}

.evidence-print-no-break[b-ujeohjpwuw] {
    break-inside: avoid;
    page-break-inside: avoid;
}

@page {
    size: A4 landscape;
    margin: 5mm;
}

@media print {
    html[b-ujeohjpwuw],
    body[b-ujeohjpwuw] {
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    .evidence-print-toolbar[b-ujeohjpwuw] {
        display: none !important;
    }

    .evidence-print-view[b-ujeohjpwuw] {
        width: 100%;
    }

    .evidence-print-sheet[b-ujeohjpwuw],
    .evidence-print-state[b-ujeohjpwuw] {
        width: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

    .evidence-print-sheet[b-ujeohjpwuw] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .evidence-print-header[b-ujeohjpwuw] {
        gap: 8mm;
        padding-bottom: 3mm;
    }

    .evidence-print-header h1[b-ujeohjpwuw] {
        font-size: 18pt;
    }

    .evidence-print-header p[b-ujeohjpwuw] {
        font-size: 7.2pt;
    }

    .evidence-print-brand-mark[b-ujeohjpwuw] {
        width: 13mm;
        height: 15mm;
    }

    .evidence-print-brand-text strong[b-ujeohjpwuw] {
        font-size: 17pt;
    }

    .evidence-print-scope[b-ujeohjpwuw],
    .evidence-print-section[b-ujeohjpwuw] {
        margin-top: 3mm;
    }

    .evidence-print-kpi-grid[b-ujeohjpwuw] {
        gap: 1.3mm;
    }

    .evidence-print-kpi-card[b-ujeohjpwuw] {
        min-height: 19mm;
        padding: 1.8mm;
    }

    .evidence-print-kpi-card strong[b-ujeohjpwuw] {
        font-size: 13pt;
    }

    .evidence-print-mini-panel[b-ujeohjpwuw] {
        min-height: 16mm;
        padding: 2mm 2.5mm;
    }

    .evidence-print-table th[b-ujeohjpwuw],
    .evidence-print-table td[b-ujeohjpwuw] {
        padding: 1.35mm 1.6mm;
        font-size: 5.4pt;
    }

    .evidence-print-register-section[b-ujeohjpwuw] {
        break-before: page;
        page-break-before: always;
        margin-top: 0;
    }

    .evidence-print-table thead[b-ujeohjpwuw] {
        display: table-header-group;
    }

    .evidence-print-table tr[b-ujeohjpwuw] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .evidence-print-section-title[b-ujeohjpwuw] {
        break-after: avoid;
        page-break-after: avoid;
    }

    .evidence-print-footer[b-ujeohjpwuw] {
        margin-top: 3mm;
        padding-top: 1.8mm;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }
}


/* ============================================================
   AUDIT DETAIL - EVIDENCE DESCRIPTIONS & DOCUMENT COMMENTS
   ============================================================ */

.evidence-print-audit-list[b-ujeohjpwuw] {
    display: block;
}

.evidence-print-audit-card[b-ujeohjpwuw] {
    margin-top: 2.5mm;
    border: 1px solid #c8d9e0;
    border-left: 1.2mm solid #0787a0;
    background: #ffffff;
}

.evidence-print-audit-header[b-ujeohjpwuw] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 5mm;
    padding: 2mm 2.5mm;
    border-bottom: 1px solid #d7e3e7;
    background: #f5fafb;
}

.evidence-print-audit-header > div[b-ujeohjpwuw] {
    min-width: 0;
}

.evidence-print-audit-header span[b-ujeohjpwuw] {
    display: block;
    margin-bottom: .5mm;
    color: #0d7187;
    font-size: 4.8pt;
    font-weight: 800;
    letter-spacing: .04em;
}

.evidence-print-audit-header strong[b-ujeohjpwuw] {
    display: block;
    color: #123f52;
    font-size: 6.2pt;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.evidence-print-audit-header b[b-ujeohjpwuw] {
    flex: 0 0 auto;
    padding: .6mm 1.2mm;
    border: 1px solid #c6d8df;
    background: #ffffff;
    color: #31525e;
    font-size: 5pt;
}

.evidence-print-audit-meta-grid[b-ujeohjpwuw] {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    border-bottom: 1px solid #d7e3e7;
}

.evidence-print-audit-meta-grid-doc[b-ujeohjpwuw] {
    grid-template-columns: repeat(4, 1fr);
}

.evidence-print-audit-meta-grid > div[b-ujeohjpwuw] {
    padding: 1.4mm 1.7mm;
    border-right: 1px solid #d7e3e7;
}

.evidence-print-audit-meta-grid > div:nth-child(5n)[b-ujeohjpwuw],
.evidence-print-audit-meta-grid-doc > div:nth-child(4n)[b-ujeohjpwuw] {
    border-right: 0;
}

.evidence-print-audit-meta-grid span[b-ujeohjpwuw],
.evidence-print-audit-text span[b-ujeohjpwuw],
.evidence-print-audit-text-grid span[b-ujeohjpwuw] {
    display: block;
    margin-bottom: .45mm;
    color: #667b85;
    font-size: 4.6pt;
    font-weight: 700;
}

.evidence-print-audit-meta-grid strong[b-ujeohjpwuw] {
    color: #123f52;
    font-size: 5.2pt;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.evidence-print-audit-text[b-ujeohjpwuw] {
    padding: 1.6mm 1.8mm;
}

.evidence-print-audit-text p[b-ujeohjpwuw],
.evidence-print-audit-text-grid p[b-ujeohjpwuw] {
    margin: 0;
    color: #345766;
    font-size: 5.1pt;
    line-height: 1.3;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.evidence-print-audit-text-grid[b-ujeohjpwuw] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.evidence-print-audit-text-grid > div[b-ujeohjpwuw] {
    min-height: 12mm;
    padding: 1.6mm 1.8mm;
    border-right: 1px solid #d7e3e7;
}

.evidence-print-audit-text-grid > div:last-child[b-ujeohjpwuw] {
    border-right: 0;
}

@media print {
    .evidence-print-audit-list[b-ujeohjpwuw] {
        display: block !important;
    }

    .evidence-print-audit-section[b-ujeohjpwuw] {
        break-inside: auto !important;
        page-break-inside: auto !important;
    }

    .evidence-print-audit-section .evidence-print-section-title[b-ujeohjpwuw] {
        break-after: avoid-page !important;
        page-break-after: avoid !important;
    }

    .evidence-print-audit-card[b-ujeohjpwuw] {
        break-inside: avoid-page !important;
        page-break-inside: avoid !important;
    }

    .evidence-print-audit-header[b-ujeohjpwuw],
    .evidence-print-audit-meta-grid[b-ujeohjpwuw],
    .evidence-print-audit-text[b-ujeohjpwuw],
    .evidence-print-audit-text-grid[b-ujeohjpwuw] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Components/Pages/EvidenceRegister.razor.rz.scp.css */
.evidence-register-page[b-ot495enprn] {
    padding: 26px 28px 48px;
    color: #062f43;
}

.evidence-register-state[b-ot495enprn] {
    margin: 28px;
    padding: 28px;
    border: 1px solid #d5e0e5;
    background: #ffffff;
}

.evidence-register-state-error[b-ot495enprn] {
    border-left: 4px solid #c63b32;
}

.evidence-register-breadcrumb[b-ot495enprn] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
    color: #647983;
    font-size: 14px;
}

.evidence-register-breadcrumb a[b-ot495enprn] {
    color: #006b88;
    font-weight: 600;
    text-decoration: none;
}

.evidence-register-header[b-ot495enprn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.evidence-register-heading-group[b-ot495enprn] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.evidence-register-icon[b-ot495enprn] {
    display: flex;
    width: 56px;
    height: 56px;
    align-items: center;
    justify-content: center;
    flex: 0 0 56px;
    border: 1px solid #c8dce4;
    background: #eef8fb;
    font-size: 27px;
}

.evidence-register-eyebrow[b-ot495enprn],
.evidence-register-section-eyebrow[b-ot495enprn] {
    display: block;
    margin-bottom: 5px;
    color: #5b707b;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.evidence-register-header h1[b-ot495enprn] {
    margin: 0;
    font-size: 34px;
    line-height: 1.12;
}

.evidence-register-header p[b-ot495enprn] {
    margin: 6px 0 0;
    color: #526d79;
    font-size: 18px;
}

.evidence-register-back-button[b-ot495enprn] {
    display: inline-flex;
    min-width: 230px;
    height: 38px;
    padding: 0 14px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border: 1px solid #007c9f;
    border-radius: 0;
    background: transparent;
    color: #006b88;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.evidence-register-divider[b-ot495enprn] {
    margin: 24px 0 26px;
    border-top: 1px solid #cdd9df;
}

.evidence-register-kpi-grid[b-ot495enprn] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.evidence-register-kpi-card[b-ot495enprn] {
    display: flex;
    min-height: 96px;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d2dee4;
    background: #ffffff;
    box-shadow: 0 4px 10px rgba(6, 47, 67, .06);
}

.evidence-register-kpi-icon[b-ot495enprn] {
    display: flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    border: 1px solid #cbdde4;
    background: #eef8fb;
    font-size: 20px;
}

.evidence-register-kpi-icon-checklist[b-ot495enprn] {
    border-color: #d9e4c6;
    background: #f3f8e9;
}

.evidence-register-kpi-icon-test[b-ot495enprn] {
    border-color: #d8ccec;
    background: #f6f0fb;
}

.evidence-register-kpi-icon-other[b-ot495enprn] {
    border-color: #e6d7c4;
    background: #fbf4ea;
}

.evidence-register-kpi-card span[b-ot495enprn] {
    display: block;
    margin-bottom: 4px;
    color: #536c78;
    font-size: 13px;
    font-weight: 700;
}

.evidence-register-kpi-card strong[b-ot495enprn] {
    font-size: 27px;
    line-height: 1;
}

.evidence-register-section[b-ot495enprn] {
    margin-top: 32px;
}

.evidence-register-section-heading[b-ot495enprn] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.evidence-register-section-heading h2[b-ot495enprn] {
    margin: 0;
    font-size: 27px;
}

.evidence-register-section-description[b-ot495enprn] {
    color: #61757f;
    font-size: 14px;
}

.evidence-register-card[b-ot495enprn] {
    border: 1px solid #d2dee4;
    background: #ffffff;
}

.evidence-register-filters[b-ot495enprn] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) 210px 210px 190px 120px;
    gap: 14px;
    align-items: end;
    padding: 14px 16px 16px;
    border-bottom: 1px solid #d5e0e5;
    background: #f8fafb;
}

.evidence-register-search[b-ot495enprn],
.evidence-register-filter[b-ot495enprn] {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.evidence-register-search span[b-ot495enprn],
.evidence-register-filter span[b-ot495enprn] {
    color: #294e60;
    font-size: 12px;
    font-weight: 700;
}

.evidence-register-search input[b-ot495enprn],
.evidence-register-filter select[b-ot495enprn] {
    width: 100%;
    height: 38px;
    padding: 0 12px;
    border: 1px solid #c6d5dd;
    border-radius: 0;
    background: #ffffff;
    color: #143f52;
    font: inherit;
    font-size: 13px;
}

.evidence-register-clear-button[b-ot495enprn] {
    height: 38px;
    padding: 0 13px;
    border: 1px solid #8caab8;
    border-radius: 0;
    background: #ffffff;
    color: #315466;
    font-weight: 700;
    cursor: pointer;
}

.evidence-register-table-scroll[b-ot495enprn] {
    overflow-x: auto;
}

.evidence-register-table[b-ot495enprn] {
    width: 100%;
    min-width: 1420px;
    border-collapse: collapse;
}

.evidence-register-table th[b-ot495enprn],
.evidence-register-table td[b-ot495enprn] {
    padding: 13px 14px;
    border-bottom: 1px solid #dce5e9;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
}

.evidence-register-table th[b-ot495enprn] {
    background: #f1f6f8;
    color: #315365;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap;
}

.evidence-register-table tbody tr:last-child td[b-ot495enprn] {
    border-bottom: 0;
}

.evidence-register-file-column[b-ot495enprn] {
    min-width: 240px;
}

.evidence-register-file-column strong[b-ot495enprn],
.evidence-register-file-column span[b-ot495enprn] {
    display: block;
}

.evidence-register-file-column strong[b-ot495enprn] {
    color: #063b52;
}

.evidence-register-file-column span[b-ot495enprn] {
    max-width: 310px;
    margin-top: 4px;
    color: #6a7e88;
    font-size: 12px;
    line-height: 1.35;
}

.evidence-register-source-badge[b-ot495enprn] {
    display: inline-flex;
    min-height: 25px;
    align-items: center;
    padding: 3px 9px;
    border: 1px solid #c8d7de;
    background: #f3f7f9;
    color: #315467;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.evidence-register-source-checklist[b-ot495enprn] {
    border-color: #c7ddc9;
    background: #eff8f0;
    color: #23713a;
}

.evidence-register-source-test[b-ot495enprn] {
    border-color: #d9c8ed;
    background: #f6f0fb;
    color: #654490;
}

.evidence-register-source-punch[b-ot495enprn] {
    border-color: #efc2c2;
    background: #fff0f0;
    color: #a42525;
}

.evidence-register-source-other[b-ot495enprn] {
    border-color: #d4dde2;
    background: #f4f7f8;
    color: #526b77;
}

.evidence-register-actions[b-ot495enprn] {
    display: flex;
    gap: 8px;
    white-space: nowrap;
}

.evidence-register-actions a[b-ot495enprn] {
    display: inline-flex;
    height: 32px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    border: 1px solid #007c9f;
    border-radius: 0;
    background: #ffffff;
    color: #006b88;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.evidence-register-empty-cell[b-ot495enprn] {
    padding: 34px !important;
}

.evidence-register-empty-state[b-ot495enprn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    color: #677b85;
    text-align: center;
}

.evidence-register-empty-state > span[b-ot495enprn] {
    font-size: 28px;
}

.evidence-register-empty-state strong[b-ot495enprn] {
    color: #315466;
    font-size: 15px;
}

.evidence-register-empty-state p[b-ot495enprn] {
    margin: 0;
    font-size: 13px;
}

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

    .evidence-register-filters[b-ot495enprn] {
        grid-template-columns: minmax(260px, 1fr) repeat(2, 190px);
    }

    .evidence-register-clear-button[b-ot495enprn] {
        width: 120px;
    }
}

@media (max-width: 850px) {
    .evidence-register-page[b-ot495enprn] {
        padding: 20px 16px 36px;
    }

    .evidence-register-header[b-ot495enprn],
    .evidence-register-section-heading[b-ot495enprn] {
        flex-direction: column;
        align-items: stretch;
    }

    .evidence-register-back-button[b-ot495enprn] {
        width: 100%;
    }

    .evidence-register-kpi-grid[b-ot495enprn],
    .evidence-register-filters[b-ot495enprn] {
        grid-template-columns: 1fr;
    }

    .evidence-register-clear-button[b-ot495enprn] {
        width: 100%;
    }
}
/* /Components/Pages/ExecutiveProjectSummary.razor.rz.scp.css */
.executive-report-page[b-m9hmp7ab0r] {
    width: 100%;
    max-width: 1500px;
    padding: 34px 38px 60px;
    box-sizing: border-box;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #1f2933;
}

.executive-report-breadcrumb[b-m9hmp7ab0r] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
    color: #6b7e86;
    font-size: 13px;
}

.executive-report-breadcrumb-link[b-m9hmp7ab0r] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #0b6077;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.executive-report-breadcrumb-link:hover[b-m9hmp7ab0r] {
    text-decoration: underline;
}

.executive-report-header[b-m9hmp7ab0r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 26px;
}

.executive-report-eyebrow[b-m9hmp7ab0r] {
    display: block;
    margin-bottom: 6px;
    color: #5c727b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.09em;
}

.executive-report-header h1[b-m9hmp7ab0r],
.executive-report-state h1[b-m9hmp7ab0r] {
    margin: 0;
    color: #16232d;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.15;
}

.executive-report-header p[b-m9hmp7ab0r] {
    margin: 7px 0 0;
    color: #6c7882;
    font-size: 15px;
}

.executive-report-back-button[b-m9hmp7ab0r] {
    min-width: 126px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid rgba(13, 50, 61, 1);
    border-radius: 0;
    background: transparent;
    color: rgba(13, 50, 61, 1);
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.executive-report-back-button:hover[b-m9hmp7ab0r] {
    background: rgba(13, 50, 61, 0.07);
}

.executive-report-scope-card[b-m9hmp7ab0r] {
    width: 100%;
    margin-bottom: 28px;
    padding: 22px 24px;
    border: 1px solid #d7e0e4;
    background: #ffffff;
    box-sizing: border-box;
}

.executive-report-scope-title[b-m9hmp7ab0r] {
    margin-bottom: 17px;
    color: #66808a;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
}

.executive-report-scope-grid[b-m9hmp7ab0r] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    border: 1px solid #dce5e8;
    background: #f8fafb;
}

.executive-report-scope-item[b-m9hmp7ab0r] {
    min-width: 0;
    padding: 16px 18px;
    border-right: 1px solid #dce5e8;
}

.executive-report-scope-item:last-child[b-m9hmp7ab0r] {
    border-right: 0;
}

.executive-report-scope-item span[b-m9hmp7ab0r],
.executive-report-scope-item strong[b-m9hmp7ab0r] {
    display: block;
}

.executive-report-scope-item span[b-m9hmp7ab0r] {
    margin-bottom: 6px;
    color: #687b83;
    font-size: 12px;
    font-weight: 600;
}

.executive-report-scope-item strong[b-m9hmp7ab0r] {
    color: #153743;
    font-size: 16px;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.executive-report-section[b-m9hmp7ab0r] {
    margin-top: 28px;
}

.executive-report-section-heading[b-m9hmp7ab0r] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 16px;
    padding-bottom: 11px;
    border-bottom: 1px solid #dce4e7;
}

.executive-report-section-heading span[b-m9hmp7ab0r] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.07em;
}

.executive-report-section-heading h2[b-m9hmp7ab0r] {
    margin: 0;
    color: #20343e;
    font-size: 21px;
    font-weight: 600;
}

.executive-report-section-scope[b-m9hmp7ab0r] {
    padding-bottom: 2px;
    color: #6f8087;
    font-size: 13px;
    font-weight: 600;
}

.executive-report-kpi-grid[b-m9hmp7ab0r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 18px;
}

.executive-report-kpi-card[b-m9hmp7ab0r] {
    min-width: 0;
    min-height: 118px;
    padding: 18px 20px;
    border: 1px solid #d6dfe3;
    background: #ffffff;
    box-sizing: border-box;
}

.executive-report-kpi-label[b-m9hmp7ab0r] {
    color: #5f737b;
    font-size: 13px;
    font-weight: 600;
}

.executive-report-kpi-value[b-m9hmp7ab0r] {
    margin-top: 13px;
    color: #0d3240;
    font-size: 32px;
    font-weight: 700;
    line-height: 1;
}

.executive-report-kpi-note[b-m9hmp7ab0r] {
    margin-top: 10px;
    color: #7b8b91;
    font-size: 12px;
}

.executive-report-progress-card[b-m9hmp7ab0r] {
    padding: 20px 22px;
    border: 1px solid #d6dfe3;
    background: #ffffff;
}

.executive-report-progress-heading[b-m9hmp7ab0r] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 13px;
}

.executive-report-progress-heading > div:first-child[b-m9hmp7ab0r] {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.executive-report-progress-heading span[b-m9hmp7ab0r] {
    color: #536b74;
    font-size: 13px;
    font-weight: 600;
}

.executive-report-progress-heading strong[b-m9hmp7ab0r] {
    color: #0d6075;
    font-size: 24px;
    font-weight: 700;
}

.executive-report-progress-detail[b-m9hmp7ab0r] {
    color: #718289;
    font-size: 12px;
}

.executive-report-progress-track[b-m9hmp7ab0r] {
    width: 100%;
    height: 8px;
    overflow: hidden;
    background: #e3ebee;
}

.executive-report-progress-fill[b-m9hmp7ab0r] {
    height: 100%;
    background: #0d7187;
    transition: width 0.25s ease;
}

.executive-report-progress-footer[b-m9hmp7ab0r] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    margin-top: 13px;
    color: #708188;
    font-size: 12px;
}

.executive-report-progress-footer strong[b-m9hmp7ab0r] {
    color: #294751;
    font-weight: 700;
}

.executive-report-state[b-m9hmp7ab0r] {
    padding: 28px;
    border: 1px solid #d7e0e4;
    background: #ffffff;
}

.executive-report-state-error[b-m9hmp7ab0r] {
    border-color: #e2b4b8;
}

.executive-report-state p[b-m9hmp7ab0r] {
    margin: 14px 0 20px;
    color: #5f727a;
    font-size: 14px;
}

@media (max-width: 1100px) {
    .executive-report-kpi-grid[b-m9hmp7ab0r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .executive-report-scope-grid[b-m9hmp7ab0r] {
        grid-template-columns: 1fr;
    }

    .executive-report-scope-item[b-m9hmp7ab0r] {
        border-right: 0;
        border-bottom: 1px solid #dce5e8;
    }

    .executive-report-scope-item:last-child[b-m9hmp7ab0r] {
        border-bottom: 0;
    }
}

@media (max-width: 700px) {
    .executive-report-page[b-m9hmp7ab0r] {
        padding: 24px 18px 40px;
    }

    .executive-report-header[b-m9hmp7ab0r],
    .executive-report-section-heading[b-m9hmp7ab0r],
    .executive-report-progress-heading[b-m9hmp7ab0r] {
        align-items: stretch;
        flex-direction: column;
    }

    .executive-report-back-button[b-m9hmp7ab0r] {
        width: 100%;
    }

    .executive-report-header h1[b-m9hmp7ab0r],
    .executive-report-state h1[b-m9hmp7ab0r] {
        font-size: 30px;
    }

    .executive-report-kpi-grid[b-m9hmp7ab0r] {
        grid-template-columns: 1fr;
    }

    .executive-report-progress-heading > div:first-child[b-m9hmp7ab0r] {
        justify-content: space-between;
    }
}


.executive-report-phase-table-wrapper[b-m9hmp7ab0r] {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #d6dfe3;
    background: #ffffff;
}

.executive-report-phase-table[b-m9hmp7ab0r] {
    width: 100%;
    min-width: 1040px;
    border-collapse: collapse;
    table-layout: auto;
}

.executive-report-phase-table th[b-m9hmp7ab0r] {
    padding: 13px 15px;
    border-bottom: 1px solid #cfdce1;
    background: #f8fafb;
    color: #405c66;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.executive-report-phase-table td[b-m9hmp7ab0r] {
    padding: 14px 15px;
    border-bottom: 1px solid #e0e7ea;
    color: #294751;
    font-size: 13px;
    vertical-align: middle;
}

.executive-report-phase-table tbody tr:last-child td[b-m9hmp7ab0r] {
    border-bottom: 0;
}

.executive-report-phase-table td strong[b-m9hmp7ab0r] {
    color: #143844;
    font-weight: 700;
}

.executive-report-phase-progress[b-m9hmp7ab0r] {
    min-width: 130px;
}

.executive-report-phase-progress-heading[b-m9hmp7ab0r] {
    margin-bottom: 6px;
    color: #31525e;
    font-size: 12px;
    font-weight: 700;
}

.executive-report-phase-progress-track[b-m9hmp7ab0r] {
    width: 100%;
    height: 6px;
    overflow: hidden;
    background: #e3ebee;
}

.executive-report-phase-progress-fill[b-m9hmp7ab0r] {
    height: 100%;
    background: #0d7187;
}

.executive-report-header-actions[b-m9hmp7ab0r] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.executive-report-export-button[b-m9hmp7ab0r] {
    min-width: 146px;
    height: 38px;
    padding: 0 16px;
    border: 1px solid rgba(13, 50, 61, 1);
    border-radius: 0;
    background: rgba(13, 50, 61, 1);
    color: #ffffff;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.executive-report-export-button:hover[b-m9hmp7ab0r] {
    background: rgba(13, 50, 61, 0.9);
}

@media (max-width: 760px) {
    .executive-report-header-actions[b-m9hmp7ab0r] {
        width: 100%;
        flex-wrap: wrap;
    }
}

/* ============================================================
   CMS REPORTS UI REFRESH
   Screen-only visual hierarchy. Print components remain unchanged.
   ============================================================ */

.executive-report-page[b-m9hmp7ab0r] {
    max-width: 1600px;
    margin: 0 auto;
    background: linear-gradient(180deg, #f5fafb 0, #ffffff 320px);
}

.executive-report-breadcrumb[b-m9hmp7ab0r] {
    margin-bottom: 16px;
}

.executive-report-header[b-m9hmp7ab0r] {
    position: relative;
    padding: 22px 24px 21px;
    border-top: 5px solid #0b7f96;
    border-bottom: 1px solid #c9dce2;
    background: linear-gradient(100deg, #eaf6f8 0%, #f8fcfd 54%, #ffffff 100%);
    box-shadow: 0 4px 14px rgba(13, 50, 61, 0.07);
}

.executive-report-header h1[b-m9hmp7ab0r] {
    color: #0d3240;
    font-weight: 650;
}

.executive-report-eyebrow[b-m9hmp7ab0r] {
    color: #0b7489;
}

.executive-report-header p[b-m9hmp7ab0r] {
    color: #55717b;
}

.executive-report-export-button[b-m9hmp7ab0r] {
    border-color: #0d4b5c;
    background: #0d4b5c;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(13, 50, 61, 0.15);
}

.executive-report-export-button:hover[b-m9hmp7ab0r] {
    border-color: #0a3c4a;
    background: #0a3c4a;
}

.executive-report-back-button[b-m9hmp7ab0r] {
    border-color: #3a7d90;
    color: #15566a;
    background: #ffffff;
}

.executive-report-back-button:hover[b-m9hmp7ab0r] {
    border-color: #0b7489;
    background: #edf7f9;
}

.executive-report-scope-card[b-m9hmp7ab0r] {
    overflow: hidden;
    border-color: #c9dce2;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.055);
}

.executive-report-scope-title[b-m9hmp7ab0r] {
    margin: 0;
    padding: 12px 16px;
    border-bottom: 0;
    background: #0d4b5c;
    color: #ffffff;
    letter-spacing: .08em;
}

.executive-report-scope-grid[b-m9hmp7ab0r] {
    border-color: #d3e2e7;
    background: #ffffff;
}

.executive-report-scope-item[b-m9hmp7ab0r] {
    border-color: #d9e6ea;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.executive-report-scope-item span[b-m9hmp7ab0r] {
    color: #67808a;
}

.executive-report-scope-item strong[b-m9hmp7ab0r] {
    color: #103b49;
}

.executive-report-section-heading[b-m9hmp7ab0r] {
    align-items: center;
    margin-bottom: 17px;
    padding: 11px 14px 11px 16px;
    border-left: 4px solid #0e8ca5;
    border-bottom: 0;
    background: linear-gradient(90deg, #eaf6f8 0%, #f8fcfd 62%, #ffffff 100%);
}

.executive-report-section-heading span[b-m9hmp7ab0r] {
    color: #0b7489;
}

.executive-report-section-heading h2[b-m9hmp7ab0r] {
    color: #123d4b;
}

.executive-report-section-scope[b-m9hmp7ab0r] {
    color: #5f7a84;
}

.executive-report-kpi-card[b-m9hmp7ab0r] {
    position: relative;
    overflow: hidden;
    border-color: #d4e1e5;
    background: linear-gradient(145deg, #ffffff 0%, #f8fbfc 100%);
    box-shadow: 0 4px 12px rgba(13, 50, 61, 0.055);
}

.executive-report-kpi-card[b-m9hmp7ab0r]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #11869e;
}

.executive-report-kpi-card:nth-child(2)[b-m9hmp7ab0r]::before { background: #32a365; }
.executive-report-kpi-card:nth-child(3)[b-m9hmp7ab0r]::before { background: #d9534f; }
.executive-report-kpi-card:nth-child(4)[b-m9hmp7ab0r]::before { background: #d78a12; }
.executive-report-kpi-card:nth-child(5)[b-m9hmp7ab0r]::before { background: #3c78c5; }
.executive-report-kpi-card:nth-child(6)[b-m9hmp7ab0r]::before { background: #835bb5; }

.executive-report-kpi-label[b-m9hmp7ab0r] {
    color: #4e6e79;
}

.executive-report-kpi-value[b-m9hmp7ab0r] {
    color: #0b4050;
}

.executive-report-progress-card[b-m9hmp7ab0r] {
    border-color: #cbdde2;
    border-left: 4px solid #0e8ca5;
    background: linear-gradient(90deg, #f7fbfc 0%, #ffffff 100%);
    box-shadow: 0 3px 10px rgba(13, 50, 61, 0.045);
}

.executive-report-progress-track[b-m9hmp7ab0r],
.executive-report-row-progress-track[b-m9hmp7ab0r] {
    background: #dce9ed;
}

.executive-report-progress-fill[b-m9hmp7ab0r],
.executive-report-row-progress-fill[b-m9hmp7ab0r] {
    background: linear-gradient(90deg, #0c8098 0%, #22a6b9 100%);
}

.executive-report-phase-table-wrapper[b-m9hmp7ab0r] {
    border-color: #cadce2;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.05);
}

.executive-report-phase-table th[b-m9hmp7ab0r] {
    border-color: #c8dce2;
    background: #e6f2f5;
    color: #174758;
}

.executive-report-phase-table td[b-m9hmp7ab0r] {
    border-color: #dce7ea;
}

.executive-report-phase-table tbody tr:nth-child(even) td[b-m9hmp7ab0r] {
    background: #fbfdfe;
}

.executive-report-phase-table tbody tr:hover td[b-m9hmp7ab0r] {
    background: #f0f8fa;
}

.executive-report-kpi-grid .executive-report-kpi-card:nth-child(2)[b-m9hmp7ab0r]::before { background: #32a365; }
.executive-report-kpi-grid .executive-report-kpi-card:nth-child(3)[b-m9hmp7ab0r]::before { background: #d78a12; }
.executive-report-kpi-grid .executive-report-kpi-card:nth-child(4)[b-m9hmp7ab0r]::before { background: #3c78c5; }
.executive-report-phase-table-wrapper[b-m9hmp7ab0r] { border: 1px solid #cadce2; }
.executive-report-phase-table th[b-m9hmp7ab0r] { background: #e6f2f5; color: #174758; }
.executive-report-phase-table tbody tr:nth-child(even) td[b-m9hmp7ab0r] { background: #fbfdfe; }
.executive-report-phase-table tbody tr:hover td[b-m9hmp7ab0r] { background: #f0f8fa; }

/* /Components/Pages/ExecutiveProjectSummaryPrint.razor.rz.scp.css */

.executive-print-view[b-mlnjvk0s0w] {
    width: 100%;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #173447;
    background: linear-gradient(180deg, #e7eef4 0%, #dce6ee 100%);
    padding-bottom: 24px;
}

.executive-print-toolbar[b-mlnjvk0s0w] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    width: 210mm;
    margin: 0 auto 14px;
}

.executive-print-toolbar-button[b-mlnjvk0s0w] {
    min-width: 144px;
    height: 44px;
    padding: 0 18px;
    border: 1px solid #0d3240;
    border-radius: 0;
    background: #ffffff;
    color: #0d3240;
    font: 700 13px "Segoe UI", Arial, sans-serif;
    letter-spacing: .01em;
    cursor: pointer;
    transition: background .15s ease, color .15s ease, border-color .15s ease;
}

.executive-print-toolbar-button:hover[b-mlnjvk0s0w] {
    background: #eff5fa;
}

.executive-print-toolbar-button-primary[b-mlnjvk0s0w] {
    background: linear-gradient(135deg, #0d3240 0%, #0b6a8a 100%);
    border-color: #0d3240;
    color: #ffffff;
}

.executive-print-toolbar-button-primary:hover[b-mlnjvk0s0w] {
    background: linear-gradient(135deg, #0b2a36 0%, #095b76 100%);
}

.executive-print-sheet[b-mlnjvk0s0w] {
    position: relative;
    width: 210mm;
    min-height: 297mm;
    margin: 0 auto;
    padding: 10mm 11mm 8mm;
    box-sizing: border-box;
    background:
        linear-gradient(180deg, rgba(13, 120, 150, .06) 0, rgba(13, 120, 150, 0) 20mm),
        linear-gradient(135deg, rgba(16, 58, 83, .04) 0%, rgba(255, 255, 255, 0) 45%),
        #ffffff;
    border-top: 5px solid #0d7896;
    box-shadow: 0 10px 28px rgba(19, 52, 71, .18);
}

.executive-print-sheet[b-mlnjvk0s0w]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 46mm;
    height: 22mm;
    background: linear-gradient(135deg, rgba(13, 120, 150, .10) 0%, rgba(13, 120, 150, 0) 75%);
    pointer-events: none;
}

.executive-print-header[b-mlnjvk0s0w] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12mm;
    padding-bottom: 5mm;
    border-bottom: 2px solid #d7e3ea;
}

.executive-print-kicker[b-mlnjvk0s0w],
.executive-print-section-title[b-mlnjvk0s0w] {
    color: #0d4f76;
    font-size: 8.5pt;
    font-weight: 800;
    letter-spacing: .07em;
}

.executive-print-header h1[b-mlnjvk0s0w] {
    margin: 1.5mm 0 1mm;
    color: #0d3240;
    font-size: 21pt;
    font-weight: 800;
    line-height: 1.04;
}

.executive-print-header p[b-mlnjvk0s0w] {
    margin: 0;
    color: #5a6d79;
    font-size: 8.5pt;
}

.executive-print-brand[b-mlnjvk0s0w] {
    display: flex;
    align-items: center;
    gap: 3mm;
    flex: 0 0 auto;
}

.executive-print-brand-mark[b-mlnjvk0s0w] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 1.5mm;
    width: 15mm;
    height: 18mm;
    padding: 2.6mm 2.2mm;
    border: 2px solid #0d4f76;
    background: linear-gradient(180deg, #ffffff 0%, #eef7fb 100%);
    box-shadow: inset 0 0 0 1px rgba(13, 120, 150, .08);
}

.executive-print-brand-mark span[b-mlnjvk0s0w] {
    display: block;
    height: 2.2mm;
    border-radius: .5mm;
    background: linear-gradient(90deg, #0d4f76 0%, #0a8aa2 100%);
}

.executive-print-brand-text[b-mlnjvk0s0w] {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
}

.executive-print-brand-text strong[b-mlnjvk0s0w] {
    color: #5a6670;
    font-size: 20pt;
    font-weight: 800;
    letter-spacing: -.02em;
}

.executive-print-brand-text span[b-mlnjvk0s0w] {
    color: #64737d;
    font-size: 5.5pt;
    font-weight: 700;
}

.executive-print-scope[b-mlnjvk0s0w] {
    margin-top: 5mm;
    border: 1px solid #d5e0e7;
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(13, 50, 64, .03);
}

.executive-print-section-band[b-mlnjvk0s0w] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6mm;
    padding: 2.6mm 3.2mm;
    background: linear-gradient(90deg, #0d3240 0%, #145473 100%);
    color: #ffffff;
    font-size: 7pt;
    font-weight: 800;
    letter-spacing: .02em;
}

.executive-print-scope-grid[b-mlnjvk0s0w] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.executive-print-scope-grid > div[b-mlnjvk0s0w] {
    padding: 3mm 4mm;
    border-right: 1px solid #dbe4ea;
    background: linear-gradient(180deg, #fbfdfe 0%, #f5f9fc 100%);
}

.executive-print-scope-grid > div:last-child[b-mlnjvk0s0w] {
    border-right: 0;
}

.executive-print-scope-grid span[b-mlnjvk0s0w] {
    display: block;
    margin-bottom: 1mm;
    color: #5d7280;
    font-size: 6.5pt;
}

.executive-print-scope-grid strong[b-mlnjvk0s0w] {
    color: #0d3240;
    font-size: 9pt;
}

.executive-print-section[b-mlnjvk0s0w] {
    margin-top: 5mm;
}

.executive-print-section-title[b-mlnjvk0s0w] {
    margin-bottom: 2.5mm;
    padding-left: 2.2mm;
    border-left: 3px solid #0d7896;
}

.executive-print-kpi-grid[b-mlnjvk0s0w] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 2mm;
}

.executive-print-kpi-card[b-mlnjvk0s0w] {
    min-height: 27mm;
    padding: 3mm;
    border: 1px solid #d8e2e8;
    background: #ffffff;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(18, 57, 83, .05);
    position: relative;
    overflow: hidden;
}

.executive-print-kpi-card[b-mlnjvk0s0w]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2.2mm;
    background: #0d7896;
}

.executive-print-kpi-card:nth-child(1)[b-mlnjvk0s0w] {
    background: linear-gradient(180deg, #f2fbff 0%, #ffffff 44%);
}
.executive-print-kpi-card:nth-child(1)[b-mlnjvk0s0w]::before { background: #0d7896; }

.executive-print-kpi-card:nth-child(2)[b-mlnjvk0s0w] {
    background: linear-gradient(180deg, #f3f8ff 0%, #ffffff 44%);
}
.executive-print-kpi-card:nth-child(2)[b-mlnjvk0s0w]::before { background: #4472c4; }

.executive-print-kpi-card:nth-child(3)[b-mlnjvk0s0w] {
    background: linear-gradient(180deg, #f5fbf7 0%, #ffffff 44%);
}
.executive-print-kpi-card:nth-child(3)[b-mlnjvk0s0w]::before { background: #2f9d57; }

.executive-print-kpi-card:nth-child(4)[b-mlnjvk0s0w] {
    background: linear-gradient(180deg, #fff8ef 0%, #ffffff 44%);
}
.executive-print-kpi-card:nth-child(4)[b-mlnjvk0s0w]::before { background: #d38a19; }

.executive-print-kpi-card:nth-child(5)[b-mlnjvk0s0w] {
    background: linear-gradient(180deg, #fff4f3 0%, #ffffff 44%);
}
.executive-print-kpi-card:nth-child(5)[b-mlnjvk0s0w]::before { background: #c84b41; }

.executive-print-kpi-card:nth-child(6)[b-mlnjvk0s0w] {
    background: linear-gradient(180deg, #f3f8f3 0%, #ffffff 44%);
}
.executive-print-kpi-card:nth-child(6)[b-mlnjvk0s0w]::before { background: #287645; }

.executive-print-kpi-card span[b-mlnjvk0s0w] {
    display: block;
    min-height: 7mm;
    color: #385667;
    font-size: 6.4pt;
    font-weight: 700;
}

.executive-print-kpi-card strong[b-mlnjvk0s0w] {
    display: block;
    margin-top: 1mm;
    color: #0d4f76;
    font-size: 17pt;
    line-height: 1;
}

.executive-print-kpi-card:nth-child(2) strong[b-mlnjvk0s0w] { color: #355da7; }
.executive-print-kpi-card:nth-child(3) strong[b-mlnjvk0s0w] { color: #287645; }
.executive-print-kpi-card:nth-child(4) strong[b-mlnjvk0s0w] { color: #b26e0b; }
.executive-print-kpi-card:nth-child(5) strong[b-mlnjvk0s0w] { color: #b53d37; }
.executive-print-kpi-card:nth-child(6) strong[b-mlnjvk0s0w] { color: #287645; }

.executive-print-kpi-card small[b-mlnjvk0s0w] {
    display: block;
    min-height: 7mm;
    margin-top: 1.5mm;
    color: #677884;
    font-size: 5.8pt;
    line-height: 1.25;
}

.executive-print-kpi-card .executive-print-health[b-mlnjvk0s0w] {
    color: #287645;
    font-size: 12pt;
}

.executive-print-bar[b-mlnjvk0s0w] {
    width: 100%;
    height: 1.8mm;
    margin-top: 1.5mm;
    overflow: hidden;
    background: #dbe5ea;
    border-radius: 3mm;
}

.executive-print-bar > div[b-mlnjvk0s0w] {
    height: 100%;
    background: linear-gradient(90deg, #0d7896 0%, #22a6c3 100%);
}

.executive-print-summary-grid[b-mlnjvk0s0w] {
    display: grid;
    grid-template-columns: 1.25fr .9fr;
    gap: 5mm;
    margin-top: 5mm;
}

.executive-print-summary-block[b-mlnjvk0s0w],
.executive-print-project-block[b-mlnjvk0s0w] {
    padding: 3mm 3mm 3.2mm;
    background: linear-gradient(180deg, #fcfdff 0%, #f7fafc 100%);
    border: 1px solid #dde6ec;
    box-shadow: 0 1px 3px rgba(18, 57, 83, .04);
}

.executive-print-summary-block[b-mlnjvk0s0w] {
    border-left: 4px solid #0d7896;
}

.executive-print-project-block[b-mlnjvk0s0w] {
    border-left: 4px solid #4472c4;
}

.executive-print-summary-block p[b-mlnjvk0s0w] {
    margin: 0 0 2mm;
    color: #334c5b;
    font-size: 7pt;
    line-height: 1.45;
}

.executive-print-project-block dl[b-mlnjvk0s0w] {
    margin: 0;
}

.executive-print-project-block dl > div[b-mlnjvk0s0w] {
    display: grid;
    grid-template-columns: 42% 58%;
    padding: 1.2mm 0;
    border-bottom: 1px solid #e5ebef;
}

.executive-print-project-block dt[b-mlnjvk0s0w],
.executive-print-project-block dd[b-mlnjvk0s0w] {
    margin: 0;
    font-size: 6.7pt;
}

.executive-print-project-block dt[b-mlnjvk0s0w] {
    color: #60727d;
    font-weight: 600;
}

.executive-print-project-block dd[b-mlnjvk0s0w] {
    color: #173447;
    font-weight: 700;
}

.executive-print-table[b-mlnjvk0s0w] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    background: #ffffff;
    box-shadow: 0 1px 3px rgba(18, 57, 83, .04);
}

.executive-print-table th[b-mlnjvk0s0w],
.executive-print-table td[b-mlnjvk0s0w] {
    padding: 2mm 2.2mm;
    border: 1px solid #d7e2e8;
    text-align: left;
    vertical-align: middle;
    font-size: 6.3pt;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.executive-print-table th[b-mlnjvk0s0w] {
    background: linear-gradient(180deg, #edf5fa 0%, #e6eff6 100%);
    color: #123953;
    font-weight: 800;
}

.executive-print-table tbody tr:nth-child(even) td[b-mlnjvk0s0w] {
    background: #fbfdfe;
}

.executive-print-phase-table th:first-child[b-mlnjvk0s0w] {
    width: 24%;
}

.executive-print-empty[b-mlnjvk0s0w] {
    padding: 4mm;
    border: 1px solid #d7e2e8;
    background: linear-gradient(180deg, #f8fbfd 0%, #ffffff 100%);
    color: #687b85;
    font-size: 7pt;
}

.executive-print-footer[b-mlnjvk0s0w] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8mm;
    margin-top: 5mm;
    padding-top: 3mm;
    border-top: 2px solid #d6e2e8;
    color: #5b707d;
    font-size: 6pt;
}

.executive-print-footer > div:first-child[b-mlnjvk0s0w] {
    display: flex;
    flex-direction: column;
    gap: 1mm;
}

.executive-print-state[b-mlnjvk0s0w] {
    width: 210mm;
    margin: 0 auto;
    padding: 20mm;
    box-sizing: border-box;
    background: #ffffff;
    color: #173447;
    box-shadow: 0 10px 28px rgba(19, 52, 71, .18);
}

.executive-print-state-error[b-mlnjvk0s0w] {
    border-left: 4px solid #c63b32;
}

.executive-print-no-break[b-mlnjvk0s0w] {
    break-inside: avoid;
    page-break-inside: avoid;
}

@page {
    size: A4 portrait;
    margin: 5mm;
}

@media print {
    html[b-mlnjvk0s0w],
    body[b-mlnjvk0s0w] {
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    .executive-print-view[b-mlnjvk0s0w] {
        width: 100%;
        padding-bottom: 0;
        background: #ffffff !important;
    }

    .executive-print-toolbar[b-mlnjvk0s0w] {
        display: none !important;
    }

    .executive-print-sheet[b-mlnjvk0s0w],
    .executive-print-state[b-mlnjvk0s0w] {
        width: auto;
        min-height: 0;
        margin: 0;
        box-shadow: none;
    }

    .executive-print-sheet[b-mlnjvk0s0w] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .executive-print-header[b-mlnjvk0s0w] {
        gap: 8mm;
        padding-bottom: 3.4mm;
    }

    .executive-print-header h1[b-mlnjvk0s0w] {
        margin: 1mm 0 .7mm;
        font-size: 19pt;
    }

    .executive-print-header p[b-mlnjvk0s0w] {
        font-size: 7.8pt;
    }

    .executive-print-brand-mark[b-mlnjvk0s0w] {
        width: 13mm;
        height: 15mm;
    }

    .executive-print-brand-text strong[b-mlnjvk0s0w] {
        font-size: 18pt;
    }

    .executive-print-scope[b-mlnjvk0s0w] {
        margin-top: 3.5mm;
    }

    .executive-print-section-band[b-mlnjvk0s0w] {
        padding: 2mm 3mm;
    }

    .executive-print-scope-grid > div[b-mlnjvk0s0w] {
        padding: 2.4mm 3.5mm;
    }

    .executive-print-section[b-mlnjvk0s0w] {
        margin-top: 3.5mm;
    }

    .executive-print-section-title[b-mlnjvk0s0w] {
        margin-bottom: 1.8mm;
    }

    .executive-print-kpi-grid[b-mlnjvk0s0w] {
        gap: 1.5mm;
    }

    .executive-print-kpi-card[b-mlnjvk0s0w] {
        min-height: 23mm;
        padding: 2.2mm;
    }

    .executive-print-kpi-card span[b-mlnjvk0s0w] {
        min-height: 5.5mm;
        font-size: 6pt;
    }

    .executive-print-kpi-card strong[b-mlnjvk0s0w] {
        margin-top: .6mm;
        font-size: 15pt;
    }

    .executive-print-kpi-card small[b-mlnjvk0s0w] {
        min-height: 5mm;
        margin-top: 1mm;
        font-size: 5.4pt;
    }

    .executive-print-summary-grid[b-mlnjvk0s0w] {
        gap: 4mm;
        margin-top: 3.5mm;
    }

    .executive-print-summary-block[b-mlnjvk0s0w],
    .executive-print-project-block[b-mlnjvk0s0w] {
        padding: 2mm 2.4mm;
    }

    .executive-print-summary-block p[b-mlnjvk0s0w] {
        margin: 0 0 1.3mm;
        font-size: 6.5pt;
        line-height: 1.35;
    }

    .executive-print-project-block dl > div[b-mlnjvk0s0w] {
        padding: .8mm 0;
    }

    .executive-print-project-block dt[b-mlnjvk0s0w],
    .executive-print-project-block dd[b-mlnjvk0s0w] {
        font-size: 6.2pt;
    }

    .executive-print-table th[b-mlnjvk0s0w],
    .executive-print-table td[b-mlnjvk0s0w] {
        padding: 1.45mm 1.8mm;
        font-size: 5.9pt;
        line-height: 1.15;
    }

    .executive-print-footer[b-mlnjvk0s0w] {
        margin-top: 3mm;
        padding-top: 2mm;
        font-size: 5.7pt;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .executive-print-footer > div:first-child[b-mlnjvk0s0w] {
        gap: .6mm;
    }

    .executive-print-section[b-mlnjvk0s0w],
    .executive-print-summary-grid[b-mlnjvk0s0w],
    .executive-print-table[b-mlnjvk0s0w],
    .executive-print-footer[b-mlnjvk0s0w] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

@media screen and (max-width: 920px) {
    .executive-print-toolbar[b-mlnjvk0s0w],
    .executive-print-sheet[b-mlnjvk0s0w],
    .executive-print-state[b-mlnjvk0s0w] {
        width: 100%;
    }

    .executive-print-sheet[b-mlnjvk0s0w] {
        min-height: 0;
        padding: 18px;
    }

    .executive-print-kpi-grid[b-mlnjvk0s0w] {
        grid-template-columns: repeat(3, 1fr);
    }

    .executive-print-summary-grid[b-mlnjvk0s0w] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/HotCommissioning.razor.rz.scp.css */
.hot-commissioning-page[b-45eptwuzez] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.hot-commissioning-breadcrumb[b-45eptwuzez] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.hot-commissioning-breadcrumb a[b-45eptwuzez] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.hot-commissioning-breadcrumb a:hover[b-45eptwuzez] {
    color: #073f50;
    text-decoration: underline;
}

.hot-commissioning-breadcrumb-separator[b-45eptwuzez] {
    color: #8a9aa1;
    user-select: none;
}

.hot-commissioning-breadcrumb-current[b-45eptwuzez] {
    color: #61737b;
    font-weight: 500;
}

.hot-commissioning-header[b-45eptwuzez] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.hot-commissioning-heading-group[b-45eptwuzez] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.hot-commissioning-icon[b-45eptwuzez] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.hot-commissioning-heading[b-45eptwuzez] {
    min-width: 0;
}

.hot-commissioning-eyebrow[b-45eptwuzez] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.hot-commissioning-heading h1[b-45eptwuzez] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.hot-commissioning-heading p[b-45eptwuzez] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.hot-commissioning-header-actions[b-45eptwuzez] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.hot-commissioning-status[b-45eptwuzez] {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border: 1px solid #cdd7db;
    border-radius: 4px;
    color: #566a72;
    background: #f1f4f5;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.hot-commissioning-back-button[b-45eptwuzez] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.hot-commissioning-back-button:hover[b-45eptwuzez] {
    color: #ffffff;
    background: #0d7187;
    border-color: #0d7187;
}

.hot-commissioning-header-divider[b-45eptwuzez] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.hot-commissioning-icon[b-45eptwuzez] {
    color: #96332f;
    background: #fbeceb;
    border-color: #e9c2c0;
}

.hot-commissioning-overview[b-45eptwuzez] {
    width: 100%;
    margin-top: 28px;
}

.hot-commissioning-kpi-grid[b-45eptwuzez] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
}

.hot-commissioning-kpi-card[b-45eptwuzez] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.hot-commissioning-kpi-icon[b-45eptwuzez] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
}

.hot-commissioning-kpi-icon-punch[b-45eptwuzez] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.hot-commissioning-kpi-icon-tests[b-45eptwuzez] {
    border-color: #d9c9eb;
    background: #f1ebf8;
}

.hot-commissioning-kpi-icon-evidence[b-45eptwuzez] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.hot-commissioning-kpi-card span[b-45eptwuzez] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    font-weight: 650;
}

.hot-commissioning-kpi-card strong[b-45eptwuzez] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
}

.hot-commissioning-progress-card[b-45eptwuzez] {
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid #d5e0e4;
    border-left: 4px solid #b8423e;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.hot-commissioning-progress-heading[b-45eptwuzez] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.hot-commissioning-progress-heading h2[b-45eptwuzez] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
}

.hot-commissioning-progress-heading > strong[b-45eptwuzez] {
    color: #96332f;
    font-size: 28px;
}

.hot-commissioning-progress-track[b-45eptwuzez] {
    height: 8px;
    margin-top: 14px;
    overflow: hidden;
    border-radius: 4px;
    background: #e3ebee;
}

.hot-commissioning-progress-fill[b-45eptwuzez] {
    height: 100%;
    background: #b8423e;
}

.hot-commissioning-progress-card p[b-45eptwuzez] {
    margin: 10px 0 0;
    color: #64777f;
    font-size: 13px;
}

.hot-commissioning-navigation[b-45eptwuzez] {
    width: 100%;
    margin-top: 28px;
}

.hot-commissioning-section-heading[b-45eptwuzez] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.hot-commissioning-section-eyebrow[b-45eptwuzez] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.hot-commissioning-section-heading h2[b-45eptwuzez] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.hot-commissioning-section-description[b-45eptwuzez] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.hot-commissioning-navigation-grid[b-45eptwuzez] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.hot-commissioning-navigation-card[b-45eptwuzez] {
    aspect-ratio: auto;
    min-width: 0;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #d2dde1;
    border-top: 4px solid #2d7890;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
    cursor: default;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.hot-commissioning-navigation-card:hover[b-45eptwuzez] {
    transform: translateY(-3px);
    border-color: #9ebbc5;
    box-shadow: 0 8px 20px rgba(13, 50, 64, 0.13);
}

.hot-commissioning-navigation-card-equipment[b-45eptwuzez] {
    border-top-color: #557a95;
}

.hot-commissioning-navigation-card-templates[b-45eptwuzez] {
    border-top-color: #7653a6;
}

.hot-commissioning-navigation-card-checklist[b-45eptwuzez] {
    border-top-color: #c56b1d;
}

.hot-commissioning-navigation-card-release[b-45eptwuzez] {
    border-top-color: #b8423e;
}

.hot-commissioning-navigation-card-tests[b-45eptwuzez] {
    border-top-color: #7653a6;
}

.hot-commissioning-navigation-card-punches[b-45eptwuzez] {
    border-top-color: #b8423e;
}

.hot-commissioning-navigation-card-documents[b-45eptwuzez] {
    border-top-color: #6b7780;
}

.hot-commissioning-navigation-card-approvals[b-45eptwuzez] {
    border-top-color: #4056a1;
}

.hot-commissioning-navigation-card-header[b-45eptwuzez] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.hot-commissioning-navigation-icon[b-45eptwuzez] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 23px;
    line-height: 1;
}

.hot-commissioning-navigation-status[b-45eptwuzez] {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid #c7dce2;
    border-radius: 4px;
    color: #16596b;
    background: #edf6f8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.hot-commissioning-navigation-status-locked[b-45eptwuzez] {
    color: #8a6300;
    background: #fff8e5;
    border-color: #ead28d;
}

.hot-commissioning-navigation-content[b-45eptwuzez] {
    min-width: 0;
    margin-top: 18px;
}

.hot-commissioning-navigation-content h3[b-45eptwuzez] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 650;
}

.hot-commissioning-navigation-content p[b-45eptwuzez] {
    display: -webkit-box;
    margin: 10px 0 0 0;
    overflow: hidden;
    color: #64777f;
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.hot-commissioning-error[b-45eptwuzez] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1400px) {
    .hot-commissioning-kpi-grid[b-45eptwuzez] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .hot-commissioning-navigation-grid[b-45eptwuzez] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .hot-commissioning-page[b-45eptwuzez] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .hot-commissioning-header[b-45eptwuzez] {
        flex-direction: column;
        gap: 22px;
    }

    .hot-commissioning-header-actions[b-45eptwuzez] {
        align-items: flex-start;
    }

    .hot-commissioning-heading h1[b-45eptwuzez] {
        font-size: 30px;
    }

    .hot-commissioning-heading p[b-45eptwuzez] {
        font-size: 18px;
    }

    .hot-commissioning-section-heading[b-45eptwuzez] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .hot-commissioning-section-description[b-45eptwuzez] {
        padding-bottom: 0;
        text-align: left;
    }

    .hot-commissioning-navigation-grid[b-45eptwuzez] {
        grid-template-columns: 1fr;
    }

    .hot-commissioning-kpi-grid[b-45eptwuzez] {
        grid-template-columns: 1fr;
    }

    .hot-commissioning-navigation-card[b-45eptwuzez] {
        aspect-ratio: auto;
        min-height: 180px;
    }
}

@media (max-width: 520px) {
    .hot-commissioning-heading-group[b-45eptwuzez] {
        flex-direction: column;
    }

}
/* /Components/Pages/InitialAdminSetup.razor.rz.scp.css */
*[b-fisn3r98pl] {
    box-sizing: border-box;
}

.cms-admin-setup-page[b-fisn3r98pl] {
    width: 100%;
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(420px, .9fr) minmax(620px, 1.1fr);
    font-family: "Segoe UI", Arial, sans-serif;
    color: #0d3240;
    background: #fff;
}

.cms-admin-setup-brand-panel[b-fisn3r98pl] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 70px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 15%, rgba(69, 151, 170, .22), transparent 35%),
        linear-gradient(145deg, #0b3b49 0%, #0d4b5b 58%, #0a3643 100%);
}

.cms-admin-setup-brand-panel[b-fisn3r98pl]::before,
.cms-admin-setup-brand-panel[b-fisn3r98pl]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .08);
    transform: rotate(35deg);
}

.cms-admin-setup-brand-panel[b-fisn3r98pl]::before {
    width: 430px;
    height: 430px;
    right: -235px;
    bottom: -145px;
}

.cms-admin-setup-brand-panel[b-fisn3r98pl]::after {
    width: 280px;
    height: 280px;
    right: -150px;
    bottom: -70px;
}

.cms-admin-setup-brand-content[b-fisn3r98pl] {
    position: relative;
    z-index: 1;
    width: min(500px, 100%);
}

.cms-admin-setup-brand-header[b-fisn3r98pl] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 28px;
}

.cms-admin-setup-logo[b-fisn3r98pl] {
    width: 72px;
    height: 72px;
    flex: 0 0 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .11);
    font-size: 37px;
}

.cms-admin-setup-brand-name[b-fisn3r98pl] {
    color: #fff;
    font-size: 46px;
    font-weight: 750;
    letter-spacing: -.03em;
}

.cms-admin-setup-brand-content h1[b-fisn3r98pl] {
    max-width: 470px;
    margin: 0;
    color: #d7edf2;
    font-size: 30px;
    line-height: 1.25;
}

.cms-admin-setup-brand-content p[b-fisn3r98pl] {
    max-width: 480px;
    margin: 24px 0 0;
    color: #b8d5dc;
    font-size: 17px;
    line-height: 1.65;
}

.cms-admin-setup-brand-line[b-fisn3r98pl] {
    width: 64px;
    height: 3px;
    margin: 34px 0 17px;
    background: #ef7c45;
}

.cms-admin-setup-brand-content > span[b-fisn3r98pl] {
    color: #91bbc5;
    font-size: 14px;
    font-weight: 600;
}

.cms-admin-setup-created-by[b-fisn3r98pl] {
    position: absolute;
    z-index: 2;
    right: 70px;
    bottom: 32px;
    left: 70px;
    color: #b8d5dc;
    font-size: 12px;
    line-height: 1.5;
}

.cms-admin-setup-created-by strong[b-fisn3r98pl],
.cms-admin-setup-created-by span[b-fisn3r98pl] {
    display: block;
}

.cms-admin-setup-created-by strong[b-fisn3r98pl] {
    color: #e4f1f4;
    font-size: 13px;
}

.cms-admin-setup-form-panel[b-fisn3r98pl] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 42px 60px;
    background: #f7fafb;
}

.cms-admin-setup-card[b-fisn3r98pl] {
    width: min(520px, 100%);
}

.cms-admin-setup-eyebrow[b-fisn3r98pl] {
    display: block;
    margin-bottom: 7px;
    color: #64777f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cms-admin-setup-card h2[b-fisn3r98pl] {
    margin: 0;
    color: #0d3240;
    font-size: 32px;
}

.cms-admin-setup-description[b-fisn3r98pl] {
    margin: 9px 0 0;
    color: #687b83;
    font-size: 14px;
}

.cms-admin-setup-form[b-fisn3r98pl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 16px;
    margin-top: 24px;
}

.cms-admin-setup-field[b-fisn3r98pl] {
    min-width: 0;
}

.cms-admin-setup-field:nth-of-type(1)[b-fisn3r98pl],
.cms-admin-setup-field:nth-of-type(2)[b-fisn3r98pl],
.cms-admin-setup-field:nth-of-type(5)[b-fisn3r98pl],
.cms-admin-setup-field:nth-of-type(6)[b-fisn3r98pl] {
    grid-column: 1 / -1;
}

.cms-admin-setup-field label[b-fisn3r98pl] {
    display: block;
    margin-bottom: 6px;
    color: #294a56;
    font-size: 13px;
    font-weight: 700;
}

.cms-admin-setup-field[b-fisn3r98pl]  input {
    width: 100%;
    height: 43px;
    padding: 0 12px;
    border: 1px solid #b9cbd1;
    border-radius: 4px;
    outline: 0;
    color: #163945;
    background: #fff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.cms-admin-setup-field[b-fisn3r98pl]  input:focus {
    border-color: #0d7187;
    box-shadow: 0 0 0 3px rgba(13, 113, 135, .12);
}

.cms-admin-setup-field small[b-fisn3r98pl] {
    display: block;
    margin-top: 5px;
    color: #75868c;
    font-size: 11px;
}

.cms-admin-setup-field[b-fisn3r98pl]  .validation-message {
    display: block;
    margin-top: 4px;
    color: #ae2f3e;
    font-size: 11px;
}

.cms-admin-setup-form > button[b-fisn3r98pl],
.cms-admin-setup-login-link[b-fisn3r98pl] {
    grid-column: 1 / -1;
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 3px;
    padding: 8px 18px;
    border: 1px solid #0a586d;
    border-radius: 4px;
    color: #fff;
    background: #0b6077;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.cms-admin-setup-form > button:hover:not(:disabled)[b-fisn3r98pl],
.cms-admin-setup-login-link:hover[b-fisn3r98pl] {
    background: #084d60;
}

.cms-admin-setup-form > button:disabled[b-fisn3r98pl] {
    opacity: .68;
    cursor: not-allowed;
}

.cms-admin-setup-error[b-fisn3r98pl] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 18px;
    padding: 11px 13px;
    border: 1px solid #e2c3c7;
    border-radius: 4px;
    color: #9b2937;
    background: #fcebed;
}

.cms-admin-setup-error > span[b-fisn3r98pl] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #c53748;
    font-size: 12px;
    font-weight: 800;
}

.cms-admin-setup-error p[b-fisn3r98pl] {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
}

.cms-admin-setup-loading[b-fisn3r98pl] {
    color: #60747c;
    font-size: 15px;
}

.cms-admin-setup-success-icon[b-fisn3r98pl] {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid #a9d7b9;
    border-radius: 50%;
    color: #fff;
    background: #2f8a50;
    font-size: 29px;
    font-weight: 800;
}

.cms-admin-setup-login-link[b-fisn3r98pl] {
    width: 100%;
    margin-top: 26px;
}

@media (max-width: 980px) {
    .cms-admin-setup-page[b-fisn3r98pl] {
        grid-template-columns: minmax(330px, .75fr) minmax(540px, 1.25fr);
    }

    .cms-admin-setup-brand-panel[b-fisn3r98pl] {
        padding: 48px;
    }

    .cms-admin-setup-created-by[b-fisn3r98pl] {
        right: 48px;
        left: 48px;
    }

    .cms-admin-setup-form-panel[b-fisn3r98pl] {
        padding: 34px 40px;
    }
}

@media (max-width: 760px) {
    .cms-admin-setup-page[b-fisn3r98pl] {
        display: block;
    }

    .cms-admin-setup-brand-panel[b-fisn3r98pl] {
        display: none;
    }

    .cms-admin-setup-form-panel[b-fisn3r98pl] {
        min-height: 100vh;
        padding: 30px 22px;
    }

    .cms-admin-setup-form[b-fisn3r98pl] {
        grid-template-columns: 1fr;
    }

    .cms-admin-setup-field[b-fisn3r98pl] {
        grid-column: 1 !important;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
*[b-rto4p5xcwb] {
    box-sizing: border-box;
}

.cms-login-page[b-rto4p5xcwb] {
    width: 100%;
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(420px, .9fr) minmax(540px, 1.1fr);
    font-family: "Segoe UI", Arial, sans-serif;
    color: #0d3240;
    background: #fff;
}

.cms-login-brand-panel[b-rto4p5xcwb] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 70px;
    color: #fff;
    background:
        radial-gradient(circle at 85% 15%, rgba(69, 151, 170, .22), transparent 35%),
        linear-gradient(145deg, #0b3b49 0%, #0d4b5b 58%, #0a3643 100%);
}

.cms-login-brand-panel[b-rto4p5xcwb]::before,
.cms-login-brand-panel[b-rto4p5xcwb]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .08);
    transform: rotate(35deg);
}

.cms-login-brand-panel[b-rto4p5xcwb]::before {
    width: 430px;
    height: 430px;
    right: -235px;
    bottom: -145px;
}

.cms-login-brand-panel[b-rto4p5xcwb]::after {
    width: 280px;
    height: 280px;
    right: -150px;
    bottom: -70px;
}

.cms-login-brand-content[b-rto4p5xcwb] {
    position: relative;
    z-index: 1;
    width: min(500px, 100%);
}

.cms-login-brand-header[b-rto4p5xcwb] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 20px;
}

.cms-login-logo[b-rto4p5xcwb] {
    width: 72px;
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 72px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 8px;
    background: rgba(255, 255, 255, .11);
    font-size: 37px;
}

.cms-login-brand-name[b-rto4p5xcwb] {
    color: #fff;
    font-size: 46px;
    font-weight: 750;
    letter-spacing: -.03em;
}

.cms-login-brand-content h1[b-rto4p5xcwb] {
    max-width: 470px;
    margin: 0;
    color: #d7edf2;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.25;
}

.cms-login-brand-content p[b-rto4p5xcwb] {
    max-width: 480px;
    margin: 28px 0 0;
    color: #b8d5dc;
    font-size: 17px;
    line-height: 1.65;
}

.cms-login-brand-line[b-rto4p5xcwb] {
    width: 64px;
    height: 3px;
    margin: 36px 0 17px;
    background: #ef7c45;
}

.cms-login-brand-content > span[b-rto4p5xcwb] {
    color: #91bbc5;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: .03em;
}

.cms-login-created-by[b-rto4p5xcwb] {
    position: absolute;
    z-index: 2;
    right: 70px;
    bottom: 32px;
    left: 70px;
    color: #b8d5dc;
    font-size: 12px;
    line-height: 1.5;
}

.cms-login-created-by strong[b-rto4p5xcwb],
.cms-login-created-by span[b-rto4p5xcwb] {
    display: block;
}

.cms-login-created-by strong[b-rto4p5xcwb] {
    color: #e4f1f4;
    font-size: 13px;
}

.cms-login-form-panel[b-rto4p5xcwb] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    background: #f7fafb;
}

.cms-login-card[b-rto4p5xcwb] {
    width: min(440px, 100%);
}

.cms-login-language-selector[b-rto4p5xcwb] {
    position: absolute;
    top: 28px;
    right: 36px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #73868e;
    font-size: 13px;
    font-weight: 600;
}

.cms-login-language-icon[b-rto4p5xcwb] {
    margin-right: 2px;
    font-size: 14px;
}

.cms-login-language-link[b-rto4p5xcwb] {
    color: #73868e;
    text-decoration: none;
    transition: color .15s ease;
}

.cms-login-language-link:hover[b-rto4p5xcwb] {
    color: #0d7187;
}

.cms-login-language-link-active[b-rto4p5xcwb] {
    color: #0d5f73;
    font-weight: 800;
}

.cms-login-language-separator[b-rto4p5xcwb] {
    color: #bcc9ce;
    font-weight: 400;
}

.cms-login-mobile-brand[b-rto4p5xcwb] {
    display: none;
}

.cms-login-eyebrow[b-rto4p5xcwb] {
    display: block;
    margin-bottom: 8px;
    color: #64777f;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cms-login-card h2[b-rto4p5xcwb] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.2;
}

.cms-login-description[b-rto4p5xcwb] {
    margin: 12px 0 0;
    color: #687b83;
    font-size: 15px;
    line-height: 1.55;
}

.cms-login-error[b-rto4p5xcwb] {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin-top: 22px;
    padding: 12px 14px;
    border: 1px solid #e2c3c7;
    border-radius: 4px;
    color: #9b2937;
    background: #fcebed;
}

.cms-login-error > span[b-rto4p5xcwb] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #c53748;
    font-size: 12px;
    font-weight: 800;
}

.cms-login-error p[b-rto4p5xcwb] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.cms-login-error strong[b-rto4p5xcwb] {
    display: block;
}

.cms-login-success[b-rto4p5xcwb] {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin-top: 22px;
    padding: 12px 14px;
    border: 1px solid #a8d6b8;
    border-radius: 4px;
    color: #216b3f;
    background: #e9f7ee;
}

.cms-login-success > span[b-rto4p5xcwb] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #2e9658;
    font-size: 12px;
    font-weight: 800;
}

.cms-login-success p[b-rto4p5xcwb] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.cms-login-success strong[b-rto4p5xcwb] {
    display: block;
}

.cms-login-form[b-rto4p5xcwb] {
    margin-top: 30px;
}

.cms-login-form-group + .cms-login-form-group[b-rto4p5xcwb] {
    margin-top: 16px;
}

.cms-login-form label[b-rto4p5xcwb] {
    display: block;
    margin-bottom: 8px;
    color: #294a56;
    font-size: 14px;
    font-weight: 700;
}

.cms-login-input-wrapper[b-rto4p5xcwb] {
    height: 50px;
    display: flex;
    align-items: center;
    border: 1px solid #b9cbd1;
    border-radius: 4px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease;
}

.cms-login-input-wrapper:focus-within[b-rto4p5xcwb] {
    border-color: #0d7187;
    box-shadow: 0 0 0 3px rgba(13, 113, 135, .12);
}

.cms-login-input-wrapper > span[b-rto4p5xcwb] {
    padding-left: 15px;
    color: #698089;
    font-size: 17px;
}

.cms-login-input-wrapper input[b-rto4p5xcwb] {
    width: 100%;
    height: 100%;
    padding: 0 15px 0 11px;
    border: 0;
    outline: 0;
    color: #163945;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
}

.cms-login-input-wrapper input[b-rto4p5xcwb]::placeholder {
    color: #8b9ba1;
}

.cms-login-form button[b-rto4p5xcwb] {
    width: 100%;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    margin-top: 18px;
    padding: 9px 18px;
    border: 1px solid #0a586d;
    border-radius: 4px;
    color: #fff;
    background: #0b6077;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: background .15s ease;
}

.cms-login-form button:hover[b-rto4p5xcwb] {
    background: #084d60;
}

.cms-login-demo-notice[b-rto4p5xcwb] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 26px;
    padding: 13px 14px;
    border: 1px solid #d6e2e6;
    border-radius: 4px;
    color: #60747c;
    background: #fff;
}

.cms-login-demo-notice > span[b-rto4p5xcwb] {
    flex: 0 0 auto;
    font-size: 15px;
}

.cms-login-demo-notice p[b-rto4p5xcwb] {
    margin: 0;
    font-size: 12px;
    line-height: 1.5;
}

.cms-login-demo-notice strong[b-rto4p5xcwb] {
    display: block;
    margin-bottom: 2px;
    color: #36545f;
}

.cms-login-card footer[b-rto4p5xcwb] {
    margin-top: 32px;
    padding-top: 18px;
    border-top: 1px solid #dbe4e7;
    color: #89989e;
    font-size: 12px;
    text-align: center;
}

@media (max-width: 980px) {
    .cms-login-page[b-rto4p5xcwb] {
        grid-template-columns: minmax(330px, .75fr) minmax(460px, 1.25fr);
    }

    .cms-login-brand-panel[b-rto4p5xcwb] {
        padding: 48px;
    }

    .cms-login-created-by[b-rto4p5xcwb] {
        right: 48px;
        left: 48px;
    }

    .cms-login-form-panel[b-rto4p5xcwb] {
        padding: 44px;
    }
}

@media (max-width: 760px) {
    .cms-login-page[b-rto4p5xcwb] {
        display: block;
        min-height: 100vh;
    }

    .cms-login-brand-panel[b-rto4p5xcwb] {
        display: none;
    }

    .cms-login-form-panel[b-rto4p5xcwb] {
        min-height: 100vh;
        padding: 74px 24px 34px;
    }

    .cms-login-language-selector[b-rto4p5xcwb] {
        top: 24px;
        right: 24px;
    }

    .cms-login-mobile-brand[b-rto4p5xcwb] {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-bottom: 42px;
        color: #0d3240;
        font-size: 24px;
    }

    .cms-login-mobile-logo[b-rto4p5xcwb] {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
        color: #fff;
        background: #0d4b5b;
        font-size: 22px;
    }

    .cms-login-card h2[b-rto4p5xcwb] {
        font-size: 31px;
    }
}
/* /Components/Pages/MechanicalCompletion.razor.rz.scp.css */
.mechanical-completion-page[b-cvfrytv7ti] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.mechanical-completion-breadcrumb[b-cvfrytv7ti] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.mechanical-completion-breadcrumb a[b-cvfrytv7ti] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.mechanical-completion-breadcrumb a:hover[b-cvfrytv7ti] {
    color: #073f50;
    text-decoration: underline;
}

.mechanical-completion-breadcrumb-separator[b-cvfrytv7ti] {
    color: #8a9aa1;
    user-select: none;
}

.mechanical-completion-breadcrumb-current[b-cvfrytv7ti] {
    color: #61737b;
    font-weight: 500;
}

.mechanical-completion-header[b-cvfrytv7ti] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.mechanical-completion-heading-group[b-cvfrytv7ti] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.mechanical-completion-icon[b-cvfrytv7ti] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.mechanical-completion-heading[b-cvfrytv7ti] {
    min-width: 0;
}

.mechanical-completion-eyebrow[b-cvfrytv7ti] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mechanical-completion-heading h1[b-cvfrytv7ti] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.mechanical-completion-heading p[b-cvfrytv7ti] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.mechanical-completion-header-actions[b-cvfrytv7ti] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.mechanical-completion-status[b-cvfrytv7ti] {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border: 1px solid #cdd7db;
    border-radius: 4px;
    color: #566a72;
    background: #f1f4f5;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.mechanical-completion-back-button[b-cvfrytv7ti] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.mechanical-completion-back-button:hover[b-cvfrytv7ti] {
    color: #ffffff;
    background: #0d7187;
    border-color: #0d7187;
}

.mechanical-completion-header-divider[b-cvfrytv7ti] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.mechanical-completion-icon[b-cvfrytv7ti] {
    color: #24633c;
    background: #eaf5ee;
    border-color: #c7dfd0;
}

.mechanical-completion-overview[b-cvfrytv7ti] {
    width: 100%;
    margin-top: 28px;
}

.mechanical-completion-kpi-grid[b-cvfrytv7ti] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
}

.mechanical-completion-kpi-card[b-cvfrytv7ti] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.mechanical-completion-kpi-icon[b-cvfrytv7ti] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
}

.mechanical-completion-kpi-icon-punch[b-cvfrytv7ti] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.mechanical-completion-kpi-icon-tests[b-cvfrytv7ti] {
    border-color: #d9c9eb;
    background: #f1ebf8;
}

.mechanical-completion-kpi-icon-evidence[b-cvfrytv7ti] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.mechanical-completion-kpi-card span[b-cvfrytv7ti] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    font-weight: 650;
}

.mechanical-completion-kpi-card strong[b-cvfrytv7ti] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
}

.mechanical-completion-progress-card[b-cvfrytv7ti] {
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid #d5e0e4;
    border-left: 4px solid #2f7d4b;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.mechanical-completion-progress-heading[b-cvfrytv7ti] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.mechanical-completion-progress-heading h2[b-cvfrytv7ti] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
}

.mechanical-completion-progress-heading > strong[b-cvfrytv7ti] {
    color: #24633c;
    font-size: 28px;
}

.mechanical-completion-progress-track[b-cvfrytv7ti] {
    height: 8px;
    margin-top: 14px;
    overflow: hidden;
    border-radius: 4px;
    background: #e3ebee;
}

.mechanical-completion-progress-fill[b-cvfrytv7ti] {
    height: 100%;
    background: #2f7d4b;
}

.mechanical-completion-progress-card p[b-cvfrytv7ti] {
    margin: 10px 0 0;
    color: #64777f;
    font-size: 13px;
}

.mechanical-completion-navigation[b-cvfrytv7ti] {
    width: 100%;
    margin-top: 28px;
}

.mechanical-completion-section-heading[b-cvfrytv7ti] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.mechanical-completion-section-eyebrow[b-cvfrytv7ti] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mechanical-completion-section-heading h2[b-cvfrytv7ti] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.mechanical-completion-section-description[b-cvfrytv7ti] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.mechanical-completion-navigation-grid[b-cvfrytv7ti] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.mechanical-completion-navigation-card[b-cvfrytv7ti] {
    aspect-ratio: auto;
    min-width: 0;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #d2dde1;
    border-top: 4px solid #2d7890;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
    cursor: default;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.mechanical-completion-navigation-card:hover[b-cvfrytv7ti] {
    transform: translateY(-3px);
    border-color: #9ebbc5;
    box-shadow: 0 8px 20px rgba(13, 50, 64, 0.13);
}

.mechanical-completion-navigation-card-equipment[b-cvfrytv7ti] {
    border-top-color: #557a95;
}

.mechanical-completion-navigation-card-templates[b-cvfrytv7ti] {
    border-top-color: #7653a6;
}

.mechanical-completion-navigation-card-checklist[b-cvfrytv7ti] {
    border-top-color: #c56b1d;
}

.mechanical-completion-navigation-card-release[b-cvfrytv7ti] {
    border-top-color: #2f7d4b;
}

.mechanical-completion-navigation-card-tests[b-cvfrytv7ti] {
    border-top-color: #7653a6;
}

.mechanical-completion-navigation-card-punches[b-cvfrytv7ti] {
    border-top-color: #b8423e;
}

.mechanical-completion-navigation-card-documents[b-cvfrytv7ti] {
    border-top-color: #6b7780;
}

.mechanical-completion-navigation-card-approvals[b-cvfrytv7ti] {
    border-top-color: #4056a1;
}

.mechanical-completion-navigation-card-header[b-cvfrytv7ti] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.mechanical-completion-navigation-icon[b-cvfrytv7ti] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 23px;
    line-height: 1;
}

.mechanical-completion-navigation-status[b-cvfrytv7ti] {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid #c7dce2;
    border-radius: 4px;
    color: #16596b;
    background: #edf6f8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.mechanical-completion-navigation-status-locked[b-cvfrytv7ti] {
    color: #8a6300;
    background: #fff8e5;
    border-color: #ead28d;
}

.mechanical-completion-navigation-content[b-cvfrytv7ti] {
    min-width: 0;
    margin-top: 18px;
}

.mechanical-completion-navigation-content h3[b-cvfrytv7ti] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 650;
}

.mechanical-completion-navigation-content p[b-cvfrytv7ti] {
    display: -webkit-box;
    margin: 10px 0 0 0;
    overflow: hidden;
    color: #64777f;
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mechanical-completion-error[b-cvfrytv7ti] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1400px) {
    .mechanical-completion-kpi-grid[b-cvfrytv7ti] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .mechanical-completion-navigation-grid[b-cvfrytv7ti] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .mechanical-completion-page[b-cvfrytv7ti] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .mechanical-completion-header[b-cvfrytv7ti] {
        flex-direction: column;
        gap: 22px;
    }

    .mechanical-completion-header-actions[b-cvfrytv7ti] {
        align-items: flex-start;
    }

    .mechanical-completion-heading h1[b-cvfrytv7ti] {
        font-size: 30px;
    }

    .mechanical-completion-heading p[b-cvfrytv7ti] {
        font-size: 18px;
    }

    .mechanical-completion-section-heading[b-cvfrytv7ti] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .mechanical-completion-section-description[b-cvfrytv7ti] {
        padding-bottom: 0;
        text-align: left;
    }

    .mechanical-completion-navigation-grid[b-cvfrytv7ti] {
        grid-template-columns: 1fr;
    }

    .mechanical-completion-kpi-grid[b-cvfrytv7ti] {
        grid-template-columns: 1fr;
    }

    .mechanical-completion-navigation-card[b-cvfrytv7ti] {
        aspect-ratio: auto;
        min-height: 180px;
    }
}

@media (max-width: 520px) {
    .mechanical-completion-heading-group[b-cvfrytv7ti] {
        flex-direction: column;
    }

}
/* /Components/Pages/MechanicalPreparation.razor.rz.scp.css */
.mechanical-preparation-page[b-l6lozaafhl] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.mechanical-preparation-breadcrumb[b-l6lozaafhl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.mechanical-preparation-breadcrumb a[b-l6lozaafhl] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.mechanical-preparation-breadcrumb a:hover[b-l6lozaafhl] {
    color: #073f50;
    text-decoration: underline;
}

.mechanical-preparation-breadcrumb-separator[b-l6lozaafhl] {
    color: #8a9aa1;
    user-select: none;
}

.mechanical-preparation-breadcrumb-current[b-l6lozaafhl] {
    color: #61737b;
    font-weight: 500;
}

.mechanical-preparation-header[b-l6lozaafhl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.mechanical-preparation-heading-group[b-l6lozaafhl] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.mechanical-preparation-icon[b-l6lozaafhl] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.mechanical-preparation-heading[b-l6lozaafhl] {
    min-width: 0;
}

.mechanical-preparation-eyebrow[b-l6lozaafhl] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.mechanical-preparation-heading h1[b-l6lozaafhl] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.mechanical-preparation-heading p[b-l6lozaafhl] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.mechanical-preparation-header-actions[b-l6lozaafhl] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.mechanical-preparation-status[b-l6lozaafhl] {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border: 1px solid #cdd7db;
    border-radius: 4px;
    color: #566a72;
    background: #f1f4f5;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.mechanical-preparation-back-button[b-l6lozaafhl] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.mechanical-preparation-back-button:hover[b-l6lozaafhl] {
    color: #ffffff;
    background: #0d7187;
    border-color: #0d7187;
}

.mechanical-preparation-header-divider[b-l6lozaafhl] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.mechanical-preparation-navigation[b-l6lozaafhl] {
    width: 100%;
    margin-top: 28px;
}

.mechanical-preparation-section-heading[b-l6lozaafhl] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.mechanical-preparation-section-eyebrow[b-l6lozaafhl] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.mechanical-preparation-section-heading h2[b-l6lozaafhl] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.mechanical-preparation-section-description[b-l6lozaafhl] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.mechanical-preparation-navigation-grid[b-l6lozaafhl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.mechanical-preparation-navigation-card[b-l6lozaafhl] {
    min-height: 184px;
    aspect-ratio: auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #d2dde1;
    border-top: 4px solid #2d7890;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
    cursor: pointer;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.mechanical-preparation-navigation-card:focus-visible[b-l6lozaafhl] {
    outline: 3px solid rgba(13, 113, 135, 0.28);
    outline-offset: 3px;
}

.mechanical-preparation-navigation-card:hover[b-l6lozaafhl] {
    transform: translateY(-3px);
    border-color: #9ebbc5;
    box-shadow: 0 8px 20px rgba(13, 50, 64, 0.13);
}

.mechanical-preparation-navigation-card-equipment[b-l6lozaafhl] {
    border-top-color: #557a95;
}

.mechanical-preparation-navigation-card-templates[b-l6lozaafhl] {
    border-top-color: #7653a6;
}

.mechanical-preparation-navigation-card-checklist[b-l6lozaafhl] {
    border-top-color: #2f8050;
}

.mechanical-preparation-navigation-card-documents[b-l6lozaafhl] {
    border-top-color: #c56b1d;
}

.mechanical-preparation-navigation-card-team[b-l6lozaafhl] {
    border-top-color: #7653a6;
}

.mechanical-preparation-navigation-card-release[b-l6lozaafhl] {
    border-top-color: #2f7d4b;
}

.mechanical-preparation-navigation-card-header[b-l6lozaafhl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.mechanical-preparation-navigation-icon[b-l6lozaafhl] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 23px;
    line-height: 1;
}

.mechanical-preparation-navigation-status[b-l6lozaafhl] {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid #c7dce2;
    border-radius: 4px;
    color: #16596b;
    background: #edf6f8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.mechanical-preparation-navigation-status-locked[b-l6lozaafhl] {
    color: #8a6300;
    background: #fff8e5;
    border-color: #ead28d;
}

.mechanical-preparation-navigation-status-ready[b-l6lozaafhl] {
    color: #246b40;
    background: #edf8f1;
    border-color: #b9ddc6;
}

.mechanical-preparation-navigation-status-released[b-l6lozaafhl] {
    color: #ffffff;
    background: #2f7d4b;
    border-color: #2f7d4b;
}

.mechanical-preparation-navigation-content[b-l6lozaafhl] {
    min-width: 0;
    margin-top: 18px;
}

.mechanical-preparation-navigation-content h3[b-l6lozaafhl] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 650;
}

.mechanical-preparation-navigation-content p[b-l6lozaafhl] {
    display: -webkit-box;
    margin: 10px 0 0 0;
    overflow: hidden;
    color: #64777f;
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.mechanical-preparation-error[b-l6lozaafhl] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1400px) {
    .mechanical-preparation-navigation-grid[b-l6lozaafhl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .mechanical-preparation-page[b-l6lozaafhl] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .mechanical-preparation-header[b-l6lozaafhl] {
        flex-direction: column;
        gap: 22px;
    }

    .mechanical-preparation-header-actions[b-l6lozaafhl] {
        align-items: flex-start;
    }

    .mechanical-preparation-heading h1[b-l6lozaafhl] {
        font-size: 30px;
    }

    .mechanical-preparation-heading p[b-l6lozaafhl] {
        font-size: 18px;
    }

    .mechanical-preparation-section-heading[b-l6lozaafhl] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .mechanical-preparation-section-description[b-l6lozaafhl] {
        padding-bottom: 0;
        text-align: left;
    }

    .mechanical-preparation-navigation-grid[b-l6lozaafhl] {
        grid-template-columns: 1fr;
    }

    .mechanical-preparation-navigation-card[b-l6lozaafhl] {
        aspect-ratio: auto;
        min-height: 200px;
    }
}

@media (max-width: 520px) {
    .mechanical-preparation-heading-group[b-l6lozaafhl] {
        flex-direction: column;
    }

}
/* /Components/Pages/PacCod.razor.rz.scp.css */
.pac-cod-page[b-e69e3n30gv] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.pac-cod-breadcrumb[b-e69e3n30gv] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.pac-cod-breadcrumb a[b-e69e3n30gv] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.pac-cod-breadcrumb a:hover[b-e69e3n30gv] {
    color: #073f50;
    text-decoration: underline;
}

.pac-cod-breadcrumb-separator[b-e69e3n30gv] {
    color: #8a9aa1;
    user-select: none;
}

.pac-cod-breadcrumb-current[b-e69e3n30gv] {
    color: #61737b;
    font-weight: 500;
}

.pac-cod-header[b-e69e3n30gv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.pac-cod-heading-group[b-e69e3n30gv] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.pac-cod-icon[b-e69e3n30gv] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.pac-cod-heading[b-e69e3n30gv] {
    min-width: 0;
}

.pac-cod-eyebrow[b-e69e3n30gv] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pac-cod-heading h1[b-e69e3n30gv] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.pac-cod-heading p[b-e69e3n30gv] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.pac-cod-header-actions[b-e69e3n30gv] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.pac-cod-status[b-e69e3n30gv] {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border: 1px solid #cdd7db;
    border-radius: 4px;
    color: #566a72;
    background: #f1f4f5;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.pac-cod-back-button[b-e69e3n30gv] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.pac-cod-back-button:hover[b-e69e3n30gv] {
    color: #ffffff;
    background: #0d7187;
    border-color: #0d7187;
}

.pac-cod-header-divider[b-e69e3n30gv] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.pac-cod-icon[b-e69e3n30gv] {
    color: #1d573d;
    background: #e8f3ed;
    border-color: #c4ddd0;
}

.pac-cod-overview[b-e69e3n30gv] {
    width: 100%;
    margin-top: 28px;
}

.pac-cod-kpi-grid[b-e69e3n30gv] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
}

.pac-cod-kpi-card[b-e69e3n30gv] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.pac-cod-kpi-icon[b-e69e3n30gv] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
}

.pac-cod-kpi-icon-punch[b-e69e3n30gv] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.pac-cod-kpi-icon-tests[b-e69e3n30gv] {
    border-color: #d9c9eb;
    background: #f1ebf8;
}

.pac-cod-kpi-icon-evidence[b-e69e3n30gv] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.pac-cod-kpi-card span[b-e69e3n30gv] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    font-weight: 650;
}

.pac-cod-kpi-card strong[b-e69e3n30gv] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
}

.pac-cod-progress-card[b-e69e3n30gv] {
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid #d5e0e4;
    border-left: 4px solid #246b4a;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.pac-cod-progress-heading[b-e69e3n30gv] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.pac-cod-progress-heading h2[b-e69e3n30gv] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
}

.pac-cod-progress-heading > strong[b-e69e3n30gv] {
    color: #1d573d;
    font-size: 28px;
}

.pac-cod-progress-track[b-e69e3n30gv] {
    height: 8px;
    margin-top: 14px;
    overflow: hidden;
    border-radius: 4px;
    background: #e3ebee;
}

.pac-cod-progress-fill[b-e69e3n30gv] {
    height: 100%;
    background: #246b4a;
}

.pac-cod-progress-card p[b-e69e3n30gv] {
    margin: 10px 0 0;
    color: #64777f;
    font-size: 13px;
}

.pac-cod-navigation[b-e69e3n30gv] {
    width: 100%;
    margin-top: 28px;
}

.pac-cod-section-heading[b-e69e3n30gv] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.pac-cod-section-eyebrow[b-e69e3n30gv] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.pac-cod-section-heading h2[b-e69e3n30gv] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.pac-cod-section-description[b-e69e3n30gv] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.pac-cod-navigation-grid[b-e69e3n30gv] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.pac-cod-navigation-card[b-e69e3n30gv] {
    aspect-ratio: auto;
    min-width: 0;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #d2dde1;
    border-top: 4px solid #2d7890;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
    cursor: default;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.pac-cod-navigation-card:hover[b-e69e3n30gv] {
    transform: translateY(-3px);
    border-color: #9ebbc5;
    box-shadow: 0 8px 20px rgba(13, 50, 64, 0.13);
}

.pac-cod-navigation-card-equipment[b-e69e3n30gv] {
    border-top-color: #557a95;
}

.pac-cod-navigation-card-templates[b-e69e3n30gv] {
    border-top-color: #7653a6;
}

.pac-cod-navigation-card-checklist[b-e69e3n30gv] {
    border-top-color: #c56b1d;
}

.pac-cod-navigation-card-release[b-e69e3n30gv] {
    border-top-color: #246b4a;
}

.pac-cod-navigation-card-tests[b-e69e3n30gv] {
    border-top-color: #7653a6;
}

.pac-cod-navigation-card-punches[b-e69e3n30gv] {
    border-top-color: #b8423e;
}

.pac-cod-navigation-card-documents[b-e69e3n30gv] {
    border-top-color: #6b7780;
}

.pac-cod-navigation-card-approvals[b-e69e3n30gv] {
    border-top-color: #4056a1;
}

.pac-cod-navigation-card-header[b-e69e3n30gv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.pac-cod-navigation-icon[b-e69e3n30gv] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 23px;
    line-height: 1;
}

.pac-cod-navigation-status[b-e69e3n30gv] {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid #c7dce2;
    border-radius: 4px;
    color: #16596b;
    background: #edf6f8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.pac-cod-navigation-status-locked[b-e69e3n30gv] {
    color: #8a6300;
    background: #fff8e5;
    border-color: #ead28d;
}

.pac-cod-navigation-content[b-e69e3n30gv] {
    min-width: 0;
    margin-top: 18px;
}

.pac-cod-navigation-content h3[b-e69e3n30gv] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 650;
}

.pac-cod-navigation-content p[b-e69e3n30gv] {
    display: -webkit-box;
    margin: 10px 0 0 0;
    overflow: hidden;
    color: #64777f;
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pac-cod-error[b-e69e3n30gv] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1400px) {
    .pac-cod-kpi-grid[b-e69e3n30gv] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .pac-cod-navigation-grid[b-e69e3n30gv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .pac-cod-page[b-e69e3n30gv] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .pac-cod-header[b-e69e3n30gv] {
        flex-direction: column;
        gap: 22px;
    }

    .pac-cod-header-actions[b-e69e3n30gv] {
        align-items: flex-start;
    }

    .pac-cod-heading h1[b-e69e3n30gv] {
        font-size: 30px;
    }

    .pac-cod-heading p[b-e69e3n30gv] {
        font-size: 18px;
    }

    .pac-cod-section-heading[b-e69e3n30gv] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .pac-cod-section-description[b-e69e3n30gv] {
        padding-bottom: 0;
        text-align: left;
    }

    .pac-cod-navigation-grid[b-e69e3n30gv] {
        grid-template-columns: 1fr;
    }

    .pac-cod-kpi-grid[b-e69e3n30gv] {
        grid-template-columns: 1fr;
    }

    .pac-cod-navigation-card[b-e69e3n30gv] {
        aspect-ratio: auto;
        min-height: 180px;
    }
}

@media (max-width: 520px) {
    .pac-cod-heading-group[b-e69e3n30gv] {
        flex-direction: column;
    }

}
/* /Components/Pages/PerformanceTesting.razor.rz.scp.css */
.performance-testing-page[b-7fbf9ifb48] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.performance-testing-breadcrumb[b-7fbf9ifb48] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.performance-testing-breadcrumb a[b-7fbf9ifb48] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.performance-testing-breadcrumb a:hover[b-7fbf9ifb48] {
    color: #073f50;
    text-decoration: underline;
}

.performance-testing-breadcrumb-separator[b-7fbf9ifb48] {
    color: #8a9aa1;
    user-select: none;
}

.performance-testing-breadcrumb-current[b-7fbf9ifb48] {
    color: #61737b;
    font-weight: 500;
}

.performance-testing-header[b-7fbf9ifb48] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.performance-testing-heading-group[b-7fbf9ifb48] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.performance-testing-icon[b-7fbf9ifb48] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.performance-testing-heading[b-7fbf9ifb48] {
    min-width: 0;
}

.performance-testing-eyebrow[b-7fbf9ifb48] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.performance-testing-heading h1[b-7fbf9ifb48] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.performance-testing-heading p[b-7fbf9ifb48] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.performance-testing-header-actions[b-7fbf9ifb48] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.performance-testing-status[b-7fbf9ifb48] {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border: 1px solid #cdd7db;
    border-radius: 4px;
    color: #566a72;
    background: #f1f4f5;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.performance-testing-back-button[b-7fbf9ifb48] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.performance-testing-back-button:hover[b-7fbf9ifb48] {
    color: #ffffff;
    background: #0d7187;
    border-color: #0d7187;
}

.performance-testing-header-divider[b-7fbf9ifb48] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.performance-testing-icon[b-7fbf9ifb48] {
    color: #5e3f89;
    background: #f1ebf8;
    border-color: #d9c9eb;
}

.performance-testing-overview[b-7fbf9ifb48] {
    width: 100%;
    margin-top: 28px;
}

.performance-testing-kpi-grid[b-7fbf9ifb48] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
}

.performance-testing-kpi-card[b-7fbf9ifb48] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.performance-testing-kpi-icon[b-7fbf9ifb48] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
}

.performance-testing-kpi-icon-punch[b-7fbf9ifb48] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.performance-testing-kpi-icon-tests[b-7fbf9ifb48] {
    border-color: #d9c9eb;
    background: #f1ebf8;
}

.performance-testing-kpi-icon-evidence[b-7fbf9ifb48] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.performance-testing-kpi-card span[b-7fbf9ifb48] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    font-weight: 650;
}

.performance-testing-kpi-card strong[b-7fbf9ifb48] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
}

.performance-testing-progress-card[b-7fbf9ifb48] {
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid #d5e0e4;
    border-left: 4px solid #7653a6;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.performance-testing-progress-heading[b-7fbf9ifb48] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.performance-testing-progress-heading h2[b-7fbf9ifb48] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
}

.performance-testing-progress-heading > strong[b-7fbf9ifb48] {
    color: #5e3f89;
    font-size: 28px;
}

.performance-testing-progress-track[b-7fbf9ifb48] {
    height: 8px;
    margin-top: 14px;
    overflow: hidden;
    border-radius: 4px;
    background: #e3ebee;
}

.performance-testing-progress-fill[b-7fbf9ifb48] {
    height: 100%;
    background: #7653a6;
}

.performance-testing-progress-card p[b-7fbf9ifb48] {
    margin: 10px 0 0;
    color: #64777f;
    font-size: 13px;
}

.performance-testing-navigation[b-7fbf9ifb48] {
    width: 100%;
    margin-top: 28px;
}

.performance-testing-section-heading[b-7fbf9ifb48] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.performance-testing-section-eyebrow[b-7fbf9ifb48] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.performance-testing-section-heading h2[b-7fbf9ifb48] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.performance-testing-section-description[b-7fbf9ifb48] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.performance-testing-navigation-grid[b-7fbf9ifb48] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.performance-testing-navigation-card[b-7fbf9ifb48] {
    aspect-ratio: auto;
    min-width: 0;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #d2dde1;
    border-top: 4px solid #2d7890;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
    cursor: default;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.performance-testing-navigation-card:hover[b-7fbf9ifb48] {
    transform: translateY(-3px);
    border-color: #9ebbc5;
    box-shadow: 0 8px 20px rgba(13, 50, 64, 0.13);
}

.performance-testing-navigation-card-equipment[b-7fbf9ifb48] {
    border-top-color: #557a95;
}

.performance-testing-navigation-card-templates[b-7fbf9ifb48] {
    border-top-color: #7653a6;
}

.performance-testing-navigation-card-checklist[b-7fbf9ifb48] {
    border-top-color: #c56b1d;
}

.performance-testing-navigation-card-release[b-7fbf9ifb48] {
    border-top-color: #7653a6;
}

.performance-testing-navigation-card-tests[b-7fbf9ifb48] {
    border-top-color: #7653a6;
}

.performance-testing-navigation-card-punches[b-7fbf9ifb48] {
    border-top-color: #b8423e;
}

.performance-testing-navigation-card-documents[b-7fbf9ifb48] {
    border-top-color: #6b7780;
}

.performance-testing-navigation-card-approvals[b-7fbf9ifb48] {
    border-top-color: #4056a1;
}

.performance-testing-navigation-card-header[b-7fbf9ifb48] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.performance-testing-navigation-icon[b-7fbf9ifb48] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 23px;
    line-height: 1;
}

.performance-testing-navigation-status[b-7fbf9ifb48] {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid #c7dce2;
    border-radius: 4px;
    color: #16596b;
    background: #edf6f8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.performance-testing-navigation-status-locked[b-7fbf9ifb48] {
    color: #8a6300;
    background: #fff8e5;
    border-color: #ead28d;
}

.performance-testing-navigation-content[b-7fbf9ifb48] {
    min-width: 0;
    margin-top: 18px;
}

.performance-testing-navigation-content h3[b-7fbf9ifb48] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 650;
}

.performance-testing-navigation-content p[b-7fbf9ifb48] {
    display: -webkit-box;
    margin: 10px 0 0 0;
    overflow: hidden;
    color: #64777f;
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.performance-testing-error[b-7fbf9ifb48] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1400px) {
    .performance-testing-kpi-grid[b-7fbf9ifb48] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .performance-testing-navigation-grid[b-7fbf9ifb48] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .performance-testing-page[b-7fbf9ifb48] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .performance-testing-header[b-7fbf9ifb48] {
        flex-direction: column;
        gap: 22px;
    }

    .performance-testing-header-actions[b-7fbf9ifb48] {
        align-items: flex-start;
    }

    .performance-testing-heading h1[b-7fbf9ifb48] {
        font-size: 30px;
    }

    .performance-testing-heading p[b-7fbf9ifb48] {
        font-size: 18px;
    }

    .performance-testing-section-heading[b-7fbf9ifb48] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .performance-testing-section-description[b-7fbf9ifb48] {
        padding-bottom: 0;
        text-align: left;
    }

    .performance-testing-navigation-grid[b-7fbf9ifb48] {
        grid-template-columns: 1fr;
    }

    .performance-testing-kpi-grid[b-7fbf9ifb48] {
        grid-template-columns: 1fr;
    }

    .performance-testing-navigation-card[b-7fbf9ifb48] {
        aspect-ratio: auto;
        min-height: 180px;
    }
}

@media (max-width: 520px) {
    .performance-testing-heading-group[b-7fbf9ifb48] {
        flex-direction: column;
    }

}
/* /Components/Pages/PhaseChecklist.razor.rz.scp.css */
.phase-checklist-page[b-bft8y1m1o7] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.phase-checklist-breadcrumb[b-bft8y1m1o7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.phase-checklist-breadcrumb a[b-bft8y1m1o7] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.phase-checklist-breadcrumb a:hover[b-bft8y1m1o7] {
    color: #073f50;
    text-decoration: underline;
}

.phase-checklist-breadcrumb-separator[b-bft8y1m1o7] {
    color: #8a9aa1;
    user-select: none;
}

.phase-checklist-breadcrumb-current[b-bft8y1m1o7] {
    color: #61737b;
    font-weight: 500;
}

.phase-checklist-header[b-bft8y1m1o7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.phase-checklist-heading-group[b-bft8y1m1o7] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.phase-checklist-icon[b-bft8y1m1o7] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.phase-checklist-heading[b-bft8y1m1o7] {
    min-width: 0;
}

.phase-checklist-eyebrow[b-bft8y1m1o7] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.phase-checklist-heading h1[b-bft8y1m1o7] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.phase-checklist-heading p[b-bft8y1m1o7] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.phase-checklist-header-actions[b-bft8y1m1o7] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 22px;
}

.phase-checklist-add-button[b-bft8y1m1o7],
.phase-checklist-back-button[b-bft8y1m1o7],
.phase-checklist-clear-button[b-bft8y1m1o7] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.phase-checklist-add-button[b-bft8y1m1o7] {
    padding: 7px 15px;
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.phase-checklist-add-button:hover[b-bft8y1m1o7] {
    border-color: #09596b;
    background: #09596b;
}

.phase-checklist-back-button[b-bft8y1m1o7] {
    padding: 7px 13px;
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #ffffff;
}

.phase-checklist-back-button:hover[b-bft8y1m1o7] {
    color: #ffffff;
    background: #0d7187;
}

.phase-checklist-header-divider[b-bft8y1m1o7] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.phase-checklist-kpi-section[b-bft8y1m1o7] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    width: 100%;
    margin-top: 26px;
}

.phase-checklist-kpi-card[b-bft8y1m1o7] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.phase-checklist-kpi-icon[b-bft8y1m1o7] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
    line-height: 1;
}

.phase-checklist-kpi-icon-critical[b-bft8y1m1o7] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.phase-checklist-kpi-icon-ready[b-bft8y1m1o7] {
    border-color: #c7dfd0;
    background: #eaf5ee;
}

.phase-checklist-kpi-icon-progress[b-bft8y1m1o7] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.phase-checklist-kpi-label[b-bft8y1m1o7] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 650;
}

.phase-checklist-kpi-value[b-bft8y1m1o7] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
    font-weight: 750;
}

.phase-checklist-content[b-bft8y1m1o7] {
    width: 100%;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #d4dfe3;
}

.phase-checklist-section-heading[b-bft8y1m1o7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.phase-checklist-section-eyebrow[b-bft8y1m1o7] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.phase-checklist-section-heading h2[b-bft8y1m1o7] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.phase-checklist-section-description[b-bft8y1m1o7] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.phase-checklist-toolbar[b-bft8y1m1o7] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 210px 190px auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid #d5e0e4;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #f8fafb;
}

.phase-checklist-search[b-bft8y1m1o7],
.phase-checklist-filter[b-bft8y1m1o7] {
    min-width: 0;
}

.phase-checklist-control-label[b-bft8y1m1o7] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.phase-checklist-search-control[b-bft8y1m1o7] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #75868d;
    background: #ffffff;
}

.phase-checklist-search-control input[b-bft8y1m1o7] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: #173946;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.phase-checklist-filter select[b-bft8y1m1o7] {
    min-height: 38px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.phase-checklist-clear-button[b-bft8y1m1o7] {
    padding: 7px 13px;
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.phase-checklist-clear-button:hover[b-bft8y1m1o7] {
    color: #0b6077;
    border-color: #0d7187;
}

.phase-checklist-table-card[b-bft8y1m1o7] {
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.06);
}

.phase-checklist-table-scroll[b-bft8y1m1o7] {
    width: 100%;
    overflow-x: auto;
}

.phase-checklist-table[b-bft8y1m1o7] {
    width: 100%;
    min-width: 1280px;
    border-collapse: collapse;
}

.phase-checklist-table th[b-bft8y1m1o7] {
    padding: 13px 14px;
    border-bottom: 1px solid #cfdade;
    color: #536971;
    background: #f3f7f8;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 750;
    text-align: left;
    text-transform: uppercase;
}

.phase-checklist-table td[b-bft8y1m1o7] {
    padding: 14px;
    border-bottom: 1px solid #e2e8ea;
    color: #173946;
    font-size: 14px;
    line-height: 1.35;
    vertical-align: top;
}

.phase-checklist-table tbody tr:last-child td[b-bft8y1m1o7] {
    border-bottom: 0;
}

.phase-checklist-code[b-bft8y1m1o7],
.phase-checklist-title[b-bft8y1m1o7] {
    color: #123c4b;
    font-weight: 700;
}

.phase-checklist-title[b-bft8y1m1o7] {
    display: block;
}

.phase-checklist-raise-punch-button[b-bft8y1m1o7] {
    min-height: 34px;
    padding: 6px 10px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.phase-checklist-punch-count[b-bft8y1m1o7] {
    min-width: 28px;
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 750;
    white-space: nowrap;
}

.phase-checklist-punch-count-none[b-bft8y1m1o7] {
    color: #566a72;
    background: #f1f4f5;
    border-color: #cdd7db;
}

.phase-checklist-punch-count-active[b-bft8y1m1o7] {
    color: #a32622;
    background: #fbeceb;
    border-color: #e6c4c2;
}

.phase-checklist-row-actions[b-bft8y1m1o7] {
    display: flex;
    align-items: center;
    gap: 8px;
}

.phase-checklist-edit-button[b-bft8y1m1o7] {
    min-height: 34px;
    padding: 6px 12px;
    border: 1px solid #78909a;
    border-radius: 4px;
    color: #294e5b;
    background: #ffffff;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.phase-checklist-edit-button:hover[b-bft8y1m1o7] {
    border-color: #0d7187;
    color: #0d7187;
    background: #f1f8fa;
}

.phase-checklist-raise-punch-button:hover[b-bft8y1m1o7] {
    color: #ffffff;
    background: #0d7187;
}

.phase-checklist-operation-message[b-bft8y1m1o7] {
    margin-bottom: 16px;
    padding: 12px 15px;
    border: 1px solid;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 650;
}

.phase-checklist-operation-success[b-bft8y1m1o7] {
    border-color: #b9d9c4;
    color: #17633b;
    background: #eaf6ee;
}

.phase-checklist-operation-error[b-bft8y1m1o7] {
    border-color: #e6b8b5;
    color: #9f2824;
    background: #fbeceb;
}

.phase-checklist-modal-backdrop[b-bft8y1m1o7] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(8, 38, 49, 0.56);
}

.phase-checklist-punch-modal[b-bft8y1m1o7] {
    width: min(760px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top: 4px solid #0d7187;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(7, 36, 47, 0.28);
}

.phase-checklist-item-modal[b-bft8y1m1o7] {
    width: min(800px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top: 4px solid #2f8050;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(7, 36, 47, 0.28);
}

.phase-checklist-item-form[b-bft8y1m1o7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px 20px;
    overflow-y: auto;
    padding: 22px 28px 26px;
}

.phase-checklist-item-form .phase-checklist-punch-error[b-bft8y1m1o7],
.phase-checklist-item-summary[b-bft8y1m1o7],
.phase-checklist-item-information[b-bft8y1m1o7],
.phase-checklist-completion-summary[b-bft8y1m1o7] {
    grid-column: 1 / -1;
}

.phase-checklist-item-summary[b-bft8y1m1o7],
.phase-checklist-completion-summary[b-bft8y1m1o7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #d5e0e4;
    border-radius: 3px;
    background: #f7fafb;
}

.phase-checklist-item-summary > div[b-bft8y1m1o7],
.phase-checklist-completion-summary > div[b-bft8y1m1o7] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.phase-checklist-item-summary span[b-bft8y1m1o7],
.phase-checklist-completion-summary span[b-bft8y1m1o7],
.phase-checklist-item-information > span[b-bft8y1m1o7] {
    color: #607780;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.phase-checklist-item-summary strong[b-bft8y1m1o7],
.phase-checklist-completion-summary strong[b-bft8y1m1o7] {
    overflow-wrap: anywhere;
    color: #173946;
    font-size: 14px;
}

.phase-checklist-item-information[b-bft8y1m1o7] {
    padding: 14px 16px;
    border-left: 3px solid #7ba8b6;
    background: #f7fafb;
}

.phase-checklist-item-information p[b-bft8y1m1o7] {
    margin: 7px 0 0;
    color: #294e5b;
    font-size: 14px;
    line-height: 1.55;
    white-space: pre-wrap;
}

.phase-checklist-modal-header[b-bft8y1m1o7] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 28px 18px;
    border-bottom: 1px solid #d5e0e4;
}

.phase-checklist-modal-header > div[b-bft8y1m1o7] {
    min-width: 0;
}

.phase-checklist-modal-header span[b-bft8y1m1o7] {
    display: block;
    margin-bottom: 5px;
    color: #607780;
    font-size: 12px;
    font-weight: 750;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.phase-checklist-modal-header h2[b-bft8y1m1o7] {
    margin: 0;
    color: #0d3240;
    font-size: 28px;
    font-weight: 650;
}

.phase-checklist-modal-header p[b-bft8y1m1o7] {
    margin: 7px 0 0;
    color: #607780;
    font-size: 14px;
    overflow-wrap: anywhere;
}

.phase-checklist-modal-header > button[b-bft8y1m1o7] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid #c7d4d9;
    border-radius: 4px;
    color: #36535e;
    background: #f8fafb;
    cursor: pointer;
    font-size: 24px;
}

.phase-checklist-punch-form[b-bft8y1m1o7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px 20px;
    overflow-y: auto;
    padding: 22px 28px 26px;
}

.phase-checklist-punch-field-full[b-bft8y1m1o7],
.phase-checklist-punch-error[b-bft8y1m1o7] {
    grid-column: 1 / -1;
}

.phase-checklist-punch-error[b-bft8y1m1o7] {
    padding: 11px 14px;
    border: 1px solid #e6b8b5;
    border-radius: 4px;
    color: #9f2824;
    background: #fbeceb;
    font-size: 13px;
    font-weight: 650;
}

.phase-checklist-punch-source-summary[b-bft8y1m1o7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #d5e0e4;
    border-radius: 3px;
    background: #f7fafb;
}

.phase-checklist-punch-source-summary > div[b-bft8y1m1o7] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.phase-checklist-punch-source-summary span[b-bft8y1m1o7] {
    color: #607780;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.phase-checklist-punch-source-summary strong[b-bft8y1m1o7] {
    overflow-wrap: anywhere;
    color: #173946;
    font-size: 14px;
}

.phase-checklist-punch-field[b-bft8y1m1o7] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.phase-checklist-punch-field > span[b-bft8y1m1o7] {
    color: #36535e;
    font-size: 13px;
    font-weight: 750;
}

.phase-checklist-punch-field input[b-bft8y1m1o7],
.phase-checklist-punch-field select[b-bft8y1m1o7],
.phase-checklist-punch-field textarea[b-bft8y1m1o7] {
    width: 100%;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #c4d2d7;
    border-radius: 3px;
    color: #173946;
    background: #ffffff;
    font: inherit;
}

.phase-checklist-punch-field textarea[b-bft8y1m1o7] {
    resize: vertical;
}

.phase-checklist-punch-field input:focus[b-bft8y1m1o7],
.phase-checklist-punch-field select:focus[b-bft8y1m1o7],
.phase-checklist-punch-field textarea:focus[b-bft8y1m1o7] {
    outline: 2px solid rgba(13, 113, 135, 0.18);
    border-color: #0d7187;
}

.phase-checklist-punch-footer[b-bft8y1m1o7] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 17px 28px;
    border-top: 1px solid #d5e0e4;
    background: #f7fafb;
}

.phase-checklist-punch-footer button[b-bft8y1m1o7] {
    min-width: 145px;
    min-height: 42px;
    padding: 9px 16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 700;
}

.phase-checklist-secondary-button[b-bft8y1m1o7] {
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.phase-checklist-primary-button[b-bft8y1m1o7] {
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.phase-checklist-punch-footer button:disabled[b-bft8y1m1o7] {
    cursor: not-allowed;
    opacity: 0.65;
}

.phase-checklist-critical-flag[b-bft8y1m1o7] {
    display: flex;
    width: max-content;
    margin: 7px 0 0 0;
    padding: 3px 7px;
    border: 1px solid #e6b8b5;
    border-radius: 4px;
    color: #9f2824;
    background: #fbeceb;
    font-size: 11px;
    font-weight: 700;
}

.phase-checklist-status[b-bft8y1m1o7],
.phase-checklist-mandatory-yes[b-bft8y1m1o7],
.phase-checklist-mandatory-no[b-bft8y1m1o7],
.phase-checklist-evidence-yes[b-bft8y1m1o7],
.phase-checklist-evidence-no[b-bft8y1m1o7] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 3px 8px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.phase-checklist-status-completed[b-bft8y1m1o7],
.phase-checklist-mandatory-yes[b-bft8y1m1o7],
.phase-checklist-evidence-yes[b-bft8y1m1o7] {
    color: #247846;
    background: #eaf5ee;
    border-color: #c7dfd0;
}

.phase-checklist-status-progress[b-bft8y1m1o7] {
    color: #8a6300;
    background: #fff8e5;
    border-color: #ead28d;
}

.phase-checklist-status-blocked[b-bft8y1m1o7] {
    color: #a32622;
    background: #fbeceb;
    border-color: #e6c4c2;
}

.phase-checklist-status-not-started[b-bft8y1m1o7],
.phase-checklist-mandatory-no[b-bft8y1m1o7],
.phase-checklist-evidence-no[b-bft8y1m1o7] {
    color: #566a72;
    background: #f1f4f5;
    border-color: #cdd7db;
}

.phase-checklist-table-footer[b-bft8y1m1o7] {
    padding: 11px 14px;
    border-top: 1px solid #d5e0e4;
    color: #64777f;
    background: #f8fafb;
    font-size: 12px;
    line-height: 1.3;
    text-align: right;
}

.phase-checklist-empty-row td[b-bft8y1m1o7] {
    padding: 0;
    border-bottom: 0;
}

.phase-checklist-empty-state[b-bft8y1m1o7] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #64777f;
    text-align: center;
}

.phase-checklist-empty-state > span[b-bft8y1m1o7] {
    font-size: 31px;
    line-height: 1;
}

.phase-checklist-empty-state strong[b-bft8y1m1o7] {
    margin-top: 14px;
    color: #173946;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 650;
}

.phase-checklist-empty-state p[b-bft8y1m1o7] {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.phase-checklist-error[b-bft8y1m1o7] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

.phase-checklist-loading[b-bft8y1m1o7] {
    margin: 24px 28px;
    padding: 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    color: #536971;
    background: #f8fafb;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 1250px) {
    .phase-checklist-header[b-bft8y1m1o7] {
        flex-direction: column;
        gap: 20px;
    }

    .phase-checklist-header-actions[b-bft8y1m1o7] {
        justify-content: flex-start;
        padding-top: 0;
    }

    .phase-checklist-kpi-section[b-bft8y1m1o7] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .phase-checklist-toolbar[b-bft8y1m1o7] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .phase-checklist-clear-button[b-bft8y1m1o7] {
        justify-self: start;
    }
}

@media (max-width: 700px) {
    .phase-checklist-page[b-bft8y1m1o7] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .phase-checklist-heading-group[b-bft8y1m1o7] {
        flex-direction: column;
    }

    .phase-checklist-heading h1[b-bft8y1m1o7] {
        font-size: 30px;
    }

    .phase-checklist-heading p[b-bft8y1m1o7] {
        font-size: 18px;
    }

    .phase-checklist-header-actions[b-bft8y1m1o7] {
        align-items: stretch;
        flex-direction: column;
    }

    .phase-checklist-kpi-section[b-bft8y1m1o7],
    .phase-checklist-toolbar[b-bft8y1m1o7] {
        grid-template-columns: 1fr;
    }

    .phase-checklist-section-heading[b-bft8y1m1o7] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .phase-checklist-section-description[b-bft8y1m1o7] {
        padding-bottom: 0;
        text-align: left;
    }

    .phase-checklist-modal-backdrop[b-bft8y1m1o7] {
        align-items: stretch;
        padding: 10px;
    }

    .phase-checklist-punch-modal[b-bft8y1m1o7],
    .phase-checklist-item-modal[b-bft8y1m1o7] {
        max-height: calc(100vh - 20px);
    }

    .phase-checklist-modal-header[b-bft8y1m1o7],
    .phase-checklist-punch-form[b-bft8y1m1o7],
    .phase-checklist-item-form[b-bft8y1m1o7],
    .phase-checklist-punch-footer[b-bft8y1m1o7] {
        padding-right: 18px;
        padding-left: 18px;
    }

    .phase-checklist-punch-form[b-bft8y1m1o7],
    .phase-checklist-punch-source-summary[b-bft8y1m1o7],
    .phase-checklist-item-form[b-bft8y1m1o7],
    .phase-checklist-item-summary[b-bft8y1m1o7],
    .phase-checklist-completion-summary[b-bft8y1m1o7] {
        grid-template-columns: 1fr;
    }

    .phase-checklist-punch-field-full[b-bft8y1m1o7],
    .phase-checklist-punch-error[b-bft8y1m1o7] {
        grid-column: auto;
    }

    .phase-checklist-row-actions[b-bft8y1m1o7] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/PhaseProgressReport.razor.rz.scp.css */
.phase-progress-report-page[b-8wlmjaq8qd] {
    padding: 28px 24px 48px;
    color: #062f43;
}

.phase-progress-report-state[b-8wlmjaq8qd] {
    padding: 36px;
    border: 1px solid #d6e0e5;
    background: #ffffff;
}

.phase-progress-report-state-error[b-8wlmjaq8qd] {
    border-left: 4px solid #c63b32;
}

.phase-progress-report-breadcrumb[b-8wlmjaq8qd] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #60727c;
    font-size: 14px;
}

.phase-progress-report-breadcrumb-link[b-8wlmjaq8qd] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #006b88;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.phase-progress-report-header[b-8wlmjaq8qd] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #cdd9df;
}

.phase-progress-report-eyebrow[b-8wlmjaq8qd] {
    display: block;
    margin-bottom: 6px;
    color: #5b6e78;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
}

.phase-progress-report-header h1[b-8wlmjaq8qd] {
    margin: 0;
    font-size: 32px;
    line-height: 1.15;
}

.phase-progress-report-header p[b-8wlmjaq8qd] {
    margin: 8px 0 0;
    color: #5c707b;
    font-size: 16px;
}

.phase-progress-report-back-button[b-8wlmjaq8qd] {
    min-width: 150px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #007c9f;
    border-radius: 0;
    background: transparent;
    color: #006b88;
    font-weight: 600;
    cursor: pointer;
}

.phase-progress-report-scope-card[b-8wlmjaq8qd] {
    margin-top: 20px;
    border: 1px solid #d3dee4;
    background: #ffffff;
}

.phase-progress-report-scope-title[b-8wlmjaq8qd] {
    padding: 12px 16px;
    border-bottom: 1px solid #d3dee4;
    background: #f5f8fa;
    color: #566c78;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
}

.phase-progress-report-scope-grid[b-8wlmjaq8qd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.phase-progress-report-scope-item[b-8wlmjaq8qd] {
    min-height: 74px;
    padding: 14px 16px;
    border-right: 1px solid #e0e8ec;
}

.phase-progress-report-scope-item:last-child[b-8wlmjaq8qd] {
    border-right: 0;
}

.phase-progress-report-scope-item span[b-8wlmjaq8qd] {
    display: block;
    margin-bottom: 5px;
    color: #667b86;
    font-size: 12px;
    font-weight: 600;
}

.phase-progress-report-scope-item strong[b-8wlmjaq8qd] {
    font-size: 16px;
}

.phase-progress-report-section[b-8wlmjaq8qd] {
    margin-top: 32px;
}

.phase-progress-report-section-heading[b-8wlmjaq8qd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7e1e6;
}

.phase-progress-report-section-heading span[b-8wlmjaq8qd] {
    display: block;
    margin-bottom: 5px;
    color: #60737d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
}

.phase-progress-report-section-heading h2[b-8wlmjaq8qd] {
    margin: 0;
    font-size: 24px;
}

.phase-progress-report-section-scope[b-8wlmjaq8qd] {
    color: #60737d;
    font-size: 14px;
}

.phase-progress-report-kpi-grid[b-8wlmjaq8qd] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.phase-progress-report-kpi-card[b-8wlmjaq8qd] {
    min-height: 126px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.phase-progress-report-kpi-label[b-8wlmjaq8qd] {
    margin-bottom: 8px;
    color: #536b77;
    font-size: 13px;
    font-weight: 700;
}

.phase-progress-report-kpi-value[b-8wlmjaq8qd] {
    color: #062f43;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.phase-progress-report-kpi-note[b-8wlmjaq8qd] {
    margin-top: 10px;
    color: #6c7f89;
    font-size: 12px;
    line-height: 1.35;
}

.phase-progress-report-progress-card[b-8wlmjaq8qd] {
    margin-top: 16px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.phase-progress-report-progress-heading[b-8wlmjaq8qd] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.phase-progress-report-progress-heading > div:first-child[b-8wlmjaq8qd] {
    display: flex;
    align-items: baseline;
    gap: 14px;
}

.phase-progress-report-progress-heading span[b-8wlmjaq8qd] {
    color: #536b77;
    font-size: 14px;
    font-weight: 700;
}

.phase-progress-report-progress-heading strong[b-8wlmjaq8qd] {
    font-size: 25px;
}

.phase-progress-report-progress-detail[b-8wlmjaq8qd] {
    color: #657983;
    font-size: 13px;
}

.phase-progress-report-progress-track[b-8wlmjaq8qd] {
    height: 8px;
    margin-top: 14px;
    background: #e1e9ed;
    overflow: hidden;
}

.phase-progress-report-progress-fill[b-8wlmjaq8qd] {
    height: 100%;
    background: #087f98;
}

.phase-progress-report-table-wrapper[b-8wlmjaq8qd] {
    overflow-x: auto;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.phase-progress-report-table[b-8wlmjaq8qd] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1080px;
}

.phase-progress-report-table th[b-8wlmjaq8qd],
.phase-progress-report-table td[b-8wlmjaq8qd] {
    padding: 14px 16px;
    border-bottom: 1px solid #dbe4e8;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
}

.phase-progress-report-table th[b-8wlmjaq8qd] {
    background: #f5f8fa;
    color: #284f60;
    font-weight: 700;
    white-space: nowrap;
}

.phase-progress-report-table tbody tr:last-child td[b-8wlmjaq8qd] {
    border-bottom: 0;
}

.phase-progress-report-row-progress[b-8wlmjaq8qd] {
    min-width: 150px;
}

.phase-progress-report-row-progress-heading[b-8wlmjaq8qd] {
    margin-bottom: 6px;
    font-weight: 700;
}

.phase-progress-report-row-progress-track[b-8wlmjaq8qd] {
    height: 7px;
    background: #e1e9ed;
    overflow: hidden;
}

.phase-progress-report-row-progress-fill[b-8wlmjaq8qd] {
    height: 100%;
    background: #087f98;
}

@media (max-width: 1100px) {
    .phase-progress-report-kpi-grid[b-8wlmjaq8qd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .phase-progress-report-page[b-8wlmjaq8qd] {
        padding: 20px 14px 36px;
    }

    .phase-progress-report-header[b-8wlmjaq8qd] {
        flex-direction: column;
    }

    .phase-progress-report-scope-grid[b-8wlmjaq8qd] {
        grid-template-columns: 1fr;
    }

    .phase-progress-report-scope-item[b-8wlmjaq8qd] {
        border-right: 0;
        border-bottom: 1px solid #e0e8ec;
    }

    .phase-progress-report-scope-item:last-child[b-8wlmjaq8qd] {
        border-bottom: 0;
    }

    .phase-progress-report-kpi-grid[b-8wlmjaq8qd] {
        grid-template-columns: 1fr;
    }

    .phase-progress-report-section-heading[b-8wlmjaq8qd],
    .phase-progress-report-progress-heading[b-8wlmjaq8qd] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.phase-progress-report-header-actions[b-8wlmjaq8qd] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.phase-progress-report-export-button[b-8wlmjaq8qd] {
    min-width: 146px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(13, 50, 61, 1);
    border-radius: 0;
    background: rgba(13, 50, 61, 1);
    color: #ffffff;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.phase-progress-report-export-button:hover[b-8wlmjaq8qd] {
    background: rgba(13, 50, 61, 0.9);
}

@media (max-width: 800px) {
    .phase-progress-report-header-actions[b-8wlmjaq8qd] {
        width: 100%;
        flex-wrap: wrap;
    }
}

/* ============================================================
   CMS REPORTS UI REFRESH
   Screen-only visual hierarchy. Print components remain unchanged.
   ============================================================ */

.phase-progress-report-page[b-8wlmjaq8qd] {
    max-width: 1600px;
    margin: 0 auto;
    background: linear-gradient(180deg, #f5fafb 0, #ffffff 320px);
}

.phase-progress-report-breadcrumb[b-8wlmjaq8qd] {
    margin-bottom: 16px;
}

.phase-progress-report-header[b-8wlmjaq8qd] {
    position: relative;
    padding: 22px 24px 21px;
    border-top: 5px solid #0b7f96;
    border-bottom: 1px solid #c9dce2;
    background: linear-gradient(100deg, #eaf6f8 0%, #f8fcfd 54%, #ffffff 100%);
    box-shadow: 0 4px 14px rgba(13, 50, 61, 0.07);
}

.phase-progress-report-header h1[b-8wlmjaq8qd] {
    color: #0d3240;
    font-weight: 650;
}

.phase-progress-report-eyebrow[b-8wlmjaq8qd] {
    color: #0b7489;
}

.phase-progress-report-header p[b-8wlmjaq8qd] {
    color: #55717b;
}

.phase-progress-report-export-button[b-8wlmjaq8qd] {
    border-color: #0d4b5c;
    background: #0d4b5c;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(13, 50, 61, 0.15);
}

.phase-progress-report-export-button:hover[b-8wlmjaq8qd] {
    border-color: #0a3c4a;
    background: #0a3c4a;
}

.phase-progress-report-back-button[b-8wlmjaq8qd] {
    border-color: #3a7d90;
    color: #15566a;
    background: #ffffff;
}

.phase-progress-report-back-button:hover[b-8wlmjaq8qd] {
    border-color: #0b7489;
    background: #edf7f9;
}

.phase-progress-report-scope-card[b-8wlmjaq8qd] {
    overflow: hidden;
    border-color: #c9dce2;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.055);
}

.phase-progress-report-scope-title[b-8wlmjaq8qd] {
    margin: 0;
    padding: 12px 16px;
    border-bottom: 0;
    background: #0d4b5c;
    color: #ffffff;
    letter-spacing: .08em;
}

.phase-progress-report-scope-grid[b-8wlmjaq8qd] {
    border-color: #d3e2e7;
    background: #ffffff;
}

.phase-progress-report-scope-item[b-8wlmjaq8qd] {
    border-color: #d9e6ea;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.phase-progress-report-scope-item span[b-8wlmjaq8qd] {
    color: #67808a;
}

.phase-progress-report-scope-item strong[b-8wlmjaq8qd] {
    color: #103b49;
}

.phase-progress-report-section-heading[b-8wlmjaq8qd] {
    align-items: center;
    margin-bottom: 17px;
    padding: 11px 14px 11px 16px;
    border-left: 4px solid #0e8ca5;
    border-bottom: 0;
    background: linear-gradient(90deg, #eaf6f8 0%, #f8fcfd 62%, #ffffff 100%);
}

.phase-progress-report-section-heading span[b-8wlmjaq8qd] {
    color: #0b7489;
}

.phase-progress-report-section-heading h2[b-8wlmjaq8qd] {
    color: #123d4b;
}

.phase-progress-report-section-scope[b-8wlmjaq8qd] {
    color: #5f7a84;
}

.phase-progress-report-kpi-card[b-8wlmjaq8qd] {
    position: relative;
    overflow: hidden;
    border-color: #d4e1e5;
    background: linear-gradient(145deg, #ffffff 0%, #f8fbfc 100%);
    box-shadow: 0 4px 12px rgba(13, 50, 61, 0.055);
}

.phase-progress-report-kpi-card[b-8wlmjaq8qd]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #11869e;
}

.phase-progress-report-kpi-card:nth-child(2)[b-8wlmjaq8qd]::before { background: #32a365; }
.phase-progress-report-kpi-card:nth-child(3)[b-8wlmjaq8qd]::before { background: #d9534f; }
.phase-progress-report-kpi-card:nth-child(4)[b-8wlmjaq8qd]::before { background: #d78a12; }
.phase-progress-report-kpi-card:nth-child(5)[b-8wlmjaq8qd]::before { background: #3c78c5; }
.phase-progress-report-kpi-card:nth-child(6)[b-8wlmjaq8qd]::before { background: #835bb5; }

.phase-progress-report-kpi-label[b-8wlmjaq8qd] {
    color: #4e6e79;
}

.phase-progress-report-kpi-value[b-8wlmjaq8qd] {
    color: #0b4050;
}

.phase-progress-report-progress-card[b-8wlmjaq8qd] {
    border-color: #cbdde2;
    border-left: 4px solid #0e8ca5;
    background: linear-gradient(90deg, #f7fbfc 0%, #ffffff 100%);
    box-shadow: 0 3px 10px rgba(13, 50, 61, 0.045);
}

.phase-progress-report-progress-track[b-8wlmjaq8qd],
.phase-progress-report-row-progress-track[b-8wlmjaq8qd] {
    background: #dce9ed;
}

.phase-progress-report-progress-fill[b-8wlmjaq8qd],
.phase-progress-report-row-progress-fill[b-8wlmjaq8qd] {
    background: linear-gradient(90deg, #0c8098 0%, #22a6b9 100%);
}

.phase-progress-report-table-wrapper[b-8wlmjaq8qd] {
    border-color: #cadce2;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.05);
}

.phase-progress-report-table th[b-8wlmjaq8qd] {
    border-color: #c8dce2;
    background: #e6f2f5;
    color: #174758;
}

.phase-progress-report-table td[b-8wlmjaq8qd] {
    border-color: #dce7ea;
}

.phase-progress-report-table tbody tr:nth-child(even) td[b-8wlmjaq8qd] {
    background: #fbfdfe;
}

.phase-progress-report-table tbody tr:hover td[b-8wlmjaq8qd] {
    background: #f0f8fa;
}

.phase-progress-report-kpi-card:nth-child(2)[b-8wlmjaq8qd]::before { background:#8b98a0; }
.phase-progress-report-kpi-card:nth-child(3)[b-8wlmjaq8qd]::before { background:#d78a12; }
.phase-progress-report-kpi-card:nth-child(4)[b-8wlmjaq8qd]::before { background:#32a365; }

/* /Components/Pages/PhaseProgressReportPrint.razor.rz.scp.css */
.phase-print-view[b-eak7t5ruue] {
    width: 100%;
    color: #062f43;
    font-family: "Segoe UI", Arial, sans-serif;
}

.phase-print-toolbar[b-eak7t5ruue] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 210mm;
    margin: 0 auto 12px;
}

.phase-print-toolbar-button[b-eak7t5ruue] {
    min-width: 148px;
    height: 42px;
    padding: 0 18px;
    border: 1px solid #0d3240;
    border-radius: 0;
    background: #ffffff;
    color: #0d3240;
    font: 700 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.phase-print-toolbar-button-primary[b-eak7t5ruue] {
    background: #0d3240;
    color: #ffffff;
}

.phase-print-sheet[b-eak7t5ruue],
.phase-print-state[b-eak7t5ruue] {
    width: 210mm;
    margin: 0 auto;
    box-sizing: border-box;
    background: #ffffff;
}

.phase-print-sheet[b-eak7t5ruue] {
    min-height: 297mm;
    padding: 10mm 11mm 8mm;
    border-top: 2mm solid #0787a0;
    box-shadow: 0 8px 28px rgba(13, 50, 61, .14);
}

.phase-print-state[b-eak7t5ruue] {
    padding: 16mm;
}

.phase-print-state-error[b-eak7t5ruue] {
    border-left: 4px solid #c63b32;
}

.phase-print-header[b-eak7t5ruue] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10mm;
    padding-bottom: 5mm;
    border-bottom: 1px solid #bdd0d8;
    background:
        linear-gradient(
            90deg,
            rgba(13, 50, 64, .04) 0%,
            rgba(8, 135, 160, .02) 58%,
            rgba(8, 135, 160, .09) 100%);
}

.phase-print-kicker[b-eak7t5ruue] {
    color: #0d4f76;
    font-size: 8pt;
    font-weight: 800;
    letter-spacing: .05em;
}

.phase-print-header h1[b-eak7t5ruue] {
    margin: 2mm 0 1mm;
    color: #062f43;
    font-size: 24pt;
    line-height: 1.05;
}

.phase-print-header p[b-eak7t5ruue] {
    margin: 0;
    color: #5c707b;
    font-size: 8.5pt;
}

.phase-print-brand[b-eak7t5ruue] {
    display: flex;
    align-items: center;
    gap: 3mm;
    flex: 0 0 auto;
}

.phase-print-brand-mark[b-eak7t5ruue] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 1.5mm;
    width: 15mm;
    height: 18mm;
    padding: 2.6mm 2.2mm;
    box-sizing: border-box;
    border: 2px solid #0d4f76;
    background: linear-gradient(180deg, #ffffff 0%, #eef7fb 100%);
}

.phase-print-brand-mark span[b-eak7t5ruue] {
    display: block;
    height: 2.2mm;
    border-radius: .5mm;
    background: linear-gradient(90deg, #0d4f76 0%, #0a8aa2 100%);
}

.phase-print-brand-text[b-eak7t5ruue] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.phase-print-brand-text strong[b-eak7t5ruue] {
    color: #536069;
    font-size: 21pt;
    letter-spacing: -.04em;
}

.phase-print-brand-text span[b-eak7t5ruue] {
    color: #536069;
    font-size: 5.2pt;
    font-weight: 800;
}

.phase-print-scope[b-eak7t5ruue] {
    margin-top: 5mm;
    border: 1px solid #ccdbe1;
}

.phase-print-section-band[b-eak7t5ruue] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2.4mm 3.2mm;
    background: linear-gradient(90deg, #0d3240 0%, #145473 100%);
    color: #ffffff;
    font-size: 6.5pt;
    font-weight: 800;
}

.phase-print-scope-grid[b-eak7t5ruue] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.phase-print-scope-grid > div[b-eak7t5ruue] {
    padding: 3mm 4mm;
    border-right: 1px solid #d7e3e7;
    background: #fbfdfe;
}

.phase-print-scope-grid > div:last-child[b-eak7t5ruue] {
    border-right: 0;
}

.phase-print-scope-grid span[b-eak7t5ruue] {
    display: block;
    margin-bottom: 1mm;
    color: #607680;
    font-size: 6pt;
}

.phase-print-scope-grid strong[b-eak7t5ruue] {
    color: #062f43;
    font-size: 9pt;
}

.phase-print-section[b-eak7t5ruue] {
    margin-top: 5mm;
}

.phase-print-section-title[b-eak7t5ruue] {
    margin-bottom: 2.4mm;
    padding-left: 2.5mm;
    border-left: 1.2mm solid #0787a0;
    color: #0d4f76;
    font-size: 8pt;
    font-weight: 800;
    letter-spacing: .04em;
}

.phase-print-kpi-grid[b-eak7t5ruue] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2mm;
}

.phase-print-kpi-card[b-eak7t5ruue] {
    min-height: 25mm;
    padding: 2.8mm;
    box-sizing: border-box;
    border: 1px solid #cddce2;
    border-top: 2.3mm solid #0787a0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.phase-print-kpi-card:nth-child(2)[b-eak7t5ruue] {
    border-top-color: #6e7f89;
}

.phase-print-kpi-card:nth-child(3)[b-eak7t5ruue] {
    border-top-color: #d98208;
}

.phase-print-kpi-card:nth-child(4)[b-eak7t5ruue] {
    border-top-color: #2c9855;
}

.phase-print-kpi-wide[b-eak7t5ruue] {
    grid-column: 1 / -1;
    min-height: 18mm;
    border-top-color: #3e70c8;
}

.phase-print-kpi-card span[b-eak7t5ruue] {
    display: block;
    min-height: 5mm;
    color: #31525e;
    font-size: 6.4pt;
    font-weight: 700;
}

.phase-print-kpi-card strong[b-eak7t5ruue] {
    display: block;
    margin-top: 1mm;
    color: #073c56;
    font-size: 18pt;
    line-height: 1;
}

.phase-print-kpi-card small[b-eak7t5ruue] {
    display: block;
    margin-top: 1.3mm;
    color: #607680;
    font-size: 5.6pt;
}

.phase-print-bar[b-eak7t5ruue],
.phase-print-row-track[b-eak7t5ruue] {
    overflow: hidden;
    background: #dfe8ec;
}

.phase-print-bar[b-eak7t5ruue] {
    height: 2mm;
    margin-top: 2mm;
}

.phase-print-bar > div[b-eak7t5ruue],
.phase-print-row-track > div[b-eak7t5ruue] {
    height: 100%;
    background: linear-gradient(90deg, #0d7187 0%, #0aa0b4 100%);
}

.phase-print-table[b-eak7t5ruue] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.phase-print-table th[b-eak7t5ruue],
.phase-print-table td[b-eak7t5ruue] {
    padding: 2.2mm 2.4mm;
    border: 1px solid #cddce2;
    text-align: left;
    vertical-align: middle;
    font-size: 6.3pt;
    line-height: 1.2;
}

.phase-print-table th[b-eak7t5ruue] {
    background: linear-gradient(180deg, #edf4f7 0%, #e2ecef 100%);
    color: #123f52;
    font-weight: 800;
}

.phase-print-table tbody tr:nth-child(even) td[b-eak7t5ruue] {
    background: #fbfdfe;
}

.phase-print-status[b-eak7t5ruue] {
    display: inline-block;
    min-width: 17mm;
    padding: 1mm 1.7mm;
    text-align: center;
    font-size: 5.7pt;
    font-weight: 800;
}

.phase-print-status-not-started[b-eak7t5ruue] {
    background: #eef2f4;
    color: #61727a;
}

.phase-print-status-progress[b-eak7t5ruue] {
    background: #fff0d8;
    color: #9c5a00;
}

.phase-print-status-completed[b-eak7t5ruue] {
    background: #e3f4e8;
    color: #247846;
}

.phase-print-row-progress strong[b-eak7t5ruue] {
    display: block;
    margin-bottom: 1mm;
    color: #0d4f76;
    font-size: 6pt;
}

.phase-print-row-track[b-eak7t5ruue] {
    height: 1.5mm;
}

.phase-print-status-note[b-eak7t5ruue] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3mm;
    margin-top: 4mm;
}

.phase-print-status-note > div[b-eak7t5ruue] {
    padding: 2.5mm 3mm;
    border-left: 1mm solid #3e70c8;
    background: #f5f9fb;
}

.phase-print-status-note strong[b-eak7t5ruue],
.phase-print-status-note span[b-eak7t5ruue] {
    display: block;
}

.phase-print-status-note strong[b-eak7t5ruue] {
    margin-bottom: 1mm;
    color: #123f52;
    font-size: 6.2pt;
}

.phase-print-status-note span[b-eak7t5ruue] {
    color: #58707b;
    font-size: 5.6pt;
    line-height: 1.35;
}

.phase-print-footer[b-eak7t5ruue] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8mm;
    margin-top: 5mm;
    padding-top: 2.5mm;
    border-top: 1px solid #86aab8;
    color: #506b76;
    font-size: 5.8pt;
}

.phase-print-footer > div:first-child[b-eak7t5ruue] {
    display: flex;
    flex-direction: column;
    gap: .8mm;
}

.phase-print-footer strong[b-eak7t5ruue] {
    color: #173f50;
}

.phase-print-no-break[b-eak7t5ruue] {
    break-inside: avoid;
    page-break-inside: avoid;
}

@page {
    size: A4 portrait;
    margin: 4mm;
}

@media print {
    html[b-eak7t5ruue],
    body[b-eak7t5ruue] {
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    .phase-print-toolbar[b-eak7t5ruue] {
        display: none !important;
    }

    .phase-print-view[b-eak7t5ruue] {
        width: 100%;
    }

    .phase-print-sheet[b-eak7t5ruue],
    .phase-print-state[b-eak7t5ruue] {
        width: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

    .phase-print-sheet[b-eak7t5ruue] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .phase-print-header[b-eak7t5ruue] {
        gap: 8mm;
        padding-bottom: 3mm;
    }

    .phase-print-header h1[b-eak7t5ruue] {
        margin: 1mm 0 .7mm;
        font-size: 19pt;
    }

    .phase-print-header p[b-eak7t5ruue] {
        font-size: 7.8pt;
    }

    .phase-print-brand-mark[b-eak7t5ruue] {
        width: 13mm;
        height: 15mm;
    }

    .phase-print-brand-text strong[b-eak7t5ruue] {
        font-size: 18pt;
    }

    .phase-print-scope[b-eak7t5ruue] {
        margin-top: 3mm;
    }

    .phase-print-section-band[b-eak7t5ruue] {
        padding: 2mm 3mm;
    }

    .phase-print-scope-grid > div[b-eak7t5ruue] {
        padding: 2.4mm 3.5mm;
    }

    .phase-print-section[b-eak7t5ruue] {
        margin-top: 3mm;
    }

    .phase-print-section-title[b-eak7t5ruue] {
        margin-bottom: 1.5mm;
    }

    .phase-print-kpi-grid[b-eak7t5ruue] {
        gap: 1.5mm;
    }

    .phase-print-kpi-card[b-eak7t5ruue] {
        min-height: 21mm;
        padding: 2.2mm;
    }

    .phase-print-kpi-wide[b-eak7t5ruue] {
        min-height: 15mm;
    }

    .phase-print-kpi-card span[b-eak7t5ruue] {
        min-height: 4.8mm;
        font-size: 6pt;
    }

    .phase-print-kpi-card strong[b-eak7t5ruue] {
        margin-top: .6mm;
        font-size: 15pt;
    }

    .phase-print-kpi-card small[b-eak7t5ruue] {
        margin-top: .8mm;
        font-size: 5.4pt;
    }

    .phase-print-table th[b-eak7t5ruue],
    .phase-print-table td[b-eak7t5ruue] {
        padding: 1.7mm 1.9mm;
        font-size: 5.8pt;
        line-height: 1.15;
    }

    .phase-print-status-note[b-eak7t5ruue] {
        gap: 2mm;
        margin-top: 1mm;
    }

    .phase-print-status-note > div[b-eak7t5ruue] {
        padding: 1.3mm 2.3mm;
    }

    .phase-print-footer[b-eak7t5ruue] {
        margin-top: 0;
        padding-top: .5mm;
        font-size: 5.1pt;
        line-height: 1.05;
        break-inside: auto !important;
        page-break-inside: auto !important;
    }

    .phase-print-footer.phase-print-no-break[b-eak7t5ruue] {
        break-inside: auto !important;
        page-break-inside: auto !important;
    }

    .phase-print-section[b-eak7t5ruue],
    .phase-print-table[b-eak7t5ruue],
    .phase-print-status-note[b-eak7t5ruue] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Components/Pages/PhaseWorkspace.razor.rz.scp.css */
.phase-workspace-page[b-j97ccqiukp] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.phase-workspace-approval-backdrop[b-j97ccqiukp] {
    z-index: 1250;
}

.phase-workspace-approval-modal[b-j97ccqiukp] {
    width: min(1040px, calc(100vw - 48px));
    max-height: calc(100vh - 48px);
    display: flex;
    overflow: hidden;
    flex-direction: column;
    background: #ffffff;
    border: 1px solid #c8d8df;
    border-top: 5px solid #3d5ca8;
    box-shadow: 0 20px 55px rgb(14 54 72 / 24%);
}

.phase-workspace-approval-body[b-j97ccqiukp] {
    padding: 24px 32px 28px;
    overflow-y: auto;
}

.phase-workspace-approval-summary[b-j97ccqiukp] {
    display: grid;
    margin-bottom: 24px;
    padding: 16px 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    background: #f5f9fb;
    border: 1px solid #d3e0e6;
}

.phase-workspace-approval-summary > div[b-j97ccqiukp],
.phase-workspace-approval-decision > div[b-j97ccqiukp] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 5px;
}

.phase-workspace-approval-summary span[b-j97ccqiukp],
.phase-workspace-approval-source span[b-j97ccqiukp],
.phase-workspace-approval-decision span[b-j97ccqiukp] {
    color: #58717e;
    font-size: 0.82rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.035em;
}

.phase-workspace-approval-form[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 22px;
}

.phase-workspace-approval-form label[b-j97ccqiukp] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 7px;
    color: #173b4a;
    font-weight: 700;
}

.phase-workspace-approval-form input[b-j97ccqiukp],
.phase-workspace-approval-form select[b-j97ccqiukp],
.phase-workspace-approval-form textarea[b-j97ccqiukp] {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    color: #123746;
    font: inherit;
    font-weight: 400;
    background: #ffffff;
    border: 1px solid #bfcfd7;
}

.phase-workspace-approval-form textarea[b-j97ccqiukp] {
    resize: vertical;
}

.phase-workspace-approval-form input:disabled[b-j97ccqiukp],
.phase-workspace-approval-form select:disabled[b-j97ccqiukp],
.phase-workspace-approval-form textarea:disabled[b-j97ccqiukp] {
    color: #526b77;
    background: #f2f6f8;
    opacity: 1;
}

.phase-workspace-approval-field-wide[b-j97ccqiukp] {
    grid-column: 1 / -1;
}

.phase-workspace-approval-source[b-j97ccqiukp] {
    display: flex;
    padding: 14px 16px;
    flex-direction: column;
    gap: 5px;
    background: #f5f9fb;
    border: 1px solid #d3e0e6;
}

.phase-workspace-approval-decision[b-j97ccqiukp] {
    display: grid;
    padding: 16px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    background: #f3f8f5;
    border: 1px solid #c7dfcf;
}

.phase-workspace-approval-footer[b-j97ccqiukp] {
    display: flex;
    min-height: 76px;
    padding: 16px 32px;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: #f5f9fb;
    border-top: 1px solid #d3e0e6;
}

.phase-workspace-approval-footer-actions[b-j97ccqiukp] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

.phase-workspace-secondary-action[b-j97ccqiukp],
.phase-workspace-danger-action[b-j97ccqiukp],
.phase-workspace-reject-action[b-j97ccqiukp],
.phase-workspace-approve-action[b-j97ccqiukp] {
    min-height: 44px;
    padding: 10px 18px;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
    background: #ffffff;
}

.phase-workspace-secondary-action[b-j97ccqiukp] {
    color: #075f78;
    border: 1px solid #075f78;
}

.phase-workspace-danger-action[b-j97ccqiukp],
.phase-workspace-reject-action[b-j97ccqiukp] {
    color: #b42331;
    border: 1px solid #d43b49;
}

.phase-workspace-approve-action[b-j97ccqiukp] {
    color: #ffffff;
    background: #23834d;
    border: 1px solid #23834d;
}

.phase-workspace-secondary-action:disabled[b-j97ccqiukp],
.phase-workspace-danger-action:disabled[b-j97ccqiukp],
.phase-workspace-reject-action:disabled[b-j97ccqiukp],
.phase-workspace-approve-action:disabled[b-j97ccqiukp] {
    cursor: not-allowed;
    opacity: 0.58;
}

@media (max-width: 820px) {
    .phase-workspace-approval-modal[b-j97ccqiukp] {
        width: calc(100vw - 24px);
        max-height: calc(100vh - 24px);
    }

    .phase-workspace-approval-body[b-j97ccqiukp],
    .phase-workspace-approval-footer[b-j97ccqiukp] {
        padding-right: 18px;
        padding-left: 18px;
    }

    .phase-workspace-approval-summary[b-j97ccqiukp],
    .phase-workspace-approval-form[b-j97ccqiukp],
    .phase-workspace-approval-decision[b-j97ccqiukp] {
        grid-template-columns: 1fr;
    }

    .phase-workspace-approval-footer[b-j97ccqiukp] {
        align-items: stretch;
        flex-direction: column;
    }

    .phase-workspace-approval-footer-actions[b-j97ccqiukp] {
        flex-direction: column;
    }
}

.phase-workspace-breadcrumb[b-j97ccqiukp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.phase-workspace-breadcrumb a[b-j97ccqiukp] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.phase-workspace-breadcrumb a:hover[b-j97ccqiukp] {
    color: #073f50;
    text-decoration: underline;
}

.phase-workspace-breadcrumb-separator[b-j97ccqiukp] {
    color: #8a9aa1;
    user-select: none;
}

.phase-workspace-breadcrumb-current[b-j97ccqiukp] {
    color: #61737b;
    font-weight: 500;
}

.phase-workspace-header[b-j97ccqiukp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.phase-workspace-heading-group[b-j97ccqiukp] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.phase-workspace-icon[b-j97ccqiukp] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.phase-workspace-heading[b-j97ccqiukp] {
    min-width: 0;
}

.phase-workspace-eyebrow[b-j97ccqiukp] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.phase-workspace-heading h1[b-j97ccqiukp] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.phase-workspace-heading p[b-j97ccqiukp] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.phase-workspace-header-actions[b-j97ccqiukp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 22px;
}

.phase-workspace-add-button[b-j97ccqiukp],
.phase-workspace-back-button[b-j97ccqiukp],
.phase-workspace-clear-button[b-j97ccqiukp] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.phase-workspace-add-button[b-j97ccqiukp] {
    padding: 7px 15px;
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.phase-workspace-add-button:hover[b-j97ccqiukp] {
    border-color: #09596b;
    background: #09596b;
}

.phase-workspace-add-button:disabled[b-j97ccqiukp] {
    cursor: not-allowed;
    opacity: 0.65;
}

.phase-workspace-operation-message[b-j97ccqiukp] {
    margin-bottom: 14px;
    padding: 11px 14px;
    border: 1px solid #b9d9c4;
    border-radius: 4px;
    color: #17633b;
    background: #edf8f1;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
}

.phase-workspace-operation-message-error[b-j97ccqiukp] {
    border-color: #e4bebc;
    color: #9e2824;
    background: #fceeed;
}

.phase-workspace-record-title[b-j97ccqiukp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 220px;
}

.phase-workspace-record-title strong[b-j97ccqiukp] {
    color: #0b6077;
    font-size: 13px;
}

.phase-workspace-record-title span[b-j97ccqiukp] {
    color: #173946;
    font-weight: 600;
}

.phase-workspace-test-run-summary[b-j97ccqiukp] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 170px;
}

.phase-workspace-test-run-summary strong[b-j97ccqiukp] {
    color: #173946;
    font-size: 14px;
}

.phase-workspace-test-run-summary span[b-j97ccqiukp] {
    color: #61767e;
    font-size: 12px;
    line-height: 1.3;
    white-space: nowrap;
}

.phase-workspace-result-badge[b-j97ccqiukp] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 3px 9px;
    border: 1px solid #cbd7db;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.phase-workspace-result-passed[b-j97ccqiukp] {
    border-color: #b9d9c4;
    color: #17633b;
    background: #eaf6ee;
}

.phase-workspace-result-failed[b-j97ccqiukp] {
    border-color: #e4bebc;
    color: #a12824;
    background: #fceceb;
}

.phase-workspace-result-conditional[b-j97ccqiukp] {
    border-color: #e8cf9c;
    color: #8a5a00;
    background: #fff6df;
}

.phase-workspace-result-in-progress[b-j97ccqiukp] {
    border-color: #d8c487;
    color: #735000;
    background: #fff7db;
}

.phase-workspace-result-not-tested[b-j97ccqiukp] {
    border-color: #cbd7db;
    color: #566b73;
    background: #f2f5f6;
}

.phase-workspace-back-button[b-j97ccqiukp] {
    padding: 7px 13px;
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #ffffff;
}

.phase-workspace-back-button:hover[b-j97ccqiukp] {
    color: #ffffff;
    background: #0d7187;
}

.phase-workspace-header-divider[b-j97ccqiukp] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.phase-workspace-kpi-section[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    width: 100%;
    margin-top: 26px;
}

.phase-workspace-kpi-card[b-j97ccqiukp] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.phase-workspace-kpi-icon[b-j97ccqiukp] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
    line-height: 1;
}

.phase-workspace-kpi-icon-critical[b-j97ccqiukp] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.phase-workspace-kpi-icon-ready[b-j97ccqiukp] {
    border-color: #c7dfd0;
    background: #eaf5ee;
}

.phase-workspace-kpi-icon-progress[b-j97ccqiukp] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.phase-workspace-kpi-label[b-j97ccqiukp] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 650;
}

.phase-workspace-kpi-value[b-j97ccqiukp] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
    font-weight: 750;
}

.phase-workspace-content[b-j97ccqiukp] {
    width: 100%;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #d4dfe3;
}

.phase-workspace-section-heading[b-j97ccqiukp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.phase-workspace-section-eyebrow[b-j97ccqiukp] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.phase-workspace-section-heading h2[b-j97ccqiukp] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.phase-workspace-section-description[b-j97ccqiukp] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.phase-workspace-toolbar[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 210px 190px auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid #d5e0e4;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #f8fafb;
}

.phase-workspace-search[b-j97ccqiukp],
.phase-workspace-filter[b-j97ccqiukp] {
    min-width: 0;
}

.phase-workspace-control-label[b-j97ccqiukp] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.phase-workspace-search-control[b-j97ccqiukp] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #75868d;
    background: #ffffff;
}

.phase-workspace-search-control input[b-j97ccqiukp] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: #173946;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.phase-workspace-filter select[b-j97ccqiukp] {
    min-height: 38px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.phase-workspace-clear-button[b-j97ccqiukp] {
    padding: 7px 13px;
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.phase-workspace-clear-button:hover[b-j97ccqiukp] {
    color: #0b6077;
    border-color: #0d7187;
}

.phase-workspace-table-card[b-j97ccqiukp] {
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.06);
}

.phase-workspace-table-scroll[b-j97ccqiukp] {
    width: 100%;
    overflow-x: auto;
}

.phase-workspace-table[b-j97ccqiukp] {
    width: 100%;
    min-width: 1220px;
    border-collapse: collapse;
}

.phase-workspace-table th[b-j97ccqiukp] {
    padding: 13px 14px;
    border-bottom: 1px solid #cfdade;
    color: #536971;
    background: #f3f7f8;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 750;
    text-align: left;
    text-transform: uppercase;
}

.phase-workspace-table td[b-j97ccqiukp] {
    padding: 14px;
    border-bottom: 1px solid #e2e8ea;
    color: #173946;
    font-size: 14px;
    line-height: 1.35;
}

.phase-workspace-clickable-row[b-j97ccqiukp] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.phase-workspace-clickable-row:hover[b-j97ccqiukp],
.phase-workspace-clickable-row:focus[b-j97ccqiukp] {
    outline: 0;
    background: #f0f7f9;
}

.phase-workspace-clickable-row:focus-visible[b-j97ccqiukp] {
    box-shadow: inset 0 0 0 2px #0d7187;
}

.phase-workspace-modal-backdrop[b-j97ccqiukp] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(9, 38, 49, 0.58);
}

.phase-workspace-detail-modal[b-j97ccqiukp] {
    width: min(980px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top: 4px solid #0d7187;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(7, 36, 47, 0.28);
}

.phase-workspace-detail-header[b-j97ccqiukp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 28px 20px;
    border-bottom: 1px solid #d5e0e4;
}

.phase-workspace-detail-eyebrow[b-j97ccqiukp] {
    color: #61767e;
    font-size: 12px;
    font-weight: 750;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.phase-workspace-detail-header h2[b-j97ccqiukp] {
    margin: 5px 0 0;
    color: #0d3240;
    font-size: 26px;
    line-height: 1.2;
}

.phase-workspace-detail-header p[b-j97ccqiukp] {
    margin: 7px 0 0;
    color: #60747c;
    font-size: 14px;
}

.phase-workspace-detail-close[b-j97ccqiukp] {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #36535e;
    background: #f7fafb;
    cursor: pointer;
    font-size: 25px;
    line-height: 1;
}

.phase-workspace-detail-close:hover[b-j97ccqiukp] {
    color: #ffffff;
    border-color: #0d7187;
    background: #0d7187;
}

.phase-workspace-punch-modal[b-j97ccqiukp] {
    width: min(760px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-top: 4px solid #0d7187;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(7, 36, 47, 0.28);
}

.phase-workspace-punch-backdrop[b-j97ccqiukp] {
    z-index: 1100;
}

.phase-workspace-punch-form[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px 20px;
    overflow-y: auto;
    padding: 22px 28px 26px;
}

.phase-workspace-punch-form .phase-workspace-operation-message[b-j97ccqiukp] {
    grid-column: 1 / -1;
    margin: 0;
}

.phase-workspace-punch-field[b-j97ccqiukp] {
    display: grid;
    gap: 7px;
    min-width: 0;
}

.phase-workspace-punch-field-full[b-j97ccqiukp] {
    grid-column: 1 / -1;
}

.phase-workspace-punch-source-summary[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px 16px;
    border: 1px solid #d5e0e4;
    border-radius: 3px;
    background: #f7fafb;
}

.phase-workspace-punch-source-summary > div[b-j97ccqiukp] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.phase-workspace-punch-source-summary span[b-j97ccqiukp] {
    color: #607780;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.phase-workspace-punch-source-summary strong[b-j97ccqiukp] {
    overflow-wrap: anywhere;
    color: #173946;
    font-size: 14px;
}

.phase-workspace-punch-field > span[b-j97ccqiukp] {
    color: #36535e;
    font-size: 13px;
    font-weight: 750;
}

.phase-workspace-punch-field input[b-j97ccqiukp],
.phase-workspace-punch-field select[b-j97ccqiukp],
.phase-workspace-punch-field textarea[b-j97ccqiukp] {
    width: 100%;
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #c4d2d7;
    border-radius: 3px;
    color: #173946;
    background: #ffffff;
    font: inherit;
}

.phase-workspace-punch-field textarea[b-j97ccqiukp] {
    resize: vertical;
}

.phase-workspace-punch-field input:focus[b-j97ccqiukp],
.phase-workspace-punch-field select:focus[b-j97ccqiukp],
.phase-workspace-punch-field textarea:focus[b-j97ccqiukp] {
    outline: 2px solid rgba(13, 113, 135, 0.18);
    border-color: #0d7187;
}

.phase-workspace-punch-footer[b-j97ccqiukp] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 17px 28px;
    border-top: 1px solid #d5e0e4;
    background: #f7fafb;
}

.phase-workspace-punch-footer .phase-workspace-add-button[b-j97ccqiukp],
.phase-workspace-punch-footer .phase-workspace-secondary-action[b-j97ccqiukp] {
    min-width: 145px;
    min-height: 42px;
    padding: 9px 16px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: 700;
}

.phase-workspace-punch-footer .phase-workspace-secondary-action[b-j97ccqiukp] {
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.phase-workspace-punch-footer button:disabled[b-j97ccqiukp] {
    cursor: not-allowed;
    opacity: 0.65;
}

.phase-workspace-detail-feedback[b-j97ccqiukp] {
    flex: 0 0 auto;
    margin: 14px 28px 0;
    padding: 11px 14px;
    border: 1px solid transparent;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 650;
}

.phase-workspace-detail-feedback-success[b-j97ccqiukp] {
    border-color: #b9ddc8;
    color: #17633b;
    background: #eef8f2;
}

.phase-workspace-detail-feedback-error[b-j97ccqiukp] {
    border-color: #e5b9b6;
    color: #a12824;
    background: #fff1f0;
}

.phase-workspace-detail-body[b-j97ccqiukp] {
    overflow-y: auto;
    padding: 22px 28px 26px;
}

.phase-workspace-detail-summary[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #d5e0e4;
}

.phase-workspace-detail-summary > div[b-j97ccqiukp] {
    min-width: 0;
    padding: 13px 15px;
    background: #f8fafb;
}

.phase-workspace-detail-summary span[b-j97ccqiukp],
.phase-workspace-detail-grid span[b-j97ccqiukp] {
    display: block;
    color: #63777f;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 700;
    text-transform: uppercase;
}

.phase-workspace-detail-summary strong[b-j97ccqiukp] {
    display: block;
    margin-top: 5px;
    overflow-wrap: anywhere;
    color: #173946;
    font-size: 14px;
}

.phase-workspace-detail-section[b-j97ccqiukp] {
    margin-top: 22px;
}

.phase-workspace-detail-section h3[b-j97ccqiukp] {
    margin: 0 0 11px;
    color: #173946;
    font-size: 17px;
}

.phase-workspace-detail-section h3 span[b-j97ccqiukp] {
    margin-left: 5px;
    color: #63777f;
    font-size: 13px;
}

.phase-workspace-run-heading[b-j97ccqiukp],
.phase-workspace-execution-heading[b-j97ccqiukp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 12px;
}

.phase-workspace-run-heading h3[b-j97ccqiukp],
.phase-workspace-execution-heading h3[b-j97ccqiukp] {
    margin-bottom: 0;
}

.phase-workspace-execution-actions[b-j97ccqiukp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.phase-workspace-execution-actions > button[b-j97ccqiukp] {
    min-height: 34px;
    padding: 6px 12px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #ffffff;
    background: #0d7187;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.phase-workspace-execution-actions > button:hover[b-j97ccqiukp] {
    background: #09596b;
}

.phase-workspace-execution-actions > button:disabled[b-j97ccqiukp] {
    cursor: not-allowed;
    opacity: 0.65;
}

.phase-workspace-run-heading p[b-j97ccqiukp] {
    margin: 5px 0 0;
    color: #63777f;
    font-size: 13px;
    line-height: 1.4;
}

.phase-workspace-run-heading > button[b-j97ccqiukp] {
    min-height: 38px;
    padding: 7px 14px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #ffffff;
    background: #0d7187;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    white-space: nowrap;
}

.phase-workspace-run-heading > button:hover[b-j97ccqiukp] {
    background: #09596b;
}

.phase-workspace-run-heading > button:disabled[b-j97ccqiukp] {
    cursor: not-allowed;
    opacity: 0.65;
}

.phase-workspace-run-history[b-j97ccqiukp] {
    display: grid;
    gap: 8px;
}

.phase-workspace-run-card[b-j97ccqiukp] {
    width: 100%;
    min-height: 54px;
    display: grid;
    grid-template-columns: 120px 120px minmax(180px, 1fr) auto;
    align-items: center;
    gap: 14px;
    padding: 10px 13px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    color: #536971;
    background: #ffffff;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    text-align: left;
}

.phase-workspace-run-card:hover[b-j97ccqiukp] {
    border-color: #7eabb7;
    background: #f4f9fa;
}

.phase-workspace-run-card-selected[b-j97ccqiukp] {
    border-color: #0d7187;
    box-shadow: inset 4px 0 0 #0d7187;
    background: #f0f7f9;
}

.phase-workspace-run-number[b-j97ccqiukp] {
    color: #173946;
    font-weight: 750;
}

.phase-workspace-locked-label[b-j97ccqiukp],
.phase-workspace-active-label[b-j97ccqiukp] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 4px 9px;
    border: 1px solid #cbd7db;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
}

.phase-workspace-locked-label[b-j97ccqiukp] {
    color: #566b73;
    background: #f2f5f6;
}

.phase-workspace-active-label[b-j97ccqiukp] {
    border-color: #b9d9c4;
    color: #17633b;
    background: #eaf6ee;
}

.phase-workspace-detail-grid[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.phase-workspace-detail-grid > div[b-j97ccqiukp] {
    min-width: 0;
    padding: 14px 16px;
    border: 1px solid #d8e2e5;
    border-radius: 4px;
    background: #ffffff;
}

.phase-workspace-detail-grid p[b-j97ccqiukp] {
    margin: 7px 0 0;
    overflow-wrap: anywhere;
    color: #173946;
    font-size: 14px;
    line-height: 1.5;
    white-space: pre-wrap;
}

.phase-workspace-execution-form[b-j97ccqiukp],
.phase-workspace-measurement-form[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.phase-workspace-execution-form label[b-j97ccqiukp],
.phase-workspace-measurement-form label[b-j97ccqiukp] {
    min-width: 0;
}

.phase-workspace-execution-form label > span[b-j97ccqiukp],
.phase-workspace-measurement-form label > span[b-j97ccqiukp] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    font-weight: 700;
}

.phase-workspace-execution-form input[b-j97ccqiukp],
.phase-workspace-execution-form select[b-j97ccqiukp],
.phase-workspace-execution-form textarea[b-j97ccqiukp],
.phase-workspace-measurement-form input[b-j97ccqiukp],
.phase-workspace-measurement-form select[b-j97ccqiukp],
.phase-workspace-measurement-form textarea[b-j97ccqiukp] {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    outline: 0;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.phase-workspace-execution-form textarea[b-j97ccqiukp],
.phase-workspace-measurement-form textarea[b-j97ccqiukp] {
    resize: vertical;
}

.phase-workspace-execution-form input:disabled[b-j97ccqiukp],
.phase-workspace-execution-form select:disabled[b-j97ccqiukp],
.phase-workspace-execution-form textarea:disabled[b-j97ccqiukp] {
    cursor: default;
    color: #536971;
    background: #f3f6f7;
    opacity: 1;
}

.phase-workspace-execution-form input:focus[b-j97ccqiukp],
.phase-workspace-execution-form select:focus[b-j97ccqiukp],
.phase-workspace-execution-form textarea:focus[b-j97ccqiukp],
.phase-workspace-measurement-form input:focus[b-j97ccqiukp],
.phase-workspace-measurement-form select:focus[b-j97ccqiukp],
.phase-workspace-measurement-form textarea:focus[b-j97ccqiukp] {
    border-color: #0d7187;
    box-shadow: 0 0 0 2px rgba(13, 113, 135, 0.12);
}

.phase-workspace-form-wide[b-j97ccqiukp] {
    grid-column: 1 / -1;
}

.phase-workspace-form-actions[b-j97ccqiukp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 12px;
}

.phase-workspace-form-actions > span[b-j97ccqiukp] {
    margin-right: auto;
    font-size: 13px;
    font-weight: 650;
}

.phase-workspace-form-success[b-j97ccqiukp] {
    color: #17633b;
}

.phase-workspace-form-error[b-j97ccqiukp] {
    color: #a12824;
}

.phase-workspace-form-actions button[b-j97ccqiukp],
.phase-workspace-measurement-heading button[b-j97ccqiukp],
.phase-workspace-measurement-actions button[b-j97ccqiukp] {
    min-height: 36px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #ffffff;
    background: #0d7187;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.phase-workspace-form-actions button:hover[b-j97ccqiukp],
.phase-workspace-measurement-heading button:hover[b-j97ccqiukp],
.phase-workspace-measurement-actions button:hover[b-j97ccqiukp] {
    background: #09596b;
}

.phase-workspace-form-actions button:disabled[b-j97ccqiukp] {
    cursor: not-allowed;
    opacity: 0.65;
}

.phase-workspace-measurement-heading[b-j97ccqiukp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 11px;
}

.phase-workspace-measurement-heading h3[b-j97ccqiukp] {
    margin-bottom: 0;
}

.phase-workspace-measurement-editor[b-j97ccqiukp] {
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid #bfd5dc;
    border-left: 4px solid #0d7187;
    border-radius: 4px;
    background: #f7fafb;
}

.phase-workspace-measurement-editor-heading[b-j97ccqiukp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 13px;
    color: #173946;
}

.phase-workspace-measurement-editor-heading > button[b-j97ccqiukp] {
    width: 30px;
    height: 30px;
    border: 0;
    color: #536971;
    background: transparent;
    cursor: pointer;
    font-size: 22px;
}

.phase-workspace-form-actions .phase-workspace-secondary-action[b-j97ccqiukp] {
    color: #52676f;
    border-color: #9eb1b8;
    background: #ffffff;
}

.phase-workspace-form-actions .phase-workspace-secondary-action:hover[b-j97ccqiukp] {
    color: #0b6077;
    border-color: #0d7187;
    background: #ffffff;
}

.phase-workspace-detail-empty[b-j97ccqiukp] {
    margin: 0;
    padding: 15px;
    border: 1px dashed #c8d5da;
    color: #63777f;
    background: #f8fafb;
}

.phase-workspace-detail-entries[b-j97ccqiukp] {
    display: grid;
    gap: 8px;
}

.phase-workspace-detail-entries > article[b-j97ccqiukp] {
    padding: 12px 14px;
    border: 1px solid #d8e2e5;
    border-radius: 4px;
    color: #536971;
    font-size: 13px;
}

.phase-workspace-measurement-values[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 0.7fr;
    gap: 12px;
}

.phase-workspace-detail-entries strong[b-j97ccqiukp] {
    color: #173946;
}

.phase-workspace-detail-entries p[b-j97ccqiukp] {
    margin: 10px 0 0;
    padding-top: 9px;
    border-top: 1px solid #e2e8ea;
    color: #536971;
    white-space: pre-wrap;
}

.phase-workspace-measurement-actions[b-j97ccqiukp] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

.phase-workspace-measurement-actions button[b-j97ccqiukp] {
    min-height: 30px;
    padding: 5px 10px;
    color: #0b6077;
    background: #ffffff;
}

.phase-workspace-measurement-actions button:hover[b-j97ccqiukp] {
    color: #ffffff;
}

.phase-workspace-measurement-actions .phase-workspace-delete-action[b-j97ccqiukp],
.phase-workspace-measurement-actions .phase-workspace-confirm-delete[b-j97ccqiukp] {
    color: #b4232f;
    border-color: #cf4b55;
    background: #ffffff;
}

.phase-workspace-measurement-actions .phase-workspace-confirm-delete:hover[b-j97ccqiukp],
.phase-workspace-measurement-actions .phase-workspace-delete-action:hover[b-j97ccqiukp] {
    color: #ffffff;
    background: #b4232f;
}

.phase-workspace-measurement-actions .phase-workspace-cancel-delete[b-j97ccqiukp] {
    color: #52676f;
    border-color: #9eb1b8;
}

.phase-workspace-evidence-heading[b-j97ccqiukp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 11px;
}

.phase-workspace-evidence-heading h3[b-j97ccqiukp] {
    margin-bottom: 0;
}

.phase-workspace-evidence-heading p[b-j97ccqiukp] {
    margin: 5px 0 0;
    color: #63777f;
    font-size: 13px;
}

.phase-workspace-evidence-uploader[b-j97ccqiukp] {
    margin-bottom: 14px;
    padding: 16px;
    border: 1px solid #bfd5dc;
    border-left: 4px solid #0d7187;
    border-radius: 4px;
    background: #f7fafb;
}

.phase-workspace-evidence-form[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.phase-workspace-evidence-form label[b-j97ccqiukp] {
    min-width: 0;
}

.phase-workspace-evidence-form label > span[b-j97ccqiukp] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    font-weight: 700;
}

.phase-workspace-evidence-form select[b-j97ccqiukp],
.phase-workspace-evidence-form textarea[b-j97ccqiukp],
.phase-workspace-evidence-form[b-j97ccqiukp]  input[type="file"] {
    width: 100%;
    min-height: 40px;
    padding: 8px 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    outline: 0;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.phase-workspace-evidence-form textarea[b-j97ccqiukp] {
    resize: vertical;
}

.phase-workspace-evidence-form select:focus[b-j97ccqiukp],
.phase-workspace-evidence-form textarea:focus[b-j97ccqiukp],
.phase-workspace-evidence-form[b-j97ccqiukp]  input[type="file"]:focus {
    border-color: #0d7187;
    box-shadow: 0 0 0 2px rgba(13, 113, 135, 0.12);
}

.phase-workspace-evidence-form small[b-j97ccqiukp] {
    display: block;
    margin-top: 6px;
    color: #63777f;
    font-size: 12px;
}

.phase-workspace-evidence-list[b-j97ccqiukp] {
    display: grid;
    gap: 8px;
}

.phase-workspace-evidence-list > article[b-j97ccqiukp] {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    align-items: center;
    gap: 13px;
    padding: 13px 14px;
    border: 1px solid #d8e2e5;
    border-radius: 4px;
    background: #ffffff;
}

.phase-workspace-evidence-icon[b-j97ccqiukp] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid #c9dce2;
    border-radius: 4px;
    background: #edf6f8;
    font-size: 20px;
}

.phase-workspace-evidence-details[b-j97ccqiukp] {
    min-width: 0;
}

.phase-workspace-evidence-details strong[b-j97ccqiukp],
.phase-workspace-evidence-details span[b-j97ccqiukp],
.phase-workspace-evidence-details small[b-j97ccqiukp] {
    display: block;
    overflow-wrap: anywhere;
}

.phase-workspace-evidence-details strong[b-j97ccqiukp] {
    color: #173946;
    font-size: 14px;
}

.phase-workspace-evidence-details span[b-j97ccqiukp],
.phase-workspace-evidence-details small[b-j97ccqiukp] {
    margin-top: 3px;
    color: #63777f;
    font-size: 12px;
}

.phase-workspace-evidence-details p[b-j97ccqiukp] {
    margin: 7px 0 0;
    color: #536971;
    font-size: 13px;
    white-space: pre-wrap;
}

.phase-workspace-evidence-actions[b-j97ccqiukp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 7px;
}

.phase-workspace-evidence-actions button[b-j97ccqiukp],
.phase-workspace-evidence-actions a[b-j97ccqiukp] {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border: 1px solid #9eb1b8;
    border-radius: 4px;
    color: #52676f;
    background: #ffffff;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.phase-workspace-evidence-actions a[b-j97ccqiukp] {
    color: #0b6077;
    border-color: #0d7187;
}

.phase-workspace-evidence-actions a:hover[b-j97ccqiukp] {
    color: #ffffff;
    background: #0d7187;
}

.phase-workspace-evidence-actions .phase-workspace-delete-action[b-j97ccqiukp],
.phase-workspace-evidence-actions .phase-workspace-confirm-delete[b-j97ccqiukp] {
    color: #b4232f;
    border-color: #cf4b55;
}

.phase-workspace-evidence-actions .phase-workspace-delete-action:hover[b-j97ccqiukp],
.phase-workspace-evidence-actions .phase-workspace-confirm-delete:hover[b-j97ccqiukp] {
    color: #ffffff;
    background: #b4232f;
}

.phase-workspace-evidence-actions button:disabled[b-j97ccqiukp] {
    cursor: not-allowed;
    opacity: 0.65;
}

.phase-workspace-detail-footer[b-j97ccqiukp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 28px;
    border-top: 1px solid #d5e0e4;
    color: #6a7c83;
    background: #f7fafb;
    font-size: 13px;
}

.phase-workspace-detail-footer button[b-j97ccqiukp] {
    min-width: 170px;
    min-height: 38px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #ffffff;
    background: #0d7187;
    cursor: pointer;
    font-weight: 700;
}

.phase-workspace-detail-footer button:disabled[b-j97ccqiukp] {
    cursor: not-allowed;
    opacity: 0.65;
}

.phase-workspace-detail-footer .phase-workspace-form-success[b-j97ccqiukp] {
    color: #17633b;
    font-weight: 650;
}

.phase-workspace-detail-footer .phase-workspace-form-error[b-j97ccqiukp] {
    color: #a12824;
    font-weight: 650;
}

.phase-workspace-detail-footer button:hover[b-j97ccqiukp] {
    background: #09596b;
}

.phase-workspace-empty-row td[b-j97ccqiukp] {
    padding: 0;
    border-bottom: 0;
}

.phase-workspace-empty-state[b-j97ccqiukp] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #64777f;
    text-align: center;
}

.phase-workspace-empty-state > span[b-j97ccqiukp] {
    font-size: 31px;
    line-height: 1;
}

.phase-workspace-empty-state strong[b-j97ccqiukp] {
    margin-top: 14px;
    color: #173946;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 650;
}

.phase-workspace-empty-state p[b-j97ccqiukp] {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.phase-workspace-error[b-j97ccqiukp] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1250px) {
    .phase-workspace-header[b-j97ccqiukp] {
        flex-direction: column;
        gap: 20px;
    }

    .phase-workspace-header-actions[b-j97ccqiukp] {
        justify-content: flex-start;
        padding-top: 0;
    }

    .phase-workspace-kpi-section[b-j97ccqiukp] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .phase-workspace-toolbar[b-j97ccqiukp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .phase-workspace-clear-button[b-j97ccqiukp] {
        justify-self: start;
    }
}

@media (max-width: 700px) {
    .phase-workspace-page[b-j97ccqiukp] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .phase-workspace-heading-group[b-j97ccqiukp] {
        flex-direction: column;
    }

    .phase-workspace-heading h1[b-j97ccqiukp] {
        font-size: 30px;
    }

    .phase-workspace-heading p[b-j97ccqiukp] {
        font-size: 18px;
    }

    .phase-workspace-header-actions[b-j97ccqiukp] {
        align-items: stretch;
        flex-direction: column;
    }

    .phase-workspace-kpi-section[b-j97ccqiukp],
    .phase-workspace-toolbar[b-j97ccqiukp] {
        grid-template-columns: 1fr;
    }

    .phase-workspace-section-heading[b-j97ccqiukp] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .phase-workspace-section-description[b-j97ccqiukp] {
        padding-bottom: 0;
        text-align: left;
    }

    .phase-workspace-modal-backdrop[b-j97ccqiukp] {
        align-items: stretch;
        padding: 10px;
    }

    .phase-workspace-detail-modal[b-j97ccqiukp] {
        max-height: calc(100vh - 20px);
    }

    .phase-workspace-punch-modal[b-j97ccqiukp] {
        max-height: calc(100vh - 20px);
    }

    .phase-workspace-detail-header[b-j97ccqiukp],
    .phase-workspace-detail-body[b-j97ccqiukp],
    .phase-workspace-detail-footer[b-j97ccqiukp] {
        padding-right: 18px;
        padding-left: 18px;
    }

    .phase-workspace-detail-summary[b-j97ccqiukp],
    .phase-workspace-detail-grid[b-j97ccqiukp],
    .phase-workspace-execution-form[b-j97ccqiukp],
    .phase-workspace-measurement-form[b-j97ccqiukp],
    .phase-workspace-evidence-form[b-j97ccqiukp],
    .phase-workspace-measurement-values[b-j97ccqiukp] {
        grid-template-columns: 1fr;
    }

    .phase-workspace-punch-form[b-j97ccqiukp] {
        grid-template-columns: 1fr;
        padding-right: 18px;
        padding-left: 18px;
    }

    .phase-workspace-punch-field-full[b-j97ccqiukp] {
        grid-column: auto;
    }

    .phase-workspace-punch-source-summary[b-j97ccqiukp] {
        grid-template-columns: 1fr;
    }

    .phase-workspace-punch-footer[b-j97ccqiukp] {
        padding-right: 18px;
        padding-left: 18px;
    }

    .phase-workspace-measurement-heading[b-j97ccqiukp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .phase-workspace-run-heading[b-j97ccqiukp],
    .phase-workspace-execution-heading[b-j97ccqiukp] {
        align-items: flex-start;
        flex-direction: column;
    }

    .phase-workspace-execution-actions[b-j97ccqiukp] {
        width: 100%;
        align-items: flex-start;
        flex-direction: column;
    }

    .phase-workspace-run-card[b-j97ccqiukp] {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .phase-workspace-evidence-list > article[b-j97ccqiukp] {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .phase-workspace-evidence-actions[b-j97ccqiukp] {
        grid-column: 1 / -1;
        justify-content: flex-start;
    }
}
/* /Components/Pages/PreCommissioning.razor.rz.scp.css */
.pre-commissioning-page[b-9liuwyzo2q] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.pre-commissioning-breadcrumb[b-9liuwyzo2q] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.pre-commissioning-breadcrumb a[b-9liuwyzo2q] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.pre-commissioning-breadcrumb a:hover[b-9liuwyzo2q] {
    color: #073f50;
    text-decoration: underline;
}

.pre-commissioning-breadcrumb-separator[b-9liuwyzo2q] {
    color: #8a9aa1;
    user-select: none;
}

.pre-commissioning-breadcrumb-current[b-9liuwyzo2q] {
    color: #61737b;
    font-weight: 500;
}

.pre-commissioning-header[b-9liuwyzo2q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.pre-commissioning-heading-group[b-9liuwyzo2q] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.pre-commissioning-icon[b-9liuwyzo2q] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.pre-commissioning-heading[b-9liuwyzo2q] {
    min-width: 0;
}

.pre-commissioning-eyebrow[b-9liuwyzo2q] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.pre-commissioning-heading h1[b-9liuwyzo2q] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.pre-commissioning-heading p[b-9liuwyzo2q] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.pre-commissioning-header-actions[b-9liuwyzo2q] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.pre-commissioning-status[b-9liuwyzo2q] {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border: 1px solid #cdd7db;
    border-radius: 4px;
    color: #566a72;
    background: #f1f4f5;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.pre-commissioning-back-button[b-9liuwyzo2q] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.pre-commissioning-back-button:hover[b-9liuwyzo2q] {
    color: #ffffff;
    background: #0d7187;
    border-color: #0d7187;
}

.pre-commissioning-header-divider[b-9liuwyzo2q] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.pre-commissioning-icon[b-9liuwyzo2q] {
    color: #9b5115;
    background: #fff2e7;
    border-color: #efd2b8;
}

.pre-commissioning-overview[b-9liuwyzo2q] {
    width: 100%;
    margin-top: 28px;
}

.pre-commissioning-kpi-grid[b-9liuwyzo2q] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
}

.pre-commissioning-kpi-card[b-9liuwyzo2q] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.pre-commissioning-kpi-icon[b-9liuwyzo2q] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
}

.pre-commissioning-kpi-icon-punch[b-9liuwyzo2q] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.pre-commissioning-kpi-icon-tests[b-9liuwyzo2q] {
    border-color: #d9c9eb;
    background: #f1ebf8;
}

.pre-commissioning-kpi-icon-evidence[b-9liuwyzo2q] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.pre-commissioning-kpi-card span[b-9liuwyzo2q] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    font-weight: 650;
}

.pre-commissioning-kpi-card strong[b-9liuwyzo2q] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
}

.pre-commissioning-progress-card[b-9liuwyzo2q] {
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid #d5e0e4;
    border-left: 4px solid #c56b1d;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.pre-commissioning-progress-heading[b-9liuwyzo2q] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.pre-commissioning-progress-heading h2[b-9liuwyzo2q] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
}

.pre-commissioning-progress-heading > strong[b-9liuwyzo2q] {
    color: #9b5115;
    font-size: 28px;
}

.pre-commissioning-progress-track[b-9liuwyzo2q] {
    height: 8px;
    margin-top: 14px;
    overflow: hidden;
    border-radius: 4px;
    background: #e3ebee;
}

.pre-commissioning-progress-fill[b-9liuwyzo2q] {
    height: 100%;
    background: #c56b1d;
}

.pre-commissioning-progress-card p[b-9liuwyzo2q] {
    margin: 10px 0 0;
    color: #64777f;
    font-size: 13px;
}

.pre-commissioning-navigation[b-9liuwyzo2q] {
    width: 100%;
    margin-top: 28px;
}

.pre-commissioning-section-heading[b-9liuwyzo2q] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.pre-commissioning-section-eyebrow[b-9liuwyzo2q] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.pre-commissioning-section-heading h2[b-9liuwyzo2q] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.pre-commissioning-section-description[b-9liuwyzo2q] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.pre-commissioning-navigation-grid[b-9liuwyzo2q] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.pre-commissioning-navigation-card[b-9liuwyzo2q] {
    aspect-ratio: auto;
    min-width: 0;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #d2dde1;
    border-top: 4px solid #2d7890;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
    cursor: default;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.pre-commissioning-navigation-card:hover[b-9liuwyzo2q] {
    transform: translateY(-3px);
    border-color: #9ebbc5;
    box-shadow: 0 8px 20px rgba(13, 50, 64, 0.13);
}

.pre-commissioning-navigation-card-equipment[b-9liuwyzo2q] {
    border-top-color: #557a95;
}

.pre-commissioning-navigation-card-templates[b-9liuwyzo2q] {
    border-top-color: #7653a6;
}

.pre-commissioning-navigation-card-checklist[b-9liuwyzo2q] {
    border-top-color: #c56b1d;
}

.pre-commissioning-navigation-card-release[b-9liuwyzo2q] {
    border-top-color: #c56b1d;
}

.pre-commissioning-navigation-card-tests[b-9liuwyzo2q] {
    border-top-color: #7653a6;
}

.pre-commissioning-navigation-card-punches[b-9liuwyzo2q] {
    border-top-color: #b8423e;
}

.pre-commissioning-navigation-card-documents[b-9liuwyzo2q] {
    border-top-color: #6b7780;
}

.pre-commissioning-navigation-card-approvals[b-9liuwyzo2q] {
    border-top-color: #4056a1;
}

.pre-commissioning-navigation-card-header[b-9liuwyzo2q] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.pre-commissioning-navigation-icon[b-9liuwyzo2q] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 23px;
    line-height: 1;
}

.pre-commissioning-navigation-status[b-9liuwyzo2q] {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid #c7dce2;
    border-radius: 4px;
    color: #16596b;
    background: #edf6f8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.pre-commissioning-navigation-status-locked[b-9liuwyzo2q] {
    color: #8a6300;
    background: #fff8e5;
    border-color: #ead28d;
}

.pre-commissioning-navigation-content[b-9liuwyzo2q] {
    min-width: 0;
    margin-top: 18px;
}

.pre-commissioning-navigation-content h3[b-9liuwyzo2q] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 650;
}

.pre-commissioning-navigation-content p[b-9liuwyzo2q] {
    display: -webkit-box;
    margin: 10px 0 0 0;
    overflow: hidden;
    color: #64777f;
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.pre-commissioning-error[b-9liuwyzo2q] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1400px) {
    .pre-commissioning-kpi-grid[b-9liuwyzo2q] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .pre-commissioning-navigation-grid[b-9liuwyzo2q] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .pre-commissioning-page[b-9liuwyzo2q] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .pre-commissioning-header[b-9liuwyzo2q] {
        flex-direction: column;
        gap: 22px;
    }

    .pre-commissioning-header-actions[b-9liuwyzo2q] {
        align-items: flex-start;
    }

    .pre-commissioning-heading h1[b-9liuwyzo2q] {
        font-size: 30px;
    }

    .pre-commissioning-heading p[b-9liuwyzo2q] {
        font-size: 18px;
    }

    .pre-commissioning-section-heading[b-9liuwyzo2q] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .pre-commissioning-section-description[b-9liuwyzo2q] {
        padding-bottom: 0;
        text-align: left;
    }

    .pre-commissioning-navigation-grid[b-9liuwyzo2q] {
        grid-template-columns: 1fr;
    }

    .pre-commissioning-kpi-grid[b-9liuwyzo2q] {
        grid-template-columns: 1fr;
    }

    .pre-commissioning-navigation-card[b-9liuwyzo2q] {
        aspect-ratio: auto;
        min-height: 180px;
    }
}

@media (max-width: 520px) {
    .pre-commissioning-heading-group[b-9liuwyzo2q] {
        flex-direction: column;
    }

}
/* /Components/Pages/PreparationDocuments.razor.rz.scp.css */
.preparation-documents-page[b-ey1whp7gv1] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.preparation-documents-breadcrumb[b-ey1whp7gv1] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.preparation-documents-breadcrumb a[b-ey1whp7gv1] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.preparation-documents-breadcrumb a:hover[b-ey1whp7gv1] {
    color: #073f50;
    text-decoration: underline;
}

.preparation-documents-breadcrumb span[b-ey1whp7gv1] {
    color: #8a9aa1;
}

.preparation-documents-breadcrumb strong[b-ey1whp7gv1] {
    color: #61737b;
    font-weight: 500;
}

.preparation-documents-header[b-ey1whp7gv1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.preparation-documents-heading-group[b-ey1whp7gv1] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.preparation-documents-icon[b-ey1whp7gv1] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.preparation-documents-heading[b-ey1whp7gv1] {
    min-width: 0;
}

.preparation-documents-eyebrow[b-ey1whp7gv1],
.preparation-documents-section-eyebrow[b-ey1whp7gv1] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.preparation-documents-heading h1[b-ey1whp7gv1] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.preparation-documents-heading p[b-ey1whp7gv1] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
}

.preparation-documents-back-button[b-ey1whp7gv1] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
}

.preparation-documents-back-button:hover[b-ey1whp7gv1] {
    color: #ffffff;
    background: #0d7187;
}

.preparation-documents-divider[b-ey1whp7gv1] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.preparation-documents-kpis[b-ey1whp7gv1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    margin-top: 26px;
}

.preparation-documents-kpi-card[b-ey1whp7gv1] {
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d2dde1;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(13, 50, 64, 0.06);
}

.preparation-documents-kpi-icon[b-ey1whp7gv1] {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
}

.preparation-documents-kpi-card small[b-ey1whp7gv1] {
    display: block;
    color: #64777f;
    font-size: 13px;
    font-weight: 700;
}

.preparation-documents-kpi-card strong[b-ey1whp7gv1] {
    display: block;
    margin-top: 4px;
    color: #0d3240;
    font-size: 25px;
    line-height: 1;
}

.preparation-documents-content[b-ey1whp7gv1] {
    margin-top: 30px;
}

.preparation-documents-section-heading[b-ey1whp7gv1] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.preparation-documents-section-heading h2[b-ey1whp7gv1] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.preparation-documents-section-description[b-ey1whp7gv1] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 14px;
    text-align: right;
}

.preparation-documents-empty[b-ey1whp7gv1] {
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 34px;
    border: 1px solid #d2dde1;
    border-radius: 4px;
    background: #ffffff;
    color: #64777f;
    text-align: center;
}

.preparation-documents-empty > span[b-ey1whp7gv1] {
    font-size: 36px;
}

.preparation-documents-empty strong[b-ey1whp7gv1] {
    color: #0d3240;
    font-size: 18px;
}

.preparation-documents-empty p[b-ey1whp7gv1] {
    margin: 0;
    font-size: 14px;
}

.preparation-documents-table-card[b-ey1whp7gv1] {
    overflow: hidden;
    border: 1px solid #d2dde1;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 2px 8px rgba(13, 50, 64, 0.06);
}

.preparation-documents-table-scroll[b-ey1whp7gv1] {
    overflow-x: auto;
}

.preparation-documents-table[b-ey1whp7gv1] {
    width: 100%;
    border-collapse: collapse;
    min-width: 1120px;
}

.preparation-documents-table th[b-ey1whp7gv1],
.preparation-documents-table td[b-ey1whp7gv1] {
    padding: 13px 14px;
    border-bottom: 1px solid #e2eaed;
    color: #405860;
    font-size: 13px;
    line-height: 1.35;
    text-align: left;
    vertical-align: middle;
}

.preparation-documents-table th[b-ey1whp7gv1] {
    color: #50656e;
    background: #f5f8f9;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.preparation-documents-table td strong[b-ey1whp7gv1] {
    color: #173f4d;
}

.preparation-documents-table tbody tr:last-child td[b-ey1whp7gv1] {
    border-bottom: 0;
}

.preparation-documents-status[b-ey1whp7gv1] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 3px 8px;
    border: 1px solid #cdd7db;
    border-radius: 4px;
    color: #566a72;
    background: #f1f4f5;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.preparation-documents-status-approved[b-ey1whp7gv1] {
    color: #246b40;
    background: #edf8f1;
    border-color: #b9ddc6;
}

.preparation-documents-status-rejected[b-ey1whp7gv1] {
    color: #9f2824;
    background: #fbe8e7;
    border-color: #e6b6b3;
}

.preparation-documents-status-review[b-ey1whp7gv1] {
    color: #7b5c00;
    background: #fff8e5;
    border-color: #ead28d;
}

.preparation-documents-message[b-ey1whp7gv1] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #cfdcdf;
    border-radius: 4px;
    color: #435c65;
    background: #f5f8f9;
    font-family: "Segoe UI", Arial, sans-serif;
}

.preparation-documents-message-error[b-ey1whp7gv1] {
    border-color: #d64541;
    color: #9f2824;
    background: #fbe8e7;
}

@media (max-width: 1200px) {
    .preparation-documents-kpis[b-ey1whp7gv1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .preparation-documents-page[b-ey1whp7gv1] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .preparation-documents-header[b-ey1whp7gv1] {
        flex-direction: column;
        gap: 20px;
    }

    .preparation-documents-heading h1[b-ey1whp7gv1] {
        font-size: 30px;
    }

    .preparation-documents-section-heading[b-ey1whp7gv1] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .preparation-documents-section-description[b-ey1whp7gv1] {
        text-align: left;
    }
}

@media (max-width: 560px) {
    .preparation-documents-kpis[b-ey1whp7gv1] {
        grid-template-columns: 1fr;
    }

    .preparation-documents-heading-group[b-ey1whp7gv1] {
        flex-direction: column;
    }
}

.preparation-documents-header-actions[b-ey1whp7gv1] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

.preparation-documents-upload-button[b-ey1whp7gv1] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #ffffff;
    background: #0d7187;
    font-family: inherit;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
}

.preparation-documents-upload-button:hover[b-ey1whp7gv1] {
    background: #0a5c6f;
}

.preparation-documents-file-name[b-ey1whp7gv1] {
    display: block;
    margin-top: 3px;
    color: #7a8b92;
    font-size: 11px;
    font-weight: 500;
}

.preparation-documents-modal-backdrop[b-ey1whp7gv1] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(8, 28, 36, 0.48);
}

.preparation-documents-modal[b-ey1whp7gv1] {
    width: min(920px, 100%);
    max-height: calc(100vh - 48px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #bfcfd5;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 18px 55px rgba(8, 28, 36, 0.24);
    font-family: "Segoe UI", Arial, sans-serif;
}

.preparation-documents-modal-header[b-ey1whp7gv1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 22px 24px 18px 24px;
    border-bottom: 1px solid #d9e3e6;
}

.preparation-documents-modal-eyebrow[b-ey1whp7gv1] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.preparation-documents-modal-header h2[b-ey1whp7gv1] {
    margin: 0;
    color: #0d3240;
    font-size: 25px;
    line-height: 1.2;
    font-weight: 650;
}

.preparation-documents-modal-header p[b-ey1whp7gv1] {
    margin: 7px 0 0 0;
    color: #61737b;
    font-size: 14px;
    line-height: 1.4;
}

.preparation-documents-modal-close[b-ey1whp7gv1] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border: 1px solid #cbd8dc;
    border-radius: 4px;
    color: #3f5962;
    background: #ffffff;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

.preparation-documents-modal-close:hover:not(:disabled)[b-ey1whp7gv1] {
    background: #f1f5f6;
}

.preparation-documents-modal-body[b-ey1whp7gv1] {
    overflow-y: auto;
    padding: 22px 24px 24px 24px;
}

.preparation-documents-form-message[b-ey1whp7gv1] {
    margin-bottom: 18px;
    padding: 11px 13px;
    border: 1px solid #cfdcdf;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1.4;
}

.preparation-documents-form-message-error[b-ey1whp7gv1] {
    border-color: #d64541;
    color: #9f2824;
    background: #fbe8e7;
}

.preparation-documents-form-grid[b-ey1whp7gv1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px 20px;
}

.preparation-documents-field[b-ey1whp7gv1] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.preparation-documents-field > span[b-ey1whp7gv1] {
    color: #405860;
    font-size: 13px;
    font-weight: 700;
}

.preparation-documents-field > span small[b-ey1whp7gv1] {
    margin-left: 5px;
    color: #7b8c93;
    font-weight: 500;
}

.preparation-documents-field input[type="text"][b-ey1whp7gv1],
.preparation-documents-field select[b-ey1whp7gv1],
.preparation-documents-field textarea[b-ey1whp7gv1] {
    width: 100%;
    min-height: 38px;
    box-sizing: border-box;
    padding: 8px 10px;
    border: 1px solid #bccbd1;
    border-radius: 3px;
    color: #203f4b;
    background: #ffffff;
    font-family: inherit;
    font-size: 13px;
    outline: none;
}

.preparation-documents-field textarea[b-ey1whp7gv1] {
    min-height: 96px;
    resize: vertical;
}

.preparation-documents-field input[type="text"]:focus[b-ey1whp7gv1],
.preparation-documents-field select:focus[b-ey1whp7gv1],
.preparation-documents-field textarea:focus[b-ey1whp7gv1] {
    border-color: #0d7187;
    box-shadow: 0 0 0 2px rgba(13, 113, 135, 0.08);
}

.preparation-documents-field-wide[b-ey1whp7gv1] {
    grid-column: 1 / -1;
}

.preparation-documents-field-file input[type="file"][b-ey1whp7gv1] {
    width: 100%;
    min-height: 38px;
    box-sizing: border-box;
    padding: 6px;
    border: 1px solid #bccbd1;
    border-radius: 3px;
    color: #405860;
    background: #ffffff;
    font-family: inherit;
    font-size: 13px;
}

.preparation-documents-selected-file[b-ey1whp7gv1] {
    color: #0b6077;
    font-size: 12px;
    font-weight: 600;
}

.preparation-documents-required-field[b-ey1whp7gv1] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-height: 60px;
    padding: 11px 12px;
    border: 1px solid #d5e0e3;
    border-radius: 3px;
    background: #f8fafb;
    cursor: pointer;
}

.preparation-documents-required-field input[b-ey1whp7gv1] {
    margin-top: 3px;
}

.preparation-documents-required-field span[b-ey1whp7gv1] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.preparation-documents-required-field strong[b-ey1whp7gv1] {
    color: #274752;
    font-size: 13px;
}

.preparation-documents-required-field small[b-ey1whp7gv1] {
    color: #71838a;
    font-size: 12px;
    line-height: 1.35;
}

.preparation-documents-modal-footer[b-ey1whp7gv1] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 24px;
    border-top: 1px solid #d9e3e6;
    background: #f8fafb;
}

.preparation-documents-primary-button[b-ey1whp7gv1],
.preparation-documents-secondary-button[b-ey1whp7gv1] {
    min-height: 36px;
    padding: 7px 14px;
    border-radius: 3px;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.preparation-documents-primary-button[b-ey1whp7gv1] {
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.preparation-documents-primary-button:hover:not(:disabled)[b-ey1whp7gv1] {
    background: #0a5c6f;
}

.preparation-documents-secondary-button[b-ey1whp7gv1] {
    border: 1px solid #9fb1b8;
    color: #405860;
    background: #ffffff;
}

.preparation-documents-secondary-button:hover:not(:disabled)[b-ey1whp7gv1] {
    background: #f0f4f5;
}

.preparation-documents-primary-button:disabled[b-ey1whp7gv1],
.preparation-documents-secondary-button:disabled[b-ey1whp7gv1],
.preparation-documents-modal-close:disabled[b-ey1whp7gv1] {
    opacity: 0.6;
    cursor: default;
}

@media (max-width: 800px) {
    .preparation-documents-header-actions[b-ey1whp7gv1] {
        width: 100%;
        justify-content: flex-start;
    }

    .preparation-documents-form-grid[b-ey1whp7gv1] {
        grid-template-columns: 1fr;
    }

    .preparation-documents-field-wide[b-ey1whp7gv1] {
        grid-column: auto;
    }
}


.preparation-documents-row-actions[b-ey1whp7gv1] {
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.preparation-documents-row-action[b-ey1whp7gv1] {
    min-height: 29px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 9px;
    border: 1px solid #0d7187;
    border-radius: 3px;
    color: #0b6077;
    background: #ffffff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
    cursor: pointer;
}

.preparation-documents-row-action:hover[b-ey1whp7gv1] {
    color: #ffffff;
    background: #0d7187;
}

.preparation-documents-row-action-delete[b-ey1whp7gv1] {
    border-color: #b6413c;
    color: #a4322e;
}

.preparation-documents-row-action-delete:hover[b-ey1whp7gv1] {
    color: #ffffff;
    background: #b6413c;
}

.preparation-documents-details-modal[b-ey1whp7gv1] {
    width: min(820px, 100%);
}

.preparation-documents-details-grid[b-ey1whp7gv1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 22px;
    margin: 0;
}

.preparation-documents-details-grid > div[b-ey1whp7gv1] {
    min-width: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4ebee;
}

.preparation-documents-details-grid dt[b-ey1whp7gv1] {
    margin-bottom: 4px;
    color: #6a7d84;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.preparation-documents-details-grid dd[b-ey1whp7gv1] {
    margin: 0;
    color: #173f4d;
    font-size: 14px;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.preparation-documents-details-wide[b-ey1whp7gv1] {
    grid-column: 1 / -1;
}

.preparation-documents-details-footer[b-ey1whp7gv1] {
    align-items: center;
}

.preparation-documents-link-button[b-ey1whp7gv1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.preparation-documents-delete-modal[b-ey1whp7gv1] {
    width: min(560px, 100%);
}

.preparation-documents-delete-summary[b-ey1whp7gv1] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 14px 16px;
    border: 1px solid #d8e2e5;
    border-radius: 3px;
    background: #f8fafb;
}

.preparation-documents-delete-summary strong[b-ey1whp7gv1] {
    color: #173f4d;
    font-size: 15px;
}

.preparation-documents-delete-summary span[b-ey1whp7gv1] {
    color: #405860;
    font-size: 14px;
}

.preparation-documents-delete-summary small[b-ey1whp7gv1] {
    color: #75878e;
    font-size: 12px;
}

.preparation-documents-delete-confirm-button[b-ey1whp7gv1] {
    min-height: 36px;
    padding: 7px 14px;
    border: 1px solid #b6413c;
    border-radius: 3px;
    color: #ffffff;
    background: #b6413c;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.preparation-documents-delete-confirm-button:hover:not(:disabled)[b-ey1whp7gv1] {
    background: #97332f;
}

.preparation-documents-delete-confirm-button:disabled[b-ey1whp7gv1] {
    opacity: 0.6;
    cursor: default;
}

@media (max-width: 800px) {
    .preparation-documents-details-grid[b-ey1whp7gv1] {
        grid-template-columns: 1fr;
    }

    .preparation-documents-details-wide[b-ey1whp7gv1] {
        grid-column: auto;
    }
}


/* Test 207 - Preparation Document revision upload */
.preparation-documents-row-action[b-ey1whp7gv1] {
    white-space: nowrap;
}

.preparation-documents-revision-modal[b-ey1whp7gv1] {
    width: min(880px, 100%);
}

.preparation-documents-revision-summary[b-ey1whp7gv1] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 20px;
}

.preparation-documents-revision-summary > div[b-ey1whp7gv1] {
    min-width: 0;
    padding: 11px 12px;
    border: 1px solid #d8e2e5;
    border-radius: 3px;
    background: #f8fafb;
}

.preparation-documents-revision-summary span[b-ey1whp7gv1] {
    display: block;
    margin-bottom: 4px;
    color: #6a7d84;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.preparation-documents-revision-summary strong[b-ey1whp7gv1] {
    display: block;
    color: #173f4d;
    font-size: 13px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.preparation-documents-revision-form-grid[b-ey1whp7gv1] {
    padding-top: 2px;
}

@media (max-width: 800px) {
    .preparation-documents-revision-summary[b-ey1whp7gv1] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 520px) {
    .preparation-documents-revision-summary[b-ey1whp7gv1] {
        grid-template-columns: 1fr;
    }
}


/* Test 209 - Preparation Document revision history */
.preparation-documents-history-modal[b-ey1whp7gv1] {
    width: min(1050px, 100%);
}

.preparation-documents-history-message[b-ey1whp7gv1] {
    padding: 16px;
    border: 1px solid #d8e2e5;
    border-radius: 3px;
    color: #60747c;
    background: #f8fafb;
    font-size: 13px;
    text-align: center;
}

.preparation-documents-history-table-scroll[b-ey1whp7gv1] {
    overflow-x: auto;
    border: 1px solid #d8e2e5;
    border-radius: 3px;
}

.preparation-documents-history-table[b-ey1whp7gv1] {
    width: 100%;
    min-width: 860px;
    border-collapse: collapse;
}

.preparation-documents-history-table th[b-ey1whp7gv1],
.preparation-documents-history-table td[b-ey1whp7gv1] {
    padding: 11px 12px;
    border-bottom: 1px solid #e3eaed;
    color: #405860;
    font-size: 12px;
    line-height: 1.35;
    text-align: left;
    vertical-align: middle;
}

.preparation-documents-history-table th[b-ey1whp7gv1] {
    color: #50656e;
    background: #f5f8f9;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.preparation-documents-history-table tbody tr:last-child td[b-ey1whp7gv1] {
    border-bottom: 0;
}

.preparation-documents-history-table td strong[b-ey1whp7gv1] {
    color: #173f4d;
}

.preparation-documents-current-revision[b-ey1whp7gv1],
.preparation-documents-previous-revision[b-ey1whp7gv1] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid #c8d5da;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.preparation-documents-current-revision[b-ey1whp7gv1] {
    border-color: #bcd8c7;
    color: #276c40;
    background: #eaf5ee;
}

.preparation-documents-previous-revision[b-ey1whp7gv1] {
    color: #60747c;
    background: #f4f7f8;
}
/* /Components/Pages/ProjectChecklist.razor.rz.scp.css */
.project-checklist-page[b-uftqkq4cn5] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.project-checklist-breadcrumb[b-uftqkq4cn5] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.project-checklist-breadcrumb a[b-uftqkq4cn5] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.project-checklist-breadcrumb a:hover[b-uftqkq4cn5] {
    color: #073f50;
    text-decoration: underline;
}

.project-checklist-breadcrumb-separator[b-uftqkq4cn5] {
    color: #8a9aa1;
    user-select: none;
}

.project-checklist-breadcrumb-current[b-uftqkq4cn5] {
    color: #61737b;
    font-weight: 500;
}

.project-checklist-header[b-uftqkq4cn5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.project-checklist-heading-group[b-uftqkq4cn5] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.project-checklist-icon[b-uftqkq4cn5] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.project-checklist-heading[b-uftqkq4cn5] {
    min-width: 0;
}

.project-checklist-eyebrow[b-uftqkq4cn5] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.project-checklist-heading h1[b-uftqkq4cn5] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.project-checklist-heading p[b-uftqkq4cn5] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.project-checklist-header-actions[b-uftqkq4cn5] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 22px;
}

.project-checklist-add-button[b-uftqkq4cn5],
.project-checklist-back-button[b-uftqkq4cn5],
.project-checklist-clear-button[b-uftqkq4cn5] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.project-checklist-add-button[b-uftqkq4cn5] {
    padding: 7px 15px;
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.project-checklist-add-button:hover[b-uftqkq4cn5] {
    border-color: #09596b;
    background: #09596b;
}

.project-checklist-add-button:disabled[b-uftqkq4cn5] {
    cursor: not-allowed;
    border-color: #9fb1b8;
    color: #63777f;
    background: #e8edef;
}

.project-checklist-back-button[b-uftqkq4cn5] {
    padding: 7px 13px;
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #ffffff;
}

.project-checklist-back-button:hover[b-uftqkq4cn5] {
    color: #ffffff;
    background: #0d7187;
}

.project-checklist-header-divider[b-uftqkq4cn5] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.project-checklist-kpi-section[b-uftqkq4cn5] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    width: 100%;
    margin-top: 26px;
}

.project-checklist-kpi-card[b-uftqkq4cn5] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.project-checklist-kpi-icon[b-uftqkq4cn5] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
    line-height: 1;
}

.project-checklist-kpi-icon-critical[b-uftqkq4cn5] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.project-checklist-kpi-icon-ready[b-uftqkq4cn5] {
    border-color: #c7dfd0;
    background: #eaf5ee;
}

.project-checklist-kpi-icon-progress[b-uftqkq4cn5] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.project-checklist-kpi-label[b-uftqkq4cn5] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 650;
}

.project-checklist-kpi-value[b-uftqkq4cn5] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
    font-weight: 750;
}

.project-checklist-content[b-uftqkq4cn5] {
    width: 100%;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #d4dfe3;
}

.project-checklist-section-heading[b-uftqkq4cn5] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.project-checklist-section-eyebrow[b-uftqkq4cn5] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.project-checklist-section-heading h2[b-uftqkq4cn5] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.project-checklist-section-description[b-uftqkq4cn5] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.project-checklist-toolbar[b-uftqkq4cn5] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 210px 190px auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid #d5e0e4;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #f8fafb;
}

.project-checklist-search[b-uftqkq4cn5],
.project-checklist-filter[b-uftqkq4cn5] {
    min-width: 0;
}

.project-checklist-control-label[b-uftqkq4cn5] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.project-checklist-search-control[b-uftqkq4cn5] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #75868d;
    background: #ffffff;
}

.project-checklist-search-control input[b-uftqkq4cn5] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: #173946;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.project-checklist-filter select[b-uftqkq4cn5] {
    min-height: 38px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.project-checklist-clear-button[b-uftqkq4cn5] {
    padding: 7px 13px;
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.project-checklist-clear-button:hover[b-uftqkq4cn5] {
    color: #0b6077;
    border-color: #0d7187;
}

.project-checklist-table-card[b-uftqkq4cn5] {
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.06);
}

.project-checklist-table-scroll[b-uftqkq4cn5] {
    width: 100%;
    overflow-x: auto;
}

.project-checklist-table[b-uftqkq4cn5] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.project-checklist-table th[b-uftqkq4cn5] {
    padding: 13px 14px;
    border-bottom: 1px solid #cfdade;
    color: #536971;
    background: #f3f7f8;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 750;
    text-align: left;
    text-transform: uppercase;
}

.project-checklist-table td[b-uftqkq4cn5] {
    padding: 14px;
    border-bottom: 1px solid #e2e8ea;
    color: #173946;
    font-size: 14px;
    line-height: 1.35;
}

.project-checklist-table tbody tr:not(.project-checklist-empty-row):hover[b-uftqkq4cn5] {
    background: #f8fbfc;
}

.project-checklist-code[b-uftqkq4cn5],
.project-checklist-title[b-uftqkq4cn5],
.project-checklist-flags[b-uftqkq4cn5] {
    display: block;
}

.project-checklist-code[b-uftqkq4cn5] {
    color: #0b6077;
    font-size: 13px;
    white-space: nowrap;
}

.project-checklist-title[b-uftqkq4cn5] {
    color: #173946;
    font-size: 14px;
}

.project-checklist-flags[b-uftqkq4cn5] {
    margin-top: 4px;
    color: #a35b00;
    font-size: 11px;
    font-weight: 700;
}

.project-checklist-status[b-uftqkq4cn5],
.project-checklist-evidence-yes[b-uftqkq4cn5],
.project-checklist-evidence-no[b-uftqkq4cn5] {
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    border: 1px solid #cbd8dc;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.project-checklist-status-not-started[b-uftqkq4cn5],
.project-checklist-evidence-no[b-uftqkq4cn5] {
    color: #607178;
    background: #f2f5f6;
}

.project-checklist-status-progress[b-uftqkq4cn5] {
    color: #8a5900;
    border-color: #ecd19d;
    background: #fff3dc;
}

.project-checklist-status-completed[b-uftqkq4cn5],
.project-checklist-evidence-yes[b-uftqkq4cn5] {
    color: #22623f;
    border-color: #c5dfcf;
    background: #eaf5ee;
}

.project-checklist-status-blocked[b-uftqkq4cn5] {
    color: #982e2a;
    border-color: #e3b4b1;
    background: #fbeceb;
}

.project-checklist-table-footer[b-uftqkq4cn5] {
    padding: 11px 16px;
    color: #60737b;
    background: #f8fafb;
    font-size: 12px;
    text-align: right;
}

.project-checklist-message[b-uftqkq4cn5] {
    margin-top: 20px;
    padding: 12px 16px;
    border: 1px solid;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 650;
}

.project-checklist-message-success[b-uftqkq4cn5] {
    color: #22623f;
    border-color: #c5dfcf;
    background: #eaf5ee;
}

.project-checklist-message-error[b-uftqkq4cn5] {
    color: #982e2a;
    border-color: #e3b4b1;
    background: #fbeceb;
}

.project-checklist-loading[b-uftqkq4cn5] {
    margin: 24px 28px;
    padding: 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    color: #52676f;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.project-checklist-empty-row td[b-uftqkq4cn5] {
    padding: 0;
    border-bottom: 0;
}

.project-checklist-empty-state[b-uftqkq4cn5] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #64777f;
    text-align: center;
}

.project-checklist-empty-state > span[b-uftqkq4cn5] {
    font-size: 31px;
    line-height: 1;
}

.project-checklist-empty-state strong[b-uftqkq4cn5] {
    margin-top: 14px;
    color: #173946;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 650;
}

.project-checklist-empty-state p[b-uftqkq4cn5] {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.project-checklist-error[b-uftqkq4cn5] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1250px) {
    .project-checklist-header[b-uftqkq4cn5] {
        flex-direction: column;
        gap: 20px;
    }

    .project-checklist-header-actions[b-uftqkq4cn5] {
        justify-content: flex-start;
        padding-top: 0;
    }

    .project-checklist-kpi-section[b-uftqkq4cn5] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .project-checklist-toolbar[b-uftqkq4cn5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-checklist-clear-button[b-uftqkq4cn5] {
        justify-self: start;
    }
}

@media (max-width: 700px) {
    .project-checklist-page[b-uftqkq4cn5] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .project-checklist-heading-group[b-uftqkq4cn5] {
        flex-direction: column;
    }

    .project-checklist-heading h1[b-uftqkq4cn5] {
        font-size: 30px;
    }

    .project-checklist-heading p[b-uftqkq4cn5] {
        font-size: 18px;
    }

    .project-checklist-header-actions[b-uftqkq4cn5] {
        align-items: stretch;
        flex-direction: column;
    }

    .project-checklist-kpi-section[b-uftqkq4cn5],
    .project-checklist-toolbar[b-uftqkq4cn5] {
        grid-template-columns: 1fr;
    }

    .project-checklist-section-heading[b-uftqkq4cn5] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .project-checklist-section-description[b-uftqkq4cn5] {
        padding-bottom: 0;
        text-align: left;
    }
}
/* /Components/Pages/ProjectEquipment.razor.rz.scp.css */
.project-equipment-page[b-5mkpru9en4] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.project-equipment-breadcrumb[b-5mkpru9en4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.project-equipment-breadcrumb a[b-5mkpru9en4] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.project-equipment-breadcrumb a:hover[b-5mkpru9en4] {
    color: #073f50;
    text-decoration: underline;
}

.project-equipment-breadcrumb-separator[b-5mkpru9en4] {
    color: #8a9aa1;
    user-select: none;
}

.project-equipment-breadcrumb-current[b-5mkpru9en4] {
    color: #61737b;
    font-weight: 500;
}

.project-equipment-header[b-5mkpru9en4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.project-equipment-heading-group[b-5mkpru9en4] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.project-equipment-icon[b-5mkpru9en4] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.project-equipment-heading[b-5mkpru9en4] {
    min-width: 0;
}

.project-equipment-eyebrow[b-5mkpru9en4] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.project-equipment-heading h1[b-5mkpru9en4] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.project-equipment-heading p[b-5mkpru9en4] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.project-equipment-header-actions[b-5mkpru9en4] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 22px;
}

.project-equipment-add-button[b-5mkpru9en4],
.project-equipment-back-button[b-5mkpru9en4],
.project-equipment-clear-button[b-5mkpru9en4] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.project-equipment-add-button[b-5mkpru9en4] {
    padding: 7px 15px;
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.project-equipment-add-button:hover[b-5mkpru9en4] {
    border-color: #09596b;
    background: #09596b;
}

.project-equipment-back-button[b-5mkpru9en4] {
    padding: 7px 13px;
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #ffffff;
}

.project-equipment-back-button:hover[b-5mkpru9en4] {
    color: #ffffff;
    background: #0d7187;
}

.project-equipment-header-divider[b-5mkpru9en4] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.project-equipment-kpi-section[b-5mkpru9en4] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    width: 100%;
    margin-top: 26px;
}

.project-equipment-kpi-card[b-5mkpru9en4] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.project-equipment-kpi-icon[b-5mkpru9en4] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
    line-height: 1;
}

.project-equipment-kpi-icon-critical[b-5mkpru9en4] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.project-equipment-kpi-icon-ready[b-5mkpru9en4] {
    border-color: #c7dfd0;
    background: #eaf5ee;
}

.project-equipment-kpi-icon-progress[b-5mkpru9en4] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.project-equipment-kpi-label[b-5mkpru9en4] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 650;
}

.project-equipment-kpi-value[b-5mkpru9en4] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
    font-weight: 750;
}

.project-equipment-content[b-5mkpru9en4] {
    width: 100%;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #d4dfe3;
}

.project-equipment-section-heading[b-5mkpru9en4] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.project-equipment-section-eyebrow[b-5mkpru9en4] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.project-equipment-section-heading h2[b-5mkpru9en4] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.project-equipment-section-description[b-5mkpru9en4] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.project-equipment-toolbar[b-5mkpru9en4] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 210px 190px auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid #d5e0e4;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #f8fafb;
}

.project-equipment-search[b-5mkpru9en4],
.project-equipment-filter[b-5mkpru9en4] {
    min-width: 0;
}

.project-equipment-control-label[b-5mkpru9en4] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.project-equipment-search-control[b-5mkpru9en4] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #75868d;
    background: #ffffff;
}

.project-equipment-search-control input[b-5mkpru9en4] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: #173946;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.project-equipment-filter select[b-5mkpru9en4] {
    min-height: 38px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.project-equipment-clear-button[b-5mkpru9en4] {
    padding: 7px 13px;
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.project-equipment-clear-button:hover[b-5mkpru9en4] {
    color: #0b6077;
    border-color: #0d7187;
}

.project-equipment-table-card[b-5mkpru9en4] {
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.06);
}

.project-equipment-table-scroll[b-5mkpru9en4] {
    width: 100%;
    overflow-x: auto;
}

.project-equipment-table[b-5mkpru9en4] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.project-equipment-table th[b-5mkpru9en4] {
    padding: 13px 14px;
    border-bottom: 1px solid #cfdade;
    color: #536971;
    background: #f3f7f8;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 750;
    text-align: left;
    text-transform: uppercase;
}

.project-equipment-table td[b-5mkpru9en4] {
    padding: 14px;
    border-bottom: 1px solid #e2e8ea;
    color: #173946;
    font-size: 14px;
    line-height: 1.35;
}

.project-equipment-table tbody tr:not(.project-equipment-empty-row):hover[b-5mkpru9en4] { background: #f8fbfc; }
.project-equipment-name[b-5mkpru9en4], .project-equipment-secondary[b-5mkpru9en4] { display: block; }
.project-equipment-name[b-5mkpru9en4] { color: #0b6077; }
.project-equipment-secondary[b-5mkpru9en4] { margin-top: 4px; color: #6b7d84; font-size: 12px; }
.project-equipment-status[b-5mkpru9en4] { min-height: 25px; display: inline-flex; align-items: center; justify-content: center; padding: 3px 8px; border: 1px solid; border-radius: 3px; font-size: 11px; font-weight: 750; white-space: nowrap; }
.project-equipment-status-active[b-5mkpru9en4] { color: #22623f; border-color: #c5dfcf; background: #eaf5ee; }
.project-equipment-status-inactive[b-5mkpru9en4] { color: #982e2a; border-color: #e3b4b1; background: #fbeceb; }
.project-equipment-status-progress[b-5mkpru9en4] { color: #8a5900; border-color: #ecd19d; background: #fff3dc; }
.project-equipment-table-footer[b-5mkpru9en4] { padding: 11px 16px; color: #60737b; background: #f8fafb; font-size: 12px; text-align: right; }
.project-equipment-row-actions[b-5mkpru9en4] { display: flex; gap: 7px; }
.project-equipment-edit-button[b-5mkpru9en4], .project-equipment-delete-button[b-5mkpru9en4] { min-height: 29px; padding: 4px 9px; border-radius: 4px; background: #fff; font: 700 11px "Segoe UI",Arial,sans-serif; cursor: pointer; }
.project-equipment-edit-button[b-5mkpru9en4] { border: 1px solid #0d7187; color: #0b6077; }
.project-equipment-edit-button:hover[b-5mkpru9en4] { color: #fff; background: #0d7187; }
.project-equipment-delete-button[b-5mkpru9en4] { border: 1px solid #c9443f; color: #a52f2b; }
.project-equipment-delete-button:hover[b-5mkpru9en4] { color: #fff; background: #b83a35; }
.project-equipment-loading[b-5mkpru9en4] { margin: 24px 28px; padding: 18px; border: 1px solid #d5e0e4; border-radius: 4px; color: #52676f; background: #fff; font-family: "Segoe UI", Arial, sans-serif; font-weight: 600; }

.project-equipment-modal-backdrop[b-5mkpru9en4] { position: fixed; inset: 0; z-index: 1000; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(8,34,44,.48); }
.project-equipment-modal[b-5mkpru9en4] { width: min(760px,100%); max-height: calc(100vh - 48px); overflow-y: auto; border: 1px solid #d5e0e4; border-top: 4px solid #0d7187; border-radius: 4px; background: #fff; box-shadow: 0 14px 38px rgba(8,34,44,.24); font-family: "Segoe UI",Arial,sans-serif; }
.project-equipment-modal-header[b-5mkpru9en4] { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 20px 22px; border-bottom: 1px solid #dce5e8; }
.project-equipment-modal-header span[b-5mkpru9en4] { color: #64777f; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; }
.project-equipment-modal-header h2[b-5mkpru9en4] { margin: 4px 0 0; color: #0d3240; font-size: 24px; }
.project-equipment-modal-header button[b-5mkpru9en4] { border: 0; color: #60737b; background: transparent; font-size: 26px; cursor: pointer; }
.project-equipment-modal-error[b-5mkpru9en4] { margin: 16px 22px 0; padding: 11px 13px; border: 1px solid #e3b4b1; border-radius: 4px; color: #982e2a; background: #fbeceb; font-size: 13px; font-weight: 650; }
.project-equipment-form-grid[b-5mkpru9en4] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; padding: 22px; }
.project-equipment-form-grid label[b-5mkpru9en4] { min-width: 0; }
.project-equipment-form-grid label > span[b-5mkpru9en4] { display: block; margin-bottom: 6px; color: #536971; font-size: 12px; font-weight: 700; }
.project-equipment-form-grid input[b-5mkpru9en4], .project-equipment-form-grid select[b-5mkpru9en4], .project-equipment-form-grid textarea[b-5mkpru9en4] { width: 100%; min-height: 38px; padding: 8px 10px; border: 1px solid #c8d5da; border-radius: 4px; color: #173946; background: #fff; font: 14px "Segoe UI",Arial,sans-serif; box-sizing: border-box; }
.project-equipment-form-grid input[readonly][b-5mkpru9en4] { color: #5f7178; background: #f3f6f7; }
.project-equipment-form-wide[b-5mkpru9en4] { grid-column: 1 / -1; }
.project-equipment-modal-actions[b-5mkpru9en4] { display: flex; justify-content: flex-end; gap: 10px; padding: 16px 22px 20px; border-top: 1px solid #dce5e8; }
.project-equipment-modal-cancel[b-5mkpru9en4], .project-equipment-modal-save[b-5mkpru9en4] { min-height: 36px; padding: 7px 14px; border-radius: 4px; font: 700 13px "Segoe UI",Arial,sans-serif; cursor: pointer; }
.project-equipment-modal-cancel[b-5mkpru9en4] { border: 1px solid #9eb1b8; color: #52676f; background: #fff; }
.project-equipment-modal-save[b-5mkpru9en4] { border: 1px solid #0d7187; color: #fff; background: #0d7187; }
.project-equipment-modal-cancel:disabled[b-5mkpru9en4], .project-equipment-modal-save:disabled[b-5mkpru9en4] { cursor: not-allowed; opacity: .65; }
.project-equipment-delete-modal[b-5mkpru9en4] { width: min(440px,100%); padding: 26px; border: 1px solid #d5e0e4; border-top: 4px solid #bd3f3a; border-radius: 4px; background: #fff; box-shadow: 0 14px 38px rgba(8,34,44,.24); font-family: "Segoe UI",Arial,sans-serif; text-align: center; }
.project-equipment-delete-icon[b-5mkpru9en4] { font-size: 32px; }
.project-equipment-delete-modal h2[b-5mkpru9en4] { margin: 14px 0 0; color: #0d3240; font-size: 24px; }
.project-equipment-delete-modal > p[b-5mkpru9en4] { margin: 10px 0 0; color: #60737b; font-size: 14px; line-height: 1.45; }
.project-equipment-delete-details[b-5mkpru9en4] { display: flex; flex-direction: column; gap: 4px; margin-top: 18px; padding: 13px 15px; border: 1px solid #d9e2e5; border-radius: 4px; background: #f7f9fa; }
.project-equipment-delete-details strong[b-5mkpru9en4] { color: #0b6077; }
.project-equipment-delete-details span[b-5mkpru9en4] { color: #526870; font-size: 13px; }
.project-equipment-delete-error[b-5mkpru9en4] { margin-top: 14px; padding: 10px; border: 1px solid #e3b4b1; color: #982e2a; background: #fbeceb; font-size: 13px; }
.project-equipment-delete-actions[b-5mkpru9en4] { display: flex; justify-content: flex-end; gap: 10px; margin-top: 22px; }
.project-equipment-confirm-delete[b-5mkpru9en4] { min-height: 36px; padding: 7px 14px; border: 1px solid #b83a35; border-radius: 4px; color: #fff; background: #b83a35; font: 700 13px "Segoe UI",Arial,sans-serif; cursor: pointer; }
.project-equipment-confirm-delete:disabled[b-5mkpru9en4] { cursor: not-allowed; opacity: .65; }

@media (max-width: 700px) {
    .project-equipment-form-grid[b-5mkpru9en4] { grid-template-columns: 1fr; }
    .project-equipment-form-wide[b-5mkpru9en4] { grid-column: auto; }
}

.project-equipment-empty-row td[b-5mkpru9en4] {
    padding: 0;
    border-bottom: 0;
}

.project-equipment-empty-state[b-5mkpru9en4] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #64777f;
    text-align: center;
}

.project-equipment-empty-state > span[b-5mkpru9en4] {
    font-size: 31px;
    line-height: 1;
}

.project-equipment-empty-state strong[b-5mkpru9en4] {
    margin-top: 14px;
    color: #173946;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 650;
}

.project-equipment-empty-state p[b-5mkpru9en4] {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.project-equipment-error[b-5mkpru9en4] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1250px) {
    .project-equipment-header[b-5mkpru9en4] {
        flex-direction: column;
        gap: 20px;
    }

    .project-equipment-header-actions[b-5mkpru9en4] {
        justify-content: flex-start;
        padding-top: 0;
    }

    .project-equipment-kpi-section[b-5mkpru9en4] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .project-equipment-toolbar[b-5mkpru9en4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-equipment-clear-button[b-5mkpru9en4] {
        justify-self: start;
    }
}

@media (max-width: 700px) {
    .project-equipment-page[b-5mkpru9en4] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .project-equipment-heading-group[b-5mkpru9en4] {
        flex-direction: column;
    }

    .project-equipment-heading h1[b-5mkpru9en4] {
        font-size: 30px;
    }

    .project-equipment-heading p[b-5mkpru9en4] {
        font-size: 18px;
    }

    .project-equipment-header-actions[b-5mkpru9en4] {
        align-items: stretch;
        flex-direction: column;
    }

    .project-equipment-kpi-section[b-5mkpru9en4],
    .project-equipment-toolbar[b-5mkpru9en4] {
        grid-template-columns: 1fr;
    }

    .project-equipment-section-heading[b-5mkpru9en4] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .project-equipment-section-description[b-5mkpru9en4] {
        padding-bottom: 0;
        text-align: left;
    }
}

.project-equipment-tracking[b-5mkpru9en4] {
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    border: 1px solid;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.project-equipment-tracking-serialized[b-5mkpru9en4] {
    color: #0b6077;
    border-color: #bdd7df;
    background: #edf6f8;
}

.project-equipment-tracking-quantity[b-5mkpru9en4] {
    color: #72551b;
    border-color: #e4d2aa;
    background: #fff7e6;
}

.project-equipment-compatibility-warning[b-5mkpru9en4] {
    padding: 11px 13px;
    border: 1px solid #e4d2aa;
    border-radius: 4px;
    color: #72551b;
    background: #fff7e6;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 650;
}

.project-equipment-serial-section[b-5mkpru9en4] {
    padding: 16px;
    border: 1px solid #cbdce1;
    border-radius: 4px;
    background: #f8fbfc;
}

.project-equipment-serial-heading[b-5mkpru9en4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.project-equipment-serial-heading > div > span[b-5mkpru9en4] {
    display: block;
    color: #536971;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.project-equipment-serial-heading strong[b-5mkpru9en4] {
    display: block;
    margin-top: 4px;
    color: #0d3240;
    font-size: 16px;
}

.project-equipment-serial-heading small[b-5mkpru9en4] {
    max-width: 330px;
    color: #64777f;
    font-size: 12px;
    line-height: 1.4;
    text-align: right;
}

.project-equipment-serial-grid[b-5mkpru9en4] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
}

.project-equipment-serial-unit[b-5mkpru9en4] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr);
    gap: 14px;
    padding: 12px;
    border: 1px solid #d8e4e8;
    border-radius: 4px;
    background: #ffffff;
}

.project-equipment-serial-grid label[b-5mkpru9en4] {
    min-width: 0;
}

.project-equipment-serial-grid label > span[b-5mkpru9en4] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    font-weight: 700;
}

.project-equipment-serial-grid input[b-5mkpru9en4],
.project-equipment-serial-grid select[b-5mkpru9en4] {
    width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173946;
    background: #ffffff;
    box-sizing: border-box;
    font: 14px "Segoe UI", Arial, sans-serif;
}

.project-equipment-quantity-note[b-5mkpru9en4] {
    padding: 11px 13px;
    border: 1px solid #cbdce1;
    border-radius: 4px;
    color: #526870;
    background: #f5f9fa;
    font-size: 13px;
    line-height: 1.4;
}

@media (max-width: 700px) {
    .project-equipment-serial-heading[b-5mkpru9en4] {
        flex-direction: column;
        gap: 8px;
    }

    .project-equipment-serial-heading small[b-5mkpru9en4] {
        max-width: none;
        text-align: left;
    }

    .project-equipment-serial-unit[b-5mkpru9en4] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/ProjectOverview.razor.rz.scp.css */
.project-overview-page[b-7dncq07178] {
    width: 100%;
    padding: 24px 28px 30px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
    background: #ffffff;
}

.overview-header[b-7dncq07178] {
    display: flex;
    align-items: center;
    min-height: 48px;
}

    .overview-header h1[b-7dncq07178] {
        margin: 0;
        font-size: 30px;
        line-height: 1.2;
        font-weight: 600;
        color: #0d3240;
    }

.overview-divider[b-7dncq07178] {
    width: 100%;
    height: 1px;
    margin-top: 16px;
    margin-bottom: 20px;
    background: #bcc9ce;
}

.overview-layout[b-7dncq07178] {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 22px;
    align-items: stretch;
}

.overview-actions[b-7dncq07178] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-right: 22px;
    border-right: 1px solid #d3dde1;
}

.overview-action-button[b-7dncq07178] {
    width: 100%;
    min-height: 68px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    align-items: center;
    gap: 10px;
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid #174e62;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease, opacity 0.15s ease;
}

.overview-action-primary[b-7dncq07178] {
    color: #ffffff;
    background: #064b5e;
}

    .overview-action-primary:hover:not(:disabled)[b-7dncq07178] {
        background: #033d4d;
    }

.overview-action-secondary[b-7dncq07178] {
    color: #0d3240;
    background: #ffffff;
}

    .overview-action-secondary:hover:not(:disabled)[b-7dncq07178] {
        background: #f2f7f8;
    }

.overview-action-button:disabled[b-7dncq07178] {
    cursor: not-allowed;
    opacity: 0.42;
}

.overview-action-icon[b-7dncq07178] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 27px;
    font-weight: 400;
}

.overview-action-text[b-7dncq07178] {
    display: block;
}

.overview-content[b-7dncq07178] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    align-items: stretch;
}

.overview-card[b-7dncq07178] {
    min-width: 0;
    min-height: 280px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #d4dde1;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(16, 47, 60, 0.08);
}

.overview-card-header[b-7dncq07178] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 32px;
}

    .overview-card-header h2[b-7dncq07178] {
        margin: 0;
        font-size: 20px;
        line-height: 1.2;
        font-weight: 600;
        color: #0d3240;
    }

.overview-card-icon[b-7dncq07178] {
    width: 30px;
    min-width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0d4152;
    font-size: 26px;
    line-height: 1;
}

.overview-card-divider[b-7dncq07178] {
    width: 100%;
    height: 1px;
    margin-top: 12px;
    margin-bottom: 16px;
    background: #d7dfe2;
}

.overview-data-grid[b-7dncq07178] {
    display: grid;
    grid-template-columns: minmax(170px, 46%) minmax(0, 54%);
    column-gap: 18px;
    row-gap: 15px;
    align-items: center;
}

.overview-data-label[b-7dncq07178] {
    min-width: 0;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 400;
    color: #53656e;
}

.overview-data-value[b-7dncq07178] {
    min-width: 0;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    color: #102f3c;
}

.overview-status-value[b-7dncq07178] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.overview-health-dot[b-7dncq07178] {
    width: 11px;
    height: 11px;
    min-width: 11px;
    border-radius: 50%;
}

.overview-health-green[b-7dncq07178] {
    background: #27ae60;
}

.overview-health-amber[b-7dncq07178] {
    background: #f39c12;
}

.overview-health-red[b-7dncq07178] {
    background: #d64541;
}

.overview-health-neutral[b-7dncq07178] {
    background: #8b9aa0;
}

.overview-status-badge[b-7dncq07178] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
}

.overview-status-completed[b-7dncq07178] {
    color: #187a34;
    background: #daf3df;
}

.overview-status-progress[b-7dncq07178] {
    color: #856404;
    background: #fff0c2;
}

.overview-status-failed[b-7dncq07178] {
    color: #a32622;
    background: #f9d7d5;
}

.overview-status-not-started[b-7dncq07178] {
    color: #53656e;
    background: #e7ecee;
}

.overview-release-icon[b-7dncq07178] {
    width: 23px;
    height: 23px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #24a148;
    border-radius: 50%;
    color: #24a148;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.overview-release-icon-disabled[b-7dncq07178] {
    border-color: #8b9aa0;
    color: #8b9aa0;
}

.overview-error[b-7dncq07178] {
    margin: 24px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1200px) {
    .overview-layout[b-7dncq07178] {
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .overview-content[b-7dncq07178] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 850px) {
    .project-overview-page[b-7dncq07178] {
        padding: 20px;
    }

    .overview-layout[b-7dncq07178] {
        grid-template-columns: 1fr;
    }

    .overview-actions[b-7dncq07178] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding-right: 0;
        padding-bottom: 18px;
        border-right: 0;
        border-bottom: 1px solid #d3dde1;
    }
}

@media (max-width: 600px) {
    .overview-header h1[b-7dncq07178] {
        font-size: 25px;
    }

    .overview-actions[b-7dncq07178] {
        grid-template-columns: 1fr;
    }

    .overview-data-grid[b-7dncq07178] {
        grid-template-columns: 1fr;
        row-gap: 5px;
    }

    .overview-data-value[b-7dncq07178] {
        margin-bottom: 9px;
    }
}
/* /Components/Pages/ProjectScopeManagement.razor.rz.scp.css */
.project-scope-page[b-2tqbx6ic5e] {
    width: 100%;
    padding: 34px 38px 60px;
    box-sizing: border-box;
    color: #0d3240;
    font-family: "Segoe UI", Arial, sans-serif;
}

.project-scope-header[b-2tqbx6ic5e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 26px;
}

.project-scope-heading[b-2tqbx6ic5e] {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.project-scope-heading-icon[b-2tqbx6ic5e] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c7dce2;
    background: #edf6f8;
    font-size: 23px;
    line-height: 1;
}

.project-scope-heading > div:last-child > span[b-2tqbx6ic5e],
.project-scope-register-header span[b-2tqbx6ic5e],
.project-scope-context span[b-2tqbx6ic5e] {
    display: block;
    margin-bottom: 5px;
    color: #63808a;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.09em;
}

.project-scope-heading h1[b-2tqbx6ic5e],
.project-scope-register-header h2[b-2tqbx6ic5e] {
    margin: 0;
    color: #0d3240;
    font-weight: 650;
}

.project-scope-heading h1[b-2tqbx6ic5e] {
    font-size: 30px;
    line-height: 1.2;
}

.project-scope-heading p[b-2tqbx6ic5e],
.project-scope-register-header p[b-2tqbx6ic5e] {
    max-width: 850px;
    margin: 8px 0 0;
    color: #64777f;
    font-size: 14px;
    line-height: 1.5;
}

.project-scope-message[b-2tqbx6ic5e] {
    margin-bottom: 20px;
    padding: 12px 16px;
    border: 1px solid;
    font-size: 14px;
}

.project-scope-message-error[b-2tqbx6ic5e] {
    border-color: #d64541;
    color: #9f2824;
    background: #fbe8e7;
}

.project-scope-filters[b-2tqbx6ic5e] {
    display: grid;
    grid-template-columns: minmax(320px, 520px) minmax(260px, 360px);
    gap: 22px;
    margin-bottom: 22px;
    padding: 20px;
    border: 1px solid #d5e3e7;
    background: #ffffff;
}

.project-scope-filters label[b-2tqbx6ic5e] {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.project-scope-filters label > span[b-2tqbx6ic5e] {
    color: #344f59;
    font-size: 12px;
    font-weight: 700;
}

.project-scope-filters select[b-2tqbx6ic5e] {
    min-height: 40px;
    padding: 7px 10px;
    border: 1px solid #b8ccd2;
    border-radius: 0;
    outline: none;
    color: #163e4b;
    background: #ffffff;
    font-family: inherit;
    font-size: 14px;
}

.project-scope-filters select:focus[b-2tqbx6ic5e] {
    border-color: #0d6b7c;
    box-shadow: 0 0 0 1px #0d6b7c;
}

.project-scope-state[b-2tqbx6ic5e] {
    padding: 36px 20px;
    border: 1px solid #d5e3e7;
    color: #64777f;
    background: #ffffff;
    text-align: center;
}

.project-scope-context[b-2tqbx6ic5e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-bottom: 22px;
    border: 1px solid #d5e3e7;
    background: #d5e3e7;
}

.project-scope-context > div[b-2tqbx6ic5e] {
    padding: 17px 19px;
    background: #ffffff;
}

.project-scope-context strong[b-2tqbx6ic5e] {
    display: block;
    color: #153d49;
    font-size: 17px;
    font-weight: 650;
}

.project-scope-context small[b-2tqbx6ic5e] {
    display: block;
    margin-top: 5px;
    color: #6a7e86;
    font-size: 12px;
}

.project-scope-kpi-grid[b-2tqbx6ic5e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.project-scope-kpi-card[b-2tqbx6ic5e] {
    min-height: 118px;
    padding: 18px 20px;
    border: 1px solid #d5e3e7;
    border-top: 3px solid #1a7386;
    background: #ffffff;
}

.project-scope-kpi-card > span[b-2tqbx6ic5e] {
    display: block;
    color: #5f757e;
    font-size: 12px;
    font-weight: 700;
}

.project-scope-kpi-card > strong[b-2tqbx6ic5e] {
    display: block;
    margin-top: 9px;
    color: #0d3240;
    font-size: 30px;
    line-height: 1;
    font-weight: 650;
}

.project-scope-kpi-card > small[b-2tqbx6ic5e] {
    display: block;
    margin-top: 9px;
    color: #72858c;
    font-size: 12px;
}

.project-scope-register[b-2tqbx6ic5e] {
    margin-bottom: 24px;
    border: 1px solid #d5e3e7;
    background: #ffffff;
}

.project-scope-register-header[b-2tqbx6ic5e] {
    padding: 20px 22px;
    border-bottom: 1px solid #d5e3e7;
}

.project-scope-register-header h2[b-2tqbx6ic5e] {
    font-size: 21px;
}

.project-scope-table-wrapper[b-2tqbx6ic5e] {
    width: 100%;
    overflow-x: auto;
}

.project-scope-table[b-2tqbx6ic5e] {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
}

.project-scope-table th[b-2tqbx6ic5e] {
    padding: 11px 14px;
    border-bottom: 1px solid #c9dade;
    color: #516a73;
    background: #f4f8f9;
    text-align: left;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    white-space: nowrap;
}

.project-scope-table td[b-2tqbx6ic5e] {
    padding: 15px 14px;
    border-bottom: 1px solid #e1eaed;
    color: #294954;
    vertical-align: middle;
}

.project-scope-table tbody tr:last-child td[b-2tqbx6ic5e] {
    border-bottom: 0;
}

.project-scope-table td:first-child strong[b-2tqbx6ic5e],
.project-scope-table td:first-child span[b-2tqbx6ic5e] {
    display: block;
}

.project-scope-table td:first-child strong[b-2tqbx6ic5e] {
    color: #123b48;
    font-size: 14px;
}

.project-scope-table td:first-child span[b-2tqbx6ic5e] {
    margin-top: 3px;
    color: #74878e;
    font-size: 12px;
}

.project-scope-source-badge[b-2tqbx6ic5e],
.project-scope-control-status[b-2tqbx6ic5e] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 9px;
    border: 1px solid #bcd5dc;
    color: #145b6b;
    background: #edf6f8;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.project-scope-management-note[b-2tqbx6ic5e] {
    color: #697d84;
    font-size: 12px;
}

.project-scope-future-controls[b-2tqbx6ic5e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.project-scope-future-controls article[b-2tqbx6ic5e] {
    position: relative;
    min-height: 156px;
    padding: 18px;
    border: 1px solid #d5e3e7;
    background: #ffffff;
}

.project-scope-control-icon[b-2tqbx6ic5e] {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    border: 1px solid #c7dce2;
    background: #edf6f8;
    font-size: 18px;
}

.project-scope-future-controls strong[b-2tqbx6ic5e] {
    display: block;
    color: #123b48;
    font-size: 15px;
    font-weight: 650;
}

.project-scope-future-controls p[b-2tqbx6ic5e] {
    margin: 7px 0 42px;
    color: #697d84;
    font-size: 12px;
    line-height: 1.5;
}

.project-scope-control-status[b-2tqbx6ic5e] {
    position: absolute;
    right: 18px;
    bottom: 18px;
}

@media (max-width: 1200px) {
    .project-scope-kpi-grid[b-2tqbx6ic5e],
    .project-scope-future-controls[b-2tqbx6ic5e] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 850px) {
    .project-scope-page[b-2tqbx6ic5e] {
        padding: 24px 20px 40px;
    }

    .project-scope-filters[b-2tqbx6ic5e],
    .project-scope-context[b-2tqbx6ic5e] {
        grid-template-columns: 1fr;
    }
}

.project-scope-kpi-grid-four[b-2tqbx6ic5e] {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.project-scope-kpi-card-muted[b-2tqbx6ic5e] {
    border-top-color: #7a878c;
}

.project-scope-composition-table td:not(:first-child)[b-2tqbx6ic5e],
.project-scope-composition-table th:not(:first-child)[b-2tqbx6ic5e] {
    text-align: center;
}

.project-scope-source-badge-imported[b-2tqbx6ic5e] {
    border-color: #c9c0dc;
    color: #5b4382;
    background: #f3eff9;
}

.project-scope-source-badge-manual[b-2tqbx6ic5e] {
    border-color: #d8cfad;
    color: #705d1d;
    background: #fbf8e9;
}

.project-scope-excluded-badge[b-2tqbx6ic5e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 25px;
    padding: 4px 9px;
    border: 1px solid #d7c4c4;
    color: #8b4141;
    background: #fbf1f1;
    font-size: 11px;
    font-weight: 700;
}

.project-scope-source-legend[b-2tqbx6ic5e] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 15px 18px;
    border-top: 1px solid #d5e3e7;
    background: #f8fafb;
}

.project-scope-source-legend span[b-2tqbx6ic5e] {
    color: #657a82;
    font-size: 11px;
    line-height: 1.45;
}

.project-scope-source-legend strong[b-2tqbx6ic5e] {
    display: block;
    margin-bottom: 2px;
    color: #294954;
    font-size: 11px;
}

@media (max-width: 1400px) {
    .project-scope-kpi-grid-four[b-2tqbx6ic5e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-scope-source-legend[b-2tqbx6ic5e] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 850px) {
    .project-scope-kpi-grid-four[b-2tqbx6ic5e],
    .project-scope-source-legend[b-2tqbx6ic5e] {
        grid-template-columns: 1fr;
    }
}


.project-scope-message-success[b-2tqbx6ic5e] {
    border-color: #86b79a;
    color: #205f38;
    background: #edf7f0;
}

.project-scope-register-header-actions[b-2tqbx6ic5e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.project-scope-record-count[b-2tqbx6ic5e] {
    flex: 0 0 auto;
    margin: 2px 0 0;
    padding: 5px 9px;
    border: 1px solid #c7dce2;
    color: #315762;
    background: #f4f8f9;
    font-size: 11px;
    font-weight: 700;
}

.project-scope-item-table td:first-child[b-2tqbx6ic5e] {
    min-width: 340px;
}

.project-scope-item-table td:nth-child(2)[b-2tqbx6ic5e] {
    min-width: 190px;
}

.project-scope-active-badge[b-2tqbx6ic5e] {
    display: inline-flex;
    align-items: center;
    min-height: 25px;
    padding: 4px 9px;
    border: 1px solid #a9d0b7;
    color: #22633b;
    background: #edf7f0;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.project-scope-row-excluded[b-2tqbx6ic5e] {
    background: #fafafa;
    opacity: 0.78;
}

.project-scope-row-action[b-2tqbx6ic5e],
.project-scope-secondary-button[b-2tqbx6ic5e],
.project-scope-primary-button[b-2tqbx6ic5e],
.project-scope-danger-button[b-2tqbx6ic5e] {
    min-height: 34px;
    padding: 6px 12px;
    border-radius: 0;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.project-scope-row-action[b-2tqbx6ic5e] {
    border: 1px solid #2a7483;
    color: #155766;
    background: transparent;
}

.project-scope-row-action-warning[b-2tqbx6ic5e] {
    border-color: #b98222;
    color: #835b16;
}

.project-scope-row-action:disabled[b-2tqbx6ic5e],
.project-scope-secondary-button:disabled[b-2tqbx6ic5e],
.project-scope-primary-button:disabled[b-2tqbx6ic5e],
.project-scope-danger-button:disabled[b-2tqbx6ic5e] {
    opacity: 0.55;
    cursor: not-allowed;
}

.project-scope-locked-note[b-2tqbx6ic5e] {
    color: #87969c;
    font-size: 11px;
    font-weight: 700;
}

.project-scope-empty-cell[b-2tqbx6ic5e] {
    padding: 28px 16px !important;
    color: #72858c !important;
    text-align: center;
}

.project-scope-modal-backdrop[b-2tqbx6ic5e] {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(11, 36, 44, 0.44);
}

.project-scope-modal[b-2tqbx6ic5e] {
    width: min(560px, 100%);
    padding: 24px;
    border: 1px solid #bcd1d7;
    border-top: 4px solid #1b7484;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.18);
}

.project-scope-modal > span[b-2tqbx6ic5e] {
    display: block;
    margin-bottom: 5px;
    color: #63808a;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.09em;
}

.project-scope-modal h2[b-2tqbx6ic5e] {
    margin: 0;
    color: #0d3240;
    font-size: 22px;
    font-weight: 650;
}

.project-scope-modal > p[b-2tqbx6ic5e] {
    margin: 14px 0 0;
    color: #31515c;
    font-size: 14px;
    line-height: 1.45;
}

.project-scope-modal-note[b-2tqbx6ic5e] {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid #d6e2e6;
    color: #5d727a;
    background: #f7fafb;
    font-size: 13px;
    line-height: 1.5;
}

.project-scope-modal-actions[b-2tqbx6ic5e] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 20px;
}

.project-scope-secondary-button[b-2tqbx6ic5e] {
    border: 1px solid #aebfc4;
    color: #34535d;
    background: #ffffff;
}

.project-scope-primary-button[b-2tqbx6ic5e] {
    border: 1px solid #17677a;
    color: #ffffff;
    background: #17677a;
}

.project-scope-danger-button[b-2tqbx6ic5e] {
    border: 1px solid #a85c19;
    color: #ffffff;
    background: #a85c19;
}


.project-scope-register-header-tools[b-2tqbx6ic5e] {
    flex: 0 0 auto;
    min-width: 76px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 5px;
}

.project-scope-register-header-tools .project-scope-record-count[b-2tqbx6ic5e] {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    text-align: center;
}

.project-scope-collapse-button[b-2tqbx6ic5e] {
    width: 100%;
    height: 28px;
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #0D3D4D;
    border-radius: 0;
    color: #FFFFFF;
    background: #0D3D4D;
    font-family: inherit;
    font-size: 11px;
    line-height: 1;
    cursor: pointer;
}

.project-scope-collapse-button:hover[b-2tqbx6ic5e] {
    border-color: #0D3D4D;
    color: #FFFFFF;
    background: #0D3D4D;
}

.project-scope-collapse-button:focus-visible[b-2tqbx6ic5e] {
    outline: 2px solid #2a7483;
    outline-offset: 2px;
}

.project-scope-collapse-button span[b-2tqbx6ic5e] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

@media (max-width: 700px) {
    .project-scope-register-header-actions[b-2tqbx6ic5e] {
        align-items: flex-start;
    }

    .project-scope-register-header-tools[b-2tqbx6ic5e] {
        align-self: flex-start;
        min-width: 76px;
    }
}


/* Strong white chevron for the collapsible scope controls.
   The text glyph is hidden and the arrow is drawn with CSS so it stays
   crisp and fully white on the NavMenu-colored background. */
.project-scope-collapse-button span[b-2tqbx6ic5e] {
    position: relative;
    width: 12px;
    height: 12px;
    font-size: 0;
    color: transparent !important;
}

.project-scope-collapse-button span[b-2tqbx6ic5e]::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 1px;
    width: 7px;
    height: 7px;
    border-right: 2px solid #FFFFFF;
    border-bottom: 2px solid #FFFFFF;
    transform: rotate(45deg);
    transform-origin: center;
}

.project-scope-collapse-button.is-expanded span[b-2tqbx6ic5e]::before {
    top: 4px;
    transform: rotate(-135deg);
}


.project-scope-register-actions[b-2tqbx6ic5e] {
    flex: 0 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.project-scope-add-button[b-2tqbx6ic5e] {
    min-height: 61px;
    padding-right: 16px;
    padding-left: 16px;
    white-space: nowrap;
}

.project-scope-modal-wide[b-2tqbx6ic5e] {
    width: min(880px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
}

.project-scope-modal-message[b-2tqbx6ic5e] {
    margin-top: 16px;
    margin-bottom: 0;
}

.project-scope-form-grid[b-2tqbx6ic5e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
    margin-top: 20px;
}

.project-scope-form-field[b-2tqbx6ic5e] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.project-scope-form-field > span[b-2tqbx6ic5e] {
    color: #3f5d67;
    font-size: 12px;
    font-weight: 700;
}

.project-scope-form-field input[type="text"][b-2tqbx6ic5e],
.project-scope-form-field input[type="number"][b-2tqbx6ic5e],
.project-scope-form-field select[b-2tqbx6ic5e],
.project-scope-form-field textarea[b-2tqbx6ic5e] {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #b9cdd3;
    border-radius: 0;
    color: #173f4c;
    background: #ffffff;
    font-family: inherit;
    font-size: 13px;
}

.project-scope-form-field input[type="text"][b-2tqbx6ic5e],
.project-scope-form-field input[type="number"][b-2tqbx6ic5e],
.project-scope-form-field select[b-2tqbx6ic5e] {
    min-height: 38px;
    padding: 7px 9px;
}

.project-scope-form-field textarea[b-2tqbx6ic5e] {
    min-height: 66px;
    padding: 8px 9px;
    resize: vertical;
}

.project-scope-form-field input:focus[b-2tqbx6ic5e],
.project-scope-form-field select:focus[b-2tqbx6ic5e],
.project-scope-form-field textarea:focus[b-2tqbx6ic5e] {
    border-color: #17677a;
    outline: 1px solid #17677a;
    outline-offset: 0;
}

.project-scope-form-field-wide[b-2tqbx6ic5e] {
    grid-column: 1 / -1;
}

.project-scope-form-options[b-2tqbx6ic5e] {
    justify-content: flex-end;
}

.project-scope-form-options > label[b-2tqbx6ic5e] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #31515c;
    font-size: 12px;
    font-weight: 600;
}

.project-scope-form-options input[type="checkbox"][b-2tqbx6ic5e] {
    width: 16px;
    height: 16px;
    margin: 0;
}

@media (max-width: 900px) {
    .project-scope-register-actions[b-2tqbx6ic5e] {
        flex-direction: column;
        align-items: stretch;
    }

    .project-scope-add-button[b-2tqbx6ic5e] {
        min-height: 36px;
    }

    .project-scope-form-grid[b-2tqbx6ic5e] {
        grid-template-columns: 1fr;
    }

    .project-scope-form-field-wide[b-2tqbx6ic5e] {
        grid-column: auto;
    }
}


.project-scope-register-actions .project-scope-primary-button[b-2tqbx6ic5e] {
    font-family: inherit;
}


.project-scope-control-card-download[b-2tqbx6ic5e] {
    align-items: flex-start;
}

.project-scope-template-actions[b-2tqbx6ic5e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.project-scope-template-button[b-2tqbx6ic5e] {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 12px;
    border: 1px solid #0D3D4D;
    border-radius: 0;
    color: #FFFFFF;
    background: #0D3D4D;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    text-decoration: none;
}

.project-scope-template-button:hover[b-2tqbx6ic5e],
.project-scope-template-button:focus[b-2tqbx6ic5e] {
    color: #FFFFFF;
    background: #0A3240;
    text-decoration: none;
}


.project-scope-import-card[b-2tqbx6ic5e] {
    grid-column: 1 / -1;
    align-items: flex-start;
}

.project-scope-import-card-content[b-2tqbx6ic5e] {
    min-width: 0;
    width: 100%;
}

.project-scope-import-upload-grid[b-2tqbx6ic5e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 12px;
    margin-top: 16px;
}

.project-scope-import-upload[b-2tqbx6ic5e] {
    display: flex;
    flex-direction: column;
    gap: 7px;
    padding: 12px;
    border: 1px solid #c9d9de;
    background: #f8fbfc;
}

.project-scope-import-upload > span[b-2tqbx6ic5e] {
    color: #294954;
    font-size: 12px;
    font-weight: 700;
}

.project-scope-import-upload > small[b-2tqbx6ic5e] {
    color: #74878e;
    font-size: 11px;
}

.project-scope-import-file-input[b-2tqbx6ic5e] {
    width: 100%;
    min-height: 36px;
    color: #31515c;
    background: #ffffff;
    border: 1px solid #b9cdd3;
    font-family: inherit;
    font-size: 12px;
}

.project-scope-import-file-input[b-2tqbx6ic5e]::file-selector-button {
    min-height: 34px;
    margin-right: 10px;
    padding: 6px 12px;
    border: 0;
    border-right: 1px solid #0D3D4D;
    color: #FFFFFF;
    background: #0D3D4D;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.project-scope-import-working[b-2tqbx6ic5e] {
    margin-top: 14px;
    padding: 11px 13px;
    border: 1px solid #b9cdd3;
    color: #31515c;
    background: #f4f8f9;
    font-size: 12px;
    font-weight: 700;
}

.project-scope-import-message[b-2tqbx6ic5e] {
    margin-top: 14px;
    margin-bottom: 0;
}

.project-scope-import-preview[b-2tqbx6ic5e] {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid #d6e2e6;
}

.project-scope-import-preview-header[b-2tqbx6ic5e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.project-scope-import-preview-header > div:first-child > span[b-2tqbx6ic5e] {
    display: block;
    margin-bottom: 4px;
    color: #63808a;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.09em;
}

.project-scope-import-preview-header h3[b-2tqbx6ic5e] {
    margin: 0;
    color: #0d3240;
    font-size: 18px;
    font-weight: 650;
}

.project-scope-import-preview-header p[b-2tqbx6ic5e] {
    margin: 5px 0 0;
    color: #657a82;
    font-size: 12px;
}

.project-scope-import-preview-summary[b-2tqbx6ic5e] {
    display: grid;
    grid-template-columns: repeat(3, minmax(72px, auto));
    gap: 7px;
}

.project-scope-import-preview-summary > span[b-2tqbx6ic5e] {
    min-width: 74px;
    padding: 7px 9px;
    border: 1px solid #c7dce2;
    color: #60777f;
    background: #f6f9fa;
    font-size: 10px;
    text-align: center;
}

.project-scope-import-preview-summary strong[b-2tqbx6ic5e] {
    display: block;
    margin-top: 2px;
    color: #173f4c;
    font-size: 17px;
}

.project-scope-import-summary-error[b-2tqbx6ic5e] {
    border-color: #d7a19e !important;
    background: #fcf0ef !important;
}

.project-scope-import-summary-error strong[b-2tqbx6ic5e] {
    color: #9f2824 !important;
}

.project-scope-import-file-errors[b-2tqbx6ic5e],
.project-scope-import-validation-error[b-2tqbx6ic5e],
.project-scope-import-validation-ok[b-2tqbx6ic5e] {
    margin-top: 14px;
    padding: 11px 13px;
    font-size: 12px;
    line-height: 1.45;
}

.project-scope-import-file-errors[b-2tqbx6ic5e],
.project-scope-import-validation-error[b-2tqbx6ic5e] {
    border: 1px solid #d7a19e;
    color: #8f302c;
    background: #fcf0ef;
}

.project-scope-import-file-errors p[b-2tqbx6ic5e] {
    margin: 0;
}

.project-scope-import-file-errors p + p[b-2tqbx6ic5e] {
    margin-top: 5px;
}

.project-scope-import-validation-ok[b-2tqbx6ic5e] {
    border: 1px solid #9bc5aa;
    color: #245e39;
    background: #eef7f1;
}

.project-scope-import-validation-ok strong[b-2tqbx6ic5e],
.project-scope-import-validation-error strong[b-2tqbx6ic5e] {
    display: block;
    margin-bottom: 2px;
}

.project-scope-import-validation-ok span[b-2tqbx6ic5e],
.project-scope-import-validation-error span[b-2tqbx6ic5e] {
    display: block;
}

.project-scope-import-table-wrapper[b-2tqbx6ic5e] {
    margin-top: 14px;
    max-height: 430px;
    overflow: auto;
}

.project-scope-import-table th:first-child[b-2tqbx6ic5e],
.project-scope-import-table td:first-child[b-2tqbx6ic5e] {
    min-width: 58px;
    width: 58px;
}

.project-scope-import-table td:nth-child(2)[b-2tqbx6ic5e] {
    min-width: 180px;
}

.project-scope-import-table td:nth-child(3)[b-2tqbx6ic5e] {
    min-width: 300px;
}

.project-scope-import-table td:nth-child(4)[b-2tqbx6ic5e] {
    min-width: 180px;
}

.project-scope-import-table td:nth-child(5)[b-2tqbx6ic5e] {
    min-width: 260px;
}

.project-scope-import-table td:nth-child(3) span[b-2tqbx6ic5e] {
    display: block;
    margin-top: 3px;
    color: #71848b;
    font-size: 11px;
}

.project-scope-import-row-error[b-2tqbx6ic5e] {
    background: #fff8f7;
}

.project-scope-import-valid-badge[b-2tqbx6ic5e],
.project-scope-import-error-badge[b-2tqbx6ic5e] {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 4px 8px;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.project-scope-import-valid-badge[b-2tqbx6ic5e] {
    border: 1px solid #a9d0b7;
    color: #22633b;
    background: #edf7f0;
}

.project-scope-import-error-badge[b-2tqbx6ic5e] {
    border: 1px solid #d7a19e;
    color: #9f2824;
    background: #fcf0ef;
}

.project-scope-import-row-errors[b-2tqbx6ic5e] {
    display: block;
    margin-top: 5px;
    color: #8f302c;
    font-size: 11px;
    line-height: 1.4;
}

@media (max-width: 900px) {
    .project-scope-import-upload-grid[b-2tqbx6ic5e] {
        grid-template-columns: 1fr;
    }

    .project-scope-import-preview-header[b-2tqbx6ic5e] {
        flex-direction: column;
    }
}


.project-scope-import-table td:nth-child(2) span[b-2tqbx6ic5e] {
    display: block;
    margin-top: 3px;
    color: #71848b;
    font-size: 10px;
    font-weight: 600;
}


/* ==========================================================
   Phase Scope Source Selection
   ========================================================== */

.project-scope-source-selection[b-2tqbx6ic5e] {
    border-top: 3px solid #0d3d4d;
}

.project-scope-source-selection-header[b-2tqbx6ic5e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.project-scope-selection-lock[b-2tqbx6ic5e] {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid #b8ccd2;
    color: #365863;
    background: #f4f8f9;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.project-scope-selection-lock-locked[b-2tqbx6ic5e] {
    border-color: #d6a6a3;
    color: #963b36;
    background: #faeceb;
}

.project-scope-source-selection-body[b-2tqbx6ic5e] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 20px 22px;
}

.project-scope-source-selector-card[b-2tqbx6ic5e] {
    padding: 18px;
    border: 1px solid #d5e3e7;
    background: #f9fbfc;
}

.project-scope-source-selector-heading[b-2tqbx6ic5e] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 13px;
}

.project-scope-source-selector-heading > div > span[b-2tqbx6ic5e] {
    display: block;
    margin-bottom: 4px;
    color: #63808a;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.project-scope-source-selector-heading > div > strong[b-2tqbx6ic5e] {
    color: #123b48;
    font-size: 16px;
    font-weight: 650;
}

.project-scope-source-selector-count[b-2tqbx6ic5e] {
    color: #657a82;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.project-scope-source-selector-card select[b-2tqbx6ic5e] {
    width: 100%;
    min-height: 40px;
    padding: 7px 10px;
    border: 1px solid #b8ccd2;
    border-radius: 0;
    outline: none;
    color: #163e4b;
    background: #ffffff;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
}

.project-scope-source-selector-card select:focus[b-2tqbx6ic5e] {
    border-color: #0d6b7c;
    box-shadow: 0 0 0 1px #0d6b7c;
}

.project-scope-source-selector-card select:disabled[b-2tqbx6ic5e] {
    color: #7b8c92;
    background: #eef3f5;
    cursor: not-allowed;
}

.project-scope-source-selector-summary[b-2tqbx6ic5e] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 11px;
    color: #64777f;
    font-size: 11px;
}

.project-scope-source-selector-summary strong[b-2tqbx6ic5e] {
    color: #244b58;
}

.project-scope-source-selection-footer[b-2tqbx6ic5e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 15px 22px;
    border-top: 1px solid #d5e3e7;
    background: #fbfcfc;
}

.project-scope-source-selection-note[b-2tqbx6ic5e],
.project-scope-source-selection-success[b-2tqbx6ic5e],
.project-scope-source-selection-error[b-2tqbx6ic5e] {
    display: block;
    font-size: 12px;
    line-height: 1.45;
}

.project-scope-source-selection-note[b-2tqbx6ic5e] {
    color: #697d84;
}

.project-scope-source-selection-success[b-2tqbx6ic5e] {
    color: #2d6a43;
    font-weight: 600;
}

.project-scope-source-selection-error[b-2tqbx6ic5e] {
    color: #a02f2a;
    font-weight: 600;
}

@media (max-width: 900px) {
    .project-scope-source-selection-body[b-2tqbx6ic5e] {
        grid-template-columns: 1fr;
    }

    .project-scope-source-selection-footer[b-2tqbx6ic5e] {
        align-items: stretch;
        flex-direction: column;
    }
}


.project-scope-source-selection-actions[b-2tqbx6ic5e] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
}

@media (max-width: 900px) {
    .project-scope-source-selection-actions[b-2tqbx6ic5e] {
        align-items: stretch;
        flex-direction: column;
    }
}
/* /Components/Pages/ProjectSetup.razor.rz.scp.css */
.project-setup-page[b-rpcoce0ia6] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.project-setup-breadcrumb[b-rpcoce0ia6] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.project-setup-breadcrumb a[b-rpcoce0ia6] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.project-setup-breadcrumb a:hover[b-rpcoce0ia6] {
    color: #073f50;
    text-decoration: underline;
}

.project-setup-breadcrumb-separator[b-rpcoce0ia6] {
    color: #8a9aa1;
    user-select: none;
}

.project-setup-breadcrumb-current[b-rpcoce0ia6] {
    color: #61737b;
    font-weight: 500;
}

.project-setup-header[b-rpcoce0ia6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.project-setup-heading-group[b-rpcoce0ia6] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.project-setup-icon[b-rpcoce0ia6] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.project-setup-heading[b-rpcoce0ia6] {
    min-width: 0;
}

.project-setup-eyebrow[b-rpcoce0ia6] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.project-setup-heading h1[b-rpcoce0ia6] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.project-setup-heading p[b-rpcoce0ia6] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.project-setup-header-actions[b-rpcoce0ia6] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
}

.project-setup-status[b-rpcoce0ia6] {
    min-height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border: 1px solid #cdd7db;
    border-radius: 4px;
    color: #566a72;
    background: #f1f4f5;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.project-setup-back-button[b-rpcoce0ia6] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.18s ease, background 0.18s ease, border-color 0.18s ease;
}

.project-setup-back-button:hover[b-rpcoce0ia6] {
    color: #ffffff;
    background: #0d7187;
    border-color: #0d7187;
}

.project-setup-header-divider[b-rpcoce0ia6] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.project-setup-icon[b-rpcoce0ia6] {
    color: #24633c;
    background: #eaf5ee;
    border-color: #c7dfd0;
}

.project-setup-overview[b-rpcoce0ia6] {
    width: 100%;
    margin-top: 28px;
}

.project-setup-kpi-grid[b-rpcoce0ia6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
}

.project-setup-kpi-card[b-rpcoce0ia6] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.project-setup-kpi-icon[b-rpcoce0ia6] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
}

.project-setup-kpi-icon-punch[b-rpcoce0ia6] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.project-setup-kpi-icon-tests[b-rpcoce0ia6] {
    border-color: #d9c9eb;
    background: #f1ebf8;
}

.project-setup-kpi-icon-evidence[b-rpcoce0ia6] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.project-setup-kpi-card span[b-rpcoce0ia6] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    font-weight: 650;
}

.project-setup-kpi-card strong[b-rpcoce0ia6] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
}

.project-setup-progress-card[b-rpcoce0ia6] {
    margin-top: 16px;
    padding: 18px 20px;
    border: 1px solid #d5e0e4;
    border-left: 4px solid #2f7d4b;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.project-setup-progress-heading[b-rpcoce0ia6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.project-setup-progress-heading h2[b-rpcoce0ia6] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
}

.project-setup-progress-heading > strong[b-rpcoce0ia6] {
    color: #24633c;
    font-size: 28px;
}

.project-setup-progress-track[b-rpcoce0ia6] {
    height: 8px;
    margin-top: 14px;
    overflow: hidden;
    border-radius: 4px;
    background: #e3ebee;
}

.project-setup-progress-fill[b-rpcoce0ia6] {
    height: 100%;
    background: #2f7d4b;
}

.project-setup-progress-card p[b-rpcoce0ia6] {
    margin: 10px 0 0;
    color: #64777f;
    font-size: 13px;
}

.project-setup-navigation[b-rpcoce0ia6] {
    width: 100%;
    margin-top: 28px;
}

.project-setup-section-heading[b-rpcoce0ia6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.project-setup-section-eyebrow[b-rpcoce0ia6] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.project-setup-section-heading h2[b-rpcoce0ia6] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.project-setup-section-description[b-rpcoce0ia6] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.project-setup-navigation-grid[b-rpcoce0ia6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
}

.project-setup-navigation-card[b-rpcoce0ia6] {
    aspect-ratio: auto;
    min-width: 0;
    min-height: 190px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow: hidden;
    border: 1px solid #d2dde1;
    border-top: 4px solid #2d7890;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
    cursor: default;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.project-setup-navigation-card:hover[b-rpcoce0ia6] {
    transform: translateY(-3px);
    border-color: #9ebbc5;
    box-shadow: 0 8px 20px rgba(13, 50, 64, 0.13);
}

.project-setup-navigation-card-equipment[b-rpcoce0ia6] {
    border-top-color: #557a95;
}

.project-setup-navigation-card-templates[b-rpcoce0ia6] {
    border-top-color: #7653a6;
}

.project-setup-navigation-card-checklist[b-rpcoce0ia6] {
    border-top-color: #c56b1d;
}

.project-setup-navigation-card-release[b-rpcoce0ia6] {
    border-top-color: #2f7d4b;
}

.project-setup-navigation-card-tests[b-rpcoce0ia6] {
    border-top-color: #7653a6;
}

.project-setup-navigation-card-punches[b-rpcoce0ia6] {
    border-top-color: #b8423e;
}

.project-setup-navigation-card-documents[b-rpcoce0ia6] {
    border-top-color: #6b7780;
}

.project-setup-navigation-card-approvals[b-rpcoce0ia6] {
    border-top-color: #4056a1;
}

.project-setup-navigation-card-header[b-rpcoce0ia6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.project-setup-navigation-icon[b-rpcoce0ia6] {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 23px;
    line-height: 1;
}

.project-setup-navigation-status[b-rpcoce0ia6] {
    min-height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    border: 1px solid #c7dce2;
    border-radius: 4px;
    color: #16596b;
    background: #edf6f8;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.project-setup-navigation-status-locked[b-rpcoce0ia6] {
    color: #8a6300;
    background: #fff8e5;
    border-color: #ead28d;
}

.project-setup-navigation-content[b-rpcoce0ia6] {
    min-width: 0;
    margin-top: 18px;
}

.project-setup-navigation-content h3[b-rpcoce0ia6] {
    margin: 0;
    color: #0d3240;
    font-size: 21px;
    line-height: 1.25;
    font-weight: 650;
}

.project-setup-navigation-content p[b-rpcoce0ia6] {
    display: -webkit-box;
    margin: 10px 0 0 0;
    overflow: hidden;
    color: #64777f;
    font-size: 14px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.project-setup-error[b-rpcoce0ia6] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1400px) {
    .project-setup-kpi-grid[b-rpcoce0ia6] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .project-setup-navigation-grid[b-rpcoce0ia6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .project-setup-page[b-rpcoce0ia6] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .project-setup-header[b-rpcoce0ia6] {
        flex-direction: column;
        gap: 22px;
    }

    .project-setup-header-actions[b-rpcoce0ia6] {
        align-items: flex-start;
    }

    .project-setup-heading h1[b-rpcoce0ia6] {
        font-size: 30px;
    }

    .project-setup-heading p[b-rpcoce0ia6] {
        font-size: 18px;
    }

    .project-setup-section-heading[b-rpcoce0ia6] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .project-setup-section-description[b-rpcoce0ia6] {
        padding-bottom: 0;
        text-align: left;
    }

    .project-setup-navigation-grid[b-rpcoce0ia6] {
        grid-template-columns: 1fr;
    }

    .project-setup-kpi-grid[b-rpcoce0ia6] {
        grid-template-columns: 1fr;
    }

    .project-setup-navigation-card[b-rpcoce0ia6] {
        aspect-ratio: auto;
        min-height: 180px;
    }
}

@media (max-width: 520px) {
    .project-setup-heading-group[b-rpcoce0ia6] {
        flex-direction: column;
    }

}
/* /Components/Pages/ProjectSystems.razor.rz.scp.css */
.project-systems-page[b-tynifhdqjm] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.project-systems-breadcrumb[b-tynifhdqjm] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.project-systems-breadcrumb a[b-tynifhdqjm] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.project-systems-breadcrumb a:hover[b-tynifhdqjm] {
    color: #073f50;
    text-decoration: underline;
}

.project-systems-breadcrumb-separator[b-tynifhdqjm] {
    color: #8a9aa1;
    user-select: none;
}

.project-systems-breadcrumb-current[b-tynifhdqjm] {
    color: #61737b;
    font-weight: 500;
}

.project-systems-header[b-tynifhdqjm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.project-systems-heading-group[b-tynifhdqjm] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.project-systems-icon[b-tynifhdqjm] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.project-systems-heading[b-tynifhdqjm] {
    min-width: 0;
}

.project-systems-eyebrow[b-tynifhdqjm] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.project-systems-heading h1[b-tynifhdqjm] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.project-systems-heading p[b-tynifhdqjm] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.project-systems-header-actions[b-tynifhdqjm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 22px;
}

.project-systems-add-button[b-tynifhdqjm],
.project-systems-bulk-button[b-tynifhdqjm],
.project-systems-back-button[b-tynifhdqjm],
.project-systems-clear-button[b-tynifhdqjm] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.project-systems-add-button[b-tynifhdqjm] {
    padding: 7px 15px;
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.project-systems-bulk-button[b-tynifhdqjm] {
    padding: 7px 14px;
    border: 1px solid #7653a6;
    color: #654590;
    background: #ffffff;
}

.project-systems-bulk-button:hover[b-tynifhdqjm] {
    color: #ffffff;
    background: #7653a6;
}

.project-systems-add-button:hover[b-tynifhdqjm] {
    border-color: #09596b;
    background: #09596b;
}

.project-systems-back-button[b-tynifhdqjm] {
    padding: 7px 13px;
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #ffffff;
}

.project-systems-back-button:hover[b-tynifhdqjm] {
    color: #ffffff;
    background: #0d7187;
}

.project-systems-header-divider[b-tynifhdqjm] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.project-systems-kpi-section[b-tynifhdqjm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    width: 100%;
    margin-top: 26px;
}

.project-systems-kpi-card[b-tynifhdqjm] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.project-systems-kpi-icon[b-tynifhdqjm] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
    line-height: 1;
}

.project-systems-kpi-icon-critical[b-tynifhdqjm] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.project-systems-kpi-icon-ready[b-tynifhdqjm] {
    border-color: #c7dfd0;
    background: #eaf5ee;
}

.project-systems-kpi-icon-progress[b-tynifhdqjm] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.project-systems-kpi-label[b-tynifhdqjm] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 650;
}

.project-systems-kpi-value[b-tynifhdqjm] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
    font-weight: 750;
}

.project-systems-content[b-tynifhdqjm] {
    width: 100%;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #d4dfe3;
}

.project-systems-section-heading[b-tynifhdqjm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.project-systems-section-eyebrow[b-tynifhdqjm] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.project-systems-section-heading h2[b-tynifhdqjm] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.project-systems-section-description[b-tynifhdqjm] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.project-systems-toolbar[b-tynifhdqjm] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 210px 190px auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid #d5e0e4;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #f8fafb;
}

.project-systems-search[b-tynifhdqjm],
.project-systems-filter[b-tynifhdqjm] {
    min-width: 0;
}

.project-systems-control-label[b-tynifhdqjm] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.project-systems-search-control[b-tynifhdqjm] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #75868d;
    background: #ffffff;
}

.project-systems-search-control input[b-tynifhdqjm] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: #173946;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.project-systems-filter select[b-tynifhdqjm] {
    min-height: 38px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.project-systems-clear-button[b-tynifhdqjm] {
    padding: 7px 13px;
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.project-systems-clear-button:hover[b-tynifhdqjm] {
    color: #0b6077;
    border-color: #0d7187;
}

.project-systems-table-card[b-tynifhdqjm] {
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.06);
}

.project-systems-table-scroll[b-tynifhdqjm] {
    width: 100%;
    overflow-x: auto;
}

.project-systems-table[b-tynifhdqjm] {
    width: 100%;
    min-width: 1240px;
    border-collapse: collapse;
}

.project-systems-table th[b-tynifhdqjm] {
    padding: 13px 14px;
    border-bottom: 1px solid #cfdade;
    color: #536971;
    background: #f3f7f8;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 750;
    text-align: left;
    text-transform: uppercase;
}

.project-systems-table td[b-tynifhdqjm] {
    padding: 14px;
    border-bottom: 1px solid #e2e8ea;
    color: #173946;
    font-size: 14px;
    line-height: 1.35;
}

.project-systems-data-row[b-tynifhdqjm] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.project-systems-data-row:hover[b-tynifhdqjm] {
    background: #f0f7f9;
}

.project-systems-data-row td:first-child strong[b-tynifhdqjm] {
    color: #0b6077;
    font-weight: 700;
}

.project-systems-responsible[b-tynifhdqjm] {
    max-width: 190px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 4px 8px;
    border: 1px solid #c7d4d9;
    border-radius: 4px;
    font-size: 11px;
    line-height: 1.25;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-systems-responsible-assigned[b-tynifhdqjm] {
    border-color: #b9ddc6;
    color: #246b40;
    background: #edf8f1;
}

.project-systems-responsible-unassigned[b-tynifhdqjm] {
    border-color: #d4dde0;
    color: #667980;
    background: #f1f4f5;
}

.project-systems-responsible-indicator[b-tynifhdqjm] {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: currentColor;
}

.project-systems-criticality[b-tynifhdqjm],
.project-systems-row-status[b-tynifhdqjm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 26px;
    padding: 4px 8px;
    border: 1px solid #c7d4d9;
    border-radius: 4px;
    color: #536971;
    background: #f3f6f7;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    white-space: nowrap;
}

.project-systems-criticality-critical[b-tynifhdqjm] {
    border-color: #e2bab8;
    color: #a3312d;
    background: #fbeceb;
}

.project-systems-criticality-major[b-tynifhdqjm] {
    border-color: #efd0b4;
    color: #9b5518;
    background: #fff2e7;
}

.project-systems-criticality-minor[b-tynifhdqjm] {
    border-color: #d4dfe3;
    color: #60747c;
    background: #f6f8f9;
}

.project-systems-row-progress[b-tynifhdqjm] {
    min-width: 125px;
    display: flex;
    align-items: center;
    gap: 9px;
}

.project-systems-row-progress-track[b-tynifhdqjm] {
    height: 7px;
    flex: 1 1 auto;
    overflow: hidden;
    border-radius: 4px;
    background: #dfe8eb;
}

.project-systems-row-progress-fill[b-tynifhdqjm] {
    height: 100%;
    border-radius: 4px;
    background: #2f8a4d;
}

.project-systems-row-progress strong[b-tynifhdqjm] {
    width: 34px;
    color: #415a64;
    font-size: 11px;
    text-align: right;
}

.project-systems-row-arrow[b-tynifhdqjm] {
    color: #0d7187;
    font-size: 18px;
    font-weight: 700;
}

.project-systems-empty-row td[b-tynifhdqjm] {
    padding: 0;
    border-bottom: 0;
}

.project-systems-empty-state[b-tynifhdqjm] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #64777f;
    text-align: center;
}

.project-systems-empty-state > span[b-tynifhdqjm] {
    font-size: 31px;
    line-height: 1;
}

.project-systems-empty-state strong[b-tynifhdqjm] {
    margin-top: 14px;
    color: #173946;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 650;
}

.project-systems-empty-state p[b-tynifhdqjm] {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.project-systems-preview-button[b-tynifhdqjm] {
    min-height: 36px;
    margin-top: 18px;
    padding: 7px 15px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #ffffff;
    background: #0d7187;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
}

.project-systems-preview-button:hover[b-tynifhdqjm] {
    border-color: #09596b;
    background: #09596b;
}

.project-systems-drawer-layer[b-tynifhdqjm] {
    position: fixed;
    inset: 0 0 0 302px;
    z-index: 1000;
    background: rgba(235, 241, 244, 0.2);
    font-family: "Segoe UI", Arial, sans-serif;
}

.project-systems-drawer[b-tynifhdqjm] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: min(760px, 56vw);
    min-width: 610px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-left: 1px solid #8fb2be;
    color: #102f3c;
    background: #ffffff;
    box-shadow: -10px 0 28px rgba(13, 50, 64, 0.16);
}

.project-systems-drawer-header[b-tynifhdqjm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 26px 12px;
    border-bottom: 1px solid #d6e0e4;
}

.project-systems-drawer-eyebrow[b-tynifhdqjm] {
    display: block;
    color: #63777f;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.project-systems-drawer-header h2[b-tynifhdqjm] {
    margin: 2px 0 0;
    color: #0d3240;
    font-size: 28px;
    line-height: 1.15;
    font-weight: 700;
}

.project-systems-drawer-close[b-tynifhdqjm] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    color: #60747c;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

.project-systems-drawer-close:hover[b-tynifhdqjm] {
    color: #b8423e;
}

.project-systems-drawer-summary[b-tynifhdqjm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 26px;
}

.project-systems-drawer-metadata[b-tynifhdqjm] {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 0;
    color: #61747c;
    font-size: 12px;
    line-height: 1.35;
}

.project-systems-drawer-metadata span[b-tynifhdqjm] {
    padding: 0 9px;
    border-right: 1px solid #b9c8cd;
}

.project-systems-drawer-metadata span:first-child[b-tynifhdqjm] {
    padding-left: 0;
}

.project-systems-drawer-metadata span:last-child[b-tynifhdqjm] {
    border-right: 0;
}

.project-systems-drawer-metadata strong[b-tynifhdqjm] {
    color: #36535e;
    font-weight: 700;
}

.project-systems-drawer-status[b-tynifhdqjm] {
    flex: 0 0 auto;
    padding: 5px 11px;
    border: 1px solid #b9c9ce;
    border-radius: 4px;
    color: #4c6169;
    background: #f2f5f6;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.project-systems-drawer-kpis[b-tynifhdqjm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 0 26px 16px;
}

.project-systems-drawer-kpis article[b-tynifhdqjm] {
    min-width: 0;
    min-height: 86px;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    align-items: center;
    column-gap: 9px;
    padding: 12px;
    border: 1px solid #d7e1e4;
    border-radius: 4px;
    background: #f7f9fa;
}

.project-systems-drawer-kpis article > span[b-tynifhdqjm] {
    grid-row: 1 / 3;
    font-size: 19px;
}

.project-systems-drawer-kpis strong[b-tynifhdqjm] {
    align-self: end;
    color: #0d3240;
    font-size: 24px;
    line-height: 1;
}

.project-systems-drawer-kpis small[b-tynifhdqjm] {
    align-self: start;
    margin-top: 4px;
    color: #60747c;
    font-size: 11px;
}

.project-systems-drawer-kpis .project-systems-drawer-kpi-alert strong[b-tynifhdqjm] {
    color: #b5302c;
}

.project-systems-drawer-tabs[b-tynifhdqjm] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
    padding: 0 26px 14px;
    border-bottom: 1px solid #cbd8dc;
}

.project-systems-drawer-tab[b-tynifhdqjm] {
    min-width: 0;
    min-height: 34px;
    padding: 6px 7px;
    border: 1px solid #9fb6be;
    border-radius: 4px;
    color: #48616a;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.15;
    font-weight: 650;
}

.project-systems-drawer-tab-active[b-tynifhdqjm] {
    border-color: #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.project-systems-drawer-tab:not(.project-systems-drawer-tab-active):hover[b-tynifhdqjm] {
    border-color: #0d7187;
    color: #0b6077;
    background: #eef6f8;
    cursor: pointer;
}

.project-systems-drawer-tab:disabled[b-tynifhdqjm] {
    opacity: 1;
    cursor: default;
}

.project-systems-drawer-body[b-tynifhdqjm] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 18px 26px 28px;
    background: #fbfcfc;
}

.project-systems-overview-section[b-tynifhdqjm],
.project-systems-overview-card[b-tynifhdqjm] {
    border: 1px solid #d7e1e4;
    border-radius: 4px;
    background: #ffffff;
}

.project-systems-overview-section[b-tynifhdqjm] {
    padding: 16px;
}

.project-systems-overview-label[b-tynifhdqjm] {
    display: block;
    margin-bottom: 7px;
    color: #5f747c;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.project-systems-overview-section p[b-tynifhdqjm],
.project-systems-overview-card p[b-tynifhdqjm] {
    margin: 0;
    color: #526a73;
    font-size: 13px;
    line-height: 1.45;
}

.project-systems-assignment-card[b-tynifhdqjm] {
    margin-top: 14px;
    padding: 16px;
    border: 1px solid #cbdde2;
    border-left: 4px solid #7653a6;
    border-radius: 4px;
    background: #ffffff;
}

.project-systems-assignment-heading[b-tynifhdqjm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.project-systems-assignment-heading strong[b-tynifhdqjm] {
    display: block;
    color: #173946;
    font-size: 15px;
}

.project-systems-assignment-status[b-tynifhdqjm] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border: 1px solid #e2c3c7;
    border-radius: 4px;
    color: #a12f3b;
    background: #fcebed;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.project-systems-assignment-status-assigned[b-tynifhdqjm] {
    border-color: #b9ddc6;
    color: #246b40;
    background: #edf8f1;
}

.project-systems-assignment-controls[b-tynifhdqjm] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: end;
    margin-top: 14px;
}

.project-systems-assignment-controls label[b-tynifhdqjm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.project-systems-assignment-controls label > span[b-tynifhdqjm] {
    margin-bottom: 6px;
    color: #526a73;
    font-size: 12px;
    font-weight: 700;
}

.project-systems-assignment-controls select[b-tynifhdqjm] {
    width: 100%;
    height: 38px;
    padding: 7px 9px;
    border: 1px solid #b9cbd1;
    border-radius: 4px;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
}

.project-systems-assignment-controls button[b-tynifhdqjm] {
    min-height: 38px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #ffffff;
    background: #0d7187;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.project-systems-assignment-controls button:disabled[b-tynifhdqjm] {
    opacity: .65;
    cursor: not-allowed;
}

.project-systems-assignment-empty[b-tynifhdqjm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 14px;
    padding: 11px 12px;
    border: 1px solid #efd28d;
    border-radius: 4px;
    color: #765608;
    background: #fff9e9;
    font-size: 12px;
}

.project-systems-assignment-empty a[b-tynifhdqjm] {
    color: #0b6077;
    font-weight: 700;
}

.project-systems-assignment-message[b-tynifhdqjm] {
    margin-top: 11px;
    padding: 9px 11px;
    border-radius: 4px;
    font-size: 12px;
}

.project-systems-assignment-message-success[b-tynifhdqjm] {
    border: 1px solid #b9ddc6;
    color: #246b40;
    background: #edf8f1;
}

.project-systems-assignment-message-error[b-tynifhdqjm] {
    border: 1px solid #e2c3c7;
    color: #a12f3b;
    background: #fcebed;
}

.project-systems-modal-layer[b-tynifhdqjm] {
    position: fixed;
    z-index: 2100;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(8, 31, 40, .52);
}

.project-systems-modal[b-tynifhdqjm] {
    width: min(680px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 24px;
    border: 1px solid #cad8dd;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(7, 31, 40, .28);
}

.project-systems-modal-header[b-tynifhdqjm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.project-systems-modal-header h2[b-tynifhdqjm] {
    margin: 2px 0 0;
    color: #0d3240;
    font-size: 25px;
}

.project-systems-modal-header > button[b-tynifhdqjm] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccd8dc;
    border-radius: 4px;
    color: #405961;
    background: #ffffff;
    font-size: 22px;
    cursor: pointer;
}

.project-systems-modal-description[b-tynifhdqjm] {
    margin: 16px 0 0;
    color: #5f747c;
    font-size: 13px;
    line-height: 1.5;
}

.project-systems-modal-fields[b-tynifhdqjm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 22px;
}

.project-systems-modal-fields label[b-tynifhdqjm] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.project-systems-modal-fields label > span[b-tynifhdqjm] {
    margin-bottom: 7px;
    color: #203b45;
    font-size: 13px;
    font-weight: 700;
}

.project-systems-modal-fields select[b-tynifhdqjm] {
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173843;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
}

.project-systems-modal-preview[b-tynifhdqjm] {
    margin-top: 16px;
    padding: 11px 12px;
    border: 1px solid #d8d0eb;
    border-radius: 4px;
    color: #654590;
    background: #f5f1fa;
    font-size: 13px;
}

.project-systems-modal-actions[b-tynifhdqjm] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 24px;
    padding-top: 18px;
    border-top: 1px solid #dce5e8;
}

.project-systems-modal-cancel[b-tynifhdqjm],
.project-systems-modal-save[b-tynifhdqjm] {
    min-height: 38px;
    padding: 7px 14px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
}

.project-systems-modal-cancel[b-tynifhdqjm] {
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #ffffff;
}

.project-systems-modal-save[b-tynifhdqjm] {
    border: 1px solid #7653a6;
    color: #ffffff;
    background: #7653a6;
}

.project-systems-modal-cancel:disabled[b-tynifhdqjm],
.project-systems-modal-save:disabled[b-tynifhdqjm] {
    opacity: .6;
    cursor: not-allowed;
}

@media (max-width: 650px) {
    .project-systems-modal-fields[b-tynifhdqjm] {
        grid-template-columns: 1fr;
    }

    .project-systems-modal-actions[b-tynifhdqjm] {
        flex-direction: column-reverse;
    }

    .project-systems-modal-cancel[b-tynifhdqjm],
    .project-systems-modal-save[b-tynifhdqjm] {
        width: 100%;
    }
}

.project-systems-overview-grid[b-tynifhdqjm] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.project-systems-overview-card[b-tynifhdqjm] {
    padding: 16px;
}

.project-systems-overview-card > strong[b-tynifhdqjm] {
    display: block;
    margin-bottom: 6px;
    color: #173946;
    font-size: 14px;
}

.project-systems-overview-card-wide[b-tynifhdqjm] {
    margin-top: 14px;
}

.project-systems-overview-counts[b-tynifhdqjm] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 8px;
}

.project-systems-overview-counts span[b-tynifhdqjm] {
    padding: 9px;
    border-left: 3px solid #c5d5da;
    color: #657880;
    background: #f5f8f9;
    font-size: 11px;
}

.project-systems-overview-counts strong[b-tynifhdqjm] {
    display: block;
    margin-top: 4px;
    color: #143845;
    font-size: 17px;
}

.project-systems-overview-card-heading[b-tynifhdqjm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.project-systems-overview-card-heading strong[b-tynifhdqjm] {
    color: #173946;
    font-size: 14px;
}

.project-systems-overview-card-heading button[b-tynifhdqjm] {
    padding: 5px 10px;
    border: 1px solid #a9bdc4;
    border-radius: 4px;
    color: #60747c;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 11px;
}

.project-systems-recent-list[b-tynifhdqjm] {
    margin-top: 13px;
    border-top: 1px solid #dce4e7;
}

.project-systems-recent-list > div[b-tynifhdqjm] {
    display: grid;
    grid-template-columns: auto 90px 1fr;
    align-items: center;
    gap: 7px;
    padding: 9px 0;
    border-bottom: 1px solid #e4eaec;
}

.project-systems-recent-list strong[b-tynifhdqjm] {
    color: #173946;
    font-size: 12px;
}

.project-systems-recent-list small[b-tynifhdqjm] {
    color: #6a7d84;
    font-size: 11px;
}

.project-systems-tab-heading[b-tynifhdqjm] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.project-systems-tab-heading h3[b-tynifhdqjm] {
    margin: 0;
    color: #0d3240;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
}

.project-systems-tab-heading > span[b-tynifhdqjm] {
    padding: 5px 9px;
    border: 1px solid #c9d7dc;
    border-radius: 4px;
    color: #60747c;
    background: #ffffff;
    font-size: 12px;
    font-weight: 700;
}

.project-systems-detail-record[b-tynifhdqjm],
.project-systems-detail-list-row[b-tynifhdqjm] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 1px solid #d7e1e4;
    border-radius: 4px;
    background: #ffffff;
}

.project-systems-detail-record[b-tynifhdqjm] {
    padding: 15px;
    box-shadow: 0 2px 7px rgba(13, 50, 64, 0.06);
}

.project-systems-detail-record-icon[b-tynifhdqjm] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 18px;
}

.project-systems-detail-record-main[b-tynifhdqjm],
.project-systems-detail-list-row > div:not(.project-systems-detail-record-icon)[b-tynifhdqjm] {
    min-width: 0;
    flex: 1 1 auto;
}

.project-systems-detail-record h4[b-tynifhdqjm],
.project-systems-detail-list-row h4[b-tynifhdqjm] {
    margin: 0;
    color: #173946;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
}

.project-systems-detail-record p[b-tynifhdqjm],
.project-systems-detail-list-row p[b-tynifhdqjm] {
    margin: 4px 0 0;
    color: #60747c;
    font-size: 12px;
    line-height: 1.35;
}

.project-systems-detail-record small[b-tynifhdqjm] {
    display: block;
    margin-top: 5px;
    color: #75868d;
    font-size: 11px;
}

.project-systems-detail-record small span[b-tynifhdqjm] {
    padding: 0 6px;
    color: #a2b0b5;
}

.project-systems-detail-list[b-tynifhdqjm] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.project-systems-detail-list-row[b-tynifhdqjm] {
    min-height: 62px;
    padding: 11px 12px;
}

.project-systems-list-indicator[b-tynifhdqjm] {
    width: 9px;
    height: 9px;
    flex: 0 0 9px;
    border-radius: 50%;
    background: #7d9097;
}

.project-systems-list-indicator-waiting[b-tynifhdqjm] {
    background: #e1b000;
}

.project-systems-list-indicator-info[b-tynifhdqjm] {
    background: #2d7890;
}

.project-systems-list-indicator-muted[b-tynifhdqjm] {
    background: #9da9ad;
}

.project-systems-list-indicator-ready[b-tynifhdqjm] {
    background: #2f8a4d;
}

.project-systems-record-status[b-tynifhdqjm] {
    flex: 0 0 auto;
    padding: 4px 8px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #5b6f77;
    background: #f4f7f8;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 700;
}

.project-systems-record-status-ready[b-tynifhdqjm] {
    border-color: #bcd8c7;
    color: #276c40;
    background: #eaf5ee;
}

.project-systems-record-action[b-tynifhdqjm] {
    min-width: 66px;
    min-height: 30px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px solid #9fb6be;
    border-radius: 4px;
    color: #0b6077;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.project-systems-record-action:hover[b-tynifhdqjm] {
    border-color: #0d7187;
    color: #ffffff;
    background: #0d7187;
    text-decoration: none;
}

.project-systems-record-action:disabled[b-tynifhdqjm] {
    opacity: 1;
}

.project-systems-tab-empty[b-tynifhdqjm] {
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 30px;
    border: 1px dashed #bdced4;
    border-radius: 4px;
    color: #64777f;
    background: #ffffff;
    text-align: center;
}

.project-systems-tab-empty > span[b-tynifhdqjm] {
    font-size: 30px;
    line-height: 1;
}

.project-systems-tab-empty strong[b-tynifhdqjm] {
    margin-top: 13px;
    color: #173946;
    font-size: 16px;
}

.project-systems-tab-empty p[b-tynifhdqjm] {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.4;
}

.project-systems-tab-empty-compact[b-tynifhdqjm] {
    min-height: 90px;
    margin-top: 13px;
    padding: 16px;
}

.project-systems-tab-empty-compact > span[b-tynifhdqjm] {
    font-size: 21px;
}

.project-systems-tab-empty-compact p[b-tynifhdqjm] {
    margin-top: 7px;
}

.project-systems-error[b-tynifhdqjm] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

@media (max-width: 1250px) {
    .project-systems-header[b-tynifhdqjm] {
        flex-direction: column;
        gap: 20px;
    }

    .project-systems-header-actions[b-tynifhdqjm] {
        justify-content: flex-start;
        padding-top: 0;
    }

    .project-systems-kpi-section[b-tynifhdqjm] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

    .project-systems-toolbar[b-tynifhdqjm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-systems-clear-button[b-tynifhdqjm] {
        justify-self: start;
    }

    .project-systems-drawer-layer[b-tynifhdqjm] {
        left: 0;
    }

    .project-systems-drawer[b-tynifhdqjm] {
        width: min(760px, 78vw);
    }
}

@media (max-width: 700px) {
    .project-systems-page[b-tynifhdqjm] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .project-systems-heading-group[b-tynifhdqjm] {
        flex-direction: column;
    }

    .project-systems-heading h1[b-tynifhdqjm] {
        font-size: 30px;
    }

    .project-systems-heading p[b-tynifhdqjm] {
        font-size: 18px;
    }

    .project-systems-header-actions[b-tynifhdqjm] {
        align-items: stretch;
        flex-direction: column;
    }

    .project-systems-kpi-section[b-tynifhdqjm],
    .project-systems-toolbar[b-tynifhdqjm] {
        grid-template-columns: 1fr;
    }

    .project-systems-section-heading[b-tynifhdqjm] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .project-systems-section-description[b-tynifhdqjm] {
        padding-bottom: 0;
        text-align: left;
    }

    .project-systems-drawer[b-tynifhdqjm] {
        width: 100%;
        min-width: 0;
    }

    .project-systems-drawer-kpis[b-tynifhdqjm],
    .project-systems-overview-grid[b-tynifhdqjm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-systems-drawer-tabs[b-tynifhdqjm] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .project-systems-overview-counts[b-tynifhdqjm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .project-systems-detail-list-row[b-tynifhdqjm] {
        align-items: flex-start;
    }

    .project-systems-record-status[b-tynifhdqjm],
    .project-systems-record-action[b-tynifhdqjm] {
        align-self: center;
    }
}
/* /Components/Pages/ProjectTeam.razor.rz.scp.css */
.project-team-page[b-vf8wfagve9] {
    width: 100%;
    padding: 0 28px 34px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.project-team-breadcrumb[b-vf8wfagve9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
}

.project-team-breadcrumb a[b-vf8wfagve9] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.project-team-breadcrumb a:hover[b-vf8wfagve9] {
    text-decoration: underline;
}

.project-team-breadcrumb strong[b-vf8wfagve9] {
    font-weight: 500;
}

.project-team-header[b-vf8wfagve9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.project-team-heading-group[b-vf8wfagve9] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.project-team-header-icon[b-vf8wfagve9] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8d0eb;
    border-radius: 4px;
    background: #f3effa;
    font-size: 28px;
}

.project-team-eyebrow[b-vf8wfagve9],
.project-team-section-eyebrow[b-vf8wfagve9] {
    display: block;
    margin-bottom: 5px;
    color: #63777f;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.project-team-header h1[b-vf8wfagve9] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
}

.project-team-header p[b-vf8wfagve9] {
    margin: 7px 0 0;
    color: #4a616a;
    font-size: 20px;
}

.project-team-header-actions[b-vf8wfagve9] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 22px;
}

.project-team-add-button[b-vf8wfagve9],
.project-team-back-button[b-vf8wfagve9],
.project-team-cancel-button[b-vf8wfagve9],
.project-team-save-button[b-vf8wfagve9],
.project-team-confirm-delete-button[b-vf8wfagve9] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 14px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.project-team-add-button[b-vf8wfagve9],
.project-team-save-button[b-vf8wfagve9] {
    border: 1px solid #0d7187;
    color: #fff;
    background: #0d7187;
}

.project-team-back-button[b-vf8wfagve9],
.project-team-cancel-button[b-vf8wfagve9] {
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #fff;
}

.project-team-add-button:hover[b-vf8wfagve9],
.project-team-save-button:hover[b-vf8wfagve9] {
    background: #09596b;
}

.project-team-back-button:hover[b-vf8wfagve9],
.project-team-cancel-button:hover[b-vf8wfagve9] {
    background: #f2f8fa;
}

.project-team-add-button:disabled[b-vf8wfagve9],
.project-team-cancel-button:disabled[b-vf8wfagve9],
.project-team-save-button:disabled[b-vf8wfagve9],
.project-team-confirm-delete-button:disabled[b-vf8wfagve9] {
    opacity: .65;
    cursor: not-allowed;
}

.project-team-divider[b-vf8wfagve9] {
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.project-team-message[b-vf8wfagve9],
.project-team-form-error[b-vf8wfagve9] {
    margin-top: 20px;
    padding: 12px 14px;
    border-radius: 4px;
    font-size: 14px;
}

.project-team-message-success[b-vf8wfagve9] {
    border: 1px solid #b9ddc6;
    color: #246b40;
    background: #edf8f1;
}

.project-team-message-error[b-vf8wfagve9],
.project-team-form-error[b-vf8wfagve9] {
    border: 1px solid #e6b9be;
    color: #9d2c38;
    background: #fcebed;
}

.project-team-kpis[b-vf8wfagve9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
    margin-top: 26px;
}

.project-team-kpi-card[b-vf8wfagve9] {
    min-width: 0;
    min-height: 104px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 18px 20px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, .08);
}

.project-team-kpi-icon[b-vf8wfagve9] {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8d0eb;
    border-radius: 4px;
    background: #f3effa;
    font-size: 22px;
}

.project-team-kpi-icon-active[b-vf8wfagve9] {
    border-color: #c7dfd0;
    background: #eaf5ee;
}

.project-team-kpi-icon-discipline[b-vf8wfagve9] {
    border-color: #ead3bd;
    background: #fff4e9;
}

.project-team-kpi-card span[b-vf8wfagve9],
.project-team-kpi-card strong[b-vf8wfagve9] {
    display: block;
}

.project-team-kpi-card span[b-vf8wfagve9] {
    color: #61747c;
    font-size: 14px;
    font-weight: 600;
}

.project-team-kpi-card strong[b-vf8wfagve9] {
    margin-top: 4px;
    color: #0d3240;
    font-size: 27px;
}

.project-team-section[b-vf8wfagve9] {
    margin-top: 30px;
}

.project-team-section-heading[b-vf8wfagve9] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.project-team-section-heading h2[b-vf8wfagve9] {
    margin: 0;
    color: #0d3240;
    font-size: 25px;
}

.project-team-section-heading > span[b-vf8wfagve9] {
    color: #667980;
    font-size: 14px;
}

.project-team-table-card[b-vf8wfagve9] {
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, .08);
}

.project-team-table-scroll[b-vf8wfagve9] {
    overflow-x: auto;
}

.project-team-table[b-vf8wfagve9] {
    width: 100%;
    border-collapse: collapse;
}

.project-team-table th[b-vf8wfagve9],
.project-team-table td[b-vf8wfagve9] {
    padding: 14px 16px;
    border-bottom: 1px solid #dde5e8;
    text-align: left;
    vertical-align: middle;
}

.project-team-table th[b-vf8wfagve9] {
    color: #50656e;
    background: #f2f6f7;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.project-team-table td[b-vf8wfagve9] {
    color: #526970;
    font-size: 14px;
}

.project-team-table tbody tr:last-child td[b-vf8wfagve9] {
    border-bottom: 0;
}

.project-team-table td strong[b-vf8wfagve9] {
    color: #123845;
}

.project-team-status[b-vf8wfagve9] {
    display: inline-flex;
    padding: 4px 9px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 700;
}

.project-team-status-active[b-vf8wfagve9] {
    border: 1px solid #b9ddc6;
    color: #246b40;
    background: #edf8f1;
}

.project-team-status-inactive[b-vf8wfagve9] {
    border: 1px solid #d4dde0;
    color: #667980;
    background: #f1f4f5;
}


.project-team-technical-area-tags[b-vf8wfagve9] {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.project-team-technical-area-tag[b-vf8wfagve9] {
    display: inline-flex;
    align-items: center;
    padding: 3px 7px;
    border: 1px solid #c7dce2;
    border-radius: 4px;
    color: #16596b;
    background: #edf6f8;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
}

.project-team-empty-state[b-vf8wfagve9] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 28px;
    text-align: center;
}

.project-team-empty-state > span[b-vf8wfagve9] {
    font-size: 32px;
}

.project-team-empty-state strong[b-vf8wfagve9] {
    margin-top: 10px;
    color: #0d3240;
    font-size: 18px;
}

.project-team-empty-state p[b-vf8wfagve9] {
    max-width: 520px;
    margin: 7px 0 0;
    color: #6a7c83;
    font-size: 14px;
}

.project-team-modal-backdrop[b-vf8wfagve9] {
    position: fixed;
    z-index: 2000;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(8, 31, 40, .52);
}

.project-team-modal[b-vf8wfagve9] {
    width: min(660px, 100%);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    padding: 24px;
    border: 1px solid #cad8dd;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(7, 31, 40, .28);
}

.project-team-modal-header[b-vf8wfagve9] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.project-team-modal-header h2[b-vf8wfagve9] {
    margin: 0;
    color: #0d3240;
    font-size: 25px;
}

.project-team-modal-close[b-vf8wfagve9] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccd8dc;
    border-radius: 4px;
    color: #405961;
    background: #fff;
    font-size: 22px;
    cursor: pointer;
}

.project-team-form-grid[b-vf8wfagve9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    margin-top: 24px;
}

.project-team-field[b-vf8wfagve9] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.project-team-field-full[b-vf8wfagve9] {
    grid-column: 1 / -1;
}

.project-team-field > span[b-vf8wfagve9] {
    margin-bottom: 7px;
    color: #203b45;
    font-size: 13px;
    font-weight: 700;
}

.project-team-field > span strong[b-vf8wfagve9] {
    color: #b72f3d;
}

.project-team-field input[b-vf8wfagve9],
.project-team-field select[b-vf8wfagve9] {
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173843;
    background: #fff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    box-sizing: border-box;
}

.project-team-field input:focus[b-vf8wfagve9],
.project-team-field select:focus[b-vf8wfagve9] {
    outline: none;
    border-color: #0d7187;
    box-shadow: 0 0 0 2px rgba(13, 113, 135, .12);
}


.project-team-field-help[b-vf8wfagve9] {
    margin-top: 8px;
    color: #667980;
    font-size: 12px;
    line-height: 1.4;
}

.project-team-technical-area-selector[b-vf8wfagve9] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 12px;
    padding: 12px;
    border: 1px solid #cad8dd;
    border-radius: 4px;
    background: #f8fafb;
}

.project-team-technical-area-option[b-vf8wfagve9] {
    min-height: 46px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid #d7e1e4;
    border-radius: 4px;
    color: #173843;
    background: #fff;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    box-sizing: border-box;
}

.project-team-technical-area-option:hover[b-vf8wfagve9] {
    border-color: #a9c3cb;
    background: #f7fbfc;
}

.project-team-technical-area-option input[type="checkbox"][b-vf8wfagve9] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    flex: 0 0 18px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    accent-color: #0d7187;
    cursor: pointer;
}

.project-team-technical-area-option input[type="checkbox"]:focus[b-vf8wfagve9] {
    outline: 2px solid rgba(13, 113, 135, .22);
    outline-offset: 2px;
    box-shadow: none;
}

.project-team-technical-area-option span[b-vf8wfagve9] {
    min-width: 0;
    margin: 0;
    line-height: 1.3;
}

.project-team-active-toggle[b-vf8wfagve9] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
    border: 1px solid #d4e0e4;
    border-radius: 4px;
    background: #f8fafb;
}

.project-team-active-toggle input[type="checkbox"][b-vf8wfagve9] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    flex: 0 0 18px;
    margin: 2px 0 0;
    padding: 0;
    accent-color: #0d7187;
}

.project-team-active-toggle span[b-vf8wfagve9] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 0;
}

.project-team-active-toggle strong[b-vf8wfagve9] {
    color: #173843;
    font-size: 14px;
}

.project-team-active-toggle small[b-vf8wfagve9] {
    color: #667980;
    line-height: 1.4;
}

.project-team-modal-actions[b-vf8wfagve9] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px solid #dce5e8;
}

.project-team-loading[b-vf8wfagve9],
.project-team-error[b-vf8wfagve9] {
    margin: 24px 28px;
    padding: 14px 18px;
    border-radius: 4px;
}

.project-team-loading[b-vf8wfagve9] {
    border: 1px solid #cbd9de;
    color: #526a73;
    background: #f4f8f9;
}

.project-team-error[b-vf8wfagve9] {
    border: 1px solid #d64541;
    color: #9f2824;
    background: #fbe8e7;
}


.project-team-actions-heading[b-vf8wfagve9],
.project-team-actions-cell[b-vf8wfagve9] {
    width: 92px;
    white-space: nowrap;
    text-align: right !important;
}

.project-team-row-actions[b-vf8wfagve9] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.project-team-edit-button[b-vf8wfagve9],
.project-team-delete-button[b-vf8wfagve9] {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border-radius: 4px;
    background: #fff;
    font-family: "Segoe UI Emoji", "Segoe UI", sans-serif;
    font-size: 15px;
    cursor: pointer;
}

.project-team-edit-button[b-vf8wfagve9] {
    border: 1px solid #c7d8de;
    color: #0b6077;
}

.project-team-edit-button:hover[b-vf8wfagve9] {
    border-color: #0d7187;
    background: #f2f8fa;
}

.project-team-delete-button[b-vf8wfagve9] {
    border: 1px solid #e3b7bc;
    color: #a22732;
}

.project-team-delete-button:hover[b-vf8wfagve9] {
    border-color: #c84651;
    background: #fff1f2;
}

.project-team-confirm-delete-button[b-vf8wfagve9] {
    border: 1px solid #b4232f;
    color: #fff;
    background: #b4232f;
}

.project-team-confirm-delete-button:hover[b-vf8wfagve9] {
    background: #8f1c26;
}

.project-team-delete-modal[b-vf8wfagve9] {
    width: min(620px, 100%);
    border-top: 4px solid #b4232f;
}

.project-team-delete-eyebrow[b-vf8wfagve9] {
    display: block;
    margin-bottom: 5px;
    color: #a22732;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.project-team-delete-warning[b-vf8wfagve9] {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 24px;
    padding: 16px;
    border: 1px solid #efc5c9;
    border-radius: 4px;
    color: #74202a;
    background: #fff4f5;
}

.project-team-delete-warning > span[b-vf8wfagve9] {
    flex: 0 0 auto;
    font-size: 24px;
}

.project-team-delete-warning strong[b-vf8wfagve9] {
    color: #8f1c26;
}

.project-team-delete-warning p[b-vf8wfagve9] {
    margin: 5px 0 0;
    color: #74434a;
    line-height: 1.5;
}

.project-team-delete-summary[b-vf8wfagve9] {
    margin-top: 18px;
    border: 1px solid #d6e0e4;
    border-radius: 4px;
    background: #f8fafb;
}

.project-team-delete-summary > div[b-vf8wfagve9] {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid #dfe7ea;
}

.project-team-delete-summary > div:last-child[b-vf8wfagve9] {
    border-bottom: 0;
}

.project-team-delete-summary span[b-vf8wfagve9] {
    color: #60747c;
    font-size: 13px;
    font-weight: 700;
}

.project-team-delete-summary strong[b-vf8wfagve9] {
    color: #173843;
    overflow-wrap: anywhere;
}

@media (max-width: 900px) {
    .project-team-header[b-vf8wfagve9] {
        flex-direction: column;
    }

    .project-team-header-actions[b-vf8wfagve9] {
        justify-content: flex-start;
        padding-top: 0;
    }

    .project-team-kpis[b-vf8wfagve9] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 650px) {
    .project-team-page[b-vf8wfagve9] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .project-team-heading-group[b-vf8wfagve9] {
        flex-direction: column;
    }

    .project-team-header h1[b-vf8wfagve9] {
        font-size: 30px;
    }

    .project-team-section-heading[b-vf8wfagve9] {
        align-items: flex-start;
        flex-direction: column;
    }

    .project-team-form-grid[b-vf8wfagve9],
    .project-team-technical-area-selector[b-vf8wfagve9] {
        grid-template-columns: 1fr;
    }

    .project-team-field-full[b-vf8wfagve9] {
        grid-column: auto;
    }

    .project-team-modal-actions[b-vf8wfagve9] {
        flex-direction: column-reverse;
    }

    .project-team-cancel-button[b-vf8wfagve9],
    .project-team-save-button[b-vf8wfagve9],
    .project-team-confirm-delete-button[b-vf8wfagve9] {
        width: 100%;
    }

    .project-team-delete-summary > div[b-vf8wfagve9] {
        grid-template-columns: 1fr;
        gap: 4px;
    }
}
/* /Components/Pages/PunchListStatusReport.razor.rz.scp.css */
.punch-status-report-page[b-z19magvwd6] {
    padding: 28px 24px 48px;
    color: #062f43;
}

.punch-status-report-state[b-z19magvwd6] {
    padding: 36px;
    border: 1px solid #d6e0e5;
    background: #ffffff;
}

.punch-status-report-state-error[b-z19magvwd6] {
    border-left: 4px solid #c63b32;
}

.punch-status-report-breadcrumb[b-z19magvwd6] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #60727c;
    font-size: 14px;
}

.punch-status-report-breadcrumb-link[b-z19magvwd6] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #006b88;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.punch-status-report-header[b-z19magvwd6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #cdd9df;
}

.punch-status-report-eyebrow[b-z19magvwd6] {
    display: block;
    margin-bottom: 6px;
    color: #5b6e78;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
}

.punch-status-report-header h1[b-z19magvwd6] {
    margin: 0;
    font-size: 32px;
    line-height: 1.15;
}

.punch-status-report-header p[b-z19magvwd6] {
    margin: 8px 0 0;
    color: #5c707b;
    font-size: 16px;
}

.punch-status-report-back-button[b-z19magvwd6] {
    min-width: 150px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #007c9f;
    border-radius: 0;
    background: transparent;
    color: #006b88;
    font-weight: 600;
    cursor: pointer;
}

.punch-status-report-scope-card[b-z19magvwd6] {
    margin-top: 20px;
    border: 1px solid #d3dee4;
    background: #ffffff;
}

.punch-status-report-scope-title[b-z19magvwd6] {
    padding: 12px 16px;
    border-bottom: 1px solid #d3dee4;
    background: #f5f8fa;
    color: #566c78;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
}

.punch-status-report-scope-grid[b-z19magvwd6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.punch-status-report-scope-item[b-z19magvwd6] {
    min-height: 74px;
    padding: 14px 16px;
    border-right: 1px solid #e0e8ec;
}

.punch-status-report-scope-item:last-child[b-z19magvwd6] {
    border-right: 0;
}

.punch-status-report-scope-item span[b-z19magvwd6] {
    display: block;
    margin-bottom: 5px;
    color: #667b86;
    font-size: 12px;
    font-weight: 600;
}

.punch-status-report-scope-item strong[b-z19magvwd6] {
    font-size: 16px;
}

.punch-status-report-section[b-z19magvwd6] {
    margin-top: 32px;
}

.punch-status-report-section-heading[b-z19magvwd6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7e1e6;
}

.punch-status-report-section-heading span[b-z19magvwd6] {
    display: block;
    margin-bottom: 5px;
    color: #60737d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
}

.punch-status-report-section-heading h2[b-z19magvwd6] {
    margin: 0;
    font-size: 24px;
}

.punch-status-report-section-scope[b-z19magvwd6] {
    color: #60737d;
    font-size: 14px;
}

.punch-status-report-kpi-grid[b-z19magvwd6],
.punch-status-report-severity-grid[b-z19magvwd6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.punch-status-report-kpi-card[b-z19magvwd6],
.punch-status-report-severity-card[b-z19magvwd6] {
    min-height: 126px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.punch-status-report-kpi-label[b-z19magvwd6],
.punch-status-report-severity-title[b-z19magvwd6] {
    margin-bottom: 8px;
    color: #536b77;
    font-size: 13px;
    font-weight: 700;
}

.punch-status-report-kpi-value[b-z19magvwd6],
.punch-status-report-severity-value[b-z19magvwd6] {
    color: #062f43;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.punch-status-report-kpi-note[b-z19magvwd6] {
    margin-top: 10px;
    color: #6c7f89;
    font-size: 12px;
    line-height: 1.35;
}

.punch-status-report-severity-detail[b-z19magvwd6] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 11px;
    color: #687b85;
    font-size: 12px;
}

.punch-status-report-severity-detail span[b-z19magvwd6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.punch-status-report-source-grid[b-z19magvwd6] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.punch-status-report-source-card[b-z19magvwd6] {
    display: flex;
    min-height: 96px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.punch-status-report-source-card span[b-z19magvwd6] {
    color: #536b77;
    font-size: 13px;
    font-weight: 700;
}

.punch-status-report-source-card strong[b-z19magvwd6] {
    font-size: 28px;
}

.punch-status-report-progress-card[b-z19magvwd6] {
    margin-top: 16px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.punch-status-report-progress-heading[b-z19magvwd6] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.punch-status-report-progress-heading > div:first-child[b-z19magvwd6] {
    display: flex;
    align-items: baseline;
    gap: 14px;
}

.punch-status-report-progress-heading span[b-z19magvwd6] {
    color: #536b77;
    font-size: 14px;
    font-weight: 700;
}

.punch-status-report-progress-heading strong[b-z19magvwd6] {
    font-size: 25px;
}

.punch-status-report-progress-detail[b-z19magvwd6] {
    color: #657983;
    font-size: 13px;
}

.punch-status-report-progress-track[b-z19magvwd6] {
    height: 8px;
    margin-top: 14px;
    background: #e1e9ed;
    overflow: hidden;
}

.punch-status-report-progress-fill[b-z19magvwd6] {
    height: 100%;
    background: #087f98;
}

.punch-status-report-progress-footer[b-z19magvwd6] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 26px;
    margin-top: 14px;
    color: #657983;
    font-size: 12px;
}

.punch-status-report-table-wrapper[b-z19magvwd6] {
    overflow-x: auto;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.punch-status-report-table[b-z19magvwd6] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.punch-status-report-table th[b-z19magvwd6],
.punch-status-report-table td[b-z19magvwd6] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4e8;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
}

.punch-status-report-table th[b-z19magvwd6] {
    background: #f5f8fa;
    color: #284f60;
    font-weight: 700;
    white-space: nowrap;
}

.punch-status-report-table tbody tr:last-child td[b-z19magvwd6] {
    border-bottom: 0;
}

.punch-status-report-empty-cell[b-z19magvwd6] {
    padding: 24px !important;
    color: #687b85;
    text-align: center !important;
}

.punch-status-report-row-progress[b-z19magvwd6] {
    min-width: 150px;
}

.punch-status-report-row-progress-heading[b-z19magvwd6] {
    margin-bottom: 6px;
    font-weight: 700;
}

.punch-status-report-row-progress-track[b-z19magvwd6] {
    height: 7px;
    background: #e1e9ed;
    overflow: hidden;
}

.punch-status-report-row-progress-fill[b-z19magvwd6] {
    height: 100%;
    background: #087f98;
}

@media (max-width: 1100px) {
    .punch-status-report-kpi-grid[b-z19magvwd6],
    .punch-status-report-severity-grid[b-z19magvwd6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .punch-status-report-page[b-z19magvwd6] {
        padding: 20px 14px 36px;
    }

    .punch-status-report-header[b-z19magvwd6] {
        flex-direction: column;
    }

    .punch-status-report-scope-grid[b-z19magvwd6] {
        grid-template-columns: 1fr;
    }

    .punch-status-report-scope-item[b-z19magvwd6] {
        border-right: 0;
        border-bottom: 1px solid #e0e8ec;
    }

    .punch-status-report-scope-item:last-child[b-z19magvwd6] {
        border-bottom: 0;
    }

    .punch-status-report-kpi-grid[b-z19magvwd6],
    .punch-status-report-severity-grid[b-z19magvwd6],
    .punch-status-report-source-grid[b-z19magvwd6] {
        grid-template-columns: 1fr;
    }

    .punch-status-report-section-heading[b-z19magvwd6],
    .punch-status-report-progress-heading[b-z19magvwd6] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.punch-status-report-header-actions[b-z19magvwd6] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.punch-status-report-export-button[b-z19magvwd6] {
    min-width: 146px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(13, 50, 61, 1);
    border-radius: 0;
    background: rgba(13, 50, 61, 1);
    color: #ffffff;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.punch-status-report-export-button:hover[b-z19magvwd6] {
    background: rgba(13, 50, 61, 0.9);
}

@media (max-width: 800px) {
    .punch-status-report-header-actions[b-z19magvwd6] {
        width: 100%;
        flex-wrap: wrap;
    }
}

/* ============================================================
   CMS REPORTS UI REFRESH
   Screen-only visual hierarchy. Print components remain unchanged.
   ============================================================ */

.punch-status-report-page[b-z19magvwd6] {
    max-width: 1600px;
    margin: 0 auto;
    background: linear-gradient(180deg, #f5fafb 0, #ffffff 320px);
}

.punch-status-report-breadcrumb[b-z19magvwd6] {
    margin-bottom: 16px;
}

.punch-status-report-header[b-z19magvwd6] {
    position: relative;
    padding: 22px 24px 21px;
    border-top: 5px solid #0b7f96;
    border-bottom: 1px solid #c9dce2;
    background: linear-gradient(100deg, #eaf6f8 0%, #f8fcfd 54%, #ffffff 100%);
    box-shadow: 0 4px 14px rgba(13, 50, 61, 0.07);
}

.punch-status-report-header h1[b-z19magvwd6] {
    color: #0d3240;
    font-weight: 650;
}

.punch-status-report-eyebrow[b-z19magvwd6] {
    color: #0b7489;
}

.punch-status-report-header p[b-z19magvwd6] {
    color: #55717b;
}

.punch-status-report-export-button[b-z19magvwd6] {
    border-color: #0d4b5c;
    background: #0d4b5c;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(13, 50, 61, 0.15);
}

.punch-status-report-export-button:hover[b-z19magvwd6] {
    border-color: #0a3c4a;
    background: #0a3c4a;
}

.punch-status-report-back-button[b-z19magvwd6] {
    border-color: #3a7d90;
    color: #15566a;
    background: #ffffff;
}

.punch-status-report-back-button:hover[b-z19magvwd6] {
    border-color: #0b7489;
    background: #edf7f9;
}

.punch-status-report-scope-card[b-z19magvwd6] {
    overflow: hidden;
    border-color: #c9dce2;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.055);
}

.punch-status-report-scope-title[b-z19magvwd6] {
    margin: 0;
    padding: 12px 16px;
    border-bottom: 0;
    background: #0d4b5c;
    color: #ffffff;
    letter-spacing: .08em;
}

.punch-status-report-scope-grid[b-z19magvwd6] {
    border-color: #d3e2e7;
    background: #ffffff;
}

.punch-status-report-scope-item[b-z19magvwd6] {
    border-color: #d9e6ea;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.punch-status-report-scope-item span[b-z19magvwd6] {
    color: #67808a;
}

.punch-status-report-scope-item strong[b-z19magvwd6] {
    color: #103b49;
}

.punch-status-report-section-heading[b-z19magvwd6] {
    align-items: center;
    margin-bottom: 17px;
    padding: 11px 14px 11px 16px;
    border-left: 4px solid #0e8ca5;
    border-bottom: 0;
    background: linear-gradient(90deg, #eaf6f8 0%, #f8fcfd 62%, #ffffff 100%);
}

.punch-status-report-section-heading span[b-z19magvwd6] {
    color: #0b7489;
}

.punch-status-report-section-heading h2[b-z19magvwd6] {
    color: #123d4b;
}

.punch-status-report-section-scope[b-z19magvwd6] {
    color: #5f7a84;
}

.punch-status-report-kpi-card[b-z19magvwd6] {
    position: relative;
    overflow: hidden;
    border-color: #d4e1e5;
    background: linear-gradient(145deg, #ffffff 0%, #f8fbfc 100%);
    box-shadow: 0 4px 12px rgba(13, 50, 61, 0.055);
}

.punch-status-report-kpi-card[b-z19magvwd6]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #11869e;
}

.punch-status-report-kpi-card:nth-child(2)[b-z19magvwd6]::before { background: #32a365; }
.punch-status-report-kpi-card:nth-child(3)[b-z19magvwd6]::before { background: #d9534f; }
.punch-status-report-kpi-card:nth-child(4)[b-z19magvwd6]::before { background: #d78a12; }
.punch-status-report-kpi-card:nth-child(5)[b-z19magvwd6]::before { background: #3c78c5; }
.punch-status-report-kpi-card:nth-child(6)[b-z19magvwd6]::before { background: #835bb5; }

.punch-status-report-kpi-label[b-z19magvwd6] {
    color: #4e6e79;
}

.punch-status-report-kpi-value[b-z19magvwd6] {
    color: #0b4050;
}

.punch-status-report-progress-card[b-z19magvwd6] {
    border-color: #cbdde2;
    border-left: 4px solid #0e8ca5;
    background: linear-gradient(90deg, #f7fbfc 0%, #ffffff 100%);
    box-shadow: 0 3px 10px rgba(13, 50, 61, 0.045);
}

.punch-status-report-progress-track[b-z19magvwd6],
.punch-status-report-row-progress-track[b-z19magvwd6] {
    background: #dce9ed;
}

.punch-status-report-progress-fill[b-z19magvwd6],
.punch-status-report-row-progress-fill[b-z19magvwd6] {
    background: linear-gradient(90deg, #0c8098 0%, #22a6b9 100%);
}

.punch-status-report-table-wrapper[b-z19magvwd6] {
    border-color: #cadce2;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.05);
}

.punch-status-report-table th[b-z19magvwd6] {
    border-color: #c8dce2;
    background: #e6f2f5;
    color: #174758;
}

.punch-status-report-table td[b-z19magvwd6] {
    border-color: #dce7ea;
}

.punch-status-report-table tbody tr:nth-child(even) td[b-z19magvwd6] {
    background: #fbfdfe;
}

.punch-status-report-table tbody tr:hover td[b-z19magvwd6] {
    background: #f0f8fa;
}

.punch-status-report-kpi-card:nth-child(2)[b-z19magvwd6]::before { background:#d9534f; }
.punch-status-report-kpi-card:nth-child(3)[b-z19magvwd6]::before { background:#d78a12; }
.punch-status-report-kpi-card:nth-child(4)[b-z19magvwd6]::before { background:#32a365; }
.punch-status-report-severity-card[b-z19magvwd6],
.punch-status-report-source-card[b-z19magvwd6] { position:relative; overflow:hidden; border-color:#d4e1e5; background:linear-gradient(145deg,#fff,#f8fbfc); box-shadow:0 4px 12px rgba(13,50,61,.05); }
.punch-status-report-severity-card[b-z19magvwd6]::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background:#d9534f; }
.punch-status-report-severity-card:nth-child(2)[b-z19magvwd6]::before { background:#d78a12; }
.punch-status-report-severity-card:nth-child(3)[b-z19magvwd6]::before { background:#3c78c5; }
.punch-status-report-severity-card:nth-child(4)[b-z19magvwd6]::before { background:#8b98a0; }
.punch-status-report-source-card[b-z19magvwd6] { border-left:4px solid #0e8ca5; }

/* ============================================================
   PUNCH DETAILS & COMMENTS
   Detailed operational audit trail for screen report.
   ============================================================ */

.punch-status-report-details-section[b-z19magvwd6] {
    margin-bottom: 6px;
}

.punch-status-report-details-empty[b-z19magvwd6] {
    padding: 24px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
    color: #687b85;
    text-align: center;
}

.punch-status-report-details-list[b-z19magvwd6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.punch-status-report-detail-card[b-z19magvwd6] {
    overflow: hidden;
    border: 1px solid #cadce2;
    border-left: 4px solid #0e8ca5;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.05);
}

.punch-status-report-detail-header[b-z19magvwd6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 16px;
    border-bottom: 1px solid #dce7ea;
    background: linear-gradient(90deg, #f2f9fa 0%, #ffffff 100%);
}

.punch-status-report-detail-eyebrow[b-z19magvwd6] {
    display: block;
    margin-bottom: 3px;
    color: #0b7489;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .07em;
}

.punch-status-report-detail-header h3[b-z19magvwd6] {
    margin: 0;
    color: #123d4b;
    font-size: 19px;
    font-weight: 700;
}

.punch-status-report-detail-status[b-z19magvwd6] {
    flex: 0 0 auto;
    padding: 5px 9px;
    border: 1px solid #c7dce2;
    background: #edf6f8;
    color: #16596b;
    font-size: 12px;
    font-weight: 700;
}

.punch-status-report-detail-grid[b-z19magvwd6] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid #dce7ea;
}

.punch-status-report-detail-grid > div[b-z19magvwd6] {
    min-width: 0;
    padding: 12px 14px;
    border-right: 1px solid #e1eaed;
    border-bottom: 1px solid #e1eaed;
}

.punch-status-report-detail-grid > div:nth-child(4n)[b-z19magvwd6] {
    border-right: 0;
}

.punch-status-report-detail-grid > div:nth-last-child(-n + 4)[b-z19magvwd6] {
    border-bottom: 0;
}

.punch-status-report-detail-grid span[b-z19magvwd6],
.punch-status-report-detail-text-grid span[b-z19magvwd6] {
    display: block;
    margin-bottom: 5px;
    color: #687b83;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
}

.punch-status-report-detail-grid strong[b-z19magvwd6] {
    display: block;
    color: #173f50;
    font-size: 13px;
    font-weight: 650;
    overflow-wrap: anywhere;
}

.punch-status-report-detail-text-grid[b-z19magvwd6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.punch-status-report-detail-text-grid > div[b-z19magvwd6] {
    min-width: 0;
    padding: 15px 16px 17px;
}

.punch-status-report-detail-text-grid > div:first-child[b-z19magvwd6] {
    border-right: 1px solid #e1eaed;
}

.punch-status-report-detail-text-grid p[b-z19magvwd6] {
    margin: 0;
    color: #294751;
    font-size: 13px;
    line-height: 1.55;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.punch-status-report-detail-closure[b-z19magvwd6] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 28px;
    padding: 10px 16px;
    border-top: 1px solid #e1eaed;
    background: #f8fbfc;
    color: #607680;
    font-size: 12px;
}

.punch-status-report-detail-closure strong[b-z19magvwd6] {
    color: #173f50;
}

@media (max-width: 1000px) {
    .punch-status-report-detail-grid[b-z19magvwd6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .punch-status-report-detail-grid > div:nth-child(4n)[b-z19magvwd6] {
        border-right: 1px solid #e1eaed;
    }

    .punch-status-report-detail-grid > div:nth-child(2n)[b-z19magvwd6] {
        border-right: 0;
    }

    .punch-status-report-detail-grid > div:nth-last-child(-n + 4)[b-z19magvwd6] {
        border-bottom: 1px solid #e1eaed;
    }

    .punch-status-report-detail-grid > div:nth-last-child(-n + 2)[b-z19magvwd6] {
        border-bottom: 0;
    }
}

@media (max-width: 700px) {
    .punch-status-report-detail-header[b-z19magvwd6],
    .punch-status-report-detail-text-grid[b-z19magvwd6] {
        grid-template-columns: 1fr;
    }

    .punch-status-report-detail-header[b-z19magvwd6] {
        align-items: flex-start;
        flex-direction: column;
    }

    .punch-status-report-detail-grid[b-z19magvwd6] {
        grid-template-columns: 1fr;
    }

    .punch-status-report-detail-grid > div[b-z19magvwd6],
    .punch-status-report-detail-grid > div:nth-child(2n)[b-z19magvwd6],
    .punch-status-report-detail-grid > div:nth-child(4n)[b-z19magvwd6] {
        border-right: 0;
        border-bottom: 1px solid #e1eaed;
    }

    .punch-status-report-detail-grid > div:last-child[b-z19magvwd6] {
        border-bottom: 0;
    }

    .punch-status-report-detail-text-grid > div:first-child[b-z19magvwd6] {
        border-right: 0;
        border-bottom: 1px solid #e1eaed;
    }
}
/* /Components/Pages/PunchListStatusReportPrint.razor.rz.scp.css */
.punch-print-view[b-v7iagkf9fj] {
    width: 100%;
    color: #062f43;
    font-family: "Segoe UI", Arial, sans-serif;
}

.punch-print-toolbar[b-v7iagkf9fj] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 297mm;
    margin: 0 auto 12px;
}

.punch-print-toolbar-button[b-v7iagkf9fj] {
    min-width: 148px;
    height: 42px;
    padding: 0 18px;
    border: 1px solid #0d3240;
    border-radius: 0;
    background: #ffffff;
    color: #0d3240;
    font: 700 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.punch-print-toolbar-button-primary[b-v7iagkf9fj] {
    background: #0d3240;
    color: #ffffff;
}

.punch-print-sheet[b-v7iagkf9fj],
.punch-print-state[b-v7iagkf9fj] {
    width: 297mm;
    margin: 0 auto;
    box-sizing: border-box;
    background: #ffffff;
}

.punch-print-sheet[b-v7iagkf9fj] {
    min-height: 210mm;
    padding: 8mm 10mm 7mm;
    border-top: 2mm solid #0787a0;
    box-shadow: 0 8px 28px rgba(13, 50, 61, .14);
}

.punch-print-state[b-v7iagkf9fj] {
    padding: 16mm;
}

.punch-print-state-error[b-v7iagkf9fj] {
    border-left: 4px solid #c63b32;
}

.punch-print-header[b-v7iagkf9fj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10mm;
    padding-bottom: 4mm;
    border-bottom: 1px solid #bdd0d8;
    background: linear-gradient(
        90deg,
        rgba(13, 50, 64, .04) 0%,
        rgba(8, 135, 160, .02) 58%,
        rgba(8, 135, 160, .09) 100%);
}

.punch-print-kicker[b-v7iagkf9fj] {
    color: #0d4f76;
    font-size: 8pt;
    font-weight: 800;
    letter-spacing: .05em;
}

.punch-print-header h1[b-v7iagkf9fj] {
    margin: 1.5mm 0 .8mm;
    color: #062f43;
    font-size: 23pt;
    line-height: 1.05;
}

.punch-print-header p[b-v7iagkf9fj] {
    margin: 0;
    color: #5c707b;
    font-size: 8pt;
}

.punch-print-brand[b-v7iagkf9fj] {
    display: flex;
    align-items: center;
    gap: 3mm;
    flex: 0 0 auto;
}

.punch-print-brand-mark[b-v7iagkf9fj] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 1.5mm;
    width: 15mm;
    height: 18mm;
    padding: 2.6mm 2.2mm;
    box-sizing: border-box;
    border: 2px solid #0d4f76;
    background: linear-gradient(180deg, #ffffff 0%, #eef7fb 100%);
}

.punch-print-brand-mark span[b-v7iagkf9fj] {
    display: block;
    height: 2.2mm;
    border-radius: .5mm;
    background: linear-gradient(90deg, #0d4f76 0%, #0a8aa2 100%);
}

.punch-print-brand-text[b-v7iagkf9fj] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.punch-print-brand-text strong[b-v7iagkf9fj] {
    color: #536069;
    font-size: 21pt;
    letter-spacing: -.04em;
}

.punch-print-brand-text span[b-v7iagkf9fj] {
    color: #536069;
    font-size: 5.2pt;
    font-weight: 800;
}

.punch-print-scope[b-v7iagkf9fj] {
    margin-top: 4mm;
    border: 1px solid #ccdbe1;
}

.punch-print-section-band[b-v7iagkf9fj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2mm 3mm;
    background: linear-gradient(90deg, #0d3240 0%, #145473 100%);
    color: #ffffff;
    font-size: 6.3pt;
    font-weight: 800;
}

.punch-print-scope-grid[b-v7iagkf9fj] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.punch-print-scope-grid > div[b-v7iagkf9fj] {
    padding: 2.5mm 3.5mm;
    border-right: 1px solid #d7e3e7;
    background: #fbfdfe;
}

.punch-print-scope-grid > div:last-child[b-v7iagkf9fj] {
    border-right: 0;
}

.punch-print-scope-grid span[b-v7iagkf9fj] {
    display: block;
    margin-bottom: .8mm;
    color: #607680;
    font-size: 5.8pt;
}

.punch-print-scope-grid strong[b-v7iagkf9fj] {
    color: #062f43;
    font-size: 8.5pt;
}

.punch-print-section[b-v7iagkf9fj] {
    margin-top: 4mm;
}

.punch-print-section-title[b-v7iagkf9fj] {
    margin-bottom: 2mm;
    padding-left: 2.5mm;
    border-left: 1.2mm solid #0787a0;
    color: #0d4f76;
    font-size: 7.8pt;
    font-weight: 800;
    letter-spacing: .04em;
}

.punch-print-kpi-grid[b-v7iagkf9fj] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.7mm;
}

.punch-print-kpi-card[b-v7iagkf9fj] {
    min-height: 22mm;
    padding: 2.4mm;
    box-sizing: border-box;
    border: 1px solid #cddce2;
    border-top: 2.2mm solid #0787a0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.punch-print-kpi-card:nth-child(2)[b-v7iagkf9fj] { border-top-color: #d98208; }
.punch-print-kpi-card:nth-child(3)[b-v7iagkf9fj] { border-top-color: #d1493f; }
.punch-print-kpi-card:nth-child(4)[b-v7iagkf9fj] { border-top-color: #8b58b8; }
.punch-print-kpi-card:nth-child(5)[b-v7iagkf9fj] { border-top-color: #2f9854; }
.punch-print-kpi-card:nth-child(6)[b-v7iagkf9fj] { border-top-color: #3e70c8; }

.punch-print-kpi-card span[b-v7iagkf9fj] {
    display: block;
    min-height: 4.7mm;
    color: #31525e;
    font-size: 6pt;
    font-weight: 700;
}

.punch-print-kpi-card strong[b-v7iagkf9fj] {
    display: block;
    margin-top: .7mm;
    color: #073c56;
    font-size: 15pt;
    line-height: 1;
}

.punch-print-kpi-card small[b-v7iagkf9fj] {
    display: block;
    margin-top: 1mm;
    color: #607680;
    font-size: 5.2pt;
}

.punch-print-bar[b-v7iagkf9fj],
.punch-print-row-track[b-v7iagkf9fj] {
    overflow: hidden;
    background: #dfe8ec;
}

.punch-print-bar[b-v7iagkf9fj] {
    height: 1.8mm;
    margin-top: 2mm;
}

.punch-print-bar > div[b-v7iagkf9fj],
.punch-print-row-track > div[b-v7iagkf9fj] {
    height: 100%;
    background: linear-gradient(90deg, #0d7187 0%, #0aa0b4 100%);
}

.punch-print-status-severity-grid[b-v7iagkf9fj] {
    display: grid;
    grid-template-columns: 1.5fr 1fr .8fr;
    gap: 2mm;
}

.punch-print-mini-panel[b-v7iagkf9fj] {
    min-height: 23mm;
    padding: 2.5mm 3mm;
    border: 1px solid #cddce2;
    background: #f8fbfc;
}

.punch-print-mini-panel > strong[b-v7iagkf9fj] {
    display: block;
    margin-bottom: 2mm;
    color: #0d4f76;
    font-size: 6.5pt;
}

.punch-print-mini-grid[b-v7iagkf9fj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1mm 3mm;
}

.punch-print-mini-grid span[b-v7iagkf9fj] {
    display: flex;
    justify-content: space-between;
    gap: 4mm;
    color: #536e79;
    font-size: 5.6pt;
}

.punch-print-mini-grid b[b-v7iagkf9fj] {
    color: #0d4f76;
}

.punch-print-table[b-v7iagkf9fj] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.punch-print-table th[b-v7iagkf9fj],
.punch-print-table td[b-v7iagkf9fj] {
    padding: 1.7mm 2mm;
    border: 1px solid #cddce2;
    text-align: left;
    vertical-align: middle;
    font-size: 5.8pt;
    line-height: 1.15;
}

.punch-print-table th[b-v7iagkf9fj] {
    background: linear-gradient(180deg, #edf4f7 0%, #e2ecef 100%);
    color: #123f52;
    font-weight: 800;
}

.punch-print-table tbody tr:nth-child(even) td[b-v7iagkf9fj] {
    background: #fbfdfe;
}

.punch-print-empty[b-v7iagkf9fj] {
    padding: 5mm !important;
    text-align: center !important;
    color: #607680;
}

.punch-print-row-progress strong[b-v7iagkf9fj] {
    display: block;
    margin-bottom: .7mm;
    color: #0d4f76;
    font-size: 5.8pt;
}

.punch-print-row-track[b-v7iagkf9fj] {
    height: 1.4mm;
}

.punch-print-footer[b-v7iagkf9fj] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8mm;
    margin-top: 4mm;
    padding-top: 2mm;
    border-top: 1px solid #86aab8;
    color: #506b76;
    font-size: 5.5pt;
}

.punch-print-footer > div:first-child[b-v7iagkf9fj] {
    display: flex;
    flex-direction: column;
    gap: .6mm;
}

.punch-print-footer strong[b-v7iagkf9fj] {
    color: #173f50;
}

.punch-print-no-break[b-v7iagkf9fj] {
    break-inside: avoid;
    page-break-inside: avoid;
}

@page {
    size: A4 landscape;
    margin: 5mm;
}

@media print {
    html[b-v7iagkf9fj],
    body[b-v7iagkf9fj] {
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    .punch-print-toolbar[b-v7iagkf9fj] {
        display: none !important;
    }

    .punch-print-view[b-v7iagkf9fj] {
        width: 100%;
    }

    .punch-print-sheet[b-v7iagkf9fj],
    .punch-print-state[b-v7iagkf9fj] {
        width: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

    .punch-print-sheet[b-v7iagkf9fj] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .punch-print-header[b-v7iagkf9fj] {
        gap: 8mm;
        padding-bottom: 3mm;
    }

    .punch-print-header h1[b-v7iagkf9fj] {
        font-size: 18pt;
    }

    .punch-print-header p[b-v7iagkf9fj] {
        font-size: 7.2pt;
    }

    .punch-print-brand-mark[b-v7iagkf9fj] {
        width: 13mm;
        height: 15mm;
    }

    .punch-print-brand-text strong[b-v7iagkf9fj] {
        font-size: 17pt;
    }

    .punch-print-scope[b-v7iagkf9fj],
    .punch-print-section[b-v7iagkf9fj] {
        margin-top: 3mm;
    }

    .punch-print-kpi-grid[b-v7iagkf9fj] {
        gap: 1.3mm;
    }

    .punch-print-kpi-card[b-v7iagkf9fj] {
        min-height: 19mm;
        padding: 1.8mm;
    }

    .punch-print-kpi-card strong[b-v7iagkf9fj] {
        font-size: 13pt;
    }

    .punch-print-mini-panel[b-v7iagkf9fj] {
        min-height: 20mm;
        padding: 2mm 2.5mm;
    }

    .punch-print-table th[b-v7iagkf9fj],
    .punch-print-table td[b-v7iagkf9fj] {
        padding: 1.35mm 1.6mm;
        font-size: 5.4pt;
    }

    .punch-print-system-section[b-v7iagkf9fj] {
        break-before: page;
        page-break-before: always;
        margin-top: 0;
    }

    .punch-print-table thead[b-v7iagkf9fj] {
        display: table-header-group;
    }

    .punch-print-table tr[b-v7iagkf9fj] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .punch-print-footer[b-v7iagkf9fj] {
        margin-top: 3mm;
        padding-top: 1.8mm;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .punch-print-section[b-v7iagkf9fj],
    .punch-print-footer[b-v7iagkf9fj] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

/* ============================================================
   PUNCH DETAILS & COMMENTS
   Audit detail designed to remain readable in PDF output.
   ============================================================ */

.punch-print-detail-section[b-v7iagkf9fj] {
    break-before: page;
    page-break-before: always;
}

.punch-print-detail-empty[b-v7iagkf9fj] {
    border: 1px solid #cddce2;
    background: #fbfdfe;
}

.punch-print-detail-list[b-v7iagkf9fj] {
    display: flex;
    flex-direction: column;
    gap: 2.5mm;
}

.punch-print-detail-card[b-v7iagkf9fj] {
    overflow: hidden;
    border: 1px solid #c9d9df;
    border-left: 1.2mm solid #0787a0;
    background: #ffffff;
    break-inside: avoid;
    page-break-inside: avoid;
}

.punch-print-detail-header[b-v7iagkf9fj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4mm;
    padding: 2mm 2.5mm;
    border-bottom: 1px solid #d7e3e7;
    background: linear-gradient(90deg, #eef7f9 0%, #ffffff 100%);
}

.punch-print-detail-header > div[b-v7iagkf9fj] {
    display: flex;
    align-items: baseline;
    gap: 2.5mm;
}

.punch-print-detail-header span[b-v7iagkf9fj] {
    color: #0d4f76;
    font-size: 5.2pt;
    font-weight: 800;
    letter-spacing: .05em;
}

.punch-print-detail-header strong[b-v7iagkf9fj] {
    color: #062f43;
    font-size: 7.5pt;
}

.punch-print-detail-header b[b-v7iagkf9fj] {
    padding: .8mm 1.5mm;
    border: 1px solid #bfd6dd;
    background: #edf6f8;
    color: #15566a;
    font-size: 5.6pt;
}

.punch-print-detail-grid[b-v7iagkf9fj] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.punch-print-detail-grid > div[b-v7iagkf9fj] {
    min-width: 0;
    padding: 1.7mm 2mm;
    border-right: 1px solid #dce7ea;
    border-bottom: 1px solid #dce7ea;
}

.punch-print-detail-grid > div:nth-child(4n)[b-v7iagkf9fj] {
    border-right: 0;
}

.punch-print-detail-grid > div:nth-last-child(-n + 4)[b-v7iagkf9fj] {
    border-bottom: 0;
}

.punch-print-detail-grid span[b-v7iagkf9fj],
.punch-print-detail-text-grid span[b-v7iagkf9fj] {
    display: block;
    margin-bottom: .6mm;
    color: #607680;
    font-size: 4.8pt;
    font-weight: 700;
    text-transform: uppercase;
}

.punch-print-detail-grid strong[b-v7iagkf9fj] {
    display: block;
    color: #173f50;
    font-size: 5.6pt;
    font-weight: 700;
    overflow-wrap: anywhere;
}

.punch-print-detail-text-grid[b-v7iagkf9fj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid #dce7ea;
}

.punch-print-detail-text-grid > div[b-v7iagkf9fj] {
    min-width: 0;
    padding: 2mm 2.3mm;
}

.punch-print-detail-text-grid > div:first-child[b-v7iagkf9fj] {
    border-right: 1px solid #dce7ea;
}

.punch-print-detail-text-grid p[b-v7iagkf9fj] {
    margin: 0;
    color: #294751;
    font-size: 5.4pt;
    line-height: 1.3;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.punch-print-detail-closure[b-v7iagkf9fj] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5mm 6mm;
    padding: 1.5mm 2.3mm;
    border-top: 1px solid #dce7ea;
    background: #f8fbfc;
    color: #607680;
    font-size: 5pt;
}

.punch-print-detail-closure strong[b-v7iagkf9fj] {
    color: #173f50;
}

@media print {
    .punch-print-detail-section[b-v7iagkf9fj] {
        break-before: page;
        page-break-before: always;
    }

    .punch-print-detail-card[b-v7iagkf9fj] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Components/Pages/ReleaseReadiness.razor.rz.scp.css */
.release-readiness-page[b-uzyawly1qn] {
    width: 100%;
    padding: 0 28px 34px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.release-readiness-breadcrumb[b-uzyawly1qn] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
}

.release-readiness-breadcrumb a[b-uzyawly1qn] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.release-readiness-breadcrumb a:hover[b-uzyawly1qn] {
    text-decoration: underline;
}

.release-readiness-breadcrumb strong[b-uzyawly1qn] {
    font-weight: 500;
}

.release-readiness-header[b-uzyawly1qn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 30px;
}

.release-readiness-heading-group[b-uzyawly1qn] {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.release-readiness-header-icon[b-uzyawly1qn] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c7dfd0;
    border-radius: 4px;
    background: #eaf5ee;
    font-size: 29px;
}

.release-readiness-eyebrow[b-uzyawly1qn],
.release-readiness-section-eyebrow[b-uzyawly1qn] {
    display: block;
    margin-bottom: 5px;
    color: #63777f;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.release-readiness-header h1[b-uzyawly1qn] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
}

.release-readiness-header p[b-uzyawly1qn] {
    margin: 7px 0 0;
    color: #4a616a;
    font-size: 20px;
}

.release-readiness-header-actions[b-uzyawly1qn] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 14px;
}

.release-readiness-status[b-uzyawly1qn] {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 5px 12px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 700;
}

.release-readiness-status-not-ready[b-uzyawly1qn] {
    border: 1px solid #ebcd7a;
    color: #8a6300;
    background: #fff8e5;
}

.release-readiness-status-ready[b-uzyawly1qn] {
    border: 1px solid #b9ddc6;
    color: #246b40;
    background: #edf8f1;
}

.release-readiness-status-released[b-uzyawly1qn] {
    border: 1px solid #83c49b;
    color: #185f36;
    background: #dff3e7;
}

.release-readiness-back-button[b-uzyawly1qn] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #0b6077;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.release-readiness-back-button:hover[b-uzyawly1qn] {
    background: #f2f8fa;
}

.release-readiness-divider[b-uzyawly1qn] {
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.release-readiness-intro[b-uzyawly1qn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 36px;
    margin-top: 28px;
}

.release-readiness-intro h2[b-uzyawly1qn],
.release-readiness-confirmation-panel h2[b-uzyawly1qn] {
    margin: 0;
    color: #0d3240;
    font-size: 25px;
}

.release-readiness-intro p[b-uzyawly1qn],
.release-readiness-confirmation-panel > p[b-uzyawly1qn] {
    margin: 7px 0 0;
    color: #64777f;
    font-size: 14px;
}

.release-readiness-progress-panel[b-uzyawly1qn] {
    width: min(410px, 40%);
}

.release-readiness-progress-heading[b-uzyawly1qn] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    color: #536971;
    font-size: 13px;
    font-weight: 700;
}

.release-readiness-progress-track[b-uzyawly1qn] {
    height: 9px;
    overflow: hidden;
    border-radius: 4px;
    background: #e3ebee;
}

.release-readiness-progress-fill[b-uzyawly1qn] {
    height: 100%;
    background: #2f7d4b;
}

.release-readiness-content[b-uzyawly1qn] {
    display: grid;
    grid-template-columns: minmax(0, 1.75fr) minmax(340px, .85fr);
    gap: 22px;
    align-items: start;
    margin-top: 22px;
}

.release-readiness-check-list[b-uzyawly1qn],
.release-readiness-confirmation-panel[b-uzyawly1qn] {
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, .08);
}

.release-readiness-check-row[b-uzyawly1qn] {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr) minmax(190px, auto);
    gap: 15px;
    align-items: center;
    min-height: 88px;
    padding: 16px 18px;
    border-bottom: 1px solid #dde5e8;
}

.release-readiness-check-row:last-child[b-uzyawly1qn] {
    border-bottom: 0;
}

.release-readiness-check-icon[b-uzyawly1qn] {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cddde2;
    border-radius: 4px;
    background: #eef6f8;
    font-size: 21px;
}

.release-readiness-check-icon-team[b-uzyawly1qn] {
    border-color: #d8d0eb;
    background: #f3effa;
}

.release-readiness-check-icon-checklist[b-uzyawly1qn],
.release-readiness-check-icon-equipment[b-uzyawly1qn] {
    border-color: #ead3bd;
    background: #fff4e9;
}

.release-readiness-check-icon-documents[b-uzyawly1qn] {
    border-color: #cfd9e5;
    background: #f0f4f8;
}

.release-readiness-check-icon-procedures[b-uzyawly1qn] {
    border-color: #c7dfd0;
    background: #eaf5ee;
}

.release-readiness-check-details[b-uzyawly1qn] {
    min-width: 0;
}

.release-readiness-check-details strong[b-uzyawly1qn] {
    display: block;
    color: #0d3240;
    font-size: 16px;
}

.release-readiness-check-details span[b-uzyawly1qn] {
    display: block;
    margin-top: 4px;
    color: #6a7c83;
    font-size: 13px;
    line-height: 1.35;
}

.release-readiness-check-result[b-uzyawly1qn] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 7px;
    text-align: right;
}

.release-readiness-check-result > span[b-uzyawly1qn] {
    color: #65777e;
    font-size: 13px;
}

.release-readiness-check-result strong[b-uzyawly1qn] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    text-transform: uppercase;
}

.release-readiness-check-result strong > span[b-uzyawly1qn] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.release-readiness-result-not-ready[b-uzyawly1qn] {
    color: #a72d3c;
}

.release-readiness-result-not-ready > span[b-uzyawly1qn] {
    background: #d93c50;
    box-shadow: 0 0 0 3px #f9e3e6;
}

.release-readiness-result-ready[b-uzyawly1qn] {
    color: #237347;
}

.release-readiness-result-ready > span[b-uzyawly1qn] {
    background: #38b66b;
    box-shadow: 0 0 0 3px #dff4e7;
}

.release-readiness-confirmation-panel[b-uzyawly1qn] {
    padding: 21px;
    border-top: 4px solid #2f7d4b;
}

.release-readiness-confirmation-item[b-uzyawly1qn] {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 11px;
    align-items: start;
    margin-top: 16px;
    padding: 14px;
    border: 1px solid #dbe4e7;
    border-radius: 4px;
    background: #f9fbfc;
    cursor: pointer;
}

.release-readiness-confirmation-item input[b-uzyawly1qn] {
    width: 18px;
    height: 18px;
    margin: 2px 0 0;
    accent-color: #237347;
}

.release-readiness-confirmation-item input:disabled[b-uzyawly1qn] {
    cursor: not-allowed;
}

.release-readiness-confirmation-item strong[b-uzyawly1qn],
.release-readiness-confirmation-item small[b-uzyawly1qn] {
    display: block;
}

.release-readiness-confirmation-item strong[b-uzyawly1qn] {
    color: #153844;
    font-size: 14px;
}

.release-readiness-confirmation-item small[b-uzyawly1qn] {
    margin-top: 4px;
    color: #6b7d84;
    font-size: 12px;
    line-height: 1.4;
}

.release-readiness-blocked-message[b-uzyawly1qn] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 18px;
    padding: 13px 14px;
    border: 1px solid #efd28d;
    border-radius: 4px;
    color: #765608;
    background: #fff9e9;
}

.release-readiness-blocked-message > span[b-uzyawly1qn] {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #c99008;
    font-size: 12px;
    font-weight: 800;
}

.release-readiness-blocked-message p[b-uzyawly1qn] {
    margin: 0;
    font-size: 12px;
    line-height: 1.45;
}

.release-readiness-blocked-message strong[b-uzyawly1qn] {
    display: block;
    margin-bottom: 2px;
    font-size: 13px;
}

.release-readiness-ready-message[b-uzyawly1qn] {
    border-color: #b9ddc6;
    color: #246b40;
    background: #edf8f1;
}

.release-readiness-ready-message > span[b-uzyawly1qn] {
    background: #2f8a50;
}

.release-readiness-released-message[b-uzyawly1qn] {
    border-color: #83c49b;
    color: #185f36;
    background: #dff3e7;
}

.release-readiness-released-message > span[b-uzyawly1qn] {
    background: #237347;
}

.release-readiness-confirmation-message[b-uzyawly1qn] {
    margin-top: 14px;
    padding: 10px 12px;
    border-radius: 4px;
    font-size: 12px;
}

.release-readiness-confirmation-message-success[b-uzyawly1qn] {
    border: 1px solid #b9ddc6;
    color: #246b40;
    background: #edf8f1;
}

.release-readiness-confirmation-message-error[b-uzyawly1qn] {
    border: 1px solid #e2c3c7;
    color: #a12f3b;
    background: #fcebed;
}

.release-readiness-release-button[b-uzyawly1qn] {
    width: 100%;
    min-height: 42px;
    margin-top: 18px;
    padding: 8px 16px;
    border: 1px solid #176f45;
    border-radius: 4px;
    color: #fff;
    background: #237347;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.release-readiness-release-button:hover:not(:disabled)[b-uzyawly1qn] {
    background: #195e39;
}

.release-readiness-release-button:disabled[b-uzyawly1qn] {
    border-color: #bac6ca;
    color: #819097;
    background: #e8edef;
    cursor: not-allowed;
}

.release-readiness-audit[b-uzyawly1qn] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 7px 14px;
    margin-top: 17px;
    padding: 14px;
    border: 1px solid #cfe1d5;
    border-radius: 4px;
    background: #f7fbf8;
    font-size: 12px;
}

.release-readiness-audit span[b-uzyawly1qn] {
    color: #6a7c83;
}

.release-readiness-audit strong[b-uzyawly1qn] {
    color: #1e5535;
}

.release-readiness-continue-button[b-uzyawly1qn] {
    width: 100%;
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 18px;
    padding: 8px 16px;
    border: 1px solid #0d7187;
    border-radius: 4px;
    color: #fff;
    background: #0b6077;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.release-readiness-continue-button:hover[b-uzyawly1qn] {
    background: #084d60;
}

.release-readiness-modal-backdrop[b-uzyawly1qn] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(7, 32, 42, .55);
}

.release-readiness-modal[b-uzyawly1qn] {
    width: min(500px, 100%);
    padding: 26px;
    border: 1px solid #cad9de;
    border-top: 4px solid #2f7d4b;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(7, 32, 42, .24);
}

.release-readiness-modal-icon[b-uzyawly1qn] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    border: 1px solid #b9ddc6;
    border-radius: 4px;
    background: #edf8f1;
    font-size: 24px;
}

.release-readiness-modal h2[b-uzyawly1qn] {
    margin: 0;
    color: #0d3240;
    font-size: 23px;
}

.release-readiness-modal p[b-uzyawly1qn] {
    margin: 12px 0 0;
    color: #4f666f;
    font-size: 14px;
    line-height: 1.55;
}

.release-readiness-modal-note[b-uzyawly1qn] {
    padding: 11px 13px;
    border: 1px solid #dbe4e7;
    border-radius: 4px;
    background: #f7fafb;
}

.release-readiness-modal-actions[b-uzyawly1qn] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.release-readiness-modal-cancel[b-uzyawly1qn],
.release-readiness-modal-confirm[b-uzyawly1qn] {
    min-height: 39px;
    padding: 7px 15px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

.release-readiness-modal-cancel[b-uzyawly1qn] {
    border: 1px solid #aebec4;
    color: #405861;
    background: #fff;
}

.release-readiness-modal-confirm[b-uzyawly1qn] {
    border: 1px solid #176f45;
    color: #fff;
    background: #237347;
}

.release-readiness-modal-confirm:hover:not(:disabled)[b-uzyawly1qn] {
    background: #195e39;
}

.release-readiness-modal-cancel:disabled[b-uzyawly1qn],
.release-readiness-modal-confirm:disabled[b-uzyawly1qn] {
    opacity: .65;
    cursor: not-allowed;
}

.release-readiness-error[b-uzyawly1qn] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
}

@media (max-width: 1150px) {
    .release-readiness-content[b-uzyawly1qn] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 850px) {
    .release-readiness-header[b-uzyawly1qn],
    .release-readiness-intro[b-uzyawly1qn] {
        align-items: flex-start;
        flex-direction: column;
    }

    .release-readiness-header-actions[b-uzyawly1qn] {
        align-items: flex-start;
    }

    .release-readiness-progress-panel[b-uzyawly1qn] {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .release-readiness-page[b-uzyawly1qn] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .release-readiness-heading-group[b-uzyawly1qn] {
        flex-direction: column;
    }

    .release-readiness-header h1[b-uzyawly1qn] {
        font-size: 30px;
    }

    .release-readiness-check-row[b-uzyawly1qn] {
        grid-template-columns: 44px minmax(0, 1fr);
    }

    .release-readiness-check-result[b-uzyawly1qn] {
        grid-column: 2;
        align-items: flex-start;
        text-align: left;
    }
}
/* /Components/Pages/Reports.razor.rz.scp.css */
.reports-page[b-r62agwwac5] {
    width: 100%;
    max-width: 1500px;
    padding: 34px 38px 60px 38px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #1f2933;
}

.reports-header[b-r62agwwac5] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 26px;
}

    .reports-header h1[b-r62agwwac5] {
        margin: 0;
        font-size: 36px;
        font-weight: 600;
        color: #16232d;
    }

    .reports-header p[b-r62agwwac5] {
        margin: 7px 0 0 0;
        font-size: 15px;
        color: #6c7882;
    }

.reports-filter-panel[b-r62agwwac5] {
    width: 100%;
    border: 1px solid #d7e0e4;
    background: #ffffff;
    padding: 22px 24px 18px 24px;
    margin-bottom: 34px;
}

.reports-filter-header[b-r62agwwac5] {
    margin-bottom: 17px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    color: #66808a;
}

.reports-filter-grid[b-r62agwwac5] {
    display: grid;
    grid-template-columns: minmax(280px, 430px) minmax(220px, 320px);
    gap: 22px;
    align-items: end;
}

.reports-filter-field[b-r62agwwac5] {
    display: flex;
    flex-direction: column;
}

    .reports-filter-field label[b-r62agwwac5] {
        margin-bottom: 7px;
        font-size: 13px;
        font-weight: 600;
        color: #394c55;
    }

    .reports-filter-field select[b-r62agwwac5] {
        width: 100%;
        height: 40px;
        padding: 0 11px;
        border: 1px solid #bac8ce;
        border-radius: 0;
        background: #ffffff;
        color: #25353d;
        font-family: "Segoe UI", Arial, sans-serif;
        font-size: 14px;
        outline: none;
    }

        .reports-filter-field select:focus[b-r62agwwac5] {
            border-color: #245f70;
        }

        .reports-filter-field select:disabled[b-r62agwwac5] {
            background: #f5f7f8;
            color: #9aa5aa;
            cursor: not-allowed;
        }

.reports-filter-hint[b-r62agwwac5] {
    margin-top: 13px;
    font-size: 12px;
    color: #849198;
}

.reports-section[b-r62agwwac5] {
    margin-bottom: 36px;
}

.reports-section-header[b-r62agwwac5] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 17px;
    padding-bottom: 11px;
    border-bottom: 1px solid #dce4e7;
}

    .reports-section-header h2[b-r62agwwac5] {
        margin: 0;
        font-size: 20px;
        font-weight: 600;
        color: #20343e;
    }

    .reports-section-header p[b-r62agwwac5] {
        margin: 4px 0 0 0;
        font-size: 13px;
        color: #78868c;
    }

.reports-grid[b-r62agwwac5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(360px, 1fr));
    gap: 18px;
}

.reports-grid-management[b-r62agwwac5] {
    grid-template-columns: repeat(2, minmax(360px, 1fr));
}

.report-card[b-r62agwwac5] {
    display: flex;
    flex-direction: column;
    min-height: 235px;
    padding: 21px 22px 18px 22px;
    border: 1px solid #d6dfe3;
    background: #ffffff;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .report-card:hover[b-r62agwwac5] {
        border-color: #9db2bb;
        box-shadow: 0 3px 10px rgba(27, 55, 66, 0.08);
    }

.report-card-featured[b-r62agwwac5] {
    border-left: 4px solid #1f6575;
}

.report-card-top[b-r62agwwac5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 17px;
}

.report-icon[b-r62agwwac5] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    font-size: 23px;
    background: #eef4f6;
}

.report-type[b-r62agwwac5] {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.7px;
    color: #72838a;
}

.report-card-content[b-r62agwwac5] {
    flex: 1;
}

    .report-card-content h3[b-r62agwwac5] {
        margin: 0 0 8px 0;
        font-size: 18px;
        font-weight: 600;
        color: #18313b;
    }

    .report-card-content p[b-r62agwwac5] {
        max-width: 650px;
        margin: 0;
        font-size: 13px;
        line-height: 1.55;
        color: #68777e;
    }

.report-card-footer[b-r62agwwac5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 21px;
    padding-top: 15px;
    border-top: 1px solid #edf1f2;
}

.report-status[b-r62agwwac5] {
    font-size: 12px;
    color: #8a969b;
}

.report-open-button[b-r62agwwac5] {
    min-width: 118px;
    height: 35px;
    padding: 0 16px;
    border: 1px solid rgba(13, 50, 61, 1);
    border-radius: 0;
    background: transparent;
    color: rgba(13, 50, 61, 1);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .report-open-button:hover:not(:disabled)[b-r62agwwac5] {
        background: rgba(13, 50, 61, 0.07);
    }

    .report-open-button:disabled[b-r62agwwac5] {
        border-color: #c6d0d4;
        color: #a3adb1;
        background: #f7f8f8;
        cursor: not-allowed;
    }

@media (max-width: 1050px) {
    .reports-grid[b-r62agwwac5],
    .reports-grid-management[b-r62agwwac5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .reports-page[b-r62agwwac5] {
        padding: 24px 18px 40px 18px;
    }

    .reports-filter-grid[b-r62agwwac5] {
        grid-template-columns: 1fr;
    }

    .reports-header h1[b-r62agwwac5] {
        font-size: 30px;
    }
}

/* ============================================================
   CMS REPORTS LANDING PAGE UI REFRESH
   ============================================================ */
.reports-page[b-r62agwwac5] {
    max-width: 1600px;
    margin: 0 auto;
    background: linear-gradient(180deg, #f5fafb 0, #ffffff 340px);
}
.reports-header[b-r62agwwac5] {
    margin-bottom: 20px;
    padding: 22px 24px;
    border-top: 5px solid #0b7f96;
    border-bottom: 1px solid #c9dce2;
    background: linear-gradient(100deg, #eaf6f8 0%, #f8fcfd 55%, #ffffff 100%);
    box-shadow: 0 4px 14px rgba(13,50,61,.07);
}
.reports-header h1[b-r62agwwac5] { color:#0d3240; font-weight:650; }
.reports-header p[b-r62agwwac5] { color:#55717b; }
.reports-filter-panel[b-r62agwwac5] {
    overflow:hidden;
    padding:0 24px 18px;
    border-color:#c9dce2;
    box-shadow:0 3px 12px rgba(13,50,61,.055);
}
.reports-filter-header[b-r62agwwac5] {
    margin:0 -24px 18px;
    padding:12px 16px;
    background:#0d4b5c;
    color:#fff;
}
.reports-filter-field select[b-r62agwwac5] { border-color:#b8ccd3; background:#fbfdfe; }
.reports-filter-field select:focus[b-r62agwwac5] { border-color:#0b7f96; box-shadow:0 0 0 2px rgba(14,140,165,.10); }
.reports-filter-hint[b-r62agwwac5] { color:#607984; }
.reports-section-header[b-r62agwwac5] {
    margin-bottom:17px;
    padding:11px 14px 11px 16px;
    border-left:4px solid #0e8ca5;
    border-bottom:0;
    background:linear-gradient(90deg,#eaf6f8 0%,#f8fcfd 62%,#fff 100%);
}
.reports-section-header h2[b-r62agwwac5] { color:#123d4b; }
.reports-section-header p[b-r62agwwac5] { color:#637c86; }
.report-card[b-r62agwwac5] {
    position:relative;
    overflow:hidden;
    border-color:#d2e0e5;
    background:linear-gradient(145deg,#fff 0%,#f8fbfc 100%);
    box-shadow:0 4px 14px rgba(13,50,61,.055);
    transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.report-card[b-r62agwwac5]::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background:#11869e; }
.reports-grid .report-card:nth-child(2)[b-r62agwwac5]::before { background:#3c78c5; }
.reports-grid .report-card:nth-child(3)[b-r62agwwac5]::before { background:#7b61a8; }
.reports-grid .report-card:nth-child(4)[b-r62agwwac5]::before { background:#32a365; }
.reports-grid .report-card:nth-child(5)[b-r62agwwac5]::before { background:#d9534f; }
.reports-grid .report-card:nth-child(6)[b-r62agwwac5]::before { background:#d78a12; }
.report-card:hover[b-r62agwwac5] { transform:translateY(-2px); border-color:#9bbcc6; box-shadow:0 8px 20px rgba(13,50,61,.09); }
.report-card-featured[b-r62agwwac5] { border-left:1px solid #d2e0e5; }
.report-icon[b-r62agwwac5] { width:42px; height:42px; background:#e7f4f7; border:1px solid #cbe1e6; }
.report-type[b-r62agwwac5] { color:#0b7489; }
.report-card-content h3[b-r62agwwac5] { color:#103b49; }
.report-card-footer[b-r62agwwac5] { border-color:#dde8eb; }
.report-status[b-r62agwwac5] { color:#607984; }
.report-open-button[b-r62agwwac5] { border-color:#0d4b5c; color:#0d4b5c; background:#fff; }
.report-open-button:hover:not(:disabled)[b-r62agwwac5] { background:#0d4b5c; color:#fff; }

/* /Components/Pages/TemplateLibrary.razor.rz.scp.css */
.template-library-page[b-fz9im0sbee] {
    width: 100%;
    padding: 0 28px 32px 28px;
    font-family: "Segoe UI", Arial, sans-serif;
    color: #102f3c;
}

.template-library-breadcrumb[b-fz9im0sbee] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #61737b;
    font-size: 15px;
    line-height: 1.4;
}

.template-library-breadcrumb a[b-fz9im0sbee] {
    color: #0b6077;
    font-weight: 600;
    text-decoration: none;
}

.template-library-breadcrumb a:hover[b-fz9im0sbee] {
    color: #073f50;
    text-decoration: underline;
}

.template-library-breadcrumb-separator[b-fz9im0sbee] {
    color: #8a9aa1;
    user-select: none;
}

.template-library-breadcrumb-current[b-fz9im0sbee] {
    color: #61737b;
    font-weight: 500;
}

.template-library-header[b-fz9im0sbee] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 36px;
    width: 100%;
}

.template-library-heading-group[b-fz9im0sbee] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.template-library-icon[b-fz9im0sbee] {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #c6dde4;
    border-radius: 4px;
    color: #155b70;
    background: #e8f3f6;
    font-size: 29px;
    line-height: 1;
}

.template-library-heading[b-fz9im0sbee] {
    min-width: 0;
}

.template-library-eyebrow[b-fz9im0sbee] {
    display: block;
    margin-bottom: 5px;
    color: #64777f;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.template-library-heading h1[b-fz9im0sbee] {
    margin: 0;
    color: #0d3240;
    font-size: 36px;
    line-height: 1.15;
    font-weight: 650;
}

.template-library-heading p[b-fz9im0sbee] {
    margin: 7px 0 0 0;
    color: #4a616a;
    font-size: 20px;
    line-height: 1.35;
    font-weight: 500;
    overflow-wrap: anywhere;
}

.template-library-header-actions[b-fz9im0sbee] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 22px;
}

.template-library-add-button[b-fz9im0sbee],
.template-library-back-button[b-fz9im0sbee],
.template-library-clear-button[b-fz9im0sbee] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
    text-decoration: none;
}

.template-library-add-button[b-fz9im0sbee] {
    padding: 7px 15px;
    border: 1px solid #0d7187;
    color: #ffffff;
    background: #0d7187;
}

.template-library-add-button:hover[b-fz9im0sbee] {
    border-color: #09596b;
    background: #09596b;
}

.template-library-back-button[b-fz9im0sbee] {
    padding: 7px 13px;
    border: 1px solid #0d7187;
    color: #0b6077;
    background: #ffffff;
}

.template-library-back-button:hover[b-fz9im0sbee] {
    color: #ffffff;
    background: #0d7187;
}

.template-library-header-divider[b-fz9im0sbee] {
    width: 100%;
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.template-library-kpi-section[b-fz9im0sbee] {
    display: grid;
    grid-template-columns: repeat(4, minmax(180px, 1fr));
    gap: 16px;
    width: 100%;
    margin-top: 26px;
}

.template-library-kpi-card[b-fz9im0sbee] {
    min-width: 0;
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.08);
}

.template-library-kpi-icon[b-fz9im0sbee] {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfe0e5;
    border-radius: 4px;
    background: #edf5f7;
    font-size: 20px;
    line-height: 1;
}

.template-library-kpi-icon-critical[b-fz9im0sbee] {
    border-color: #e6c4c2;
    background: #fbeceb;
}

.template-library-kpi-icon-ready[b-fz9im0sbee] {
    border-color: #c7dfd0;
    background: #eaf5ee;
}

.template-library-kpi-icon-progress[b-fz9im0sbee] {
    border-color: #efd2b8;
    background: #fff2e7;
}

.template-library-kpi-label[b-fz9im0sbee] {
    display: block;
    color: #5c7078;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 650;
}

.template-library-kpi-value[b-fz9im0sbee] {
    display: block;
    margin-top: 5px;
    color: #0d3240;
    font-size: 28px;
    line-height: 1;
    font-weight: 750;
}

.template-library-content[b-fz9im0sbee] {
    width: 100%;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid #d4dfe3;
}

.template-library-section-heading[b-fz9im0sbee] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

.template-library-section-eyebrow[b-fz9im0sbee] {
    display: block;
    margin-bottom: 4px;
    color: #63777f;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.template-library-section-heading h2[b-fz9im0sbee] {
    margin: 0;
    color: #0d3240;
    font-size: 27px;
    line-height: 1.2;
    font-weight: 650;
}

.template-library-section-description[b-fz9im0sbee] {
    padding-bottom: 3px;
    color: #667981;
    font-size: 15px;
    line-height: 1.4;
    text-align: right;
}

.template-library-toolbar[b-fz9im0sbee] {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) 210px 190px auto;
    gap: 14px;
    align-items: end;
    padding: 16px;
    border: 1px solid #d5e0e4;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    background: #f8fafb;
}

.template-library-search[b-fz9im0sbee],
.template-library-filter[b-fz9im0sbee] {
    min-width: 0;
}

.template-library-control-label[b-fz9im0sbee] {
    display: block;
    margin-bottom: 6px;
    color: #536971;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
}

.template-library-search-control[b-fz9im0sbee] {
    min-height: 38px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 0 11px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #75868d;
    background: #ffffff;
}

.template-library-search-control input[b-fz9im0sbee] {
    min-width: 0;
    width: 100%;
    border: 0;
    outline: 0;
    color: #173946;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.template-library-filter select[b-fz9im0sbee] {
    min-height: 38px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #c8d5da;
    border-radius: 4px;
    color: #173946;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
}

.template-library-clear-button[b-fz9im0sbee] {
    padding: 7px 13px;
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.template-library-clear-button:hover[b-fz9im0sbee] {
    color: #0b6077;
    border-color: #0d7187;
}

.template-library-table-card[b-fz9im0sbee] {
    overflow: hidden;
    border: 1px solid #d5e0e4;
    border-radius: 0 0 4px 4px;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.06);
}

.template-library-table-scroll[b-fz9im0sbee] {
    width: 100%;
    overflow-x: auto;
}

.template-library-table[b-fz9im0sbee] {
    width: 100%;
    min-width: 1080px;
    border-collapse: collapse;
}

.template-library-table th[b-fz9im0sbee] {
    padding: 13px 14px;
    border-bottom: 1px solid #cfdade;
    color: #536971;
    background: #f3f7f8;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 750;
    text-align: left;
    text-transform: uppercase;
}

.template-library-table td[b-fz9im0sbee] {
    padding: 14px;
    border-bottom: 1px solid #e2e8ea;
    color: #173946;
    font-size: 14px;
    line-height: 1.35;
}

.template-library-table tbody tr:not(.template-library-empty-row):hover[b-fz9im0sbee] {
    background: #f8fbfc;
}

.template-library-code[b-fz9im0sbee] {
    color: #0b6077;
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

.template-library-title[b-fz9im0sbee],
.template-library-discipline[b-fz9im0sbee] {
    display: block;
}

.template-library-title[b-fz9im0sbee] {
    color: #173946;
    font-size: 14px;
    font-weight: 700;
}

.template-library-discipline[b-fz9im0sbee] {
    margin-top: 4px;
    color: #6b7d84;
    font-size: 12px;
}

.template-library-technology[b-fz9im0sbee],
.template-library-yes[b-fz9im0sbee],
.template-library-no[b-fz9im0sbee],
.template-library-status-active[b-fz9im0sbee],
.template-library-status-inactive[b-fz9im0sbee] {
    min-height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 3px 8px;
    border: 1px solid #c9d8dd;
    border-radius: 3px;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

.template-library-delete-button[b-fz9im0sbee] {
    min-height: 30px;
    padding: 5px 10px;
    border: 1px solid #c9443f;
    border-radius: 4px;
    color: #a52f2b;
    background: #ffffff;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
}

.template-library-delete-button:hover[b-fz9im0sbee] {
    color: #ffffff;
    background: #b83a35;
}

.template-library-delete-error[b-fz9im0sbee] {
    padding: 12px 16px;
    border-bottom: 1px solid #e3b4b1;
    color: #922d29;
    background: #fbeceb;
    font-size: 13px;
    font-weight: 650;
}

.template-library-modal-backdrop[b-fz9im0sbee] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(8, 34, 44, 0.48);
}

.template-library-delete-modal[b-fz9im0sbee] {
    width: min(440px, 100%);
    padding: 26px;
    border: 1px solid #d5e0e4;
    border-top: 4px solid #bd3f3a;
    border-radius: 4px;
    background: #ffffff;
    box-shadow: 0 14px 38px rgba(8, 34, 44, 0.24);
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: center;
}

.template-library-delete-modal-icon[b-fz9im0sbee] {
    font-size: 32px;
    line-height: 1;
}

.template-library-delete-modal h2[b-fz9im0sbee] {
    margin: 14px 0 0 0;
    color: #0d3240;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 700;
}

.template-library-delete-modal > p[b-fz9im0sbee] {
    margin: 10px 0 0 0;
    color: #60737b;
    font-size: 14px;
    line-height: 1.45;
}

.template-library-delete-template-details[b-fz9im0sbee] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 18px;
    padding: 13px 15px;
    border: 1px solid #d9e2e5;
    border-radius: 4px;
    background: #f7f9fa;
}

.template-library-delete-template-details strong[b-fz9im0sbee] {
    color: #0b6077;
    font-size: 14px;
}

.template-library-delete-template-details span[b-fz9im0sbee] {
    color: #526870;
    font-size: 13px;
}

.template-library-delete-modal-actions[b-fz9im0sbee] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 22px;
}

.template-library-cancel-delete-button[b-fz9im0sbee],
.template-library-confirm-delete-button[b-fz9im0sbee] {
    min-height: 36px;
    padding: 7px 14px;
    border-radius: 4px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    cursor: pointer;
}

.template-library-cancel-delete-button[b-fz9im0sbee] {
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.template-library-confirm-delete-button[b-fz9im0sbee] {
    border: 1px solid #b83a35;
    color: #ffffff;
    background: #b83a35;
}

.template-library-cancel-delete-button:disabled[b-fz9im0sbee],
.template-library-confirm-delete-button:disabled[b-fz9im0sbee] {
    cursor: not-allowed;
    opacity: 0.65;
}

.template-library-technology-common[b-fz9im0sbee] {
    color: #526870;
    border-color: #cedadd;
    background: #f1f5f6;
}

.template-library-technology-bess[b-fz9im0sbee] {
    color: #15566b;
    border-color: #bcd5de;
    background: #eaf4f7;
}

.template-library-technology-solar[b-fz9im0sbee] {
    color: #8a5a00;
    border-color: #edd4a6;
    background: #fff5df;
}

.template-library-technology-substation[b-fz9im0sbee] {
    color: #65489a;
    border-color: #d7c8ec;
    background: #f3edfa;
}

.template-library-yes[b-fz9im0sbee],
.template-library-status-active[b-fz9im0sbee] {
    color: #22623f;
    border-color: #c5dfcf;
    background: #eaf5ee;
}

.template-library-no[b-fz9im0sbee],
.template-library-status-inactive[b-fz9im0sbee] {
    color: #66777e;
    border-color: #d2dde1;
    background: #f3f6f7;
}

.template-library-table-footer[b-fz9im0sbee] {
    padding: 11px 16px;
    color: #60737b;
    background: #f8fafb;
    font-size: 12px;
    text-align: right;
}

.template-library-empty-row td[b-fz9im0sbee] {
    padding: 0;
    border-bottom: 0;
}

.template-library-empty-state[b-fz9im0sbee] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 32px;
    color: #64777f;
    text-align: center;
}

.template-library-empty-state > span[b-fz9im0sbee] {
    font-size: 31px;
    line-height: 1;
}

.template-library-empty-state strong[b-fz9im0sbee] {
    margin-top: 14px;
    color: #173946;
    font-size: 17px;
    line-height: 1.3;
    font-weight: 650;
}

.template-library-empty-state p[b-fz9im0sbee] {
    margin: 6px 0 0 0;
    font-size: 14px;
    line-height: 1.4;
}

.template-library-error[b-fz9im0sbee] {
    margin: 24px 28px;
    padding: 14px 18px;
    border: 1px solid #d64541;
    border-radius: 4px;
    color: #9f2824;
    background: #fbe8e7;
    font-family: "Segoe UI", Arial, sans-serif;
}

.template-library-loading[b-fz9im0sbee] {
    margin: 24px 28px;
    padding: 18px;
    border: 1px solid #d5e0e4;
    border-radius: 4px;
    color: #52676f;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(13, 50, 64, 0.06);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

@media (max-width: 1250px) {
    .template-library-header[b-fz9im0sbee] {
        flex-direction: column;
        gap: 20px;
    }

    .template-library-header-actions[b-fz9im0sbee] {
        justify-content: flex-start;
        padding-top: 0;
    }

    .template-library-kpi-section[b-fz9im0sbee] {
        grid-template-columns: repeat(2, minmax(180px, 1fr));
    }

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

    .template-library-clear-button[b-fz9im0sbee] {
        justify-self: start;
    }
}

@media (max-width: 700px) {
    .template-library-page[b-fz9im0sbee] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .template-library-heading-group[b-fz9im0sbee] {
        flex-direction: column;
    }

    .template-library-heading h1[b-fz9im0sbee] {
        font-size: 30px;
    }

    .template-library-heading p[b-fz9im0sbee] {
        font-size: 18px;
    }

    .template-library-header-actions[b-fz9im0sbee] {
        align-items: stretch;
        flex-direction: column;
    }

    .template-library-kpi-section[b-fz9im0sbee],
    .template-library-toolbar[b-fz9im0sbee] {
        grid-template-columns: 1fr;
    }

    .template-library-section-heading[b-fz9im0sbee] {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .template-library-section-description[b-fz9im0sbee] {
        padding-bottom: 0;
        text-align: left;
    }
}
/* /Components/Pages/TestResultsReport.razor.rz.scp.css */
.test-results-report-page[b-5vpr3p096z] {
    padding: 28px 24px 48px;
    color: #062f43;
}

.test-results-report-state[b-5vpr3p096z] {
    padding: 36px;
    border: 1px solid #d6e0e5;
    background: #ffffff;
}

.test-results-report-state-error[b-5vpr3p096z] {
    border-left: 4px solid #c63b32;
}

.test-results-report-breadcrumb[b-5vpr3p096z] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 22px;
    color: #60727c;
    font-size: 14px;
}

.test-results-report-breadcrumb-link[b-5vpr3p096z] {
    padding: 0;
    border: 0;
    background: transparent;
    color: #006b88;
    font: inherit;
    font-weight: 600;
    cursor: pointer;
}

.test-results-report-header[b-5vpr3p096z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #cdd9df;
}

.test-results-report-eyebrow[b-5vpr3p096z] {
    display: block;
    margin-bottom: 6px;
    color: #5b6e78;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
}

.test-results-report-header h1[b-5vpr3p096z] {
    margin: 0;
    font-size: 32px;
    line-height: 1.15;
}

.test-results-report-header p[b-5vpr3p096z] {
    margin: 8px 0 0;
    color: #5c707b;
    font-size: 16px;
}

.test-results-report-back-button[b-5vpr3p096z] {
    min-width: 150px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #007c9f;
    border-radius: 0;
    background: transparent;
    color: #006b88;
    font-weight: 600;
    cursor: pointer;
}

.test-results-report-scope-card[b-5vpr3p096z] {
    margin-top: 20px;
    border: 1px solid #d3dee4;
    background: #ffffff;
}

.test-results-report-scope-title[b-5vpr3p096z] {
    padding: 12px 16px;
    border-bottom: 1px solid #d3dee4;
    background: #f5f8fa;
    color: #566c78;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
}

.test-results-report-scope-grid[b-5vpr3p096z] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.test-results-report-scope-item[b-5vpr3p096z] {
    min-height: 74px;
    padding: 14px 16px;
    border-right: 1px solid #e0e8ec;
}

.test-results-report-scope-item:last-child[b-5vpr3p096z] {
    border-right: 0;
}

.test-results-report-scope-item span[b-5vpr3p096z] {
    display: block;
    margin-bottom: 5px;
    color: #667b86;
    font-size: 12px;
    font-weight: 600;
}

.test-results-report-scope-item strong[b-5vpr3p096z] {
    font-size: 16px;
}

.test-results-report-section[b-5vpr3p096z] {
    margin-top: 32px;
}

.test-results-report-section-heading[b-5vpr3p096z] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d7e1e6;
}

.test-results-report-section-heading span[b-5vpr3p096z] {
    display: block;
    margin-bottom: 5px;
    color: #60737d;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .05em;
}

.test-results-report-section-heading h2[b-5vpr3p096z] {
    margin: 0;
    font-size: 24px;
}

.test-results-report-section-scope[b-5vpr3p096z] {
    color: #60737d;
    font-size: 14px;
}

.test-results-report-kpi-grid[b-5vpr3p096z],
.test-results-report-priority-grid[b-5vpr3p096z],
.test-results-report-status-grid[b-5vpr3p096z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.test-results-report-kpi-card[b-5vpr3p096z],
.test-results-report-priority-card[b-5vpr3p096z],
.test-results-report-status-card[b-5vpr3p096z] {
    min-height: 126px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.test-results-report-kpi-label[b-5vpr3p096z],
.test-results-report-priority-title[b-5vpr3p096z] {
    margin-bottom: 8px;
    color: #536b77;
    font-size: 13px;
    font-weight: 700;
}

.test-results-report-kpi-value[b-5vpr3p096z],
.test-results-report-priority-value[b-5vpr3p096z] {
    color: #062f43;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
}

.test-results-report-kpi-note[b-5vpr3p096z] {
    margin-top: 10px;
    color: #6c7f89;
    font-size: 12px;
    line-height: 1.35;
}

.test-results-report-status-card[b-5vpr3p096z] {
    display: flex;
    min-height: 96px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.test-results-report-status-card span[b-5vpr3p096z] {
    color: #536b77;
    font-size: 13px;
    font-weight: 700;
}

.test-results-report-status-card strong[b-5vpr3p096z] {
    font-size: 28px;
}

.test-results-report-priority-detail[b-5vpr3p096z] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 11px;
    color: #687b85;
    font-size: 12px;
}

.test-results-report-priority-detail span[b-5vpr3p096z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.test-results-report-progress-card[b-5vpr3p096z] {
    margin-top: 16px;
    padding: 18px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.test-results-report-progress-heading[b-5vpr3p096z] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.test-results-report-progress-heading > div:first-child[b-5vpr3p096z] {
    display: flex;
    align-items: baseline;
    gap: 14px;
}

.test-results-report-progress-heading span[b-5vpr3p096z] {
    color: #536b77;
    font-size: 14px;
    font-weight: 700;
}

.test-results-report-progress-heading strong[b-5vpr3p096z] {
    font-size: 25px;
}

.test-results-report-progress-detail[b-5vpr3p096z] {
    color: #657983;
    font-size: 13px;
}

.test-results-report-progress-track[b-5vpr3p096z] {
    height: 8px;
    margin-top: 14px;
    background: #e1e9ed;
    overflow: hidden;
}

.test-results-report-progress-fill[b-5vpr3p096z] {
    height: 100%;
    background: #087f98;
}

.test-results-report-progress-footer[b-5vpr3p096z] {
    display: flex;
    flex-wrap: wrap;
    gap: 18px 26px;
    margin-top: 14px;
    color: #657983;
    font-size: 12px;
}

.test-results-report-table-wrapper[b-5vpr3p096z] {
    overflow-x: auto;
    border: 1px solid #d4dfe5;
    background: #ffffff;
}

.test-results-report-table[b-5vpr3p096z] {
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
}

.test-results-report-table th[b-5vpr3p096z],
.test-results-report-table td[b-5vpr3p096z] {
    padding: 13px 14px;
    border-bottom: 1px solid #dbe4e8;
    text-align: left;
    vertical-align: middle;
    font-size: 13px;
}

.test-results-report-table th[b-5vpr3p096z] {
    background: #f5f8fa;
    color: #284f60;
    font-weight: 700;
    white-space: nowrap;
}

.test-results-report-table tbody tr:last-child td[b-5vpr3p096z] {
    border-bottom: 0;
}

.test-results-report-empty-cell[b-5vpr3p096z] {
    padding: 24px !important;
    color: #687b85;
    text-align: center !important;
}

.test-results-report-row-progress[b-5vpr3p096z] {
    min-width: 150px;
}

.test-results-report-row-progress-heading[b-5vpr3p096z] {
    margin-bottom: 6px;
    font-weight: 700;
}

.test-results-report-row-progress-track[b-5vpr3p096z] {
    height: 7px;
    background: #e1e9ed;
    overflow: hidden;
}

.test-results-report-row-progress-fill[b-5vpr3p096z] {
    height: 100%;
    background: #087f98;
}

@media (max-width: 1100px) {
    .test-results-report-kpi-grid[b-5vpr3p096z],
    .test-results-report-priority-grid[b-5vpr3p096z],
    .test-results-report-status-grid[b-5vpr3p096z] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 800px) {
    .test-results-report-page[b-5vpr3p096z] {
        padding: 20px 14px 36px;
    }

    .test-results-report-header[b-5vpr3p096z] {
        flex-direction: column;
    }

    .test-results-report-scope-grid[b-5vpr3p096z] {
        grid-template-columns: 1fr;
    }

    .test-results-report-scope-item[b-5vpr3p096z] {
        border-right: 0;
        border-bottom: 1px solid #e0e8ec;
    }

    .test-results-report-scope-item:last-child[b-5vpr3p096z] {
        border-bottom: 0;
    }

    .test-results-report-kpi-grid[b-5vpr3p096z],
    .test-results-report-priority-grid[b-5vpr3p096z],
    .test-results-report-status-grid[b-5vpr3p096z] {
        grid-template-columns: 1fr;
    }

    .test-results-report-section-heading[b-5vpr3p096z],
    .test-results-report-progress-heading[b-5vpr3p096z] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.test-results-report-header-actions[b-5vpr3p096z] {
    display: flex;
    align-items: center;
    gap: 10px;
}

.test-results-report-export-button[b-5vpr3p096z] {
    min-width: 146px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(13, 50, 61, 1);
    border-radius: 0;
    background: rgba(13, 50, 61, 1);
    color: #ffffff;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.test-results-report-export-button:hover[b-5vpr3p096z] {
    background: rgba(13, 50, 61, 0.9);
}

@media (max-width: 800px) {
    .test-results-report-header-actions[b-5vpr3p096z] {
        width: 100%;
        flex-wrap: wrap;
    }
}

.test-results-report-execution-section[b-5vpr3p096z] {
    margin-bottom: 8px;
}

.test-results-report-execution-empty[b-5vpr3p096z] {
    padding: 24px;
    border: 1px solid #d4dfe5;
    background: #ffffff;
    color: #687b85;
    text-align: center;
}

.test-results-report-execution-list[b-5vpr3p096z] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.test-results-report-execution-card[b-5vpr3p096z] {
    overflow: hidden;
    border: 1px solid #cfdde3;
    border-top: 4px solid #087f98;
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(13, 50, 61, .07);
}

.test-results-report-execution-header[b-5vpr3p096z] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 20px;
    border-bottom: 1px solid #d9e4e8;
    background: #f8fbfc;
}

.test-results-report-execution-code[b-5vpr3p096z] {
    margin-bottom: 4px;
    color: #087f98;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
}

.test-results-report-execution-header h3[b-5vpr3p096z] {
    margin: 0;
    color: #062f43;
    font-size: 20px;
    line-height: 1.25;
}

.test-results-report-execution-subtitle[b-5vpr3p096z] {
    margin-top: 6px;
    color: #607680;
    font-size: 13px;
}

.test-results-report-execution-badges[b-5vpr3p096z] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.test-results-report-execution-state[b-5vpr3p096z] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.test-results-report-execution-state-label[b-5vpr3p096z] {
    color: #607680;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1;
    text-transform: uppercase;
}

.test-results-report-badge[b-5vpr3p096z] {
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 3px 9px;
    border: 1px solid #cad8de;
    background: #f4f7f8;
    color: #415c67;
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
}

.test-results-report-badge-passed[b-5vpr3p096z] {
    border-color: #b9ddc5;
    background: #eef8f1;
    color: #23703d;
}

.test-results-report-badge-failed[b-5vpr3p096z] {
    border-color: #efbeb9;
    background: #fff0ef;
    color: #a92e27;
}

.test-results-report-badge-conditional[b-5vpr3p096z] {
    border-color: #ecd19b;
    background: #fff7e6;
    color: #986200;
}

.test-results-report-badge-progress[b-5vpr3p096z] {
    border-color: #b9d8e2;
    background: #eef7fa;
    color: #17677b;
}

.test-results-report-badge-neutral[b-5vpr3p096z] {
    border-color: #cad8de;
    background: #f4f7f8;
    color: #536b77;
}

.test-results-report-execution-meta-grid[b-5vpr3p096z] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    border-bottom: 1px solid #d9e4e8;
}

.test-results-report-execution-meta-grid > div[b-5vpr3p096z] {
    min-height: 70px;
    padding: 12px 14px;
    border-right: 1px solid #e1e9ed;
}

.test-results-report-execution-meta-grid > div:last-child[b-5vpr3p096z] {
    border-right: 0;
}

.test-results-report-execution-meta-grid span[b-5vpr3p096z],
.test-results-report-run-meta-grid span[b-5vpr3p096z],
.test-results-report-run-text-grid span[b-5vpr3p096z] {
    display: block;
    margin-bottom: 5px;
    color: #677b85;
    font-size: 11px;
    font-weight: 700;
}

.test-results-report-execution-meta-grid strong[b-5vpr3p096z],
.test-results-report-run-meta-grid strong[b-5vpr3p096z] {
    color: #123f52;
    font-size: 13px;
}

.test-results-report-run-list[b-5vpr3p096z] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 18px 20px 20px;
}

.test-results-report-run-card[b-5vpr3p096z] {
    border: 1px solid #d6e1e6;
    background: #ffffff;
}

.test-results-report-run-heading[b-5vpr3p096z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 12px 14px;
    border-bottom: 1px solid #dbe5e9;
    background: #f6f9fa;
}

.test-results-report-run-heading > div[b-5vpr3p096z] {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.test-results-report-run-heading strong[b-5vpr3p096z] {
    color: #0d4f76;
    font-size: 14px;
}

.test-results-report-run-heading span[b-5vpr3p096z] {
    color: #687b85;
    font-size: 12px;
}

.test-results-report-run-meta-grid[b-5vpr3p096z] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-bottom: 1px solid #e1e9ed;
}

.test-results-report-run-meta-grid > div[b-5vpr3p096z] {
    padding: 11px 14px;
    border-right: 1px solid #e1e9ed;
}

.test-results-report-run-meta-grid > div:last-child[b-5vpr3p096z] {
    border-right: 0;
}

.test-results-report-run-text-grid[b-5vpr3p096z] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    border-bottom: 1px solid #e1e9ed;
}

.test-results-report-run-text-grid > div[b-5vpr3p096z] {
    min-height: 84px;
    padding: 12px 14px;
    border-right: 1px solid #e1e9ed;
}

.test-results-report-run-text-grid > div:last-child[b-5vpr3p096z] {
    border-right: 0;
}

.test-results-report-run-text-grid p[b-5vpr3p096z] {
    margin: 0;
    color: #274c5c;
    font-size: 13px;
    line-height: 1.45;
    white-space: pre-wrap;
}

.test-results-report-run-subsection[b-5vpr3p096z] {
    padding: 14px;
    border-bottom: 1px solid #e1e9ed;
}

.test-results-report-run-subsection:last-child[b-5vpr3p096z] {
    border-bottom: 0;
}

.test-results-report-run-subsection h4[b-5vpr3p096z] {
    margin: 0 0 10px;
    color: #284f60;
    font-size: 13px;
}

.test-results-report-detail-table-wrapper[b-5vpr3p096z] {
    overflow-x: auto;
}

.test-results-report-detail-table[b-5vpr3p096z] {
    width: 100%;
    min-width: 760px;
    border-collapse: collapse;
}

.test-results-report-detail-table th[b-5vpr3p096z],
.test-results-report-detail-table td[b-5vpr3p096z] {
    padding: 9px 10px;
    border: 1px solid #dbe5e9;
    text-align: left;
    vertical-align: top;
    font-size: 12px;
}

.test-results-report-detail-table th[b-5vpr3p096z] {
    background: #f4f8fa;
    color: #345766;
    font-weight: 700;
}

.test-results-report-evidence-list[b-5vpr3p096z],
.test-results-report-punch-list[b-5vpr3p096z] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.test-results-report-evidence-row[b-5vpr3p096z],
.test-results-report-punch-row[b-5vpr3p096z] {
    padding: 10px 12px;
    border: 1px solid #dbe5e9;
    background: #fbfdfe;
}

.test-results-report-evidence-row[b-5vpr3p096z] {
    display: grid;
    grid-template-columns: minmax(220px, .8fr) minmax(0, 1.2fr);
    gap: 18px;
}

.test-results-report-evidence-row > div[b-5vpr3p096z],
.test-results-report-punch-row > div[b-5vpr3p096z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
}

.test-results-report-evidence-row strong[b-5vpr3p096z],
.test-results-report-punch-row strong[b-5vpr3p096z] {
    color: #123f52;
    font-size: 12px;
}

.test-results-report-evidence-row span[b-5vpr3p096z],
.test-results-report-evidence-row small[b-5vpr3p096z] {
    color: #657983;
    font-size: 11px;
}

.test-results-report-evidence-row small[b-5vpr3p096z] {
    width: 100%;
}

.test-results-report-punch-row p[b-5vpr3p096z] {
    margin: 7px 0 0;
    color: #345766;
    font-size: 12px;
    line-height: 1.4;
}

@media (max-width: 1250px) {
    .test-results-report-execution-meta-grid[b-5vpr3p096z] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .test-results-report-execution-meta-grid > div:nth-child(4n)[b-5vpr3p096z] {
        border-right: 0;
    }
}

@media (max-width: 800px) {
    .test-results-report-execution-header[b-5vpr3p096z],
    .test-results-report-run-heading[b-5vpr3p096z] {
        align-items: flex-start;
        flex-direction: column;
    }

    .test-results-report-execution-badges[b-5vpr3p096z] {
        justify-content: flex-start;
    }

    .test-results-report-execution-meta-grid[b-5vpr3p096z],
    .test-results-report-run-meta-grid[b-5vpr3p096z],
    .test-results-report-run-text-grid[b-5vpr3p096z],
    .test-results-report-evidence-row[b-5vpr3p096z] {
        grid-template-columns: 1fr;
    }

    .test-results-report-execution-meta-grid > div[b-5vpr3p096z],
    .test-results-report-run-meta-grid > div[b-5vpr3p096z],
    .test-results-report-run-text-grid > div[b-5vpr3p096z] {
        border-right: 0;
        border-bottom: 1px solid #e1e9ed;
    }

    .test-results-report-execution-meta-grid > div:last-child[b-5vpr3p096z],
    .test-results-report-run-meta-grid > div:last-child[b-5vpr3p096z],
    .test-results-report-run-text-grid > div:last-child[b-5vpr3p096z] {
        border-bottom: 0;
    }
}

/* ============================================================
   CMS REPORTS UI REFRESH
   Screen-only visual hierarchy. Print components remain unchanged.
   ============================================================ */

.test-results-report-page[b-5vpr3p096z] {
    max-width: 1600px;
    margin: 0 auto;
    background: linear-gradient(180deg, #f5fafb 0, #ffffff 320px);
}

.test-results-report-breadcrumb[b-5vpr3p096z] {
    margin-bottom: 16px;
}

.test-results-report-header[b-5vpr3p096z] {
    position: relative;
    padding: 22px 24px 21px;
    border-top: 5px solid #0b7f96;
    border-bottom: 1px solid #c9dce2;
    background: linear-gradient(100deg, #eaf6f8 0%, #f8fcfd 54%, #ffffff 100%);
    box-shadow: 0 4px 14px rgba(13, 50, 61, 0.07);
}

.test-results-report-header h1[b-5vpr3p096z] {
    color: #0d3240;
    font-weight: 650;
}

.test-results-report-eyebrow[b-5vpr3p096z] {
    color: #0b7489;
}

.test-results-report-header p[b-5vpr3p096z] {
    color: #55717b;
}

.test-results-report-export-button[b-5vpr3p096z] {
    border-color: #0d4b5c;
    background: #0d4b5c;
    color: #ffffff;
    box-shadow: 0 2px 6px rgba(13, 50, 61, 0.15);
}

.test-results-report-export-button:hover[b-5vpr3p096z] {
    border-color: #0a3c4a;
    background: #0a3c4a;
}

.test-results-report-back-button[b-5vpr3p096z] {
    border-color: #3a7d90;
    color: #15566a;
    background: #ffffff;
}

.test-results-report-back-button:hover[b-5vpr3p096z] {
    border-color: #0b7489;
    background: #edf7f9;
}

.test-results-report-scope-card[b-5vpr3p096z] {
    overflow: hidden;
    border-color: #c9dce2;
    background: #ffffff;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.055);
}

.test-results-report-scope-title[b-5vpr3p096z] {
    margin: 0;
    padding: 12px 16px;
    border-bottom: 0;
    background: #0d4b5c;
    color: #ffffff;
    letter-spacing: .08em;
}

.test-results-report-scope-grid[b-5vpr3p096z] {
    border-color: #d3e2e7;
    background: #ffffff;
}

.test-results-report-scope-item[b-5vpr3p096z] {
    border-color: #d9e6ea;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.test-results-report-scope-item span[b-5vpr3p096z] {
    color: #67808a;
}

.test-results-report-scope-item strong[b-5vpr3p096z] {
    color: #103b49;
}

.test-results-report-section-heading[b-5vpr3p096z] {
    align-items: center;
    margin-bottom: 17px;
    padding: 11px 14px 11px 16px;
    border-left: 4px solid #0e8ca5;
    border-bottom: 0;
    background: linear-gradient(90deg, #eaf6f8 0%, #f8fcfd 62%, #ffffff 100%);
}

.test-results-report-section-heading span[b-5vpr3p096z] {
    color: #0b7489;
}

.test-results-report-section-heading h2[b-5vpr3p096z] {
    color: #123d4b;
}

.test-results-report-section-scope[b-5vpr3p096z] {
    color: #5f7a84;
}

.test-results-report-kpi-card[b-5vpr3p096z] {
    position: relative;
    overflow: hidden;
    border-color: #d4e1e5;
    background: linear-gradient(145deg, #ffffff 0%, #f8fbfc 100%);
    box-shadow: 0 4px 12px rgba(13, 50, 61, 0.055);
}

.test-results-report-kpi-card[b-5vpr3p096z]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: #11869e;
}

.test-results-report-kpi-card:nth-child(2)[b-5vpr3p096z]::before { background: #32a365; }
.test-results-report-kpi-card:nth-child(3)[b-5vpr3p096z]::before { background: #d9534f; }
.test-results-report-kpi-card:nth-child(4)[b-5vpr3p096z]::before { background: #d78a12; }
.test-results-report-kpi-card:nth-child(5)[b-5vpr3p096z]::before { background: #3c78c5; }
.test-results-report-kpi-card:nth-child(6)[b-5vpr3p096z]::before { background: #835bb5; }

.test-results-report-kpi-label[b-5vpr3p096z] {
    color: #4e6e79;
}

.test-results-report-kpi-value[b-5vpr3p096z] {
    color: #0b4050;
}

.test-results-report-progress-card[b-5vpr3p096z] {
    border-color: #cbdde2;
    border-left: 4px solid #0e8ca5;
    background: linear-gradient(90deg, #f7fbfc 0%, #ffffff 100%);
    box-shadow: 0 3px 10px rgba(13, 50, 61, 0.045);
}

.test-results-report-progress-track[b-5vpr3p096z],
.test-results-report-row-progress-track[b-5vpr3p096z] {
    background: #dce9ed;
}

.test-results-report-progress-fill[b-5vpr3p096z],
.test-results-report-row-progress-fill[b-5vpr3p096z] {
    background: linear-gradient(90deg, #0c8098 0%, #22a6b9 100%);
}

.test-results-report-table-wrapper[b-5vpr3p096z] {
    border-color: #cadce2;
    box-shadow: 0 3px 12px rgba(13, 50, 61, 0.05);
}

.test-results-report-table th[b-5vpr3p096z] {
    border-color: #c8dce2;
    background: #e6f2f5;
    color: #174758;
}

.test-results-report-table td[b-5vpr3p096z] {
    border-color: #dce7ea;
}

.test-results-report-table tbody tr:nth-child(even) td[b-5vpr3p096z] {
    background: #fbfdfe;
}

.test-results-report-table tbody tr:hover td[b-5vpr3p096z] {
    background: #f0f8fa;
}

.test-results-report-kpi-card:nth-child(2)[b-5vpr3p096z]::before { background:#32a365; }
.test-results-report-kpi-card:nth-child(3)[b-5vpr3p096z]::before { background:#d9534f; }
.test-results-report-kpi-card:nth-child(4)[b-5vpr3p096z]::before { background:#d78a12; }
.test-results-report-status-card[b-5vpr3p096z] { position:relative; overflow:hidden; border-color:#d4e1e5; background:linear-gradient(145deg,#fff,#f8fbfc); box-shadow:0 4px 12px rgba(13,50,61,.05); }
.test-results-report-status-card[b-5vpr3p096z]::before { content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background:#8b98a0; }
.test-results-report-status-card:nth-child(2)[b-5vpr3p096z]::before { background:#d78a12; }
.test-results-report-status-card:nth-child(3)[b-5vpr3p096z]::before { background:#32a365; }
.test-results-report-status-card:nth-child(4)[b-5vpr3p096z]::before { background:#d9534f; }
.test-results-report-priority-card[b-5vpr3p096z] { position:relative; overflow:hidden; border-color:#d4e1e5; background:linear-gradient(145deg,#fff,#f8fbfc); box-shadow:0 4px 12px rgba(13,50,61,.05); }
.test-results-report-priority-card[b-5vpr3p096z]::before { content:""; position:absolute; top:0; left:0; right:0; height:4px; background:#7b61a8; }
.test-results-report-priority-card:nth-child(2)[b-5vpr3p096z]::before { background:#d78a12; }
.test-results-report-execution-card[b-5vpr3p096z] { border-color:#c8dce2; background:#fff; box-shadow:0 4px 16px rgba(13,50,61,.06); }
.test-results-report-execution-header[b-5vpr3p096z] { border-top:4px solid #0e8ca5; background:linear-gradient(90deg,#edf8fa,#f9fcfd); }
.test-results-report-run-card[b-5vpr3p096z] { border-color:#d4e2e6; box-shadow:0 2px 8px rgba(13,50,61,.04); }
.test-results-report-run-heading[b-5vpr3p096z] { background:#f0f7f9; }
.test-results-report-badge-passed[b-5vpr3p096z] { background:#e8f6ed; border-color:#a9d7b9; color:#236b3c; }
.test-results-report-badge-failed[b-5vpr3p096z] { background:#fdeeed; border-color:#efb8b3; color:#a9352f; }
.test-results-report-badge-conditional[b-5vpr3p096z] { background:#fff4dd; border-color:#eac878; color:#8c5a00; }
.test-results-report-badge-progress[b-5vpr3p096z] { background:#eaf4fb; border-color:#b8d7ea; color:#23627d; }

/* /Components/Pages/TestResultsReportPrint.razor.rz.scp.css */
.test-print-view[b-tlv75eqxbt] {
    width: 100%;
    color: #062f43;
    font-family: "Segoe UI", Arial, sans-serif;
}

.test-print-toolbar[b-tlv75eqxbt] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    width: 297mm;
    margin: 0 auto 12px;
}

.test-print-toolbar-button[b-tlv75eqxbt] {
    min-width: 148px;
    height: 42px;
    padding: 0 18px;
    border: 1px solid #0d3240;
    border-radius: 0;
    background: #ffffff;
    color: #0d3240;
    font: 700 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.test-print-toolbar-button-primary[b-tlv75eqxbt] {
    background: #0d3240;
    color: #ffffff;
}

.test-print-sheet[b-tlv75eqxbt],
.test-print-state[b-tlv75eqxbt] {
    width: 297mm;
    margin: 0 auto;
    box-sizing: border-box;
    background: #ffffff;
}

.test-print-sheet[b-tlv75eqxbt] {
    min-height: 210mm;
    padding: 8mm 10mm 7mm;
    border-top: 2mm solid #0787a0;
    box-shadow: 0 8px 28px rgba(13, 50, 61, .14);
}

.test-print-state[b-tlv75eqxbt] {
    padding: 16mm;
}

.test-print-state-error[b-tlv75eqxbt] {
    border-left: 4px solid #c63b32;
}

.test-print-header[b-tlv75eqxbt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10mm;
    padding-bottom: 4mm;
    border-bottom: 1px solid #bdd0d8;
    background: linear-gradient(
        90deg,
        rgba(13, 50, 64, .04) 0%,
        rgba(8, 135, 160, .02) 58%,
        rgba(8, 135, 160, .09) 100%);
}

.test-print-kicker[b-tlv75eqxbt] {
    color: #0d4f76;
    font-size: 8pt;
    font-weight: 800;
    letter-spacing: .05em;
}

.test-print-header h1[b-tlv75eqxbt] {
    margin: 1.5mm 0 .8mm;
    color: #062f43;
    font-size: 23pt;
    line-height: 1.05;
}

.test-print-header p[b-tlv75eqxbt] {
    margin: 0;
    color: #5c707b;
    font-size: 8pt;
}

.test-print-brand[b-tlv75eqxbt] {
    display: flex;
    align-items: center;
    gap: 3mm;
    flex: 0 0 auto;
}

.test-print-brand-mark[b-tlv75eqxbt] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    gap: 1.5mm;
    width: 15mm;
    height: 18mm;
    padding: 2.6mm 2.2mm;
    box-sizing: border-box;
    border: 2px solid #0d4f76;
    background: linear-gradient(180deg, #ffffff 0%, #eef7fb 100%);
}

.test-print-brand-mark span[b-tlv75eqxbt] {
    display: block;
    height: 2.2mm;
    border-radius: .5mm;
    background: linear-gradient(90deg, #0d4f76 0%, #0a8aa2 100%);
}

.test-print-brand-text[b-tlv75eqxbt] {
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.test-print-brand-text strong[b-tlv75eqxbt] {
    color: #536069;
    font-size: 21pt;
    letter-spacing: -.04em;
}

.test-print-brand-text span[b-tlv75eqxbt] {
    color: #536069;
    font-size: 5.2pt;
    font-weight: 800;
}

.test-print-scope[b-tlv75eqxbt] {
    margin-top: 4mm;
    border: 1px solid #ccdbe1;
}

.test-print-section-band[b-tlv75eqxbt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 2mm 3mm;
    background: linear-gradient(90deg, #0d3240 0%, #145473 100%);
    color: #ffffff;
    font-size: 6.3pt;
    font-weight: 800;
}

.test-print-scope-grid[b-tlv75eqxbt] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.test-print-scope-grid > div[b-tlv75eqxbt] {
    padding: 2.5mm 3.5mm;
    border-right: 1px solid #d7e3e7;
    background: #fbfdfe;
}

.test-print-scope-grid > div:last-child[b-tlv75eqxbt] {
    border-right: 0;
}

.test-print-scope-grid span[b-tlv75eqxbt] {
    display: block;
    margin-bottom: .8mm;
    color: #607680;
    font-size: 5.8pt;
}

.test-print-scope-grid strong[b-tlv75eqxbt] {
    color: #062f43;
    font-size: 8.5pt;
}

.test-print-section[b-tlv75eqxbt] {
    margin-top: 4mm;
}

.test-print-section-title[b-tlv75eqxbt] {
    margin-bottom: 2mm;
    padding-left: 2.5mm;
    border-left: 1.2mm solid #0787a0;
    color: #0d4f76;
    font-size: 7.8pt;
    font-weight: 800;
    letter-spacing: .04em;
}

.test-print-kpi-grid[b-tlv75eqxbt] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 1.7mm;
}

.test-print-kpi-card[b-tlv75eqxbt] {
    min-height: 22mm;
    padding: 2.4mm;
    box-sizing: border-box;
    border: 1px solid #cddce2;
    border-top: 2.2mm solid #0787a0;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbfc 100%);
}

.test-print-kpi-card:nth-child(2)[b-tlv75eqxbt] { border-top-color: #2f9854; }
.test-print-kpi-card:nth-child(3)[b-tlv75eqxbt] { border-top-color: #d1493f; }
.test-print-kpi-card:nth-child(4)[b-tlv75eqxbt] { border-top-color: #d98208; }
.test-print-kpi-card:nth-child(5)[b-tlv75eqxbt] { border-top-color: #3e70c8; }
.test-print-kpi-card:nth-child(6)[b-tlv75eqxbt] { border-top-color: #8b58b8; }

.test-print-kpi-card span[b-tlv75eqxbt] {
    display: block;
    min-height: 4.7mm;
    color: #31525e;
    font-size: 6pt;
    font-weight: 700;
}

.test-print-kpi-card strong[b-tlv75eqxbt] {
    display: block;
    margin-top: .7mm;
    color: #073c56;
    font-size: 15pt;
    line-height: 1;
}

.test-print-kpi-card small[b-tlv75eqxbt] {
    display: block;
    margin-top: 1mm;
    color: #607680;
    font-size: 5.2pt;
}

.test-print-overall[b-tlv75eqxbt] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 2mm 8mm;
    margin-top: 2mm;
    padding: 2.5mm 3mm;
    border: 1px solid #cddce2;
    background: #f8fbfc;
}

.test-print-overall > div:first-child[b-tlv75eqxbt] {
    display: flex;
    align-items: baseline;
    gap: 3mm;
}

.test-print-overall span[b-tlv75eqxbt] {
    color: #31525e;
    font-size: 6.5pt;
    font-weight: 800;
}

.test-print-overall strong[b-tlv75eqxbt] {
    color: #0d4f76;
    font-size: 16pt;
}

.test-print-overall-detail[b-tlv75eqxbt] {
    align-self: center;
    justify-self: end;
    color: #607680;
    font-size: 5.8pt;
}

.test-print-bar[b-tlv75eqxbt] {
    grid-column: 1 / -1;
    height: 1.8mm;
    overflow: hidden;
    background: #dfe8ec;
}

.test-print-bar > div[b-tlv75eqxbt],
.test-print-row-track > div[b-tlv75eqxbt] {
    height: 100%;
    background: linear-gradient(90deg, #0d7187 0%, #0aa0b4 100%);
}

.test-print-status-grid[b-tlv75eqxbt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1.7mm;
}

.test-print-status-card[b-tlv75eqxbt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 13mm;
    padding: 2mm 2.5mm;
    box-sizing: border-box;
    border: 1px solid #cddce2;
    background: #f8fbfc;
}

.test-print-status-card span[b-tlv75eqxbt] {
    color: #31525e;
    font-size: 6pt;
    font-weight: 800;
}

.test-print-status-card strong[b-tlv75eqxbt] {
    color: #0d4f76;
    font-size: 14pt;
}

.test-print-table[b-tlv75eqxbt] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.test-print-table th[b-tlv75eqxbt],
.test-print-table td[b-tlv75eqxbt] {
    padding: 1.7mm 2mm;
    border: 1px solid #cddce2;
    text-align: left;
    vertical-align: middle;
    font-size: 5.8pt;
    line-height: 1.15;
}

.test-print-table th[b-tlv75eqxbt] {
    background: linear-gradient(180deg, #edf4f7 0%, #e2ecef 100%);
    color: #123f52;
    font-weight: 800;
}

.test-print-table tbody tr:nth-child(even) td[b-tlv75eqxbt] {
    background: #fbfdfe;
}

.test-print-empty[b-tlv75eqxbt] {
    padding: 5mm !important;
    text-align: center !important;
    color: #607680;
}

.test-print-row-progress strong[b-tlv75eqxbt] {
    display: block;
    margin-bottom: .7mm;
    color: #0d4f76;
    font-size: 5.8pt;
}

.test-print-row-track[b-tlv75eqxbt] {
    height: 1.4mm;
    overflow: hidden;
    background: #dfe8ec;
}

.test-print-footer[b-tlv75eqxbt] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8mm;
    margin-top: 4mm;
    padding-top: 2mm;
    border-top: 1px solid #86aab8;
    color: #506b76;
    font-size: 5.5pt;
}

.test-print-footer > div:first-child[b-tlv75eqxbt] {
    display: flex;
    flex-direction: column;
    gap: .6mm;
}

.test-print-footer strong[b-tlv75eqxbt] {
    color: #173f50;
}

.test-print-no-break[b-tlv75eqxbt] {
    break-inside: avoid;
    page-break-inside: avoid;
}

@page {
    size: A4 landscape;
    margin: 5mm;
}

@media print {
    html[b-tlv75eqxbt],
    body[b-tlv75eqxbt] {
        margin: 0 !important;
        padding: 0 !important;
        background: #ffffff !important;
    }

    .test-print-toolbar[b-tlv75eqxbt] {
        display: none !important;
    }

    .test-print-view[b-tlv75eqxbt] {
        width: 100%;
    }

    .test-print-sheet[b-tlv75eqxbt],
    .test-print-state[b-tlv75eqxbt] {
        width: auto;
        min-height: 0;
        margin: 0;
        padding: 0;
        box-shadow: none;
    }

    .test-print-sheet[b-tlv75eqxbt] {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

    .test-print-header[b-tlv75eqxbt] {
        gap: 8mm;
        padding-bottom: 3mm;
    }

    .test-print-header h1[b-tlv75eqxbt] {
        font-size: 18pt;
    }

    .test-print-header p[b-tlv75eqxbt] {
        font-size: 7.2pt;
    }

    .test-print-brand-mark[b-tlv75eqxbt] {
        width: 13mm;
        height: 15mm;
    }

    .test-print-brand-text strong[b-tlv75eqxbt] {
        font-size: 17pt;
    }

    .test-print-scope[b-tlv75eqxbt],
    .test-print-section[b-tlv75eqxbt] {
        margin-top: 3mm;
    }

    .test-print-kpi-grid[b-tlv75eqxbt],
    .test-print-status-grid[b-tlv75eqxbt] {
        gap: 1.3mm;
    }

    .test-print-kpi-card[b-tlv75eqxbt] {
        min-height: 19mm;
        padding: 1.8mm;
    }

    .test-print-kpi-card strong[b-tlv75eqxbt] {
        font-size: 13pt;
    }

    .test-print-overall[b-tlv75eqxbt] {
        margin-top: 1.5mm;
        padding: 2mm 2.5mm;
    }

    .test-print-table th[b-tlv75eqxbt],
    .test-print-table td[b-tlv75eqxbt] {
        padding: 1.35mm 1.6mm;
        font-size: 5.4pt;
    }

    .test-print-system-section[b-tlv75eqxbt] {
        break-before: auto !important;
        page-break-before: auto !important;
        margin-top: 3mm;
    }

    .test-print-table thead[b-tlv75eqxbt] {
        display: table-header-group;
    }

    .test-print-table tr[b-tlv75eqxbt] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .test-print-footer[b-tlv75eqxbt] {
        margin-top: 3mm;
        padding-top: 1.8mm;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .test-print-section[b-tlv75eqxbt],
    .test-print-footer[b-tlv75eqxbt] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}

.test-print-execution-section[b-tlv75eqxbt] {
    break-before: page;
    page-break-before: always;
}

.test-print-execution-empty[b-tlv75eqxbt] {
    padding: 5mm;
    border: 1px solid #cddce2;
    background: #f8fbfc;
    color: #607680;
    font-size: 6pt;
    text-align: center;
}

.test-print-execution-list[b-tlv75eqxbt] {
    display: flex;
    flex-direction: column;
    gap: 3mm;
}

.test-print-execution-card[b-tlv75eqxbt] {
    border: 1px solid #c8d9e0;
    border-top: 1.2mm solid #0787a0;
    background: #ffffff;
}

.test-print-execution-header[b-tlv75eqxbt] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 6mm;
    padding: 2.8mm 3mm;
    border-bottom: 1px solid #d7e3e7;
    background: #f7fafb;
}

.test-print-execution-code[b-tlv75eqxbt] {
    margin-bottom: .7mm;
    color: #0d7187;
    font-size: 5.8pt;
    font-weight: 800;
    letter-spacing: .04em;
}

.test-print-execution-header h2[b-tlv75eqxbt] {
    margin: 0;
    color: #062f43;
    font-size: 10pt;
    line-height: 1.15;
}

.test-print-execution-header p[b-tlv75eqxbt] {
    margin: .8mm 0 0;
    color: #607680;
    font-size: 5.6pt;
}

.test-print-execution-badges[b-tlv75eqxbt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 1mm;
}

.test-print-execution-state[b-tlv75eqxbt] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .45mm;
}

.test-print-execution-state-label[b-tlv75eqxbt] {
    color: #607680;
    font-size: 4.7pt;
    font-weight: 800;
    letter-spacing: .05em;
    line-height: 1;
    text-transform: uppercase;
}

.test-print-badge[b-tlv75eqxbt] {
    display: inline-block;
    padding: .7mm 1.4mm;
    border: 1px solid #cbd9df;
    background: #f3f7f8;
    color: #4c6570;
    font-size: 5.2pt;
    font-weight: 800;
    white-space: nowrap;
}

.test-results-report-badge-passed[b-tlv75eqxbt] {
    border-color: #b4d9c0;
    background: #eef8f1;
    color: #23703d;
}

.test-results-report-badge-failed[b-tlv75eqxbt] {
    border-color: #e9b8b2;
    background: #fff0ef;
    color: #a92e27;
}

.test-results-report-badge-conditional[b-tlv75eqxbt] {
    border-color: #e8ca8d;
    background: #fff7e6;
    color: #986200;
}

.test-results-report-badge-progress[b-tlv75eqxbt] {
    border-color: #b6d4de;
    background: #eef7fa;
    color: #17677b;
}

.test-results-report-badge-neutral[b-tlv75eqxbt] {
    border-color: #cbd9df;
    background: #f3f7f8;
    color: #536b77;
}

.test-print-execution-meta-grid[b-tlv75eqxbt] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    border-bottom: 1px solid #d7e3e7;
}

.test-print-execution-meta-grid > div[b-tlv75eqxbt] {
    padding: 1.8mm 2mm;
    border-right: 1px solid #d7e3e7;
}

.test-print-execution-meta-grid > div:last-child[b-tlv75eqxbt] {
    border-right: 0;
}

.test-print-execution-meta-grid span[b-tlv75eqxbt],
.test-print-run-meta-grid span[b-tlv75eqxbt],
.test-print-run-text-grid span[b-tlv75eqxbt] {
    display: block;
    margin-bottom: .5mm;
    color: #667b85;
    font-size: 4.8pt;
    font-weight: 700;
}

.test-print-execution-meta-grid strong[b-tlv75eqxbt],
.test-print-run-meta-grid strong[b-tlv75eqxbt] {
    color: #123f52;
    font-size: 5.5pt;
}

.test-print-run-card[b-tlv75eqxbt] {
    margin: 2.5mm;
    border: 1px solid #d3e0e5;
    background: #ffffff;
}

.test-print-run-heading[b-tlv75eqxbt] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4mm;
    padding: 1.8mm 2mm;
    border-bottom: 1px solid #d7e3e7;
    background: #f6f9fa;
}

.test-print-run-heading > div[b-tlv75eqxbt] {
    display: flex;
    flex-direction: column;
    gap: .5mm;
}

.test-print-run-heading strong[b-tlv75eqxbt] {
    color: #0d4f76;
    font-size: 6.2pt;
}

.test-print-run-heading span[b-tlv75eqxbt] {
    color: #607680;
    font-size: 5pt;
}

.test-print-run-meta-grid[b-tlv75eqxbt] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-bottom: 1px solid #d7e3e7;
}

.test-print-run-meta-grid > div[b-tlv75eqxbt] {
    padding: 1.5mm 2mm;
    border-right: 1px solid #d7e3e7;
}

.test-print-run-meta-grid > div:last-child[b-tlv75eqxbt] {
    border-right: 0;
}

.test-print-run-text-grid[b-tlv75eqxbt] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    border-bottom: 1px solid #d7e3e7;
}

.test-print-run-text-grid > div[b-tlv75eqxbt] {
    min-height: 12mm;
    padding: 1.7mm 2mm;
    border-right: 1px solid #d7e3e7;
}

.test-print-run-text-grid > div:last-child[b-tlv75eqxbt] {
    border-right: 0;
}

.test-print-run-text-grid p[b-tlv75eqxbt] {
    margin: 0;
    color: #345766;
    font-size: 5.3pt;
    line-height: 1.3;
    white-space: pre-wrap;
}

.test-print-detail-subsection[b-tlv75eqxbt] {
    padding: 1.8mm 2mm;
    border-bottom: 1px solid #d7e3e7;
}

.test-print-detail-subsection:last-child[b-tlv75eqxbt] {
    border-bottom: 0;
}

.test-print-detail-subsection h3[b-tlv75eqxbt] {
    margin: 0 0 1.2mm;
    color: #284f60;
    font-size: 5.8pt;
}

.test-print-detail-table[b-tlv75eqxbt] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.test-print-detail-table th[b-tlv75eqxbt],
.test-print-detail-table td[b-tlv75eqxbt] {
    padding: 1.1mm 1.3mm;
    border: 1px solid #d7e3e7;
    text-align: left;
    vertical-align: top;
    font-size: 4.8pt;
    line-height: 1.2;
    overflow-wrap: anywhere;
}

.test-print-detail-table th[b-tlv75eqxbt] {
    background: #eef4f6;
    color: #31525e;
    font-weight: 800;
}

@media print {
    .test-print-execution-section[b-tlv75eqxbt] {
        break-before: page !important;
        page-break-before: always !important;
        break-inside: auto !important;
        page-break-inside: auto !important;
    }

    .test-print-execution-card[b-tlv75eqxbt] {
        break-inside: auto;
        page-break-inside: auto;
    }

    /*
       Print pagination: flex-column fragmentation is unreliable in browser print.
       Render the run list as normal block flow so page-break-inside on each run
       card is respected whenever that run can fit on one page.
    */
    .test-print-execution-list[b-tlv75eqxbt] {
        display: block !important;
    }

    .test-print-execution-header[b-tlv75eqxbt],
    .test-print-execution-meta-grid[b-tlv75eqxbt],
    .test-print-run-heading[b-tlv75eqxbt],
    .test-print-run-meta-grid[b-tlv75eqxbt],
    .test-print-detail-subsection h3[b-tlv75eqxbt] {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .test-print-run-card[b-tlv75eqxbt] {
        margin: 0 2.5mm 3mm;
        break-inside: avoid !important;
        page-break-inside: avoid !important;
    }

    .test-print-detail-table thead[b-tlv75eqxbt] {
        display: table-header-group;
    }

    .test-print-detail-table tr[b-tlv75eqxbt] {
        break-inside: avoid;
        page-break-inside: avoid;
    }
}
/* /Components/Pages/UserManagement.razor.rz.scp.css */
*[b-ehlqefn6ot] {
    box-sizing: border-box;
}

.cms-users-page[b-ehlqefn6ot] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 8px 4px 42px;
    color: #0d3240;
    font-family: "Segoe UI", Arial, sans-serif;
}

.cms-users-header[b-ehlqefn6ot] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 30px;
    border-bottom: 1px solid #bfd0d6;
}

.cms-users-heading[b-ehlqefn6ot] {
    display: flex;
    align-items: center;
    gap: 20px;
}

.cms-users-heading-icon[b-ehlqefn6ot] {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #bdd8df;
    border-radius: 5px;
    background: #eaf5f7;
    font-size: 31px;
}

.cms-users-heading span[b-ehlqefn6ot],
.cms-users-register-heading span[b-ehlqefn6ot] {
    display: block;
    margin-bottom: 4px;
    color: #5c737c;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .06em;
}

.cms-users-heading h1[b-ehlqefn6ot] {
    margin: 0;
    color: #062f3e;
    font-size: 36px;
    line-height: 1.15;
}

.cms-users-heading p[b-ehlqefn6ot] {
    margin: 7px 0 0;
    color: #617780;
    font-size: 15px;
}

.cms-users-header > button[b-ehlqefn6ot] {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 18px;
    border: 1px solid #0a6074;
    border-radius: 4px;
    color: #fff;
    background: #0c6e83;
    font: 700 14px "Segoe UI", Arial, sans-serif;
}

.cms-users-header > button:disabled[b-ehlqefn6ot] {
    opacity: .55;
    cursor: not-allowed;
}

.cms-users-header > button:hover:not(:disabled)[b-ehlqefn6ot] {
    background: #09586b;
}

.cms-users-kpis[b-ehlqefn6ot] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-top: 30px;
}

.cms-users-kpis article[b-ehlqefn6ot] {
    min-height: 106px;
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px;
    border: 1px solid #d2dfe3;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(15, 55, 69, .06);
}

.cms-users-kpi-icon[b-ehlqefn6ot] {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid;
    border-radius: 5px;
    font-size: 23px;
    font-weight: 800;
}

.cms-users-kpi-icon-total[b-ehlqefn6ot] {
    border-color: #bdd8df;
    color: #17697d;
    background: #eaf5f7;
}

.cms-users-kpi-icon-active[b-ehlqefn6ot] {
    border-color: #b9dbc8;
    color: #247c4b;
    background: #eaf6ef;
}

.cms-users-kpi-icon-inactive[b-ehlqefn6ot] {
    border-color: #d3dce0;
    color: #65777e;
    background: #f1f4f5;
}

.cms-users-kpi-icon-admin[b-ehlqefn6ot] {
    border-color: #d4cae8;
    color: #7453aa;
    background: #f2eef9;
}

.cms-users-kpis article span[b-ehlqefn6ot] {
    display: block;
    color: #58717b;
    font-size: 13px;
    font-weight: 700;
}

.cms-users-kpis article strong[b-ehlqefn6ot] {
    display: block;
    margin-top: 2px;
    color: #062f3e;
    font-size: 27px;
}

.cms-users-register[b-ehlqefn6ot] {
    margin-top: 34px;
}

.cms-users-register-heading[b-ehlqefn6ot] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.cms-users-register-heading h2[b-ehlqefn6ot] {
    margin: 0;
    color: #062f3e;
    font-size: 27px;
}

.cms-users-register-heading p[b-ehlqefn6ot] {
    margin: 0;
    color: #667c84;
    font-size: 14px;
}

.cms-users-table-wrapper[b-ehlqefn6ot] {
    overflow-x: auto;
    border: 1px solid #cfdee3;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 5px 15px rgba(15, 55, 69, .05);
}

.cms-users-table[b-ehlqefn6ot] {
    width: 100%;
    min-width: 1220px;
    border-collapse: collapse;
}

.cms-users-table th[b-ehlqefn6ot] {
    padding: 14px 16px;
    border-bottom: 1px solid #c8d8dd;
    color: #49636d;
    background: #f3f7f8;
    font-size: 12px;
    font-weight: 800;
    text-align: left;
    text-transform: uppercase;
}

.cms-users-table td[b-ehlqefn6ot] {
    padding: 15px 16px;
    border-bottom: 1px solid #dde7ea;
    color: #34525d;
    font-size: 13px;
    vertical-align: middle;
}

.cms-users-table tbody tr:last-child td[b-ehlqefn6ot] {
    border-bottom: 0;
}

.cms-users-table tbody tr:hover[b-ehlqefn6ot] {
    background: #f9fbfc;
}

.cms-users-person[b-ehlqefn6ot] {
    display: flex;
    align-items: center;
    gap: 11px;
}

.cms-users-avatar[b-ehlqefn6ot] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #286477;
    font-size: 12px;
    font-weight: 800;
}

.cms-users-person strong[b-ehlqefn6ot] {
    display: block;
    color: #123b49;
    font-size: 14px;
}

.cms-users-owner-badge[b-ehlqefn6ot] {
    display: inline-block;
    margin-top: 3px;
    color: #7a5b14;
    font-size: 10px;
    font-weight: 700;
}

.cms-users-role-badge[b-ehlqefn6ot] {
    display: inline-flex;
    padding: 4px 8px;
    border: 1px solid #c9dbe0;
    border-radius: 4px;
    color: #295766;
    background: #edf5f7;
    font-size: 11px;
    font-weight: 700;
}

.cms-users-access-badge[b-ehlqefn6ot] {
    color: #345965;
    font-size: 12px;
    font-weight: 700;
}

.cms-users-email[b-ehlqefn6ot] {
    color: #34525d;
    font-size: 12px;
}

.cms-users-email-missing[b-ehlqefn6ot] {
    color: #9a6b13;
    font-size: 11px;
    font-weight: 700;
}

.cms-users-status[b-ehlqefn6ot] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.cms-users-status > span[b-ehlqefn6ot] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.cms-users-status-active[b-ehlqefn6ot] {
    color: #247a49;
}

.cms-users-status-active > span[b-ehlqefn6ot] {
    background: #37b66c;
    box-shadow: 0 0 0 3px #ddf4e7;
}

.cms-users-status-inactive[b-ehlqefn6ot] {
    color: #a33b48;
}

.cms-users-status-inactive > span[b-ehlqefn6ot] {
    background: #d74b5b;
    box-shadow: 0 0 0 3px #fae2e5;
}

.cms-users-protected-account[b-ehlqefn6ot] {
    color: #7b672c;
    font-size: 11px;
    font-weight: 700;
}

.cms-users-status-action[b-ehlqefn6ot] {
    min-width: 88px;
    min-height: 32px;
    padding: 5px 9px;
    border: 1px solid;
    border-radius: 4px;
    background: #fff;
    font: 700 11px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.cms-users-status-action-disable[b-ehlqefn6ot] {
    border-color: #dfb9bf;
    color: #a03947;
}

.cms-users-status-action-disable:hover:not(:disabled)[b-ehlqefn6ot] {
    background: #fff1f2;
}

.cms-users-status-action-enable[b-ehlqefn6ot] {
    border-color: #aad1b8;
    color: #247846;
}

.cms-users-status-action-enable:hover:not(:disabled)[b-ehlqefn6ot] {
    background: #eef9f2;
}

.cms-users-status-action:disabled[b-ehlqefn6ot] {
    opacity: .6;
    cursor: not-allowed;
}

.cms-users-row-actions[b-ehlqefn6ot] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.cms-users-edit-action[b-ehlqefn6ot] {
    min-width: 54px;
    min-height: 32px;
    padding: 5px 9px;
    border: 1px solid #9fc4cd;
    border-radius: 4px;
    color: #155d70;
    background: #edf7f9;
    font: 700 11px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.cms-users-edit-action:hover[b-ehlqefn6ot] {
    background: #dff0f4;
}

.cms-users-reset-action[b-ehlqefn6ot] {
    min-width: 100px;
    min-height: 32px;
    padding: 5px 9px;
    border: 1px solid #b8cbd1;
    border-radius: 4px;
    color: #315965;
    background: #fff;
    font: 700 11px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.cms-users-reset-action:hover[b-ehlqefn6ot] {
    background: #eef6f8;
}

.cms-users-state[b-ehlqefn6ot],
.cms-users-error[b-ehlqefn6ot] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 28px;
    border: 1px solid #cfdee3;
    border-radius: 5px;
    color: #647a82;
    background: #fff;
    text-align: center;
}

.cms-users-state-icon[b-ehlqefn6ot] {
    font-size: 31px;
}

.cms-users-state strong[b-ehlqefn6ot],
.cms-users-error strong[b-ehlqefn6ot] {
    color: #143e4c;
    font-size: 16px;
}

.cms-users-error[b-ehlqefn6ot] {
    border-color: #e1c4c8;
    color: #a13d49;
    background: #fff8f8;
}

.cms-users-success[b-ehlqefn6ot] {
    position: fixed;
    z-index: 1200;
    right: 28px;
    bottom: 28px;
    display: flex;
    align-items: center;
    gap: 9px;
    max-width: 440px;
    padding: 13px 17px;
    border: 1px solid #9fd2b2;
    border-radius: 4px;
    color: #17663a;
    background: #e4f5eb;
    box-shadow: 0 8px 24px rgba(15, 55, 69, .14);
    font-size: 13px;
    font-weight: 700;
}

.cms-users-success > span[b-ehlqefn6ot] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: #2a9657;
}

.cms-users-modal-backdrop[b-ehlqefn6ot] {
    position: fixed;
    z-index: 1100;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: rgba(7, 35, 45, .58);
}

.cms-users-modal[b-ehlqefn6ot] {
    width: min(760px, 100%);
    overflow: visible;
    border-top: 4px solid #0c7085;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0 20px 55px rgba(0, 24, 33, .28);
}

.cms-users-modal > header[b-ehlqefn6ot] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 24px 0;
}

.cms-users-modal > header span[b-ehlqefn6ot] {
    display: block;
    margin-bottom: 4px;
    color: #60767f;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .07em;
}

.cms-users-modal > header h2[b-ehlqefn6ot] {
    margin: 0;
    color: #0c3442;
    font-size: 28px;
}

.cms-users-modal > header > button[b-ehlqefn6ot] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    padding: 0;
    border: 1px solid #cedce0;
    border-radius: 4px;
    color: #48626c;
    background: #f5f8f9;
    font-size: 23px;
    line-height: 1;
    cursor: pointer;
}

.cms-users-modal-description[b-ehlqefn6ot] {
    margin: 6px 24px 0;
    color: #667b83;
    font-size: 14px;
}

.cms-users-create-error[b-ehlqefn6ot] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 12px 24px 0;
    padding: 11px 13px;
    border: 1px solid #e2c3c7;
    border-radius: 4px;
    color: #9b2937;
    background: #fcebed;
    font-size: 12px;
}

.cms-users-modal[b-ehlqefn6ot]  .cms-users-create-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px 16px;
    padding: 16px 24px 20px;
}

.cms-users-reset-modal[b-ehlqefn6ot] {
    width: min(620px, 100%);
}

.cms-users-reset-modal[b-ehlqefn6ot]  .cms-users-reset-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 13px 16px;
    padding: 20px 24px 24px;
}

.cms-users-edit-modal[b-ehlqefn6ot] {
    width: min(760px, 100%);
}

.cms-users-edit-modal[b-ehlqefn6ot]  .cms-users-edit-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px 16px;
    padding: 16px 24px 20px;
}

.cms-users-field[b-ehlqefn6ot] {
    min-width: 0;
}

.cms-users-field-wide[b-ehlqefn6ot] {
    grid-column: 1 / -1;
}

.cms-users-field label[b-ehlqefn6ot] {
    display: block;
    margin-bottom: 6px;
    color: #294a56;
    font-size: 13px;
    font-weight: 700;
}

.cms-users-field[b-ehlqefn6ot]  input,
.cms-users-field[b-ehlqefn6ot]  select {
    width: 100%;
    height: 43px;
    padding: 0 12px;
    border: 1px solid #b9cbd1;
    border-radius: 4px;
    outline: 0;
    color: #163945;
    background: #fff;
    font: 14px "Segoe UI", Arial, sans-serif;
}

.cms-users-field[b-ehlqefn6ot]  input:focus,
.cms-users-field[b-ehlqefn6ot]  select:focus {
    border-color: #0d7187;
    box-shadow: 0 0 0 3px rgba(13, 113, 135, .12);
}

.cms-users-field[b-ehlqefn6ot]  .validation-message {
    display: block;
    margin-top: 4px;
    color: #ae2f3e;
    font-size: 11px;
}

.cms-users-password-note[b-ehlqefn6ot] {
    margin-top: -3px;
    color: #72848b;
    font-size: 11px;
    line-height: 1.45;
}

.cms-users-project-access[b-ehlqefn6ot] {
    min-width: 0;
    margin: 2px 0 0;
    padding: 0;
    border: 0;
}

.cms-users-project-access > legend[b-ehlqefn6ot] {
    margin-bottom: 5px;
    padding: 0;
    color: #294a56;
    font-size: 13px;
    font-weight: 700;
}

.cms-users-project-access[b-ehlqefn6ot]  .cms-users-access-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.cms-users-project-access[b-ehlqefn6ot]  .cms-users-access-options > label {
    min-height: 58px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 11px;
    border: 1px solid #cbdadf;
    border-radius: 4px;
    background: #f8fafb;
    cursor: pointer;
}

.cms-users-project-access[b-ehlqefn6ot]  .cms-users-access-options input {
    margin-top: 3px;
}

.cms-users-project-access[b-ehlqefn6ot]  .cms-users-access-options strong,
.cms-users-project-access[b-ehlqefn6ot]  .cms-users-access-options small {
    display: block;
}

.cms-users-project-access[b-ehlqefn6ot]  .cms-users-access-options strong {
    color: #173f4c;
    font-size: 13px;
}

.cms-users-project-access[b-ehlqefn6ot]  .cms-users-access-options small {
    margin-top: 3px;
    color: #6a7d84;
    font-size: 11px;
    line-height: 1.35;
}

.cms-users-project-dropdown[b-ehlqefn6ot] {
    position: relative;
    margin-top: 8px;
}

.cms-users-project-dropdown-trigger[b-ehlqefn6ot] {
    width: 100%;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 12px;
    border: 1px solid #b9cbd1;
    border-radius: 4px;
    color: #244b58;
    background: #fff;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.cms-users-project-dropdown-trigger:hover[b-ehlqefn6ot] {
    border-color: #7fa7b2;
}

.cms-users-project-dropdown-trigger > span:last-child[b-ehlqefn6ot] {
    color: #53717b;
    font-size: 9px;
}

.cms-users-project-dropdown-menu[b-ehlqefn6ot] {
    position: absolute;
    z-index: 20;
    top: calc(100% + 4px);
    right: 0;
    left: 0;
    max-height: 220px;
    overflow-y: auto;
    padding: 6px;
    border: 1px solid #b9cbd1;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(12, 50, 64, .18);
}

.cms-users-project-dropdown-menu > p[b-ehlqefn6ot] {
    margin: 0;
    padding: 11px;
    color: #6c7f86;
    font-size: 12px;
}

.cms-users-project-option[b-ehlqefn6ot] {
    width: 100%;
    min-height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 10px;
    border: 0;
    border-bottom: 1px solid #e2eaed;
    color: #173f4c;
    background: #fff;
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: left;
    cursor: pointer;
}

.cms-users-project-option:last-child[b-ehlqefn6ot] {
    border-bottom: 0;
}

.cms-users-project-option:hover[b-ehlqefn6ot] {
    background: #f0f7f8;
}

.cms-users-project-option-selected[b-ehlqefn6ot] {
    background: #e6f3f6;
}

.cms-users-project-option strong[b-ehlqefn6ot],
.cms-users-project-option small[b-ehlqefn6ot] {
    display: block;
}

.cms-users-project-option strong[b-ehlqefn6ot] {
    font-size: 12px;
}

.cms-users-project-option small[b-ehlqefn6ot] {
    margin-top: 2px;
    color: #74868d;
    font-size: 10px;
}

.cms-users-project-option em[b-ehlqefn6ot] {
    color: #14758a;
    font-size: 10px;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
}

.cms-users-project-error[b-ehlqefn6ot] {
    margin: 6px 0 0;
    color: #ae2f3e;
    font-size: 11px;
}

.cms-users-project-error[b-ehlqefn6ot] {
    margin-top: 6px;
    color: #ae2f3e;
}

.cms-users-modal-actions[b-ehlqefn6ot] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 3px;
    padding-top: 12px;
    border-top: 1px solid #dce6e9;
}

.cms-users-modal-actions button[b-ehlqefn6ot] {
    min-width: 120px;
    min-height: 42px;
    padding: 8px 16px;
    border: 1px solid #aebfc5;
    border-radius: 4px;
    color: #365560;
    background: #fff;
    font: 700 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.cms-users-modal-actions button[type="submit"][b-ehlqefn6ot] {
    border-color: #0a6074;
    color: #fff;
    background: #0c6e83;
}

.cms-users-modal-actions button:disabled[b-ehlqefn6ot] {
    opacity: .6;
    cursor: not-allowed;
}

@media (max-width: 1100px) {
    .cms-users-kpis[b-ehlqefn6ot] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .cms-users-header[b-ehlqefn6ot],
    .cms-users-register-heading[b-ehlqefn6ot] {
        align-items: flex-start;
        flex-direction: column;
    }

    .cms-users-header > button[b-ehlqefn6ot] {
        width: 100%;
    }

    .cms-users-kpis[b-ehlqefn6ot] {
        grid-template-columns: 1fr;
    }

    .cms-users-heading h1[b-ehlqefn6ot] {
        font-size: 30px;
    }

    .cms-users-modal-backdrop[b-ehlqefn6ot] {
        padding: 14px;
    }

    .cms-users-modal[b-ehlqefn6ot] {
        max-height: calc(100vh - 28px);
        overflow-y: auto;
    }

    .cms-users-modal[b-ehlqefn6ot]  .cms-users-create-form {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .cms-users-reset-modal[b-ehlqefn6ot]  .cms-users-reset-form {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .cms-users-edit-modal[b-ehlqefn6ot]  .cms-users-edit-form {
        grid-template-columns: 1fr;
        padding: 20px;
    }

    .cms-users-field[b-ehlqefn6ot],
    .cms-users-field-wide[b-ehlqefn6ot] {
        grid-column: 1;
    }

    .cms-users-project-access[b-ehlqefn6ot]  .cms-users-access-options {
        grid-template-columns: 1fr;
    }

    .cms-users-modal > header[b-ehlqefn6ot] {
        padding: 22px 20px 0;
    }

    .cms-users-modal-description[b-ehlqefn6ot],
    .cms-users-create-error[b-ehlqefn6ot] {
        margin-right: 20px;
        margin-left: 20px;
    }
}
/* /Components/Projects.razor.rz.scp.css */
.projects-page[b-8hogzkoykm] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: 26px 28px 40px;
    box-sizing: border-box;
}

.projects-header[b-8hogzkoykm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 24px;
}

.projects-heading[b-8hogzkoykm] {
    min-width: 0;
}

.projects-eyebrow[b-8hogzkoykm] {
    display: block;
    margin-bottom: 6px;
    color: #5c727b;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.projects-title[b-8hogzkoykm] {
    margin: 0;
    color: #092f3b;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.08;
}

.projects-subtitle[b-8hogzkoykm] {
    margin: 11px 0 0;
    color: #546d76;
    font-size: 16px;
    line-height: 1.45;
}

.projects-create-button[b-8hogzkoykm] {
    flex: 0 0 auto;
    margin-top: 16px;
    min-width: 174px;
    justify-content: center;
    text-decoration: none;
}

.projects-kpi-grid[b-8hogzkoykm] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    margin-bottom: 24px;
}

.projects-kpi-card[b-8hogzkoykm] {
    display: flex;
    align-items: center;
    gap: 18px;
    min-width: 0;
    min-height: 96px;
    padding: 18px 20px;
    border: 1px solid #d4dfe3;
    background: #ffffff;
    box-shadow: 0 4px 13px rgba(13, 50, 61, 0.055);
    box-sizing: border-box;
}

.projects-kpi-icon[b-8hogzkoykm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border: 1px solid transparent;
    font-size: 23px;
    box-sizing: border-box;
}

.projects-kpi-icon-total[b-8hogzkoykm] {
    border-color: #c7ddf4;
    background: #edf6ff;
}

.projects-kpi-icon-phases[b-8hogzkoykm] {
    border-color: #c4e4cf;
    background: #edf8f1;
    color: #168a45;
    font-weight: 700;
}

.projects-kpi-icon-checklists[b-8hogzkoykm] {
    border-color: #d7ccef;
    background: #f4f0fb;
}

.projects-kpi-icon-risk[b-8hogzkoykm] {
    border-color: #f1d0b5;
    background: #fff4eb;
    color: #cc6615;
}

.projects-kpi-content[b-8hogzkoykm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    width: 100%;
    min-width: 0;
}

.projects-kpi-content span[b-8hogzkoykm] {
    color: #334f59;
    font-size: 14px;
    font-weight: 600;
}

.projects-kpi-content strong[b-8hogzkoykm] {
    flex: 0 0 auto;
    color: #082f3b;
    font-size: 29px;
    font-weight: 700;
    line-height: 1;
}

.projects-table-card[b-8hogzkoykm] {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid #d4dfe3;
    background: #ffffff;
    box-shadow: 0 5px 16px rgba(13, 50, 61, 0.055);
    box-sizing: border-box;
}

.projects-toolbar[b-8hogzkoykm] {
    display: grid;
    grid-template-columns:
        minmax(260px, 2fr)
        minmax(160px, 1fr)
        minmax(190px, 1.15fr)
        minmax(150px, 0.9fr)
        auto;
    gap: 14px;
    align-items: end;
    padding: 18px 20px;
    border-bottom: 1px solid #d8e2e6;
    background: #f8fafb;
}

.projects-search-field[b-8hogzkoykm] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    height: 42px;
    padding: 0 13px;
    border: 1px solid #c8d4d9;
    background: #ffffff;
    box-sizing: border-box;
}

.projects-search-field > span[b-8hogzkoykm] {
    flex: 0 0 auto;
    color: #45616b;
    font-size: 24px;
    line-height: 1;
    transform: rotate(-15deg);
}

.projects-search-field input[b-8hogzkoykm] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: #173b47;
    font: 14px "Segoe UI", Arial, sans-serif;
}

.projects-search-field input[b-8hogzkoykm]::placeholder {
    color: #7a8f97;
}

.projects-filter-field[b-8hogzkoykm] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    height: 42px;
    padding: 0 10px 0 13px;
    border: 1px solid #c8d4d9;
    background: #ffffff;
    box-sizing: border-box;
}

.projects-filter-field > span[b-8hogzkoykm] {
    flex: 0 0 auto;
    color: #274650;
    font-size: 13px;
    font-weight: 600;
}

.projects-filter-field select[b-8hogzkoykm] {
    width: 100%;
    min-width: 0;
    height: 38px;
    padding: 0 26px 0 0;
    border: 0;
    outline: none;
    background-color: transparent;
    color: #657a82;
    font: 14px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.projects-clear-filters-button[b-8hogzkoykm] {
    min-width: 116px;
    height: 42px;
    padding: 0 16px;
    border: 1px solid #b9c9cf;
    border-radius: 0;
    background: #ffffff;
    color: #24434e;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.projects-clear-filters-button:hover[b-8hogzkoykm] {
    border-color: #0d6075;
    color: #07546a;
}

.projects-table-wrapper[b-8hogzkoykm] {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
}

.projects-table[b-8hogzkoykm] {
    width: 100%;
    min-width: 1160px;
    margin: 0;
    border-collapse: collapse;
    table-layout: auto;
}

.projects-table thead th[b-8hogzkoykm] {
    padding: 14px 16px;
    border-bottom: 1px solid #cfdce1;
    background: #ffffff;
    color: #203f49;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
}

.projects-table tbody td[b-8hogzkoykm] {
    padding: 13px 16px;
    border-bottom: 1px solid #dce5e8;
    color: #213d47;
    font-size: 14px;
    vertical-align: middle;
    white-space: nowrap;
}

.projects-table tbody tr:last-child td[b-8hogzkoykm] {
    border-bottom: 0;
}

.projects-table tbody tr:hover td[b-8hogzkoykm] {
    background: #f7fafb;
}

.projects-name-cell[b-8hogzkoykm] {
    min-width: 170px;
}

.projects-name-link[b-8hogzkoykm] {
    color: #006f91;
    font-weight: 600;
    text-decoration: none;
}

.projects-name-link:hover[b-8hogzkoykm] {
    color: #004f68;
    text-decoration: underline;
}

.projects-badge[b-8hogzkoykm] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 4px 10px;
    border: 1px solid #cbd7dc;
    border-radius: 0;
    background: #f8fafb;
    color: #35515b;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    box-sizing: border-box;
}

.projects-technology-badge-bess[b-8hogzkoykm] {
    border-color: #c4daf0;
    background: #edf5fc;
    color: #245d85;
}

.projects-technology-badge-solar[b-8hogzkoykm] {
    border-color: #bfe0c8;
    background: #eef8f0;
    color: #23713b;
}

.projects-technology-badge-substation[b-8hogzkoykm] {
    border-color: #dfd1b7;
    background: #fbf6ec;
    color: #76582a;
}

.projects-technology-badge-hybrid[b-8hogzkoykm] {
    border-color: #b8dfe2;
    background: #edf8f9;
    color: #17666c;
}

.projects-phase-badge[b-8hogzkoykm] {
    border-color: #b8c8cf;
    background: #ffffff;
    color: #425c65;
}

.projects-health-badge-healthy[b-8hogzkoykm],
.projects-checklist-badge-generated[b-8hogzkoykm] {
    border-color: #a9d8b7;
    background: #effaf2;
    color: #157039;
}

.projects-health-badge-risk[b-8hogzkoykm] {
    border-color: #edc568;
    background: #fff8e5;
    color: #9b6200;
}

.projects-health-badge-critical[b-8hogzkoykm] {
    border-color: #e8a8ae;
    background: #fff0f1;
    color: #a7212b;
}

.projects-health-badge-unknown[b-8hogzkoykm],
.projects-checklist-badge-empty[b-8hogzkoykm] {
    border-color: #cbd7dc;
    background: #f3f6f7;
    color: #5b7078;
}

.projects-actions-heading[b-8hogzkoykm],
.projects-actions-cell[b-8hogzkoykm] {
    text-align: right !important;
}

.projects-actions-cell[b-8hogzkoykm] {
    min-width: 126px;
}

.projects-open-button[b-8hogzkoykm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 62px;
    min-height: 34px;
    margin-right: 8px;
    padding: 6px 12px;
    border: 1px solid #78909a;
    background: #ffffff;
    color: #173b47;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box;
}

.projects-open-button:hover[b-8hogzkoykm] {
    border-color: #0d6075;
    background: #f0f7f9;
    color: #07546a;
}

.projects-empty-state[b-8hogzkoykm] {
    padding: 52px 24px !important;
    text-align: center;
    white-space: normal !important;
}

.projects-empty-state strong[b-8hogzkoykm],
.projects-empty-state span[b-8hogzkoykm] {
    display: block;
}

.projects-empty-state strong[b-8hogzkoykm] {
    margin-bottom: 7px;
    color: #173b47;
    font-size: 17px;
}

.projects-empty-state span[b-8hogzkoykm] {
    color: #637981;
    font-size: 14px;
}

.projects-table-footer[b-8hogzkoykm] {
    padding: 12px 18px;
    border-top: 1px solid #d8e2e6;
    background: #f8fafb;
    color: #60767e;
    font-size: 12px;
    text-align: right;
}

.projects-actions-heading[b-8hogzkoykm],
.projects-actions-cell[b-8hogzkoykm] {
    width: 126px;
    white-space: nowrap;
}

.projects-delete-button[b-8hogzkoykm] {
    width: 34px;
    min-width: 34px;
    height: 34px;
    min-height: 34px;
    padding: 0;
    border: 1px solid #e2b4b8;
    border-radius: 0;
    background: #ffffff;
    color: #b4232d;
    font: 400 15px "Segoe UI Emoji", "Segoe UI", Arial, sans-serif;
    cursor: pointer;
    transition:
        background-color 0.16s ease,
        color 0.16s ease,
        border-color 0.16s ease;
}

.projects-delete-button:hover[b-8hogzkoykm] {
    border-color: #a91f29;
    background: #b4232d;
    color: #ffffff;
}

@media (max-width: 1380px) {
    .projects-kpi-grid[b-8hogzkoykm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .projects-toolbar[b-8hogzkoykm] {
        grid-template-columns: minmax(260px, 2fr) repeat(3, minmax(150px, 1fr));
    }

    .projects-clear-filters-button[b-8hogzkoykm] {
        grid-column: 4;
        justify-self: end;
    }
}

@media (max-width: 900px) {
    .projects-page[b-8hogzkoykm] {
        padding: 22px 18px 34px;
    }

    .projects-toolbar[b-8hogzkoykm] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .projects-search-field[b-8hogzkoykm] {
        grid-column: 1 / -1;
    }

    .projects-clear-filters-button[b-8hogzkoykm] {
        grid-column: auto;
        justify-self: stretch;
    }
}

@media (max-width: 620px) {
    .projects-header[b-8hogzkoykm] {
        align-items: stretch;
        flex-direction: column;
    }

    .projects-title[b-8hogzkoykm] {
        font-size: 34px;
    }

    .projects-create-button[b-8hogzkoykm] {
        width: 100%;
        margin-top: 0;
    }

    .projects-kpi-grid[b-8hogzkoykm],
    .projects-toolbar[b-8hogzkoykm] {
        grid-template-columns: minmax(0, 1fr);
    }

    .projects-search-field[b-8hogzkoykm],
    .projects-clear-filters-button[b-8hogzkoykm] {
        grid-column: auto;
    }
}


.projects-delete-button:focus-visible[b-8hogzkoykm],
.projects-confirm-delete-button:focus-visible[b-8hogzkoykm],
.projects-delete-modal-close:focus-visible[b-8hogzkoykm] {
    outline: 3px solid rgba(13, 96, 117, 0.25);
    outline-offset: 2px;
}

.projects-modal-backdrop[b-8hogzkoykm] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    overflow-y: auto;
    background: rgba(8, 35, 44, 0.58);
    box-sizing: border-box;
}

.projects-delete-modal[b-8hogzkoykm] {
    position: relative;
    width: min(100%, 620px);
    max-height: calc(100vh - 48px);
    overflow-y: auto;
    border: 1px solid #ccd8dc;
    background: #ffffff;
    box-shadow: 0 20px 54px rgba(7, 31, 40, 0.24);
}

.projects-delete-modal-accent[b-8hogzkoykm] {
    height: 5px;
    background: #b4232d;
}

.projects-delete-modal-header[b-8hogzkoykm] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 28px 30px 20px;
}

.projects-delete-modal-eyebrow[b-8hogzkoykm] {
    display: block;
    margin-bottom: 7px;
    color: #8f2530;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.projects-delete-modal-header h2[b-8hogzkoykm] {
    margin: 0;
    color: #0d323d;
    font-size: 30px;
    font-weight: 500;
    line-height: 1.15;
}

.projects-delete-modal-close[b-8hogzkoykm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border: 1px solid #cad7dc;
    border-radius: 0;
    background: #f5f8f9;
    color: #365762;
    font: 400 27px/1 "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.projects-delete-modal-close:hover:not(:disabled)[b-8hogzkoykm] {
    background: #e9f0f2;
    color: #0d323d;
}

.projects-delete-modal-body[b-8hogzkoykm] {
    padding: 0 30px 28px;
}

.projects-delete-warning-icon[b-8hogzkoykm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 18px;
    border: 1px solid #efb4b8;
    background: #fff1f1;
    color: #b4232d;
    font-size: 29px;
}

.projects-delete-warning-title[b-8hogzkoykm] {
    margin: 0 0 20px;
    color: #183842;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
}

.projects-delete-project-details[b-8hogzkoykm] {
    display: grid;
    gap: 0;
    margin: 0 0 20px;
    border: 1px solid #d5e0e4;
    background: #f7fafb;
}

.projects-delete-project-details > div[b-8hogzkoykm] {
    display: grid;
    grid-template-columns: 130px minmax(0, 1fr);
    gap: 18px;
    padding: 13px 16px;
}

.projects-delete-project-details > div + div[b-8hogzkoykm] {
    border-top: 1px solid #d5e0e4;
}

.projects-delete-project-details dt[b-8hogzkoykm] {
    color: #5a727b;
    font-size: 14px;
}

.projects-delete-project-details dd[b-8hogzkoykm] {
    min-width: 0;
    margin: 0;
    overflow-wrap: anywhere;
    color: #173b47;
    font-size: 14px;
    font-weight: 700;
}

.projects-delete-warning-text[b-8hogzkoykm] {
    margin: 0;
    color: #5b6f77;
    font-size: 14px;
    line-height: 1.55;
}

.projects-delete-error[b-8hogzkoykm] {
    margin-top: 18px;
    padding: 12px 14px;
    border: 1px solid #e5a5aa;
    background: #fff1f1;
    color: #9f1f29;
    font-size: 14px;
    font-weight: 600;
}

.projects-delete-modal-actions[b-8hogzkoykm] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    padding: 20px 30px;
    border-top: 1px solid #d5e0e4;
    background: #f7fafb;
}

.projects-confirm-delete-button[b-8hogzkoykm] {
    min-width: 142px;
    min-height: 42px;
    padding: 9px 18px;
    border: 1px solid #a91f29;
    border-radius: 0;
    background: #b4232d;
    color: #ffffff;
    font: 700 14px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.projects-confirm-delete-button:hover:not(:disabled)[b-8hogzkoykm] {
    border-color: #861821;
    background: #961d26;
}

.projects-delete-modal button:disabled[b-8hogzkoykm] {
    cursor: not-allowed;
    opacity: 0.62;
}

@media (max-width: 680px) {
    .projects-modal-backdrop[b-8hogzkoykm] {
        align-items: flex-start;
        padding: 14px;
    }

    .projects-delete-modal[b-8hogzkoykm] {
        max-height: calc(100vh - 28px);
    }

    .projects-delete-modal-header[b-8hogzkoykm] {
        padding: 22px 20px 16px;
    }

    .projects-delete-modal-body[b-8hogzkoykm] {
        padding: 0 20px 22px;
    }

    .projects-delete-project-details > div[b-8hogzkoykm] {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }

    .projects-delete-modal-actions[b-8hogzkoykm] {
        align-items: stretch;
        flex-direction: column-reverse;
        padding: 18px 20px;
    }

    .projects-delete-modal-actions[b-8hogzkoykm]  .cms-button,
    .projects-confirm-delete-button[b-8hogzkoykm] {
        width: 100%;
    }
}