/* /Components/Common/HowItWorks.razor.rz.scp.css */
.how-it-works-trigger[b-hxncgic3e6] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 13px;
    border: 1px solid #c4d4ee;
    border-radius: 8px !important;
    color: #2458a6;
    background: #ffffff;
    box-shadow: 0 3px 10px rgba(42, 72, 150, 0.06);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        color 140ms ease,
        box-shadow 140ms ease,
        transform 140ms ease;
}

.how-it-works-trigger:hover[b-hxncgic3e6] {
    border-color: #73a8f5;
    background: #edf5ff;
    color: #174fb2;
    box-shadow: 0 5px 14px rgba(38, 132, 255, 0.12);
    transform: translateY(-1px);
}

.how-it-works-trigger:focus-visible[b-hxncgic3e6],
.how-it-works-close-icon:focus-visible[b-hxncgic3e6] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(38, 132, 255, 0.18);
}

.how-it-works-trigger-icon[b-hxncgic3e6] {
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #8bb9fa;
    border-radius: 50%;
    color: #2468d8;
    background: #eef5ff;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.how-it-works-backdrop[b-hxncgic3e6] {
    position: fixed;
    z-index: 1500;
    inset: 0;
    display: flex;
    justify-content: flex-end;
    background: rgba(9, 21, 56, 0.38);
    backdrop-filter: blur(1px);
}

.how-it-works-panel[b-hxncgic3e6] {
    width: min(470px, 94vw);
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #d3def1;
    border-right: 0;
    border-radius: 16px 0 0 16px !important;
    background: #ffffff;
    box-shadow: -18px 0 44px rgba(18, 37, 95, 0.22);
    font-family: "Segoe UI", Arial, sans-serif;
    color: #172554;
    animation: how-it-works-slide-in-b-hxncgic3e6 .18s ease-out;
}

.how-it-works-header[b-hxncgic3e6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 24px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    background: linear-gradient(135deg, #0d1b4a 0%, #205fd4 58%, #6c63ff 100%);
}

.how-it-works-eyebrow[b-hxncgic3e6] {
    display: block;
    margin-bottom: 5px;
    color: #cbd9ff;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.how-it-works-header h2[b-hxncgic3e6] {
    margin: 0;
    color: #ffffff;
    font-size: 26px;
    line-height: 1.2;
}

.how-it-works-close-icon[b-hxncgic3e6] {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.34);
    border-radius: 8px !important;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.10);
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        transform 140ms ease;
}

.how-it-works-close-icon:hover[b-hxncgic3e6] {
    border-color: rgba(255, 255, 255, 0.58);
    background: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

.how-it-works-body[b-hxncgic3e6] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 6px 24px 26px;
    background: linear-gradient(180deg, #ffffff 0%, #fbfcff 100%);
    scrollbar-width: thin;
    scrollbar-color: #a9bce4 transparent;
}

.how-it-works-body[b-hxncgic3e6]::-webkit-scrollbar {
    width: 7px;
}

.how-it-works-body[b-hxncgic3e6]::-webkit-scrollbar-track {
    background: transparent;
}

.how-it-works-body[b-hxncgic3e6]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #a9bce4;
}

.how-it-works-section[b-hxncgic3e6] {
    padding: 22px 0;
    border-bottom: 1px solid #e7edf8;
}

.how-it-works-section-heading[b-hxncgic3e6],
.how-it-works-important-heading[b-hxncgic3e6] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
}

.how-it-works-section-number[b-hxncgic3e6],
.how-it-works-important-heading > span[b-hxncgic3e6] {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #b9d3fb;
    border-radius: 50%;
    color: #2468d8;
    background: #eef5ff;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 3px 8px rgba(38, 132, 255, 0.08);
}

.how-it-works-section h3[b-hxncgic3e6],
.how-it-works-important h3[b-hxncgic3e6] {
    margin: 0;
    color: #172554;
    font-size: 16px;
}

.how-it-works-section p[b-hxncgic3e6] {
    margin: 0;
    color: #5d6d91;
    font-size: 14px;
    line-height: 1.65;
}

.how-it-works-steps[b-hxncgic3e6] {
    margin: 0;
    padding-left: 25px;
    color: #4f6086;
}

.how-it-works-steps li[b-hxncgic3e6] {
    padding-left: 5px;
    margin-bottom: 12px;
    font-size: 14px;
    line-height: 1.55;
}

.how-it-works-steps li:last-child[b-hxncgic3e6] {
    margin-bottom: 0;
}

.how-it-works-steps li[b-hxncgic3e6]::marker {
    color: #2684ff;
    font-weight: 800;
}

.how-it-works-important[b-hxncgic3e6] {
    margin-top: 22px;
    padding: 16px;
    border: 1px solid #f5d795;
    border-left: 4px solid #f59e0b;
    border-radius: 12px !important;
    background: #fff9eb;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.07);
}

.how-it-works-important-heading > span[b-hxncgic3e6] {
    border-color: #f3c96d;
    color: #a16400;
    background: #fff2c7;
    box-shadow: none;
}

.how-it-works-important ul[b-hxncgic3e6] {
    margin: 0;
    padding-left: 21px;
    color: #665f54;
}

.how-it-works-important li[b-hxncgic3e6] {
    margin-bottom: 8px;
    font-size: 13px;
    line-height: 1.5;
}

.how-it-works-important li:last-child[b-hxncgic3e6] {
    margin-bottom: 0;
}

@keyframes how-it-works-slide-in-b-hxncgic3e6 {
    from {
        transform: translateX(28px);
        opacity: .72;
    }

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

@media (max-width: 560px) {
    .how-it-works-panel[b-hxncgic3e6] {
        width: 100vw;
        border-radius: 0 !important;
    }

    .how-it-works-header[b-hxncgic3e6],
    .how-it-works-body[b-hxncgic3e6] {
        padding-right: 18px;
        padding-left: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .how-it-works-panel[b-hxncgic3e6] {
        animation: none;
    }
}
/* /Components/Layout/ChatWidget.razor.rz.scp.css */
.cms-chat-widget[b-f85xllqf8s] {
    font-family: "Segoe UI", Arial, sans-serif;
}

.cms-chat-backdrop[b-f85xllqf8s] {
    position: fixed;
    inset: 0;
    z-index: 948;
    background: transparent;
}

.cms-chat-launcher[b-f85xllqf8s] {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 950;
    display: inline-flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid #3d8fff;
    border-radius: 12px !important;
    background: linear-gradient(135deg, #2684ff 0%, #4aa3ff 55%, #6c63ff 100%);
    color: #ffffff;
    box-shadow: 0 10px 28px rgba(38, 132, 255, 0.28);
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    transition:
        background 140ms ease,
        border-color 140ms ease,
        box-shadow 140ms ease,
        transform 140ms ease;
}

.cms-chat-launcher:hover[b-f85xllqf8s],
.cms-chat-launcher:focus-visible[b-f85xllqf8s] {
    border-color: #176fe5;
    background: linear-gradient(135deg, #176fe5 0%, #3294ff 55%, #5d55ef 100%);
    color: #ffffff;
    box-shadow: 0 13px 32px rgba(38, 132, 255, 0.36);
    outline: none;
    transform: translateY(-2px);
}

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

.cms-chat-launcher-badge[b-f85xllqf8s] {
    position: absolute;
    top: -7px;
    right: -7px;
    display: inline-flex;
    min-width: 21px;
    height: 21px;
    align-items: center;
    justify-content: center;
    padding: 0 6px;
    border: 2px solid #ffffff;
    border-radius: 999px !important;
    background: #e5484d;
    color: #ffffff;
    box-sizing: border-box;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
    box-shadow: 0 3px 8px rgba(229, 72, 77, 0.25);
}

.cms-chat-panel[b-f85xllqf8s] {
    position: fixed;
    right: 24px;
    bottom: 86px;
    z-index: 949;
    display: grid;
    width: 410px;
    height: min(610px, calc(100vh - 120px));
    grid-template-rows: auto minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid #d3def1;
    border-radius: 16px !important;
    background: #ffffff;
    box-shadow: 0 22px 52px rgba(18, 37, 95, 0.24);
    color: #172554;
    animation: cms-chat-open-b-f85xllqf8s 140ms ease-out;
}

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

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

.cms-chat-panel-header[b-f85xllqf8s] {
    display: flex;
    min-height: 66px;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.13);
    background: linear-gradient(135deg, #0d1b4a 0%, #205fd4 62%, #6c63ff 100%);
    box-sizing: border-box;
}

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

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

.cms-chat-header-button:hover[b-f85xllqf8s],
.cms-chat-header-button:focus-visible[b-f85xllqf8s] {
    border-color: rgba(255, 255, 255, 0.34);
    background: rgba(255, 255, 255, 0.13);
    outline: none;
    transform: translateY(-1px);
}

.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: 800;
    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: #d6e0ff;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cms-chat-error[b-f85xllqf8s] {
    padding: 9px 12px;
    border-bottom: 1px solid #f1b8bb;
    background: #fff1f2;
    color: #b4232a;
    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: #f6f8ff;
}

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

.cms-chat-user[b-f85xllqf8s] {
    display: flex;
    width: calc(100% - 16px);
    min-height: 66px;
    align-items: center;
    gap: 11px;
    margin: 0 8px 7px;
    padding: 10px 12px;
    border: 1px solid #e0e7f5;
    border-left: 3px solid transparent;
    border-radius: 10px !important;
    background: #ffffff;
    color: #172554;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: left;
    box-shadow: 0 2px 7px rgba(42, 72, 150, 0.04);
    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        box-shadow 140ms ease,
        transform 140ms ease;
}

.cms-chat-user:hover[b-f85xllqf8s],
.cms-chat-user:focus-visible[b-f85xllqf8s] {
    border-color: #b8d4fb;
    border-left-color: #2684ff;
    background: #eef5ff;
    box-shadow: 0 5px 12px rgba(38, 132, 255, 0.10);
    outline: none;
    transform: translateY(-1px);
}

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

.cms-chat-user-avatar[b-f85xllqf8s] {
    display: inline-flex;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid #79aef8;
    border-radius: 11px !important;
    background: linear-gradient(135deg, #eef5ff 0%, #eeeaff 100%);
    color: #3657c8;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.2px;
}

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

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

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

.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: #172554;
    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: #7180a3;
    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 6px;
    border-radius: 999px !important;
    background: #e5484d;
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}

.cms-chat-state[b-f85xllqf8s] {
    padding: 36px 18px;
    color: #7180a3;
    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: linear-gradient(180deg, #f4f7ff 0%, #f9fbff 100%);
    scrollbar-width: thin;
    scrollbar-color: #a9bce4 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: 9px 11px 7px;
    border: 1px solid #d8e2f3;
    border-radius: 14px !important;
    background: #ffffff;
    box-sizing: border-box;
    box-shadow: 0 3px 9px rgba(42, 72, 150, 0.06);
}

.cms-chat-message-row-own .cms-chat-message-bubble[b-f85xllqf8s] {
    border-color: #3b90ff;
    background: linear-gradient(135deg, #2684ff 0%, #4aa3ff 100%);
    box-shadow: 0 5px 13px rgba(38, 132, 255, 0.17);
}

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

.cms-chat-message-row-own .cms-chat-message-text[b-f85xllqf8s] {
    color: #ffffff;
}

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

.cms-chat-message-row-own .cms-chat-message-meta[b-f85xllqf8s] {
    color: rgba(255, 255, 255, 0.80);
}

.cms-chat-composer[b-f85xllqf8s] {
    padding: 10px 11px 11px;
    border-top: 1px solid #dbe4f3;
    background: #ffffff;
    box-shadow: 0 -4px 14px rgba(42, 72, 150, 0.05);
}

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

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

.cms-chat-composer textarea:focus[b-f85xllqf8s] {
    border-color: #2684ff;
    box-shadow: 0 0 0 3px rgba(38, 132, 255, 0.14);
    outline: none;
}

.cms-chat-composer textarea:disabled[b-f85xllqf8s] {
    background: #f2f5fb;
    color: #8592ad;
}

.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: #8290ae;
    font-size: 9px;
}

.cms-chat-composer-footer button[b-f85xllqf8s] {
    min-width: 92px;
    height: 34px;
    padding: 0 14px;
    border: 1px solid #2684ff;
    border-radius: 8px !important;
    background: linear-gradient(135deg, #2684ff 0%, #4aa3ff 100%);
    color: #ffffff;
    cursor: pointer;
    box-shadow: 0 4px 11px rgba(38, 132, 255, 0.18);
    font: 700 11px "Segoe UI", Arial, sans-serif;
    transition:
        background 140ms ease,
        color 140ms ease,
        border-color 140ms ease,
        box-shadow 140ms ease,
        transform 140ms ease;
}

.cms-chat-composer-footer button:hover:not(:disabled)[b-f85xllqf8s],
.cms-chat-composer-footer button:focus-visible:not(:disabled)[b-f85xllqf8s] {
    border-color: #176fe5;
    background: linear-gradient(135deg, #176fe5 0%, #3294ff 100%);
    color: #ffffff;
    box-shadow: 0 6px 15px rgba(38, 132, 255, 0.25);
    outline: none;
    transform: translateY(-1px);
}

.cms-chat-composer-footer button:disabled[b-f85xllqf8s] {
    border-color: #d4deef;
    background: #f0f3f9;
    color: #9ca8bf;
    box-shadow: none;
    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 {
    border-radius: 999px;
    background: #a9bce4;
}

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

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

    .cms-chat-panel[b-f85xllqf8s] {
        right: 14px;
        bottom: 76px;
        width: calc(100vw - 28px);
        height: min(580px, calc(100vh - 100px));
    }
}
/* /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] {
    --cms-shell-sidebar: #101d4f;
    --cms-shell-sidebar-deep: #0b163f;
    --cms-shell-accent: #1687f8;
    --cms-shell-topbar: #ffffff;
    --cms-shell-page: #f3f6ff;
    --cms-shell-border: #d9e3f4;
    --cms-shell-text: #172554;

    position: relative;
    display: flex;
    min-height: 100vh;
    background: var(--cms-shell-page);
}

.sidebar[b-4ug9cj047b] {
    position: sticky;
    top: 0;
    z-index: 40;
    width: 230px;
    height: 100vh;
    flex: 0 0 230px;
    overflow: hidden;
    background: var(--cms-shell-sidebar);
    box-shadow: 6px 0 24px rgba(32, 56, 117, 0.14);
}

.cms-main-shell[b-4ug9cj047b] {
    min-width: 0;
    flex: 1 1 auto;
    background: var(--cms-shell-page);
}

.cms-topbar[b-4ug9cj047b] {
    position: sticky;
    top: 0;
    z-index: 30;
    display: flex;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 24px;
    border-bottom: 1px solid var(--cms-shell-border);
    background: rgba(255, 255, 255, 0.995);
    box-shadow: 0 4px 18px rgba(45, 74, 150, 0.08);
    box-sizing: border-box;
}

.cms-topbar-spacer[b-4ug9cj047b] {
    min-width: 0;
    flex: 1 1 auto;
}

.cms-topbar-actions[b-4ug9cj047b] {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 14px;
}

.page-help-slot[b-4ug9cj047b] {
    display: flex;
    align-items: center;
}

article.content[b-4ug9cj047b] {
    width: 100%;
    min-width: 0;
    padding: 24px 28px 40px;
    box-sizing: border-box;
}

#blazor-error-ui[b-4ug9cj047b] {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: none;
    padding: 0.65rem 1.25rem 0.75rem;
    border-top: 1px solid #d6c66d;
    background: #fff8cf;
    color: #403710;
    box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
}

#blazor-error-ui .dismiss[b-4ug9cj047b] {
    position: absolute;
    top: 0.5rem;
    right: 0.75rem;
    cursor: pointer;
}

@media (max-width: 900px) {
    .page[b-4ug9cj047b] {
        display: block;
    }

    .sidebar[b-4ug9cj047b] {
        position: relative;
        width: 100%;
        height: auto;
        min-height: 0;
        flex: none;
    }

    .cms-topbar[b-4ug9cj047b] {
        position: sticky;
        min-height: 58px;
        padding: 0 18px;
    }

    article.content[b-4ug9cj047b] {
        padding: 24px 18px 36px;
    }
}

@media (max-width: 560px) {
    .cms-topbar[b-4ug9cj047b] {
        padding: 0 12px;
    }

    .cms-topbar-actions[b-4ug9cj047b] {
        gap: 8px;
    }

    article.content[b-4ug9cj047b] {
        padding: 20px 12px 32px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.cms-sidebar-logout-form[b-ipqu28rccr] {
    flex: 0 0 auto;
    margin: 0;
}

.cms-sidebar-logout-button[b-ipqu28rccr] {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 5px;
    background: rgba(255, 255, 255, 0.045);
    color: #b9ced8;
    cursor: pointer;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 19px;
    font-weight: 700;
    line-height: 1;
    transition:
        background-color 140ms ease,
        border-color 140ms ease,
        color 140ms ease;
}

.cms-sidebar-logout-button:hover[b-ipqu28rccr],
.cms-sidebar-logout-button:focus-visible[b-ipqu28rccr] {
    border-color: rgba(99, 199, 235, 0.48);
    background: rgba(20, 125, 163, 0.20);
    color: #ffffff;
    outline: none;
}

/* Ticketing navigation group */
.cms-ticketing-nav-heading[b-ipqu28rccr] {
    display: flex;
    align-items: stretch;
}

.cms-ticketing-nav-main[b-ipqu28rccr] {
    flex: 1 1 auto;
    min-width: 0;
}

.cms-ticketing-nav-toggle[b-ipqu28rccr] {
    display: flex;
    flex: 0 0 32px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    color: #b9ced8;
    cursor: pointer;
}

.cms-ticketing-nav-toggle:hover[b-ipqu28rccr],
.cms-ticketing-nav-toggle:focus-visible[b-ipqu28rccr] {
    background: rgba(255, 255, 255, 0.09);
}

.cms-ticketing-submenu[b-ipqu28rccr] {
    padding-left: 22px;
}

.cms-ticketing-submenu-link[b-ipqu28rccr] {
    font-size: 0.93em;
}

/* Compact chevron matching the CMS sidebar */
.cms-ticketing-chevron[b-ipqu28rccr] {
    display: block;
    width: 7px;
    height: 7px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    transition: transform 140ms ease;
}

.cms-ticketing-chevron-expanded[b-ipqu28rccr] {
    transform: rotate(45deg);
}
/* /Components/Layout/NotificationBell.razor.rz.scp.css */
.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 #c7d6f2;
    border-radius: 8px;
    background: #ffffff;
    color: #2458a6;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(42, 72, 150, 0.08);
    font-family: "Segoe UI", Arial, sans-serif;
    transition:
        transform 140ms ease,
        border-color 140ms ease,
        background 140ms ease,
        color 140ms ease,
        box-shadow 140ms ease;
}

.notification-bell-button:hover[b-hiviabyqub],
.notification-bell-button:focus-visible[b-hiviabyqub] {
    border-color: #2684ff;
    background: linear-gradient(135deg, #2684ff 0%, #4aa3ff 100%);
    color: #ffffff;
    box-shadow: 0 7px 18px rgba(38, 132, 255, 0.24);
    outline: none;
    transform: translateY(-1px);
}

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

.notification-unread-badge[b-hiviabyqub] {
    position: absolute;
    top: -7px;
    right: -8px;
    display: inline-flex;
    min-width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding: 0 5px;
    border: 2px solid #ffffff;
    border-radius: 999px;
    background: linear-gradient(135deg, #e5484d 0%, #f35b7c 100%);
    color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0 3px 8px rgba(229, 72, 77, 0.28);
    font-size: 9px;
    font-weight: 800;
    line-height: 1;
}

.notification-panel[b-hiviabyqub] {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 80;
    width: min(440px, calc(100vw - 32px));
    max-height: min(620px, calc(100vh - 90px));
    overflow: hidden;
    border: 1px solid #d8e3f7;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 22px 50px rgba(13, 27, 74, 0.20);
}

.notification-panel-header[b-hiviabyqub] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 17px 18px;
    border-bottom: 0;
    background: linear-gradient(135deg, #12255f 0%, #2684ff 64%, #6c63ff 100%);
    color: #ffffff;
}

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

.notification-panel-header span[b-hiviabyqub] {
    display: block;
    margin-top: 3px;
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
}

.notification-close-button[b-hiviabyqub] {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.32);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.10);
    color: #ffffff;
    cursor: pointer;
    font: 24px/1 "Segoe UI", Arial, sans-serif;
    transition: background 140ms ease, border-color 140ms ease, transform 140ms ease;
}

.notification-close-button:hover[b-hiviabyqub],
.notification-close-button:focus-visible[b-hiviabyqub] {
    border-color: rgba(255, 255, 255, 0.58);
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    outline: none;
    transform: translateY(-1px);
}

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

.notification-state[b-hiviabyqub] {
    margin: 2px;
    padding: 28px 20px;
    border: 1px dashed #cbd8ef;
    border-radius: 10px;
    background: #ffffff;
    color: #68789c;
    font-size: 13px;
    text-align: center;
}

.notification-state-error[b-hiviabyqub] {
    border-color: #f3b5b8;
    color: #a8272d;
    background: #fff3f4;
}

.notification-item[b-hiviabyqub] {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 8px;
    padding: 14px 15px;
    border: 1px solid #dce5f5;
    border-radius: 10px;
    background: #ffffff;
    color: #172554;
    cursor: pointer;
    box-shadow: 0 3px 9px rgba(42, 72, 150, 0.04);
    font-family: "Segoe UI", Arial, sans-serif;
    text-align: left;
    transition:
        transform 140ms ease,
        border-color 140ms ease,
        background 140ms ease,
        box-shadow 140ms ease;
}

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

.notification-item:hover[b-hiviabyqub],
.notification-item:focus-visible[b-hiviabyqub] {
    border-color: #9ec5ff;
    background: #f9fbff;
    box-shadow: 0 7px 18px rgba(38, 132, 255, 0.10);
    outline: none;
    transform: translateY(-1px);
}

.notification-item-unread[b-hiviabyqub] {
    border-left: 4px solid #2684ff;
    padding-left: 12px;
    background: linear-gradient(90deg, #eef5ff 0%, #ffffff 72%);
}

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

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

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

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

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

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

.notification-unread-label[b-hiviabyqub] {
    display: inline-flex;
    align-items: center;
    margin-top: 9px;
    padding: 4px 8px;
    border: 1px solid #b8d4ff;
    border-radius: 999px;
    background: #eaf3ff;
    color: #2468d8;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

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

    .notification-panel-body[b-hiviabyqub] {
        max-height: calc(100vh - 160px);
    }
}

/* Auto-dismiss toast; separate from the persistent notification panel. */
.notification-toast[b-hiviabyqub] {
    position: fixed;
    top: 72px;
    right: 24px;
    z-index: 1500;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: min(360px, calc(100vw - 32px));
    padding: 14px 16px;
    border: 1px solid #b9d5fb;
    border-left: 4px solid #2684ff;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 16px 42px rgba(13, 27, 74, 0.20);
    color: #172554;
    box-sizing: border-box;
    font-family: "Segoe UI", Arial, sans-serif;
}
.notification-toast-content[b-hiviabyqub] { min-width: 0; flex: 1; }
.notification-toast-content strong[b-hiviabyqub] { font-size: 13px; }
.notification-toast-content p[b-hiviabyqub] { margin: 6px 0 0; font-size: 12px; line-height: 1.45; }
.notification-toast-dismiss[b-hiviabyqub] { border: 0; background: transparent; color: #52658b; font-size: 22px; cursor: pointer; }
@media (max-width: 640px) { .notification-toast[b-hiviabyqub] { top: 68px; right: 12px; } }

/* Stacked in-app notification toasts (Step 4G-D2b). */
.notification-toast-stack[b-hiviabyqub] {
    position: fixed;
    top: 72px;
    right: 24px;
    z-index: 1500;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    width: min(360px, calc(100vw - 32px));
    max-height: calc(100vh - 88px);
    overflow-y: auto;
    pointer-events: none;
}
.notification-toast-stack .notification-toast[b-hiviabyqub] {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    flex: 0 0 auto;
    pointer-events: auto;
    animation: cms-toast-arrive-b-hiviabyqub 180ms ease-out;
}
@keyframes cms-toast-arrive-b-hiviabyqub {
    from { opacity: 0; transform: translateY(-7px); }
    to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 640px) {
    .notification-toast-stack[b-hiviabyqub] { top: 68px; right: 12px; }
}

/* Keyboard focus on the open notifications panel. */
.notification-panel:focus[b-hiviabyqub] { outline: none; }
/* /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/Layout/WhatsNew.razor.rz.scp.css */
.whats-new-host[b-n5oro6bb7p] {
    position: relative;
    display: flex;
    align-items: center;
    font-family: "Segoe UI", Arial, sans-serif;
}

.whats-new-trigger[b-n5oro6bb7p] {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 7px 12px;
    border: 1px solid #c8d6f0;
    border-radius: 8px !important;
    color: #234f9b;
    background: linear-gradient(135deg, #ffffff 0%, #f5f8ff 100%);
    box-shadow: 0 3px 10px rgba(42, 72, 150, 0.06);
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition:
        background 140ms ease,
        border-color 140ms ease,
        color 140ms ease,
        box-shadow 140ms ease,
        transform 140ms ease;
}

.whats-new-trigger:hover[b-n5oro6bb7p] {
    border-color: #79aaf1;
    color: #174fb2;
    background: #edf5ff;
    box-shadow: 0 5px 14px rgba(38, 132, 255, 0.12);
    transform: translateY(-1px);
}

.whats-new-trigger:focus-visible[b-n5oro6bb7p],
.whats-new-close:focus-visible[b-n5oro6bb7p],
.whats-new-confirm:focus-visible[b-n5oro6bb7p],
.whats-new-preference input:focus-visible[b-n5oro6bb7p] {
    outline: none;
    box-shadow: 0 0 0 3px rgba(38, 132, 255, 0.20);
}

.whats-new-trigger-icon[b-n5oro6bb7p] {
    font-size: 17px;
    line-height: 1;
}

.whats-new-trigger-badge[b-n5oro6bb7p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 18px;
    padding: 1px 6px;
    border-radius: 999px !important;
    color: #ffffff;
    background: linear-gradient(135deg, #6c63ff 0%, #a855f7 100%);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .06em;
    line-height: 1;
}

.whats-new-backdrop[b-n5oro6bb7p] {
    position: fixed;
    z-index: 1750;
    inset: 0;
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 28px;
    box-sizing: border-box;
    overflow: hidden;
    background: rgba(9, 21, 56, 0.54);
    backdrop-filter: blur(3px);
}

.whats-new-dialog[b-n5oro6bb7p] {
    width: min(920px, calc(100vw - 48px));
    max-height: min(88vh, 900px);
    max-height: min(88dvh, 900px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #cfdaf0;
    border-radius: 18px !important;
    background: #ffffff;
    color: #172554;
    box-shadow: 0 28px 80px rgba(9, 21, 56, 0.34);
    animation: whats-new-enter-b-n5oro6bb7p .18s ease-out;
}

.whats-new-header[b-n5oro6bb7p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 28px 24px;
    background:
        radial-gradient(circle at 85% 15%, rgba(22, 168, 221, 0.35), transparent 28%),
        linear-gradient(135deg, #0d1b4a 0%, #205fd4 55%, #6c63ff 100%);
    color: #ffffff;
}

.whats-new-header-copy[b-n5oro6bb7p] {
    min-width: 0;
}

.whats-new-eyebrow[b-n5oro6bb7p] {
    display: block;
    margin-bottom: 6px;
    color: #cfe1ff;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .10em;
    text-transform: uppercase;
}

.whats-new-header h2[b-n5oro6bb7p] {
    margin: 0;
    color: #ffffff;
    font-size: 30px;
    line-height: 1.15;
}

.whats-new-release-row[b-n5oro6bb7p] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 9px;
    color: #e4ecff;
    font-size: 13px;
    font-weight: 700;
}

.whats-new-header p[b-n5oro6bb7p] {
    max-width: 700px;
    margin: 12px 0 0;
    color: #edf3ff;
    font-size: 14px;
    line-height: 1.55;
}

.whats-new-close[b-n5oro6bb7p] {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 9px !important;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.10);
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
    transition: background-color 140ms ease, transform 140ms ease;
}

.whats-new-close:hover:not(:disabled)[b-n5oro6bb7p] {
    background: rgba(255, 255, 255, 0.19);
    transform: translateY(-1px);
}

.whats-new-close:disabled[b-n5oro6bb7p],
.whats-new-confirm:disabled[b-n5oro6bb7p] {
    cursor: wait;
    opacity: .72;
}

.whats-new-body[b-n5oro6bb7p] {
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 22px 24px 24px;
    background: linear-gradient(180deg, #f8faff 0%, #f3f6ff 100%);
    scrollbar-width: thin;
    scrollbar-color: #a9bce4 transparent;
}

.whats-new-body[b-n5oro6bb7p]::-webkit-scrollbar {
    width: 8px;
}

.whats-new-body[b-n5oro6bb7p]::-webkit-scrollbar-track {
    background: transparent;
}

.whats-new-body[b-n5oro6bb7p]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: #a9bce4;
}

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

.whats-new-card[b-n5oro6bb7p] {
    min-width: 0;
    padding: 17px 18px 16px;
    border: 1px solid #dce5f5;
    border-top: 3px solid #2684ff;
    border-radius: 12px !important;
    background: #ffffff;
    box-shadow: 0 5px 16px rgba(31, 57, 124, 0.06);
}

.whats-new-card:nth-child(2)[b-n5oro6bb7p] {
    border-top-color: #6c63ff;
}

.whats-new-card:nth-child(3)[b-n5oro6bb7p] {
    border-top-color: #10bfa9;
}

.whats-new-card:nth-child(4)[b-n5oro6bb7p] {
    border-top-color: #16a8dd;
}

.whats-new-card:nth-child(5)[b-n5oro6bb7p] {
    border-top-color: #a855f7;
}

.whats-new-card:nth-child(6)[b-n5oro6bb7p] {
    border-top-color: #f59e0b;
}

.whats-new-card:nth-child(7)[b-n5oro6bb7p] {
    border-top-color: #e5484d;
}

.whats-new-card:nth-child(8)[b-n5oro6bb7p] {
    border-top-color: #2684ff;
}

.whats-new-card-heading[b-n5oro6bb7p] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 11px;
}

.whats-new-card-icon[b-n5oro6bb7p] {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px !important;
    background: #eef5ff;
    font-size: 18px;
}

.whats-new-card h3[b-n5oro6bb7p] {
    margin: 0;
    color: #172554;
    font-size: 15px;
    line-height: 1.3;
}

.whats-new-card ul[b-n5oro6bb7p] {
    margin: 0;
    padding-left: 20px;
    color: #5b6b8d;
}

.whats-new-card li[b-n5oro6bb7p] {
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 1.45;
}

.whats-new-card li:last-child[b-n5oro6bb7p] {
    margin-bottom: 0;
}

.whats-new-card li[b-n5oro6bb7p]::marker {
    color: #2684ff;
}

.whats-new-footer[b-n5oro6bb7p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 17px 24px;
    border-top: 1px solid #dce5f5;
    background: #ffffff;
}

.whats-new-preference-area[b-n5oro6bb7p] {
    min-width: 0;
}

.whats-new-preference[b-n5oro6bb7p] {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #24375f;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.whats-new-preference input[b-n5oro6bb7p] {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    margin: 0;
    accent-color: #2684ff;
    cursor: pointer;
}

.whats-new-preference-area small[b-n5oro6bb7p] {
    display: block;
    margin-top: 5px;
    color: #7887a6;
    font-size: 11px;
    line-height: 1.4;
}

.whats-new-save-error[b-n5oro6bb7p] {
    margin-top: 7px;
    color: #c62e36;
    font-size: 12px;
    font-weight: 700;
}

.whats-new-confirm[b-n5oro6bb7p] {
    min-width: 112px;
    min-height: 40px;
    flex: 0 0 auto;
    padding: 8px 18px;
    border: 1px solid #2684ff;
    border-radius: 8px !important;
    color: #ffffff;
    background: linear-gradient(135deg, #2684ff 0%, #4a6cff 55%, #6c63ff 100%);
    box-shadow: 0 6px 16px rgba(38, 132, 255, 0.22);
    font: inherit;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    transition: transform 140ms ease, box-shadow 140ms ease;
}

.whats-new-confirm:hover:not(:disabled)[b-n5oro6bb7p] {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(38, 132, 255, 0.28);
}

@keyframes whats-new-enter-b-n5oro6bb7p {
    from {
        opacity: .65;
        transform: translateY(12px) scale(.988);
    }

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

@media (max-width: 760px) {
    .whats-new-backdrop[b-n5oro6bb7p] {
        padding: 14px;
    }

    .whats-new-dialog[b-n5oro6bb7p] {
        width: calc(100vw - 28px);
        max-height: 92vh;
        max-height: 92dvh;
        border-radius: 14px !important;
    }

    .whats-new-header[b-n5oro6bb7p] {
        padding: 21px 20px 19px;
    }

    .whats-new-header h2[b-n5oro6bb7p] {
        font-size: 26px;
    }

    .whats-new-body[b-n5oro6bb7p] {
        padding: 16px;
    }

    .whats-new-grid[b-n5oro6bb7p] {
        grid-template-columns: 1fr;
    }

    .whats-new-footer[b-n5oro6bb7p] {
        align-items: stretch;
        flex-direction: column;
        gap: 14px;
        padding: 16px;
    }

    .whats-new-confirm[b-n5oro6bb7p] {
        width: 100%;
    }
}

@media (max-width: 620px) {
    .whats-new-trigger > span:nth-child(2)[b-n5oro6bb7p] {
        display: none;
    }

    .whats-new-trigger[b-n5oro6bb7p] {
        padding: 7px 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .whats-new-dialog[b-n5oro6bb7p],
    .whats-new-trigger[b-n5oro6bb7p],
    .whats-new-close[b-n5oro6bb7p],
    .whats-new-confirm[b-n5oro6bb7p] {
        animation: none;
        transition: none;
    }
}
/* /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;
    }
}

/* =========================================================
   VIVID THEME OVERRIDE — APPROVAL MATRIX
   ========================================================= */
.approval-matrix-page[b-y2ry6serpt] {
    color: #172554;
}

.approval-matrix-header[b-y2ry6serpt] {
    border-bottom-color: #dce5f5;
}

.approval-matrix-heading-icon[b-y2ry6serpt] {
    border-color: #c7c3ff;
    border-radius: 12px;
    background: linear-gradient(135deg, #eceaff 0%, #f7f1ff 100%);
    color: #5d55d9;
    box-shadow: 0 8px 20px rgba(108, 99, 255, .12);
}

.approval-matrix-heading span[b-y2ry6serpt],
.approval-matrix-register-header div > span[b-y2ry6serpt],
.approval-matrix-modal header div > span[b-y2ry6serpt] {
    color: #6c7fab;
}

.approval-matrix-heading h1[b-y2ry6serpt],
.approval-matrix-register-header h2[b-y2ry6serpt],
.approval-matrix-empty strong[b-y2ry6serpt],
.approval-matrix-modal h2[b-y2ry6serpt] {
    color: #172554;
}

.approval-matrix-heading p[b-y2ry6serpt],
.approval-matrix-modal header p[b-y2ry6serpt],
.approval-matrix-register-header > span[b-y2ry6serpt],
.approval-matrix-table td > span[b-y2ry6serpt],
.approval-matrix-empty[b-y2ry6serpt] {
    color: #68789c;
}

.approval-matrix-primary[b-y2ry6serpt] {
    border-color: #2684ff;
    border-radius: 8px;
    background: linear-gradient(135deg, #2684ff 0%, #4aa3ff 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(38, 132, 255, .20);
}

.approval-matrix-primary:hover:not(:disabled)[b-y2ry6serpt] {
    border-color: #1557c0;
    background: linear-gradient(135deg, #1557c0 0%, #2684ff 100%);
}

.approval-matrix-secondary[b-y2ry6serpt],
.approval-matrix-danger[b-y2ry6serpt],
.approval-matrix-close[b-y2ry6serpt],
.approval-matrix-actions button[b-y2ry6serpt] {
    border-radius: 8px;
}

.approval-matrix-secondary[b-y2ry6serpt] {
    border-color: #c5d3e9;
    color: #405174;
    background: #fff;
}

.approval-matrix-secondary:hover:not(:disabled)[b-y2ry6serpt] {
    border-color: #9fb5db;
    background: #f4f7ff;
}

.approval-matrix-danger[b-y2ry6serpt] {
    border-color: #ef476f;
    background: linear-gradient(135deg, #e83d63 0%, #f35b76 100%);
}

.approval-matrix-message[b-y2ry6serpt] {
    border-radius: 10px;
}

.approval-matrix-filters[b-y2ry6serpt] {
    border-color: #dce5f5;
    border-radius: 12px;
    background: #f7f9ff;
}

.approval-matrix-filters select[b-y2ry6serpt],
.approval-matrix-form select[b-y2ry6serpt] {
    border-color: #c6d4eb;
    border-radius: 8px;
    color: #172554;
    background: #fff;
}

.approval-matrix-filters select:focus[b-y2ry6serpt],
.approval-matrix-form select:focus[b-y2ry6serpt] {
    outline: 0;
    border-color: #2684ff;
    box-shadow: 0 0 0 3px rgba(38, 132, 255, .14);
}

.approval-matrix-register[b-y2ry6serpt] {
    overflow: hidden;
    border-color: #dce5f5;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(42, 72, 150, .08);
}

.approval-matrix-register-header[b-y2ry6serpt] {
    border-bottom: 1px solid #e4eaf6;
    background: #fff;
}

.approval-matrix-table-wrapper[b-y2ry6serpt],
.approval-matrix-table[b-y2ry6serpt] {
    border-radius: 0;
}

.approval-matrix-table th[b-y2ry6serpt] {
    background: #edf3ff;
    color: #5f70a0;
}

.approval-matrix-table td[b-y2ry6serpt] {
    border-top-color: #e7edf8;
    color: #33456f;
}

.approval-matrix-table tbody tr:hover[b-y2ry6serpt] {
    background: #f6f8ff;
}

.approval-matrix-status[b-y2ry6serpt] {
    border-radius: 999px;
}

.approval-matrix-status-active[b-y2ry6serpt] {
    border-color: #9fe1c5;
    background: #ebfbf3;
    color: #087c55 !important;
}

.approval-matrix-status-inactive[b-y2ry6serpt] {
    border-color: #d1d9e8;
    background: #f3f5fa;
    color: #66728e !important;
}

.approval-matrix-actions button[b-y2ry6serpt] {
    border-color: #a9ccff;
    color: #1557c0;
    background: #eef5ff;
}

.approval-matrix-actions button:hover:not(:disabled)[b-y2ry6serpt] {
    border-color: #7ab0ff;
    background: #deebff;
}

.approval-matrix-actions .approval-matrix-delete[b-y2ry6serpt] {
    border-color: #ffc1ca;
    color: #c72d46;
    background: #fff6f7;
}

.approval-matrix-actions .approval-matrix-delete:hover:not(:disabled)[b-y2ry6serpt] {
    border-color: #f38a9b;
    background: #ffe9ed;
}

.approval-matrix-empty[b-y2ry6serpt] {
    border-top-color: #e7edf8;
    background: #fbfcff;
}

.approval-matrix-modal[b-y2ry6serpt] {
    overflow-y: auto;
    border-top-color: #2684ff;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(23, 37, 84, .25);
}

.approval-matrix-modal > header[b-y2ry6serpt] {
    border-bottom-color: #e1e8f5;
}

.approval-matrix-close[b-y2ry6serpt] {
    border-color: #d1dcf1;
    color: #405174;
    background: #f6f8ff;
}

.approval-matrix-close:hover[b-y2ry6serpt] {
    border-color: #aac0e5;
    background: #edf2ff;
}

.approval-matrix-modal > footer[b-y2ry6serpt] {
    border-top-color: #e1e8f5;
    background: #f7f9ff;
}

.approval-matrix-delete-modal[b-y2ry6serpt] {
    border-top-color: #ef476f;
}
/* /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;
    box-sizing: border-box;
}

.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: flex-start;
    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-divider[b-a6lu0si8oe] {
    height: 1px;
    margin-top: 26px;
    background: #bcc9ce;
}

.create-system-card[b-a6lu0si8oe] {
    width: 100%;
    max-width: 1120px;
    margin-top: 28px;
    padding: 26px;
    border: 1px solid #d5e0e4;
    border-radius: 12px;
    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-section-heading p[b-a6lu0si8oe] {
    margin: 6px 0 0;
    color: #587079;
    font-size: 14px;
    line-height: 1.45;
}

.create-system-fields[b-a6lu0si8oe] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
}

.create-system-field[b-a6lu0si8oe] {
    display: block;
    min-width: 0;
    margin: 0;
}

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

.create-system-field > span strong[b-a6lu0si8oe] {
    color: #b43d36;
}

.create-system-full-width[b-a6lu0si8oe],
.create-system-description[b-a6lu0si8oe] {
    grid-column: 1 / -1;
}

.create-system-field[b-a6lu0si8oe]  .create-system-input {
    display: block;
    width: 100% !important;
    min-width: 0;
    min-height: 42px;
    padding: 9px 11px;
    border: 1px solid #c6d4d9;
    border-radius: 6px;
    outline: 0;
    color: #173946;
    background: #fff;
    font: 14px "Segoe UI", Arial, sans-serif;
    box-sizing: border-box;
}

.create-system-field[b-a6lu0si8oe]  select.create-system-input {
    cursor: pointer;
}

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

.create-system-field[b-a6lu0si8oe]  .create-system-input::placeholder {
    color: #81949c;
    opacity: 1;
}

.create-system-field[b-a6lu0si8oe]  textarea.create-system-input {
    min-height: 118px;
    resize: vertical;
}

.create-system-actions[b-a6lu0si8oe] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    margin-top: 28px;
    padding-top: 20px;
    border-top: 1px solid #dce5e8;
}

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

.create-system-cancel-button[b-a6lu0si8oe] {
    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] {
    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: 800px) {
    .create-system-page[b-a6lu0si8oe] {
        padding: 0 16px 24px;
    }

    .create-system-header h1[b-a6lu0si8oe] {
        font-size: 29px;
    }

    .create-system-card[b-a6lu0si8oe] {
        padding: 20px;
    }

    .create-system-fields[b-a6lu0si8oe] {
        grid-template-columns: 1fr;
    }

    .create-system-full-width[b-a6lu0si8oe],
    .create-system-description[b-a6lu0si8oe] {
        grid-column: auto;
    }

    .create-system-spacer[b-a6lu0si8oe] {
        display: none;
    }
}


.create-system-modal-backdrop[b-a6lu0si8oe] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(13, 50, 61, 0.42);
    box-sizing: border-box;
}

.create-system-modal[b-a6lu0si8oe] {
    width: min(540px, 100%);
    border: 1px solid #cfdade;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(13, 50, 61, 0.22);
}

.create-system-modal-header[b-a6lu0si8oe] {
    padding: 20px 24px;
    border-bottom: 1px solid #d8e2e6;
    background: #eef4f6;
}

.create-system-modal-header span[b-a6lu0si8oe] {
    display: block;
    margin-bottom: 4px;
    color: #607781;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
}

.create-system-modal-header h2[b-a6lu0si8oe] {
    margin: 0;
    color: #173b47;
    font-size: 21px;
    font-weight: 700;
}

.create-system-modal-body[b-a6lu0si8oe] {
    padding: 24px;
    color: #314a54;
    font-size: 14px;
    line-height: 1.6;
}

.create-system-modal-body p[b-a6lu0si8oe] {
    margin: 0 0 12px;
}

.create-system-modal-body p:last-child[b-a6lu0si8oe] {
    margin-bottom: 0;
}

.create-system-modal-body strong[b-a6lu0si8oe] {
    color: #0d6075;
}

.create-system-modal-actions[b-a6lu0si8oe] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 24px 22px;
    border-top: 1px solid #e0e7ea;
}

.create-system-modal-secondary[b-a6lu0si8oe],
.create-system-modal-primary[b-a6lu0si8oe] {
    min-width: 100px;
    min-height: 40px;
    padding: 8px 18px;
    border-radius: 4px;
    font: 600 14px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.create-system-modal-secondary[b-a6lu0si8oe] {
    border: 1px solid #9eb1b8;
    background: #ffffff;
    color: #52676f;
}

.create-system-modal-primary[b-a6lu0si8oe] {
    border: 1px solid #0d7187;
    background: #0d7187;
    color: #ffffff;
}

@media (max-width: 520px) {
    .create-system-modal-actions[b-a6lu0si8oe] {
        flex-direction: column-reverse;
    }

    .create-system-modal-secondary[b-a6lu0si8oe],
    .create-system-modal-primary[b-a6lu0si8oe] {
        width: 100%;
    }
}


.create-system-project-modal[b-a6lu0si8oe] {
    width: min(620px, 100%);
}

.create-system-project-list[b-a6lu0si8oe] {
    max-height: 320px;
    margin-top: 18px;
    overflow-y: auto;
    border: 1px solid #d8e2e6;
}

.create-system-project-option[b-a6lu0si8oe] {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border-bottom: 1px solid #e2e9ec;
    cursor: pointer;
}

.create-system-project-option:last-child[b-a6lu0si8oe] {
    border-bottom: 0;
}

.create-system-project-option:hover[b-a6lu0si8oe] {
    background: #f5f8fa;
}

.create-system-project-option input[b-a6lu0si8oe] {
    width: 17px;
    height: 17px;
    margin: 0;
}

.create-system-project-details[b-a6lu0si8oe] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
}

.create-system-project-details strong[b-a6lu0si8oe] {
    color: #173b47;
    font-size: 14px;
}

.create-system-project-details small[b-a6lu0si8oe] {
    color: #667d87;
    font-size: 12px;
}

.create-system-project-empty[b-a6lu0si8oe] {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid #d8e2e6;
    background: #f7fafb;
    color: #607781;
    text-align: center;
}

.create-system-assignment-error[b-a6lu0si8oe] {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid #e2b6b3;
    background: #fff2f1;
    color: #9d2d28;
    font-size: 13px;
    font-weight: 600;
}

.create-system-modal-primary:disabled[b-a6lu0si8oe],
.create-system-modal-secondary:disabled[b-a6lu0si8oe] {
    cursor: default;
    opacity: .55;
}
/* /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%;
        }
}

.create-project-modal-backdrop[b-4afbqehfss] {
    position: fixed;
    inset: 0;
    z-index: 2000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(13, 50, 61, 0.42);
    box-sizing: border-box;
}

.create-project-modal[b-4afbqehfss] {
    width: min(520px, 100%);
    border: 1px solid #cfdade;
    background: #ffffff;
    box-shadow: 0 18px 50px rgba(13, 50, 61, 0.22);
}

.create-project-modal-header[b-4afbqehfss] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 24px;
    border-bottom: 1px solid #d8e2e6;
    background: #eef4f6;
}

.create-project-modal-header span[b-4afbqehfss] {
    display: block;
    margin-bottom: 4px;
    color: #607781;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

.create-project-modal-header h2[b-4afbqehfss] {
    margin: 0;
    color: #173b47;
    font-size: 21px;
    font-weight: 700;
}

.create-project-modal-close[b-4afbqehfss] {
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #49636d;
    font-size: 25px;
    line-height: 1;
    cursor: pointer;
}

.create-project-modal-close:disabled[b-4afbqehfss] {
    cursor: default;
    opacity: 0.5;
}

.create-project-modal-body[b-4afbqehfss] {
    padding: 24px;
    color: #314a54;
    font-size: 14px;
    line-height: 1.6;
}

.create-project-modal-body p[b-4afbqehfss] {
    margin: 0 0 12px;
}

.create-project-modal-body p:last-of-type[b-4afbqehfss] {
    margin-bottom: 0;
}

.create-project-modal-body strong[b-4afbqehfss] {
    color: #0d6075;
}

.create-project-modal-actions[b-4afbqehfss] {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 18px 24px 22px;
    border-top: 1px solid #e0e7ea;
}

@media (max-width: 620px) {
    .create-project-modal-actions[b-4afbqehfss] {
        flex-direction: column-reverse;
    }

    .create-project-modal-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%;
    }
}


.evidence-register-delete-button[b-ot495enprn] {
    display: inline-flex;
    height: 32px;
    padding: 0 10px;
    align-items: center;
    justify-content: center;
    border: 1px solid #b8423e;
    border-radius: 0;
    background: #ffffff;
    color: #a4322c;
    font: 700 12px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.evidence-register-delete-button:hover[b-ot495enprn] {
    background: #b8423e;
    color: #ffffff;
}

.evidence-register-modal-backdrop[b-ot495enprn] {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: rgba(7, 29, 38, .48);
}

.evidence-register-delete-modal[b-ot495enprn] {
    width: min(540px, 100%);
    border: 1px solid #b9c9ce;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(7, 29, 38, .24);
}

.evidence-register-delete-modal-header[b-ot495enprn] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px 16px;
    border-bottom: 1px solid #d7e1e4;
}

.evidence-register-delete-modal-header span[b-ot495enprn] {
    display: block;
    margin-bottom: 4px;
    color: #6a7c83;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

.evidence-register-delete-modal-header h2[b-ot495enprn] {
    margin: 0;
    color: #0d3240;
    font-size: 24px;
}

.evidence-register-modal-close[b-ot495enprn] {
    width: 34px;
    height: 34px;
    border: 0;
    background: transparent;
    color: #60747c;
    font: 28px/1 "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.evidence-register-delete-modal-body[b-ot495enprn] {
    padding: 20px 22px;
    color: #294854;
    font-size: 15px;
    line-height: 1.5;
}

.evidence-register-delete-modal-body p[b-ot495enprn] {
    margin: 0;
}

.evidence-register-delete-warning[b-ot495enprn] {
    margin-top: 16px;
    padding: 12px 14px;
    border: 1px solid #ead2a9;
    color: #80540b;
    background: #fff7e8;
    font-size: 13px;
}

.evidence-register-delete-error[b-ot495enprn] {
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid #e6c4c2;
    color: #9d2d28;
    background: #fff5f4;
    font-size: 13px;
}

.evidence-register-delete-modal-actions[b-ot495enprn] {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 16px 22px 20px;
    border-top: 1px solid #e0e8eb;
}

.evidence-register-delete-cancel[b-ot495enprn],
.evidence-register-delete-confirm[b-ot495enprn] {
    min-height: 36px;
    padding: 7px 15px;
    border-radius: 0;
    font: 700 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

.evidence-register-delete-cancel[b-ot495enprn] {
    border: 1px solid #9eb1b8;
    color: #52676f;
    background: #ffffff;
}

.evidence-register-delete-confirm[b-ot495enprn] {
    border: 1px solid #b8423e;
    color: #ffffff;
    background: #b8423e;
}

.evidence-register-delete-cancel:disabled[b-ot495enprn],
.evidence-register-delete-confirm:disabled[b-ot495enprn],
.evidence-register-modal-close:disabled[b-ot495enprn] {
    cursor: default;
    opacity: .58;
}
/* /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/ExternalRequestDevelopment.razor.rz.scp.css */
/* CMS External Service Desk — scoped styling; CMS vivid palette */
.cms-external-page[b-gocyqdrpht]{min-height:100vh;background:#f3f6ff;color:#172554;font-family:"Segoe UI",Arial,sans-serif;display:flex;flex-direction:column}
.cms-external-header[b-gocyqdrpht]{background:#0d1b4a;color:#fff;box-shadow:0 4px 18px rgba(9,21,56,.12)}
.cms-external-header-inner[b-gocyqdrpht]{max-width:1560px;margin:auto;padding:17px 26px;display:flex;justify-content:space-between;align-items:center;gap:18px}
.cms-external-brand[b-gocyqdrpht]{display:flex;align-items:center;gap:13px}
.cms-external-brand-mark[b-gocyqdrpht]{width:48px;height:48px;background:#2684ff;display:grid;place-items:center;border-radius:9px;font-size:13px;font-weight:800;letter-spacing:.03em;color:#fff}
.cms-external-brand strong[b-gocyqdrpht]{display:block;font-size:18px;line-height:1.15;color:#fff}
.cms-external-brand span[b-gocyqdrpht]{display:block;font-size:12px;color:#c7d7f9;margin-top:3px}
.cms-external-header-label[b-gocyqdrpht]{font-size:11px;font-weight:750;letter-spacing:.12em;color:#c7d7f9}
.cms-external-main[b-gocyqdrpht]{width:min(100%,1500px);margin:0 auto;padding:22px 28px 24px;flex:1}
.cms-external-intro[b-gocyqdrpht]{margin-bottom:15px}
.cms-external-eyebrow[b-gocyqdrpht]{color:#2684ff;font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:10px}
.cms-external-intro h1[b-gocyqdrpht]{font-size:clamp(27px,4vw,36px);line-height:1.2;letter-spacing:-.025em;margin:0 0 10px;color:#172554;font-weight:750}
.cms-external-intro p[b-gocyqdrpht]{font-size:14px;color:#68789c;margin:0;line-height:1.6}
.cms-external-card[b-gocyqdrpht]{background:#fff;border:1px solid #dce5f5;border-radius:12px;box-shadow:0 8px 22px rgba(42,72,150,.08);padding:22px 28px}
.cms-external-project[b-gocyqdrpht]{display:flex;align-items:center;gap:14px;background:#eef5ff;border:1px solid #dce5f5;border-radius:9px;padding:12px 16px;margin-bottom:18px}
.cms-external-project-icon[b-gocyqdrpht]{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:8px;background:#dceaff;color:#2684ff;font-size:24px}
.cms-external-project span[b-gocyqdrpht]{display:block;font-size:10px;letter-spacing:.08em;font-weight:800;color:#68789c;margin-bottom:4px}
.cms-external-project strong[b-gocyqdrpht]{display:block;font-size:15px;color:#172554;overflow-wrap:anywhere}
.cms-external-section-heading[b-gocyqdrpht]{margin-bottom:12px}
.cms-external-section-heading h2[b-gocyqdrpht]{font-size:18px;font-weight:750;margin:0 0 5px;color:#172554}
.cms-external-section-heading p[b-gocyqdrpht]{font-size:12px;color:#68789c;margin:0}
.cms-external-fields[b-gocyqdrpht]{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.cms-external-fields-two[b-gocyqdrpht]{grid-template-columns:repeat(2,minmax(0,1fr))}
.cms-external-full[b-gocyqdrpht]{grid-column:1/-1}
.cms-external-field[b-gocyqdrpht]{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;font-weight:700;color:#172554}
.cms-external-field span[b-gocyqdrpht]{color:#e5484d}
.cms-external-field input[b-gocyqdrpht],.cms-external-field select[b-gocyqdrpht],.cms-external-field textarea[b-gocyqdrpht]{box-sizing:border-box;display:block;width:100%;border:1px solid #c4d4ee;border-radius:8px;padding:11px 13px;background:#fff;color:#172554;font:400 14px "Segoe UI",Arial,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}
.cms-external-field input[b-gocyqdrpht],.cms-external-field select[b-gocyqdrpht]{min-height:39px}
.cms-external-field textarea[b-gocyqdrpht]{resize:vertical;min-height:115px;line-height:1.55}
.cms-external-field input[b-gocyqdrpht]::placeholder,.cms-external-field textarea[b-gocyqdrpht]::placeholder{color:#8996b2}
.cms-external-field input:focus[b-gocyqdrpht],.cms-external-field select:focus[b-gocyqdrpht],.cms-external-field textarea:focus[b-gocyqdrpht]{border-color:#2684ff;box-shadow:0 0 0 3px rgba(38,132,255,.13)}
.cms-external-divider[b-gocyqdrpht]{height:1px;background:#dce5f5;margin:29px 0}
.cms-external-upload[b-gocyqdrpht]{border:1px dashed #c4d4ee;background:#f8faff;border-radius:9px;text-align:center;padding:12px 15px}
.cms-external-upload-icon[b-gocyqdrpht]{font-size:25px;color:#2684ff;line-height:1;margin-bottom:7px;font-weight:700}
.cms-external-upload-heading[b-gocyqdrpht]{font-size:14px;font-weight:750;color:#172554}
.cms-external-upload-heading span[b-gocyqdrpht]{font-weight:400;color:#68789c}
.cms-external-upload p[b-gocyqdrpht]{font-size:12px;color:#68789c;margin:4px 0 8px}
.cms-external-upload[b-gocyqdrpht]  input[type=file]{max-width:100%;font-size:12px;color:#475569}
.cms-external-upload[b-gocyqdrpht]  input[type=file]::file-selector-button{padding:8px 12px;margin-right:10px;border-radius:7px;border:1px solid #c4d4ee;background:#fff;color:#172554;font-weight:650;cursor:pointer}
.cms-external-file-list[b-gocyqdrpht]{margin:0;padding:10px 16px 10px 32px;background:#f8faff;border-radius:8px;color:#475569;font-size:12px;overflow-wrap:anywhere}
.cms-external-file-list li+li[b-gocyqdrpht]{margin-top:5px}
.cms-external-actions[b-gocyqdrpht]{border-top:1px solid #dce5f5;margin-top:16px;padding-top:14px}
.cms-external-actions button[b-gocyqdrpht],.cms-external-primary-link[b-gocyqdrpht]{width:100%;min-height:43px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;gap:10px;border:0;border-radius:8px;background:#2684ff;color:#fff;font:750 14px "Segoe UI",Arial,sans-serif;text-decoration:none;cursor:pointer;transition:background .15s}
.cms-external-actions button:hover:not(:disabled)[b-gocyqdrpht],.cms-external-primary-link:hover[b-gocyqdrpht]{background:#156bd9;color:#fff}
.cms-external-actions button:disabled[b-gocyqdrpht]{opacity:.65;cursor:wait}
.cms-external-actions p[b-gocyqdrpht]{font-size:11px;color:#68789c;text-align:center;margin:13px 0 0}
.cms-external-message[b-gocyqdrpht]{padding:18px;border-radius:9px;font-size:13px;line-height:1.6}
.cms-external-message p[b-gocyqdrpht]{margin:6px 0 0}
.cms-external-message-success[b-gocyqdrpht]{background:#eafaf4;color:#176b4d;border:1px solid #a9e2c5}
.cms-external-message-error[b-gocyqdrpht]{background:#fff2f3;color:#a62b3c;border:1px solid #ffc1ca}
.cms-external-tracking[b-gocyqdrpht]{margin-top:25px}
.cms-external-tracking h2[b-gocyqdrpht]{font-size:19px;margin:0 0 8px;color:#172554}
.cms-external-tracking p[b-gocyqdrpht]{color:#68789c;font-size:13px;line-height:1.6}
.cms-external-tracking label[b-gocyqdrpht]{display:block;font-size:12px;font-weight:700;margin:17px 0 7px}
.cms-external-tracking input[b-gocyqdrpht]{width:100%;box-sizing:border-box;padding:12px;border:1px solid #c4d4ee;border-radius:8px;color:#172554;background:#f8faff;font-size:12px;margin-bottom:15px}
.cms-external-footer[b-gocyqdrpht]{text-align:center;padding:19px 20px 27px;color:#68789c;font-size:11px}
@media(max-width:650px){.cms-external-header-inner[b-gocyqdrpht]{padding:15px 18px}.cms-external-header-label[b-gocyqdrpht]{display:none}.cms-external-main[b-gocyqdrpht]{padding:28px 14px 32px}.cms-external-card[b-gocyqdrpht]{padding:22px 17px}.cms-external-fields-two[b-gocyqdrpht]{grid-template-columns:1fr}.cms-external-project[b-gocyqdrpht]{padding:14px}.cms-external-intro[b-gocyqdrpht]{margin-bottom:20px}}

/* Wide, compact desktop layout — retain natural height for validation and attachments. */
.cms-external-form-columns[b-gocyqdrpht]{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:28px;align-items:start}
.cms-external-form-panel[b-gocyqdrpht]{min-width:0}
.cms-external-request-panel[b-gocyqdrpht]{border-left:1px solid #dce5f5;padding-left:28px}
.cms-external-contact-panel .cms-external-fields-two[b-gocyqdrpht]{grid-template-columns:repeat(2,minmax(0,1fr))}
.cms-external-contact-panel .cms-external-full[b-gocyqdrpht]{grid-column:1/-1}
.cms-external-request-panel .cms-external-fields[b-gocyqdrpht]{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.cms-external-request-panel .cms-external-fields>.cms-external-field:nth-child(3)[b-gocyqdrpht]{grid-column:1/-1}
.cms-external-request-panel .cms-external-upload[b-gocyqdrpht]{grid-column:1/-1}
.cms-external-request-panel .cms-external-file-list[b-gocyqdrpht]{grid-column:1/-1}
.cms-external-field[b-gocyqdrpht]{line-height:1.3}
.cms-external-field input[b-gocyqdrpht],.cms-external-field select[b-gocyqdrpht],.cms-external-field textarea[b-gocyqdrpht]{padding:8px 11px}
.cms-external-intro h1[b-gocyqdrpht]{font-size:clamp(26px,2.5vw,32px);margin-bottom:5px}
.cms-external-header-inner[b-gocyqdrpht]{padding-top:11px;padding-bottom:11px}
.cms-external-section-heading h2[b-gocyqdrpht]{font-size:16px}
.cms-external-actions[b-gocyqdrpht]{display:flex;align-items:center;justify-content:flex-end;gap:20px}
.cms-external-actions button[b-gocyqdrpht]{width:240px;flex:0 0 240px}
.cms-external-actions p[b-gocyqdrpht]{margin:0;text-align:right}
@media(max-width:1000px){
 .cms-external-form-columns[b-gocyqdrpht]{grid-template-columns:1fr;gap:20px}
 .cms-external-request-panel[b-gocyqdrpht]{border-left:0;border-top:1px solid #dce5f5;padding-left:0;padding-top:20px}
 .cms-external-main[b-gocyqdrpht]{padding:25px 20px}
}
@media(max-width:650px){
 .cms-external-main[b-gocyqdrpht]{padding:22px 14px}
 .cms-external-card[b-gocyqdrpht]{padding:18px 15px}
 .cms-external-request-panel .cms-external-fields[b-gocyqdrpht]{grid-template-columns:1fr}
 .cms-external-request-panel .cms-external-fields>.cms-external-field:nth-child(3)[b-gocyqdrpht]{grid-column:auto}
 .cms-external-contact-panel .cms-external-fields-two[b-gocyqdrpht]{grid-template-columns:1fr}
 .cms-external-actions[b-gocyqdrpht]{display:block}
 .cms-external-actions button[b-gocyqdrpht]{width:100%}
 .cms-external-actions p[b-gocyqdrpht]{text-align:center;margin-top:10px}
}

/* METLEN customer-facing identity — compact branded header. */
.cms-external-header[b-gocyqdrpht]{background:linear-gradient(105deg,#0d1b4a 0%,#123c70 100%)}
.cms-external-header-inner[b-gocyqdrpht]{max-width:1560px;padding:10px 26px;min-height:72px;box-sizing:border-box}
.cms-external-brand[b-gocyqdrpht]{gap:14px;min-width:0}
.cms-external-metlen-logo[b-gocyqdrpht]{display:block;width:56px;height:56px;object-fit:contain;flex:0 0 56px}
.cms-external-metlen-name[b-gocyqdrpht]{white-space:nowrap}
.cms-external-metlen-name strong[b-gocyqdrpht]{display:block;font-size:24px;font-weight:750;letter-spacing:.015em;color:#fff;line-height:1.1}
.cms-external-metlen-name span[b-gocyqdrpht]{display:block;font-size:11px;color:#d7e5fa;margin-top:4px}
.cms-external-brand-divider[b-gocyqdrpht]{height:43px;width:1px;background:rgba(255,255,255,.35);margin:0 10px;flex:0 0 1px}
.cms-external-brand-context[b-gocyqdrpht]{min-width:0}
.cms-external-brand-context span[b-gocyqdrpht]{display:block;font-size:13px;color:#d7e5fa;margin:0 0 4px}
.cms-external-brand-context strong[b-gocyqdrpht]{display:block;font-size:17px;font-weight:750;color:#fff;line-height:1.2}
@media(max-width:650px){
 .cms-external-header-inner[b-gocyqdrpht]{padding:10px 14px;min-height:68px}
 .cms-external-brand[b-gocyqdrpht]{gap:9px}
 .cms-external-metlen-logo[b-gocyqdrpht]{width:42px;height:42px;flex-basis:42px}
 .cms-external-metlen-name strong[b-gocyqdrpht]{font-size:17px}
 .cms-external-metlen-name span[b-gocyqdrpht]{font-size:9px}
 .cms-external-brand-divider[b-gocyqdrpht]{height:34px;margin:0 3px}
 .cms-external-brand-context span[b-gocyqdrpht]{font-size:10px}
 .cms-external-brand-context strong[b-gocyqdrpht]{font-size:12px}
}
@media(max-width:390px){.cms-external-brand-context span[b-gocyqdrpht]{display:none}.cms-external-brand-context strong[b-gocyqdrpht]{font-size:11px}}
/* /Components/Pages/ExternalRequestTracking.razor.rz.scp.css */
/* METLEN Customer Ticket Tracking — scoped, responsive UI. */
.tracking-page[b-v4v08avict]{min-height:100vh;background:#f3f6ff;color:#172554;font-family:"Segoe UI",Arial,sans-serif}
.tracking-page *[b-v4v08avict]{box-sizing:border-box}
.tracking-brand-header[b-v4v08avict]{background:#102553;color:#fff;box-shadow:0 4px 18px rgba(9,21,56,.12)}
.tracking-brand-inner[b-v4v08avict]{max-width:1560px;margin:0 auto;min-height:76px;padding:10px 26px;display:flex;align-items:center;gap:24px}
.tracking-brand-identity[b-v4v08avict]{display:flex;align-items:center;gap:13px;flex-shrink:0}
.tracking-brand-logo[b-v4v08avict]{width:56px;height:56px;object-fit:contain}
.tracking-brand-name strong[b-v4v08avict]{display:block;color:#fff;font-size:23px;font-weight:800;line-height:1.1;letter-spacing:.015em}
.tracking-brand-name span[b-v4v08avict]{display:block;color:#c7d7f9;font-size:11px;margin-top:4px}
.tracking-brand-separator[b-v4v08avict]{height:42px;width:1px;background:#5b719b;flex-shrink:0}
.tracking-brand-context span[b-v4v08avict],.tracking-brand-context strong[b-v4v08avict]{display:block;color:#fff}
.tracking-brand-context span[b-v4v08avict]{font-size:12px;margin-bottom:5px}
.tracking-brand-context strong[b-v4v08avict]{font-size:17px;font-weight:750}
.tracking-shell[b-v4v08avict]{width:min(100% - 56px,1500px);margin:0 auto;padding:23px 0 36px}
.tracking-header[b-v4v08avict]{margin-bottom:16px}
.tracking-eyebrow[b-v4v08avict]{font-size:11px;font-weight:800;letter-spacing:.1em;color:#2684ff}
.tracking-header h1[b-v4v08avict]{font-size:clamp(27px,2.5vw,33px);font-weight:750;margin:10px 0 5px;line-height:1.2;letter-spacing:-.025em}
.tracking-header p[b-v4v08avict]{font-size:14px;color:#68789c;margin:0;line-height:1.5}
.tracking-card[b-v4v08avict]{background:#fff;border:1px solid #dce5f5;border-radius:12px;box-shadow:0 8px 22px rgba(42,72,150,.07);padding:22px 28px;min-width:0}
.tracking-empty h2[b-v4v08avict]{font-size:20px;margin:0 0 10px}
.tracking-empty p[b-v4v08avict]{color:#68789c;margin:0}
.tracking-summary[b-v4v08avict]{margin-bottom:16px}
.tracking-summary-top[b-v4v08avict]{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.tracking-summary h2[b-v4v08avict]{font-size:27px;font-weight:750;line-height:1.2;margin:6px 0 0;overflow-wrap:anywhere}
.tracking-subject[b-v4v08avict]{font-size:15px;margin:7px 0 0;font-weight:600;overflow-wrap:anywhere}
.tracking-status[b-v4v08avict]{display:inline-flex;align-items:center;min-height:30px;padding:5px 13px;border:1px solid #cbd5e1;border-radius:7px;font-size:12px;font-weight:750;white-space:nowrap;background:#f1f5f9;color:#334155}
.tracking-status-open[b-v4v08avict]{background:#eaf4ff;color:#1454a3;border-color:#b7d6ff}
.tracking-status-pending[b-v4v08avict]{background:#fff5e7;color:#995100;border-color:#ffd4a2}
.tracking-status-progress[b-v4v08avict]{background:#e9f2ff;color:#2255a5;border-color:#bbd4ff}
.tracking-status-done[b-v4v08avict]{background:#e7f7ed;color:#176a3b;border-color:#b7e4c7}
.tracking-status-cancelled[b-v4v08avict]{background:#fcebed;color:#9f2738;border-color:#f5c4cb}
.tracking-details[b-v4v08avict]{margin:17px 0 0;padding-top:16px;border-top:1px solid #dce5f5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tracking-details div[b-v4v08avict]{min-width:0}
.tracking-details dt[b-v4v08avict]{font-size:12px;color:#68789c;font-weight:600;margin-bottom:6px}
.tracking-details dd[b-v4v08avict]{font-size:14px;font-weight:700;margin:0;overflow-wrap:anywhere}
.tracking-columns[b-v4v08avict]{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.tracking-section-heading[b-v4v08avict]{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;flex-wrap:wrap}
.tracking-section-heading h2[b-v4v08avict]{font-size:19px;font-weight:750;margin:6px 0 0}
.tracking-refresh[b-v4v08avict]{cursor:pointer;background:#fff;color:#1557c0;border:1px solid #b8cee9;padding:9px 13px;font-family:inherit;font-size:12px;font-weight:700;border-radius:7px}
.tracking-refresh:hover[b-v4v08avict]{background:#eef5ff}
.tracking-refresh:focus-visible[b-v4v08avict],.tracking-send:focus-visible[b-v4v08avict]{outline:3px solid #86b9ff;outline-offset:2px}
.tracking-timeline[b-v4v08avict]{list-style:none;padding:0 0 0 22px;margin:0;border-left:2px solid #d8e5f1}
.tracking-event[b-v4v08avict]{position:relative;padding:0 0 22px 18px;min-width:0}
.tracking-event:last-child[b-v4v08avict]{padding-bottom:0}
.tracking-event[b-v4v08avict]::before{content:"";position:absolute;left:-29px;top:3px;width:12px;height:12px;border:3px solid #fff;border-radius:50%;background:#2684ff;box-shadow:0 0 0 1px #a7c6df}
.tracking-event-head[b-v4v08avict]{display:flex;gap:7px 15px;flex-wrap:wrap;align-items:center;margin-bottom:7px}
.tracking-event-type[b-v4v08avict]{font-weight:750;font-size:13px}
.tracking-event time[b-v4v08avict]{font-size:11px;color:#68789c}
.tracking-event p[b-v4v08avict]{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.6;color:#33456f}
.tracking-no-updates[b-v4v08avict]{padding:17px;background:#f8faff;color:#68789c;font-size:13px;border-radius:7px}
.tracking-reply-description[b-v4v08avict]{color:#68789c;font-size:13px;line-height:1.55;margin:-4px 0 15px}
.tracking-reply-label[b-v4v08avict]{display:block;font-size:13px;font-weight:700;margin-bottom:7px}
.tracking-reply textarea[b-v4v08avict]{display:block;width:100%;min-height:132px;resize:vertical;padding:12px;border:1px solid #c4d4ee;border-radius:8px;background:#fff;color:#172554;font:14px "Segoe UI",Arial,sans-serif;line-height:1.5;outline:none}
.tracking-reply textarea:focus[b-v4v08avict]{border-color:#2684ff;box-shadow:0 0 0 3px rgba(38,132,255,.13)}
.tracking-reply textarea[b-v4v08avict]::placeholder{color:#8996b2}
.tracking-send[b-v4v08avict]{display:inline-flex;align-items:center;justify-content:center;min-width:180px;min-height:42px;margin-top:13px;padding:10px 18px;border:0;border-radius:8px;background:#2684ff;color:#fff;font:750 13px "Segoe UI",Arial,sans-serif;cursor:pointer}
.tracking-send:hover:not(:disabled)[b-v4v08avict]{background:#156bd9}
.tracking-send:disabled[b-v4v08avict]{opacity:.65;cursor:wait}
.tracking-reply-error[b-v4v08avict]{color:#a62b3c;font-size:13px;margin:10px 0 0}
.tracking-reply-success[b-v4v08avict]{color:#176b4d;font-size:13px;margin:10px 0 0}
.tracking-privacy[b-v4v08avict]{font-size:11px;line-height:1.6;color:#68789c;border-top:1px solid #dce5f5;padding-top:14px;margin:19px 0 0}
@media(max-width:900px){.tracking-columns[b-v4v08avict]{grid-template-columns:1fr}.tracking-shell[b-v4v08avict]{width:calc(100% - 36px)}}
@media(max-width:620px){.tracking-brand-inner[b-v4v08avict]{padding:12px 16px;gap:12px;flex-wrap:wrap}.tracking-brand-logo[b-v4v08avict]{width:43px;height:43px}.tracking-brand-name strong[b-v4v08avict]{font-size:19px}.tracking-brand-context strong[b-v4v08avict]{font-size:14px}.tracking-brand-context span[b-v4v08avict]{font-size:11px}.tracking-brand-separator[b-v4v08avict]{height:36px}.tracking-shell[b-v4v08avict]{width:calc(100% - 24px);padding:20px 0 32px}.tracking-header h1[b-v4v08avict]{font-size:25px}.tracking-card[b-v4v08avict]{padding:19px 17px}.tracking-summary h2[b-v4v08avict]{font-size:24px}.tracking-details[b-v4v08avict]{grid-template-columns:1fr;gap:12px}.tracking-refresh[b-v4v08avict]{width:100%}.tracking-section-heading[b-v4v08avict]{align-items:flex-start}.tracking-send[b-v4v08avict]{width:100%}.tracking-timeline[b-v4v08avict]{padding-left:16px}.tracking-event[b-v4v08avict]{padding-left:14px}.tracking-event[b-v4v08avict]::before{left:-23px}}
/* /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: #172554;
    background: #f3f6ff;
}

.cms-login-brand-panel[b-rto4p5xcwb] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 70px;
    color: #fff;
    background:
        radial-gradient(circle at 82% 14%, rgba(22, 168, 221, .28), transparent 30%),
        radial-gradient(circle at 18% 88%, rgba(108, 99, 255, .22), transparent 34%),
        linear-gradient(145deg, #12255f 0%, #0d1b4a 58%, #091538 100%);
}

.cms-login-brand-panel[b-rto4p5xcwb]::before,
.cms-login-brand-panel[b-rto4p5xcwb]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(105, 220, 255, .12);
    border-radius: 28px;
    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;
    border-color: rgba(124, 92, 255, .14);
}

.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, .14);
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(38, 132, 255, .30), rgba(108, 99, 255, .28));
    box-shadow: 0 14px 30px rgba(2, 10, 40, .20), inset 0 1px 0 rgba(255, 255, 255, .10);
    font-size: 37px;
}

.cms-login-brand-name[b-rto4p5xcwb] {
    color: #fff;
    font-size: 46px;
    font-weight: 800;
    letter-spacing: -.03em;
}

.cms-login-brand-content h1[b-rto4p5xcwb] {
    max-width: 470px;
    margin: 0;
    color: #e6efff;
    font-size: 28px;
    font-weight: 650;
    line-height: 1.25;
}

.cms-login-brand-content p[b-rto4p5xcwb] {
    max-width: 480px;
    margin: 28px 0 0;
    color: #b7c9f2;
    font-size: 17px;
    line-height: 1.65;
}

.cms-login-brand-line[b-rto4p5xcwb] {
    width: 72px;
    height: 4px;
    margin: 36px 0 17px;
    border-radius: 999px;
    background: linear-gradient(90deg, #f59e0b 0%, #f97316 45%, #a855f7 100%);
    box-shadow: 0 0 18px rgba(249, 115, 22, .20);
}

.cms-login-brand-content > span[b-rto4p5xcwb] {
    color: #91b4ff;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: .03em;
}

.cms-login-created-by[b-rto4p5xcwb] {
    position: absolute;
    z-index: 2;
    right: 70px;
    bottom: 32px;
    left: 70px;
    color: #a9bce8;
    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: #edf4ff;
    font-size: 13px;
}

.cms-login-form-panel[b-rto4p5xcwb] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px;
    background:
        radial-gradient(circle at 88% 8%, rgba(38, 132, 255, .10), transparent 25%),
        radial-gradient(circle at 10% 92%, rgba(108, 99, 255, .08), transparent 28%),
        #f6f8ff;
}

.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: #7181a6;
    font-size: 13px;
    font-weight: 650;
}

.cms-login-language-icon[b-rto4p5xcwb] {
    margin-right: 2px;
    font-size: 14px;
}

.cms-login-language-link[b-rto4p5xcwb] {
    color: #7181a6;
    text-decoration: none;
    transition: color .15s ease;
}

.cms-login-language-link:hover[b-rto4p5xcwb] {
    color: #2684ff;
}

.cms-login-language-link-active[b-rto4p5xcwb] {
    color: #1f6fd6;
    font-weight: 800;
}

.cms-login-language-separator[b-rto4p5xcwb] {
    color: #c4cce0;
    font-weight: 400;
}

.cms-login-mobile-brand[b-rto4p5xcwb] {
    display: none;
}

.cms-login-eyebrow[b-rto4p5xcwb] {
    display: block;
    margin-bottom: 8px;
    color: #6c63ff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cms-login-card h2[b-rto4p5xcwb] {
    margin: 0;
    color: #172554;
    font-size: 36px;
    line-height: 1.2;
}

.cms-login-description[b-rto4p5xcwb] {
    margin: 12px 0 0;
    color: #68789c;
    font-size: 15px;
    line-height: 1.55;
}

.cms-login-error[b-rto4p5xcwb],
.cms-login-success[b-rto4p5xcwb] {
    display: flex;
    gap: 11px;
    align-items: flex-start;
    margin-top: 22px;
    padding: 12px 14px;
    border-radius: 12px;
}

.cms-login-error[b-rto4p5xcwb] {
    border: 1px solid #f0a3a6;
    color: #a72b31;
    background: #fff2f3;
}

.cms-login-success[b-rto4p5xcwb] {
    border: 1px solid #9ddac8;
    color: #18715f;
    background: #edfbf7;
}

.cms-login-error > span[b-rto4p5xcwb],
.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;
    font-size: 12px;
    font-weight: 800;
}

.cms-login-error > span[b-rto4p5xcwb] {
    background: #e5484d;
}

.cms-login-success > span[b-rto4p5xcwb] {
    background: #10bfa9;
}

.cms-login-error p[b-rto4p5xcwb],
.cms-login-success p[b-rto4p5xcwb] {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
}

.cms-login-error strong[b-rto4p5xcwb],
.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: #2d3f72;
    font-size: 14px;
    font-weight: 700;
}

.cms-login-input-wrapper[b-rto4p5xcwb] {
    height: 50px;
    display: flex;
    align-items: center;
    border: 1px solid #c4d4ee;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 4px 12px rgba(42, 72, 150, .04);
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.cms-login-input-wrapper:focus-within[b-rto4p5xcwb] {
    border-color: #2684ff;
    box-shadow: 0 0 0 3px rgba(38, 132, 255, .14), 0 7px 18px rgba(42, 72, 150, .08);
}

.cms-login-input-wrapper > span[b-rto4p5xcwb] {
    padding-left: 15px;
    color: #6c63ff;
    font-size: 17px;
}

.cms-login-input-wrapper input[b-rto4p5xcwb] {
    width: 100%;
    height: 100%;
    padding: 0 15px 0 11px;
    border: 0;
    outline: 0;
    color: #172554;
    background: transparent;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
}

.cms-login-input-wrapper input[b-rto4p5xcwb]::placeholder {
    color: #8a99b9;
}

.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 #2684ff;
    border-radius: 10px;
    color: #fff;
    background: linear-gradient(135deg, #2684ff 0%, #4aa3ff 55%, #16a8dd 100%);
    box-shadow: 0 8px 20px rgba(38, 132, 255, .24);
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 15px;
    font-weight: 750;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}

.cms-login-form button:hover[b-rto4p5xcwb] {
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(38, 132, 255, .31);
    filter: saturate(1.08);
}

.cms-login-form button:active[b-rto4p5xcwb] {
    transform: translateY(0);
}

.cms-login-demo-notice[b-rto4p5xcwb] {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin-top: 26px;
    padding: 14px 15px;
    border: 1px solid #dce5f5;
    border-radius: 12px;
    color: #68789c;
    background: linear-gradient(135deg, #ffffff 0%, #f2f7ff 100%);
    box-shadow: 0 6px 18px rgba(42, 72, 150, .05);
}

.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: #334b82;
}

.cms-login-card footer[b-rto4p5xcwb] {
    margin-top: 32px;
    padding-top: 18px;
    border-top: 1px solid #dce5f5;
    color: #8a99b9;
    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: #172554;
        font-size: 24px;
    }

    .cms-login-mobile-logo[b-rto4p5xcwb] {
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 10px;
        color: #fff;
        background: linear-gradient(135deg, #2684ff, #6c63ff);
        box-shadow: 0 8px 20px rgba(38, 132, 255, .18);
        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;
    }
}

/* Step 4I — read-only equipment details dialog */
.project-equipment-open-button[b-5mkpru9en4] { min-height: 29px; padding: 4px 9px; border: 1px solid #2779ec; border-radius: 4px; color: #fff; background: #2779ec; font: 700 11px "Segoe UI",Arial,sans-serif; cursor: pointer; }
.project-equipment-open-button:hover[b-5mkpru9en4] { background: #1459bb; }
.project-equipment-details-modal[b-5mkpru9en4] { display: flex; flex-direction: column; width: min(820px,100%); max-height: 80vh; 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; overflow: hidden; }
.project-equipment-details-modal .project-equipment-modal-header[b-5mkpru9en4] { flex: 0 0 auto; }
.project-equipment-details-scroll[b-5mkpru9en4] { overflow-y: auto; min-height: 0; flex: 1 1 auto; padding: 18px 22px 22px; }
.project-equipment-details-scroll h3[b-5mkpru9en4] { margin: 10px 0 14px; font-size: 14px; color: #0d3240; }
.project-equipment-details-grid[b-5mkpru9en4] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 24px; margin-bottom: 22px; }
.project-equipment-details-grid > div[b-5mkpru9en4] { display: flex; flex-direction: column; gap: 5px; min-width: 0; padding-bottom: 10px; border-bottom: 1px solid #e7edf1; }
.project-equipment-details-grid span[b-5mkpru9en4] { color: #64777f; font-size: 11px; font-weight: 700; text-transform: uppercase; }
.project-equipment-details-grid strong[b-5mkpru9en4] { color: #0d3240; font-size: 13px; font-weight: 600; overflow-wrap: anywhere; }
.project-equipment-details-notes[b-5mkpru9en4] { white-space: pre-wrap; overflow-wrap: anywhere; color: #344d58; font-size: 13px; }
.project-equipment-details-units-scroll[b-5mkpru9en4] { max-height: 260px; overflow: auto; border: 1px solid #dce5e8; }
.project-equipment-details-units-table[b-5mkpru9en4] { width: 100%; border-collapse: collapse; font-size: 12px; }
.project-equipment-details-units-table th[b-5mkpru9en4] { position: sticky; top: 0; background: #f0f5fb; text-align: left; color: #415f79; }
.project-equipment-details-units-table th[b-5mkpru9en4],.project-equipment-details-units-table td[b-5mkpru9en4] { padding: 10px 12px; border-bottom: 1px solid #e7edf1; overflow-wrap: anywhere; }
.project-equipment-details-footer[b-5mkpru9en4] { flex: 0 0 auto; display: flex; justify-content: flex-end; padding: 14px 22px; border-top: 1px solid #dce5e8; }
@media(max-width:600px) { .project-equipment-details-grid[b-5mkpru9en4] { grid-template-columns: 1fr; } .project-equipment-details-modal[b-5mkpru9en4] { max-height: 90vh; } }
/* /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;
    }
}

/* Step 4J-D layout: External Requests next to Key Dates. */
@media (min-width: 1201px) {
    .overview-technical-full[b-7dncq07178] {
        grid-column: 1 / -1;
    }
}
/* /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;
    }
}


/* Contextual Project Scope navigation */
.project-scope-return-button[b-2tqbx6ic5e] {
    flex: 0 0 auto;
    min-height: 40px;
    padding: 9px 14px;
    border-radius: 8px;
    white-space: nowrap;
}

.project-scope-context-nav[b-2tqbx6ic5e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 14px;
    padding: 11px 14px;
    border: 1px solid #dce5f5;
    border-radius: 10px;
    background: #f7f9ff;
    color: #68789c;
    font-size: 13px;
}

.project-scope-context-nav strong[b-2tqbx6ic5e] {
    color: #172554;
    font-weight: 700;
}

.project-scope-context-nav-separator[b-2tqbx6ic5e] {
    color: #9aa8c7;
}

@media (max-width: 760px) {
    .project-scope-header[b-2tqbx6ic5e] {
        align-items: stretch;
        flex-direction: column;
    }

    .project-scope-return-button[b-2tqbx6ic5e] {
        align-self: flex-start;
    }
}
/* /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/ShareFolders.razor.rz.scp.css */
.share-folders-page[b-chaj3js5zc] {
    color: #0d323d;
    padding: 8px 0 40px;
}

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

.share-folders-heading[b-chaj3js5zc] {
    align-items: center;
    display: flex;
    gap: 18px;
}

.share-folders-heading-icon[b-chaj3js5zc] {
    align-items: center;
    background: #eef6f8;
    border: 1px solid #bdd5dc;
    display: flex;
    font-size: 30px;
    height: 70px;
    justify-content: center;
    width: 70px;
}

.share-folders-heading span[b-chaj3js5zc],
.share-folders-panel-header span[b-chaj3js5zc],
.share-folders-browser-header > div > span[b-chaj3js5zc],
.share-folders-modal-header span[b-chaj3js5zc] {
    color: #5b7380;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.share-folders-heading h1[b-chaj3js5zc] {
    font-size: 40px;
    font-weight: 600;
    margin: 3px 0 4px;
}

.share-folders-heading p[b-chaj3js5zc],
.share-folders-browser-header p[b-chaj3js5zc] {
    color: #5b7380;
    margin: 0;
}

.share-folders-pilot-badge[b-chaj3js5zc] {
    background: #eef6f8;
    border: 1px solid #b9d3da;
    color: #0b6d82;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .05em;
    padding: 8px 12px;
    text-transform: uppercase;
}

.share-folders-alert[b-chaj3js5zc] {
    align-items: flex-start;
    border: 1px solid;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 18px;
    padding: 12px 16px;
}

.share-folders-alert-error[b-chaj3js5zc] {
    background: #fff4f3;
    border-color: #e2aaa5;
    color: #8a2d27;
}

.share-folders-alert-success[b-chaj3js5zc] {
    background: #f1f8f4;
    border-color: #a8cfb6;
    color: #24643b;
}

.share-folders-summary[b-chaj3js5zc] {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 24px;
}

.share-folders-summary-card[b-chaj3js5zc] {
    background: #fff;
    border: 1px solid #cbd9de;
    box-shadow: 0 5px 14px rgba(13, 50, 61, .05);
    min-height: 104px;
    padding: 18px 20px;
}

.share-folders-summary-card > span[b-chaj3js5zc] {
    color: #68808b;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.share-folders-summary-card strong[b-chaj3js5zc] {
    align-items: center;
    display: flex;
    font-size: 18px;
    font-weight: 600;
    gap: 8px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-folders-status-not-configured[b-chaj3js5zc] {
    color: #9a6811;
}

.share-folders-status-ready[b-chaj3js5zc] {
    color: #24643b;
}

.share-folders-status-dot[b-chaj3js5zc] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 9px;
    width: 9px;
}

.share-folders-browser[b-chaj3js5zc] {
    background: #fff;
    border: 1px solid #cbd9de;
    box-shadow: 0 6px 16px rgba(13, 50, 61, .06);
}

.share-folders-storage-strip[b-chaj3js5zc] {
    align-items: stretch;
    background: #fff;
    border: 1px solid #cbd9de;
    box-shadow: 0 4px 12px rgba(13, 50, 61, .04);
    display: grid;
    grid-template-columns: minmax(320px, .8fr) minmax(420px, 1.2fr);
    margin-bottom: 18px;
}

.share-folders-storage-main[b-chaj3js5zc],
.share-folders-storage-note[b-chaj3js5zc] {
    align-items: center;
    display: flex;
    gap: 18px;
    min-width: 0;
    padding: 13px 18px;
}

.share-folders-storage-main[b-chaj3js5zc] {
    border-right: 1px solid #d8e3e7;
}

.share-folders-storage-main > div[b-chaj3js5zc] {
    flex: 0 0 auto;
}

.share-folders-storage-kicker[b-chaj3js5zc] {
    color: #68808b;
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .05em;
    margin-bottom: 2px;
    text-transform: uppercase;
}

.share-folders-storage-main strong[b-chaj3js5zc],
.share-folders-storage-note strong[b-chaj3js5zc] {
    color: #0d323d;
    font-size: 13px;
}

.share-folders-storage-path[b-chaj3js5zc] {
    color: #425e69;
    font-size: 13px;
    font-weight: 600;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-folders-storage-note[b-chaj3js5zc] {
    background: #f7fafb;
    flex-wrap: wrap;
    gap: 6px 12px;
}

.share-folders-storage-note span[b-chaj3js5zc] {
    color: #5b7380;
    font-size: 12px;
    line-height: 1.4;
}

.share-folders-panel-header h2[b-chaj3js5zc],
.share-folders-browser-header h2[b-chaj3js5zc],
.share-folders-modal-header h2[b-chaj3js5zc] {
    font-size: 26px;
    font-weight: 600;
    margin: 4px 0 0;
}

.share-folders-panel-description[b-chaj3js5zc] {
    color: #5b7380;
    line-height: 1.55;
    margin: 14px 0 20px;
}

.share-folders-primary[b-chaj3js5zc],
.share-folders-secondary[b-chaj3js5zc],
.share-folders-danger[b-chaj3js5zc],
.share-folders-action[b-chaj3js5zc],
.share-folders-breadcrumb-button[b-chaj3js5zc] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    justify-content: center;
    min-height: 38px;
    padding: 8px 14px;
    text-decoration: none;
}

.share-folders-primary[b-chaj3js5zc] {
    background: #0b6d82;
    border: 1px solid #0b6d82;
    color: #fff;
}

.share-folders-secondary[b-chaj3js5zc],
.share-folders-action[b-chaj3js5zc],
.share-folders-breadcrumb-button[b-chaj3js5zc] {
    background: #fff;
    border: 1px solid #0b6d82;
    color: #0d323d;
}

.share-folders-danger[b-chaj3js5zc] {
    background: #a23b36;
    border: 1px solid #a23b36;
    color: #fff;
}

.share-folders-primary:hover[b-chaj3js5zc],
.share-folders-secondary:hover[b-chaj3js5zc],
.share-folders-danger:hover[b-chaj3js5zc],
.share-folders-action:hover[b-chaj3js5zc],
.share-folders-breadcrumb-button:hover[b-chaj3js5zc] {
    filter: brightness(.97);
}

.share-folders-primary:disabled[b-chaj3js5zc],
.share-folders-secondary:disabled[b-chaj3js5zc],
.share-folders-danger:disabled[b-chaj3js5zc],
.share-folders-breadcrumb-button:disabled[b-chaj3js5zc],
.share-folders-disabled[b-chaj3js5zc] {
    cursor: not-allowed;
    opacity: .5;
}

.share-folders-info-box[b-chaj3js5zc] {
    background: #f5f9fa;
    border-left: 3px solid #8fb4be;
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 18px;
    padding: 13px 15px;
}

.share-folders-info-box strong[b-chaj3js5zc] {
    font-size: 14px;
}

.share-folders-info-box span[b-chaj3js5zc] {
    color: #5b7380;
    font-size: 13px;
    line-height: 1.5;
}

.share-folders-selected-folder[b-chaj3js5zc] {
    background: #f6f9fa;
    border: 1px solid #d2dfe3;
    margin-bottom: 14px;
    padding: 14px 16px;
}

.share-folders-selected-folder span[b-chaj3js5zc] {
    color: #68808b;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.share-folders-selected-folder strong[b-chaj3js5zc] {
    display: block;
    font-size: 16px;
}

.share-folders-selected-folder small[b-chaj3js5zc] {
    color: #6a8089;
    display: block;
    font-size: 12px;
    margin-top: 5px;
    overflow-wrap: anywhere;
}

.share-folders-path[b-chaj3js5zc] {
    overflow-wrap: anywhere;
}

.share-folders-folder-actions[b-chaj3js5zc],
.share-folders-browser-actions[b-chaj3js5zc] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.share-folders-row-actions[b-chaj3js5zc] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.share-folders-browser[b-chaj3js5zc] {
    margin-bottom: 24px;
}

.share-folders-browser-header[b-chaj3js5zc] {
    align-items: center;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    padding: 20px 22px;
}

.share-folders-browser-header > div:first-child[b-chaj3js5zc] {
    min-width: 0;
}

.share-folders-browser-actions[b-chaj3js5zc] {
    flex: 0 0 auto;
    justify-content: flex-end;
}

.share-folders-browser-toolbar[b-chaj3js5zc] {
    align-items: center;
    background: #f7fafb;
    border-top: 1px solid #d6e1e5;
    border-bottom: 1px solid #d6e1e5;
    display: flex;
    gap: 18px;
    justify-content: space-between;
    min-height: 58px;
    padding: 10px 16px;
}

.share-folders-browser-toolbar-actions[b-chaj3js5zc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.share-folders-browser-toolbar-location[b-chaj3js5zc] {
    align-items: flex-end;
    display: flex;
    flex: 0 1 360px;
    flex-direction: column;
    min-width: 0;
}

.share-folders-browser-toolbar-location span[b-chaj3js5zc] {
    color: #68808b;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.share-folders-browser-toolbar-location strong[b-chaj3js5zc] {
    color: #0d323d;
    display: block;
    font-size: 13px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-folders-upload-label[b-chaj3js5zc] {
    position: relative;
}

.share-folders-file-input[b-chaj3js5zc] {
    height: 1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    width: 1px;
}

.share-folders-breadcrumb[b-chaj3js5zc] {
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #d6e1e5;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    min-height: 48px;
    padding: 8px 16px;
}

.share-folders-breadcrumb-button[b-chaj3js5zc] {
    background: transparent;
    border-color: transparent;
    min-height: 30px;
    padding: 4px 7px;
}

.share-folders-breadcrumb-button:hover[b-chaj3js5zc] {
    background: #eaf2f4;
    filter: none;
}

.share-folders-breadcrumb-current[b-chaj3js5zc] {
    align-items: center;
    color: #0d323d;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    gap: 6px;
    min-height: 30px;
    padding: 4px 7px;
}

.share-folders-breadcrumb-separator[b-chaj3js5zc] {
    color: #8ca1a9;
    font-size: 18px;
}

.share-folders-table-wrapper[b-chaj3js5zc] {
    border-top: 1px solid #d6e1e5;
    overflow-x: auto;
}

.share-folders-table[b-chaj3js5zc] {
    border-collapse: collapse;
    min-width: 980px;
    width: 100%;
}

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

.share-folders-table td[b-chaj3js5zc] {
    border-top: 1px solid #e2eaed;
    color: #3e5964;
    padding: 13px 18px;
    vertical-align: middle;
}

.share-folders-table tbody tr:hover[b-chaj3js5zc] {
    background: #f9fbfc;
}

.share-folders-name-cell[b-chaj3js5zc] {
    align-items: center;
    color: #0d323d;
    display: flex;
    font-weight: 600;
    gap: 10px;
    min-width: 260px;
}

.share-folders-file-icon[b-chaj3js5zc] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 28px;
    font-size: 22px;
    height: 28px;
    justify-content: center;
    width: 28px;
}

.share-folders-name-content[b-chaj3js5zc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.share-folders-name-button[b-chaj3js5zc] {
    background: transparent;
    border: 0;
    color: #0b6d82;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    max-width: 360px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-folders-name-button:hover[b-chaj3js5zc] {
    text-decoration: underline;
}

.share-folders-file-name[b-chaj3js5zc] {
    display: block;
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-folders-extension-badge[b-chaj3js5zc] {
    background: #eef3f5;
    border: 1px solid #c9d8dd;
    color: #526d78;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    padding: 2px 5px;
}

.share-folders-action[b-chaj3js5zc] {
    min-height: 32px;
    padding: 5px 10px;
    white-space: nowrap;
}

.share-folders-action-icon[b-chaj3js5zc] {
    width: 36px;
    height: 36px;
    min-width: 36px;
    min-height: 36px;
    padding: 0;
    font-size: 17px;
    line-height: 1;
    text-decoration: none;
}

.share-folders-action-icon span[b-chaj3js5zc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.share-folders-action-danger[b-chaj3js5zc] {
    border-color: #c6827d;
    color: #8a2d27;
}

.share-folders-action-danger:hover[b-chaj3js5zc] {
    background: #fff4f3;
}

.share-folders-empty[b-chaj3js5zc] {
    align-items: center;
    color: #607985;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 230px;
    padding: 34px;
    text-align: center;
}

.share-folders-empty-icon[b-chaj3js5zc] {
    font-size: 42px;
    margin-bottom: 10px;
}

.share-folders-empty strong[b-chaj3js5zc] {
    color: #0d323d;
    font-size: 20px;
}

.share-folders-empty p[b-chaj3js5zc] {
    line-height: 1.55;
    margin: 8px 0 0;
    max-width: 620px;
}

.share-folders-empty-action[b-chaj3js5zc] {
    margin-top: 18px;
}

.share-folders-security-note[b-chaj3js5zc] {
    align-items: flex-start;
    background: #f5f9fa;
    border: 1px solid #cbd9de;
    display: flex;
    gap: 14px;
    padding: 16px 18px;
}

.share-folders-security-icon[b-chaj3js5zc] {
    font-size: 22px;
}

.share-folders-security-note strong[b-chaj3js5zc] {
    display: block;
    margin-bottom: 4px;
}

.share-folders-security-note p[b-chaj3js5zc] {
    color: #5b7380;
    line-height: 1.5;
    margin: 0;
}

.share-folders-modal-backdrop[b-chaj3js5zc] {
    align-items: center;
    background: rgba(6, 27, 34, .42);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 24px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2100;
}

.share-folders-modal[b-chaj3js5zc] {
    background: #fff;
    border: 1px solid #9fb7c0;
    box-shadow: 0 18px 44px rgba(6, 27, 34, .24);
    max-height: calc(100vh - 48px);
    max-width: 560px;
    overflow-y: auto;
    width: 100%;
}

.share-folders-modal-header[b-chaj3js5zc] {
    align-items: flex-start;
    border-bottom: 1px solid #d5e0e4;
    display: flex;
    justify-content: space-between;
    padding: 20px 22px;
}

.share-folders-modal-header h2[b-chaj3js5zc] {
    font-size: 24px;
}

.share-folders-modal-close[b-chaj3js5zc] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    color: #48636e;
    cursor: pointer;
    display: inline-flex;
    font-size: 28px;
    height: 34px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 34px;
}

.share-folders-modal-close:hover[b-chaj3js5zc] {
    background: #f3f7f8;
    border-color: #c7d7dc;
}

.share-folders-modal-close:disabled[b-chaj3js5zc] {
    cursor: not-allowed;
    opacity: .5;
}

.share-folders-modal-body[b-chaj3js5zc] {
    padding: 22px;
}

.share-folders-modal-body > p[b-chaj3js5zc] {
    color: #506b77;
    line-height: 1.55;
    margin: 0 0 18px;
}

.share-folders-modal-footer[b-chaj3js5zc] {
    border-top: 1px solid #d5e0e4;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    padding: 16px 22px;
}

.share-folders-field[b-chaj3js5zc] {
    display: block;
}

.share-folders-field > span[b-chaj3js5zc] {
    color: #425e69;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 7px;
}

.share-folders-field input[b-chaj3js5zc] {
    background: #fff;
    border: 1px solid #abc0c8;
    color: #0d323d;
    font: inherit;
    min-height: 42px;
    padding: 8px 11px;
    width: 100%;
}

.share-folders-field input:focus[b-chaj3js5zc] {
    border-color: #0b6d82;
    box-shadow: 0 0 0 2px rgba(11, 109, 130, .12);
    outline: none;
}

.share-folders-dialog-error[b-chaj3js5zc] {
    background: #fff4f3;
    border: 1px solid #e2aaa5;
    color: #8a2d27;
    margin-bottom: 16px;
    padding: 10px 12px;
}

.share-folders-dialog-item[b-chaj3js5zc] {
    align-items: center;
    background: #f6f9fa;
    border: 1px solid #d2dfe3;
    display: flex;
    gap: 10px;
    margin-bottom: 18px;
    padding: 12px 14px;
}

.share-folders-dialog-item > span[b-chaj3js5zc] {
    font-size: 22px;
}

.share-folders-dialog-item-danger[b-chaj3js5zc] {
    background: #fff8f7;
    border-color: #e4bbb7;
}

.share-folders-delete-warning[b-chaj3js5zc] {
    background: #fff7ea;
    border-left: 3px solid #d39a32;
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    padding: 12px 14px;
}

.share-folders-delete-warning strong[b-chaj3js5zc] {
    color: #7b5310;
}

.share-folders-delete-warning span[b-chaj3js5zc] {
    color: #765f37;
    line-height: 1.45;
}

@media (max-width: 1200px) {
    .share-folders-summary[b-chaj3js5zc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1050px) {
    .share-folders-storage-strip[b-chaj3js5zc] {
        grid-template-columns: 1fr;
    }

    .share-folders-storage-main[b-chaj3js5zc] {
        border-bottom: 1px solid #d8e3e7;
        border-right: 0;
    }
}

@media (max-width: 760px) {
    .share-folders-header[b-chaj3js5zc],
    .share-folders-browser-header[b-chaj3js5zc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 16px;
    }

    .share-folders-heading h1[b-chaj3js5zc] {
        font-size: 32px;
    }

    .share-folders-summary[b-chaj3js5zc] {
        grid-template-columns: 1fr;
    }

    .share-folders-browser-actions[b-chaj3js5zc] {
        justify-content: flex-start;
    }

    .share-folders-browser-toolbar[b-chaj3js5zc] {
        align-items: stretch;
        flex-direction: column;
    }

    .share-folders-browser-toolbar-location[b-chaj3js5zc] {
        align-items: flex-start;
        flex-basis: auto;
    }

    .share-folders-storage-main[b-chaj3js5zc],
    .share-folders-storage-note[b-chaj3js5zc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .share-folders-modal-backdrop[b-chaj3js5zc] {
        align-items: flex-start;
        padding: 14px;
    }

    .share-folders-modal-footer[b-chaj3js5zc] {
        align-items: stretch;
        flex-direction: column-reverse;
    }
}

.share-folders-search-bar[b-chaj3js5zc] {
    align-items: center;
    background: #f8fbfc;
    display: flex;
    gap: 10px;
    padding: 12px 16px;
}

.share-folders-search-input-wrap[b-chaj3js5zc] {
    align-items: center;
    background: #fff;
    border: 1px solid #abc0c8;
    display: flex;
    flex: 1 1 420px;
    min-width: 220px;
}

.share-folders-search-input-wrap:focus-within[b-chaj3js5zc] {
    border-color: #0b6d82;
    box-shadow: 0 0 0 2px rgba(11, 109, 130, .12);
}

.share-folders-search-icon[b-chaj3js5zc] {
    color: #607985;
    flex: 0 0 auto;
    font-size: 20px;
    padding-left: 11px;
}

.share-folders-search-input[b-chaj3js5zc] {
    background: transparent;
    border: 0;
    color: #0d323d;
    flex: 1 1 auto;
    font: inherit;
    min-height: 40px;
    min-width: 0;
    outline: none;
    padding: 8px 11px;
}

.share-folders-search-status[b-chaj3js5zc] {
    align-items: center;
    background: #eef6f8;
    border-top: 1px solid #d6e1e5;
    color: #536f7a;
    display: flex;
    font-size: 13px;
    gap: 18px;
    justify-content: space-between;
    padding: 9px 16px;
}

.share-folders-search-status > div[b-chaj3js5zc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.share-folders-search-status strong[b-chaj3js5zc] {
    color: #0d323d;
}

.share-folders-result-location[b-chaj3js5zc] {
    color: #6d838d;
    display: block;
    flex-basis: 100%;
    font-size: 11px;
    font-weight: 400;
    max-width: 420px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-folders-field select[b-chaj3js5zc] {
    background: #fff;
    border: 1px solid #abc0c8;
    color: #0d323d;
    font: inherit;
    min-height: 42px;
    padding: 8px 11px;
    width: 100%;
}

.share-folders-field select:focus[b-chaj3js5zc] {
    border-color: #0b6d82;
    box-shadow: 0 0 0 2px rgba(11, 109, 130, .12);
    outline: none;
}

.share-folders-field select:disabled[b-chaj3js5zc] {
    background: #f1f5f6;
    cursor: not-allowed;
    opacity: .7;
}

.share-folders-dialog-item > div[b-chaj3js5zc] {
    min-width: 0;
}

.share-folders-dialog-item small[b-chaj3js5zc] {
    color: #6a8089;
    display: block;
    font-size: 11px;
    margin-top: 3px;
    overflow-wrap: anywhere;
}

.share-folders-copy-note[b-chaj3js5zc] {
    background: #f5f9fa;
    border-left: 3px solid #8fb4be;
    color: #536f7a;
    font-size: 13px;
    line-height: 1.45;
    margin-top: 14px;
    padding: 11px 13px;
}

@media (max-width: 760px) {
    .share-folders-search-bar[b-chaj3js5zc] {
        align-items: stretch;
        flex-direction: column;
    }

    .share-folders-search-input-wrap[b-chaj3js5zc] {
        flex-basis: auto;
        width: 100%;
    }

    .share-folders-search-status[b-chaj3js5zc] {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}

.share-folders-filter-bar[b-chaj3js5zc] {
    align-items: end;
    background: #f8fbfc;
    border-top: 1px solid #d6e1e5;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(220px, 1.5fr) repeat(3, minmax(150px, .8fr)) auto;
    padding: 14px 16px;
}

.share-folders-filter-field[b-chaj3js5zc] {
    min-width: 0;
}

.share-folders-filter-field label[b-chaj3js5zc] {
    color: #506b77;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.share-folders-filter-field input[b-chaj3js5zc],
.share-folders-filter-field select[b-chaj3js5zc] {
    background: #fff;
    border: 1px solid #abc0c8;
    color: #0d323d;
    font: inherit;
    min-height: 40px;
    padding: 8px 10px;
    width: 100%;
}

.share-folders-filter-field input:focus[b-chaj3js5zc],
.share-folders-filter-field select:focus[b-chaj3js5zc] {
    border-color: #0b6d82;
    box-shadow: 0 0 0 2px rgba(11, 109, 130, .12);
    outline: none;
}

.share-folders-clear-filters[b-chaj3js5zc] {
    align-self: end;
    min-width: 108px;
}

.share-folders-filter-status[b-chaj3js5zc] {
    background: #fff;
    border-top: 1px solid #d6e1e5;
    color: #6a8089;
    font-size: 12px;
    padding: 7px 16px;
}

.share-folders-sort-button[b-chaj3js5zc] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    gap: 7px;
    letter-spacing: .02em;
    padding: 0;
    text-transform: uppercase;
}

.share-folders-sort-button:hover[b-chaj3js5zc] {
    color: #0b6d82;
}

.share-folders-sort-button span[b-chaj3js5zc] {
    color: #76909a;
    font-size: 11px;
}

@media (max-width: 1180px) {
    .share-folders-filter-bar[b-chaj3js5zc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .share-folders-clear-filters[b-chaj3js5zc] {
        justify-self: start;
    }
}

@media (max-width: 760px) {
    .share-folders-filter-bar[b-chaj3js5zc] {
        grid-template-columns: 1fr;
    }

    .share-folders-clear-filters[b-chaj3js5zc] {
        width: 100%;
    }
}


/* Step 9: multi-select, bulk actions and multi-file upload */
.share-folders-select-column[b-chaj3js5zc] {
    padding-left: 12px !important;
    padding-right: 8px !important;
    text-align: center !important;
    width: 44px;
}

.share-folders-selection-checkbox[b-chaj3js5zc] {
    accent-color: #0b6d82;
    cursor: pointer;
    height: 16px;
    width: 16px;
}

.share-folders-row-selected[b-chaj3js5zc],
.share-folders-table tbody tr.share-folders-row-selected:hover[b-chaj3js5zc] {
    background: #eef7f9;
}

.share-folders-bulk-toolbar[b-chaj3js5zc] {
    align-items: center;
    background: #eaf4f6;
    border-top: 1px solid #c9dce2;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    padding: 10px 16px;
}

.share-folders-bulk-summary[b-chaj3js5zc],
.share-folders-bulk-actions[b-chaj3js5zc] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.share-folders-bulk-summary strong[b-chaj3js5zc] {
    color: #0d323d;
    font-size: 14px;
}

.share-folders-bulk-clear[b-chaj3js5zc] {
    background: transparent;
    border: 0;
    color: #0b6d82;
    cursor: pointer;
    font: inherit;
    font-size: 13px;
    font-weight: 700;
    padding: 5px 7px;
}

.share-folders-bulk-clear:hover[b-chaj3js5zc] {
    text-decoration: underline;
}

.share-folders-bulk-clear:disabled[b-chaj3js5zc] {
    cursor: not-allowed;
    opacity: .5;
}

.share-folders-bulk-list[b-chaj3js5zc] {
    border: 1px solid #d2dfe3;
    margin-bottom: 18px;
    max-height: 240px;
    overflow-y: auto;
}

.share-folders-bulk-list-danger[b-chaj3js5zc] {
    border-color: #e4bbb7;
}

.share-folders-bulk-list-item[b-chaj3js5zc] {
    align-items: center;
    background: #f8fbfc;
    border-top: 1px solid #e1e9ec;
    display: flex;
    gap: 10px;
    padding: 10px 12px;
}

.share-folders-bulk-list-item:first-child[b-chaj3js5zc] {
    border-top: 0;
}

.share-folders-bulk-list-item > span[b-chaj3js5zc] {
    font-size: 20px;
}

.share-folders-bulk-list-item > div[b-chaj3js5zc] {
    min-width: 0;
}

.share-folders-bulk-list-item strong[b-chaj3js5zc] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-folders-bulk-list-item small[b-chaj3js5zc] {
    color: #6a8089;
    display: block;
    font-size: 11px;
    margin-top: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.share-folders-bulk-more[b-chaj3js5zc] {
    color: #5b7380;
    font-size: 12px;
    font-weight: 700;
    padding: 9px 12px;
}

@media (max-width: 760px) {
    .share-folders-bulk-toolbar[b-chaj3js5zc] {
        align-items: stretch;
        flex-direction: column;
    }

    .share-folders-bulk-actions[b-chaj3js5zc] {
        align-items: stretch;
        flex-direction: column;
    }

    .share-folders-bulk-actions > button[b-chaj3js5zc] {
        width: 100%;
    }
}

.share-folders-table[b-chaj3js5zc] {
    min-width: 1040px;
}

/* =========================================================
   Vivid theme normalization - Share Folders
   Keep rounded corners on true outer surfaces and controls,
   while nested browser strips/table headers remain flat.
   ========================================================= */

/* Main Share Folders surfaces */
.share-folders-storage-strip[b-chaj3js5zc],
.share-folders-browser[b-chaj3js5zc] {
    border-radius: 12px !important;
    overflow: hidden !important;
}

/* These are internal strips of the Document Browser. They must
   be clipped by the outer browser rather than rounded separately. */
.share-folders-browser-header[b-chaj3js5zc],
.share-folders-browser-toolbar[b-chaj3js5zc],
.share-folders-breadcrumb[b-chaj3js5zc],
.share-folders-search-bar[b-chaj3js5zc],
.share-folders-search-status[b-chaj3js5zc],
.share-folders-filter-bar[b-chaj3js5zc],
.share-folders-filter-status[b-chaj3js5zc],
.share-folders-bulk-toolbar[b-chaj3js5zc],
.share-folders-table-wrapper[b-chaj3js5zc],
.share-folders-table[b-chaj3js5zc] {
    border-radius: 0 !important;
}

/* No individual rounded cells inside the table. */
.share-folders-table thead[b-chaj3js5zc],
.share-folders-table tbody[b-chaj3js5zc],
.share-folders-table tr[b-chaj3js5zc],
.share-folders-table th[b-chaj3js5zc],
.share-folders-table td[b-chaj3js5zc] {
    border-radius: 0 !important;
}

/* Sortable column headers are controls functionally, but visually
   they should read as plain table headings, not white buttons/pills. */
.share-folders-table .share-folders-sort-button[b-chaj3js5zc] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #45608f !important;
    padding: 0 !important;
}

.share-folders-table .share-folders-sort-button:hover[b-chaj3js5zc],
.share-folders-table .share-folders-sort-button:focus[b-chaj3js5zc] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #2684ff !important;
    outline: none !important;
}

.share-folders-table .share-folders-sort-button span[b-chaj3js5zc] {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: #7790bd !important;
    padding: 0 !important;
}

/* Keep actual form/action controls rounded. */
.share-folders-search-input-wrap[b-chaj3js5zc],
.share-folders-filter-field input[b-chaj3js5zc],
.share-folders-filter-field select[b-chaj3js5zc],
.share-folders-field input[b-chaj3js5zc],
.share-folders-field select[b-chaj3js5zc],
.share-folders-primary[b-chaj3js5zc],
.share-folders-secondary[b-chaj3js5zc],
.share-folders-danger[b-chaj3js5zc],
.share-folders-action[b-chaj3js5zc],
.share-folders-breadcrumb-button[b-chaj3js5zc],
.share-folders-clear-filters[b-chaj3js5zc],
.share-folders-action-icon[b-chaj3js5zc] {
    border-radius: 8px !important;
}

/* The upload control is one visual action surface. */
.share-folders-upload-label[b-chaj3js5zc] {
    border-radius: 8px !important;
}

/* Step 10: Project selector — remove native browser chrome and align with the vivid CMS theme. */
.share-folders-project-card[b-chaj3js5zc] {
    overflow: visible;
}

.share-folders-project-select[b-chaj3js5zc] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%232684ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.8' d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 12px center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    border: 1px solid #b9c9e5 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 2px rgba(31, 58, 118, .06);
    color: #10264f;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    min-height: 42px;
    outline: none !important;
    padding: 8px 42px 8px 12px;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
    width: 100%;
}

.share-folders-project-select:hover:not(:disabled)[b-chaj3js5zc] {
    border-color: #6ea8ff !important;
}

.share-folders-project-select:focus[b-chaj3js5zc],
.share-folders-project-select:focus-visible[b-chaj3js5zc] {
    border-color: #2684ff !important;
    box-shadow: 0 0 0 3px rgba(38, 132, 255, .16) !important;
    outline: none !important;
}

.share-folders-project-select:disabled[b-chaj3js5zc] {
    background-color: #f2f5fb;
    color: #8090ac;
    cursor: not-allowed;
    opacity: .75;
}
/* /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/TicketDetails.razor.rz.scp.css */
*[b-4tj3yoampf] { box-sizing: border-box; }

.cms-ticket-details-page[b-4tj3yoampf] {
    width: 100%; max-width: 1500px; margin: 0 auto; padding: 8px 4px 42px;
    color: #172554; font-family: "Segoe UI", Arial, sans-serif;
}
.cms-ticket-details-header[b-4tj3yoampf] {
    display:flex; align-items:center; justify-content:space-between; gap:24px;
    padding-bottom:30px; border-bottom:1px solid #dce5f5;
}
.cms-ticket-details-heading[b-4tj3yoampf] { display:flex; align-items:center; gap:20px; }
.cms-ticket-details-heading-icon[b-4tj3yoampf] {
    width:64px;height:64px;flex:0 0 64px;display:flex;align-items:center;justify-content:center;
    border:1px solid #bdd6ff;border-radius:12px;
    background:linear-gradient(135deg,#e8f2ff 0%,#f2edff 100%);
    box-shadow:0 8px 20px rgba(38,132,255,.10);font-size:31px;
}
.cms-ticket-details-heading span[b-4tj3yoampf],.cms-ticket-details-card > header span[b-4tj3yoampf],.cms-ticket-details-description > span[b-4tj3yoampf],.cms-ticket-details-resolution > span[b-4tj3yoampf] {
    display:block;margin-bottom:4px;color:#6c7fab;font-size:12px;font-weight:800;letter-spacing:.07em;
}
.cms-ticket-details-heading h1[b-4tj3yoampf] { margin:0;color:#172554;font-size:36px;line-height:1.15; }
.cms-ticket-details-heading p[b-4tj3yoampf] { margin:7px 0 0;color:#68789c;font-size:15px; }
.cms-ticket-details-header > button[b-4tj3yoampf] {
    min-height:42px;padding:8px 16px;border:1px solid #c8d5ea;border-radius:8px;color:#405174;
    background:#fff;font:700 13px "Segoe UI",Arial,sans-serif;cursor:pointer;
}
.cms-ticket-details-header > button:hover[b-4tj3yoampf] { border-color:#9fb5db;background:#f4f7ff; }

.cms-ticket-details-summary[b-4tj3yoampf] {
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px;
}
.cms-ticket-details-summary article[b-4tj3yoampf] {
    min-height:92px;padding:18px 20px;border:1px solid #dce5f5;border-radius:12px;background:#fff;
    box-shadow:0 8px 22px rgba(42,72,150,.07);
}
.cms-ticket-details-summary article > span[b-4tj3yoampf] {
    display:block;margin-bottom:9px;color:#68789c;font-size:12px;font-weight:700;text-transform:uppercase;
}
.cms-ticket-details-summary article > strong:not(.cms-ticket-details-badge)[b-4tj3yoampf] { color:#172554;font-size:17px; }

.cms-ticket-details-grid[b-4tj3yoampf] {
    display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.85fr);gap:20px;margin-top:24px;
}
.cms-ticket-details-card[b-4tj3yoampf] {
    min-width:0;border:1px solid #dce5f5;border-radius:12px;background:#fff;
    box-shadow:0 8px 22px rgba(42,72,150,.07);overflow:hidden;
}
.cms-ticket-details-card > header[b-4tj3yoampf] {
    display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;
    border-bottom:1px solid #e1e8f5;background:#fbfcff;
}
.cms-ticket-details-card > header h2[b-4tj3yoampf] { margin:0;color:#172554;font-size:23px; }
.cms-ticket-details-card > header > strong[b-4tj3yoampf] {
    min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;
    border-radius:999px;color:#1557c0;background:#e8f2ff;font-size:12px;
}
.cms-ticket-details-list[b-4tj3yoampf] {
    display:grid;grid-template-columns:1fr 1fr;margin:0;padding:0 22px;
}
.cms-ticket-details-list > div[b-4tj3yoampf] {
    min-width:0;padding:17px 0;border-bottom:1px solid #e8edf8;
}
.cms-ticket-details-list > div:nth-child(odd)[b-4tj3yoampf] { padding-right:20px; }
.cms-ticket-details-list > div:nth-child(even)[b-4tj3yoampf] { padding-left:20px;border-left:1px solid #e8edf8; }
.cms-ticket-details-list dt[b-4tj3yoampf] {
    margin-bottom:5px;color:#7180a1;font-size:11px;font-weight:800;text-transform:uppercase;
}
.cms-ticket-details-list dd[b-4tj3yoampf] { margin:0;color:#273a67;font-size:14px; }
.cms-ticket-details-list dd strong[b-4tj3yoampf] { display:block;color:#172554; }
.cms-ticket-details-list dd small[b-4tj3yoampf] { display:block;margin-top:3px;color:#7a89aa;font-size:11px; }

.cms-ticket-details-description[b-4tj3yoampf],.cms-ticket-details-resolution[b-4tj3yoampf] { padding:20px 22px; }
.cms-ticket-details-description p[b-4tj3yoampf],.cms-ticket-details-resolution p[b-4tj3yoampf] {
    margin:8px 0 0;color:#33456f;font-size:14px;line-height:1.65;white-space:pre-wrap;
}
.cms-ticket-details-resolution[b-4tj3yoampf] { border-top:1px solid #e1e8f5;background:#f3fbf7; }
.cms-ticket-details-note[b-4tj3yoampf] {
    display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 22px 20px;padding:12px 14px;
    border:1px solid #fed7aa;border-radius:8px;color:#9a5a00;background:#fff7ed;font-size:12px;
}

.cms-ticket-details-timeline[b-4tj3yoampf] { padding:8px 22px 22px; }
.cms-ticket-details-timeline article[b-4tj3yoampf] {
    position:relative;display:grid;grid-template-columns:18px 1fr;gap:12px;padding:16px 0;
}
.cms-ticket-details-timeline article:not(:last-child)[b-4tj3yoampf]::before {
    content:"";position:absolute;left:7px;top:30px;bottom:-2px;width:2px;background:#dbe5f6;
}
.cms-ticket-details-timeline-marker[b-4tj3yoampf] {
    position:relative;z-index:1;width:16px;height:16px;margin-top:2px;border:4px solid #dceaff;
    border-radius:50%;background:#2684ff;
}
.cms-ticket-details-activity-heading[b-4tj3yoampf] { display:flex;align-items:flex-start;justify-content:space-between;gap:12px; }
.cms-ticket-details-activity-heading strong[b-4tj3yoampf] { color:#172554;font-size:13px; }
.cms-ticket-details-activity-heading time[b-4tj3yoampf] { color:#8794b2;font-size:10px;white-space:nowrap; }
.cms-ticket-details-timeline p[b-4tj3yoampf] { margin:5px 0;color:#4b5e87;font-size:12px;line-height:1.45; }
.cms-ticket-details-timeline small[b-4tj3yoampf] { color:#8794b2;font-size:10px; }

.cms-ticket-details-empty[b-4tj3yoampf] {
    min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
    color:#7b89a9;text-align:center;
}
.cms-ticket-details-empty > span[b-4tj3yoampf] { font-size:28px; }

.cms-ticket-details-badge[b-4tj3yoampf] {
    display:inline-flex;padding:5px 10px;border:1px solid;border-radius:999px;
    font-size:11px;font-weight:800;white-space:nowrap;
}
.cms-ticket-details-priority-low[b-4tj3yoampf]{border-color:#cbd5e1;color:#64748b;background:#f8fafc}
.cms-ticket-details-priority-medium[b-4tj3yoampf]{border-color:#b9d6ff;color:#1557c0;background:#eef5ff}
.cms-ticket-details-priority-high[b-4tj3yoampf]{border-color:#fed7aa;color:#c56b00;background:#fff7ed}
.cms-ticket-details-priority-critical[b-4tj3yoampf]{border-color:#ffc1ca;color:#c72d46;background:#fff1f3}
.cms-ticket-details-status-open[b-4tj3yoampf]{border-color:#b9d6ff;color:#1557c0;background:#eef5ff}
.cms-ticket-details-status-assigned[b-4tj3yoampf]{border-color:#d8c4ff;color:#7440b5;background:#f6f0ff}
.cms-ticket-details-status-in-progress[b-4tj3yoampf]{border-color:#a9eadc;color:#078879;background:#eafaf6}
.cms-ticket-details-status-pending[b-4tj3yoampf]{border-color:#fed7aa;color:#b96700;background:#fff7ed}
.cms-ticket-details-status-resolved[b-4tj3yoampf]{border-color:#a9e2c5;color:#087c55;background:#edf9f2}
.cms-ticket-details-status-closed[b-4tj3yoampf],.cms-ticket-details-status-cancelled[b-4tj3yoampf]{border-color:#cbd5e1;color:#64748b;background:#f1f5f9}

.cms-ticket-details-state[b-4tj3yoampf],.cms-ticket-details-error[b-4tj3yoampf] {
    min-height:260px;margin-top:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
    padding:28px;border:1px solid #dce5f5;border-radius:12px;color:#68789c;background:#fff;text-align:center;
    box-shadow:0 8px 20px rgba(42,72,150,.05);
}
.cms-ticket-details-state-icon[b-4tj3yoampf] { font-size:31px; }
.cms-ticket-details-state strong[b-4tj3yoampf],.cms-ticket-details-error strong[b-4tj3yoampf] { color:#172554;font-size:16px; }
.cms-ticket-details-error[b-4tj3yoampf] { border-color:#f0c8ce;color:#a13d49;background:#fff8f8; }

@media(max-width:1050px){
    .cms-ticket-details-summary[b-4tj3yoampf]{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cms-ticket-details-grid[b-4tj3yoampf]{grid-template-columns:1fr}
}
@media(max-width:700px){
    .cms-ticket-details-header[b-4tj3yoampf]{align-items:flex-start;flex-direction:column}
    .cms-ticket-details-header > button[b-4tj3yoampf]{width:100%}
    .cms-ticket-details-heading h1[b-4tj3yoampf]{font-size:30px}
    .cms-ticket-details-summary[b-4tj3yoampf]{grid-template-columns:1fr}
    .cms-ticket-details-list[b-4tj3yoampf]{grid-template-columns:1fr}
    .cms-ticket-details-list > div:nth-child(odd)[b-4tj3yoampf],
    .cms-ticket-details-list > div:nth-child(even)[b-4tj3yoampf]{padding-right:0;padding-left:0;border-left:0}
}

.cms-ticket-details-card > header .cms-ticket-details-assign-button[b-4tj3yoampf]{min-height:38px;padding:7px 13px;border:1px solid #2684ff;border-radius:8px;color:#fff;background:linear-gradient(135deg,#2684ff 0%,#4aa3ff 100%);font:700 12px "Segoe UI",Arial,sans-serif;cursor:pointer}
.cms-ticket-details-success[b-4tj3yoampf]{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:10px;color:#17663a;background:#e4f5eb;box-shadow:0 8px 24px rgba(15,55,69,.14);font-size:13px;font-weight:700}
.cms-ticket-details-success>span[b-4tj3yoampf]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#2a9657}
.cms-ticket-details-modal-backdrop[b-4tj3yoampf]{position:fixed;z-index:1100;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;background:rgba(7,35,45,.58)}
.cms-ticket-details-modal[b-4tj3yoampf]{width:min(560px,100%);border-top:4px solid #2684ff;border-radius:12px;background:#fff;box-shadow:0 24px 60px rgba(23,37,84,.25);overflow:hidden}
.cms-ticket-details-modal>header[b-4tj3yoampf]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 24px 0}
.cms-ticket-details-modal>header span[b-4tj3yoampf]{display:block;margin-bottom:4px;color:#6c7fab;font-size:12px;font-weight:800;letter-spacing:.07em}
.cms-ticket-details-modal>header h2[b-4tj3yoampf]{margin:0;color:#172554;font-size:25px}
.cms-ticket-details-modal>header>button[b-4tj3yoampf]{width:34px;height:34px;padding:0;border:1px solid #d1dcf1;border-radius:8px;color:#405174;background:#f6f8ff;font-size:23px;cursor:pointer}
.cms-ticket-details-modal>p[b-4tj3yoampf]{margin:7px 24px 0;color:#68789c;font-size:13px}
.cms-ticket-details-modal-body[b-4tj3yoampf]{padding:18px 24px 22px}.cms-ticket-details-modal-body label[b-4tj3yoampf]{display:block;margin-bottom:6px;color:#294a56;font-size:13px;font-weight:700}
.cms-ticket-details-modal-body select[b-4tj3yoampf]{width:100%;height:43px;padding:0 12px;border:1px solid #c6d4eb;border-radius:8px;color:#172554;background:#fff;font:14px "Segoe UI",Arial,sans-serif}
.cms-ticket-details-modal-error[b-4tj3yoampf]{margin:14px 24px 0;padding:11px 13px;border:1px solid #e2c3c7;border-radius:8px;color:#9b2937;background:#fcebed;font-size:12px}
.cms-ticket-details-modal>footer[b-4tj3yoampf]{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px 20px;border-top:1px solid #e1e8f5}
.cms-ticket-details-modal>footer button[b-4tj3yoampf]{min-width:120px;min-height:40px;padding:7px 15px;border:1px solid #c8d5ea;border-radius:8px;color:#405174;background:#fff;font:700 12px "Segoe UI",Arial,sans-serif;cursor:pointer}
.cms-ticket-details-modal>footer button:last-child[b-4tj3yoampf]{border-color:#2684ff;color:#fff;background:linear-gradient(135deg,#2684ff 0%,#4aa3ff 100%)}
.cms-ticket-details-modal>footer button:disabled[b-4tj3yoampf]{opacity:.6;cursor:not-allowed}

.cms-ticket-details-workflow[b-4tj3yoampf]{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding:16px 20px;border:1px solid #dce5f5;border-radius:12px;background:#fff;box-shadow:0 8px 22px rgba(42,72,150,.06)}
.cms-ticket-details-workflow>div:first-child span[b-4tj3yoampf]{display:block;margin-bottom:3px;color:#6c7fab;font-size:11px;font-weight:800;letter-spacing:.07em}
.cms-ticket-details-workflow>div:first-child strong[b-4tj3yoampf]{color:#172554;font-size:15px}
.cms-ticket-details-workflow-actions[b-4tj3yoampf]{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}
.cms-ticket-details-workflow-actions button[b-4tj3yoampf]{min-height:38px;padding:7px 13px;border:1px solid #c8d5ea;border-radius:8px;color:#405174;background:#fff;font:700 12px "Segoe UI",Arial,sans-serif;cursor:pointer}
.cms-ticket-details-workflow-actions button:hover[b-4tj3yoampf]{border-color:#9fb5db;background:#f4f7ff}
.cms-ticket-details-workflow-actions .cms-ticket-details-resolve-button[b-4tj3yoampf]{border-color:#22a06b;color:#087c55;background:#edf9f2}
.cms-ticket-details-workflow-actions .cms-ticket-details-close-button[b-4tj3yoampf]{border-color:#2684ff;color:#fff;background:linear-gradient(135deg,#2684ff 0%,#4aa3ff 100%)}
.cms-ticket-details-workflow-actions button:disabled[b-4tj3yoampf]{opacity:.88;cursor:wait}
.cms-ticket-details-workflow-error[b-4tj3yoampf]{margin-top:12px;padding:11px 13px;border:1px solid #e2c3c7;border-radius:8px;color:#9b2937;background:#fcebed;font-size:12px}
.cms-ticket-details-modal-body textarea[b-4tj3yoampf]{width:100%;min-height:120px;padding:10px 12px;border:1px solid #c6d4eb;border-radius:8px;outline:0;color:#172554;background:#fff;font:14px "Segoe UI",Arial,sans-serif;resize:vertical}
.cms-ticket-details-modal-body textarea:focus[b-4tj3yoampf]{border-color:#2684ff;box-shadow:0 0 0 3px rgba(38,132,255,.14)}
@media(max-width:800px){.cms-ticket-details-workflow[b-4tj3yoampf]{align-items:flex-start;flex-direction:column}.cms-ticket-details-workflow-actions[b-4tj3yoampf]{width:100%;justify-content:flex-start}}

.cms-ticket-details-workflow-actions .cms-ticket-details-close-button:disabled[b-4tj3yoampf]{
    border-color:#2684ff;
    color:#fff;
    background:linear-gradient(135deg,#2684ff 0%,#4aa3ff 100%);
    opacity:.88;
    cursor:wait;
}

.cms-ticket-details-comments[b-4tj3yoampf]{margin-top:20px}
.cms-ticket-details-comments>header[b-4tj3yoampf]{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cms-ticket-details-comments>header strong[b-4tj3yoampf]{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 9px;border-radius:14px;background:#eef4ff;color:#315baf;font-size:12px}
.cms-ticket-details-comment-entry[b-4tj3yoampf]{padding:16px 20px;border-bottom:1px solid #e7edf7;background:#fbfcff}
.cms-ticket-details-comment-entry label[b-4tj3yoampf]{display:block;margin-bottom:7px;color:#405174;font-size:12px;font-weight:700}
.cms-ticket-details-comment-entry textarea[b-4tj3yoampf]{width:100%;min-height:96px;padding:10px 12px;border:1px solid #c6d4eb;border-radius:8px;outline:0;color:#172554;background:#fff;font:14px "Segoe UI",Arial,sans-serif;resize:vertical}
.cms-ticket-details-comment-entry textarea:focus[b-4tj3yoampf]{border-color:#2684ff;box-shadow:0 0 0 3px rgba(38,132,255,.14)}
.cms-ticket-details-comment-entry-footer[b-4tj3yoampf]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}
.cms-ticket-details-comment-entry-footer span[b-4tj3yoampf]{color:#7a89a8;font-size:11px}
.cms-ticket-details-comment-entry-footer button[b-4tj3yoampf]{min-height:36px;padding:7px 15px;border:1px solid #2684ff;border-radius:8px;color:#fff;background:#2684ff;font:700 12px "Segoe UI",Arial,sans-serif;cursor:pointer}
.cms-ticket-details-comment-entry-footer button:disabled[b-4tj3yoampf]{opacity:.55;cursor:not-allowed}
.cms-ticket-details-comment-error[b-4tj3yoampf]{margin:12px 20px 0;padding:10px 12px;border:1px solid #e2c3c7;border-radius:8px;color:#9b2937;background:#fcebed;font-size:12px}
.cms-ticket-details-comment-list[b-4tj3yoampf]{padding:6px 20px 18px}
.cms-ticket-details-comment[b-4tj3yoampf]{padding:14px 0;border-bottom:1px solid #edf1f7}
.cms-ticket-details-comment:last-child[b-4tj3yoampf]{border-bottom:0}
.cms-ticket-details-comment-meta[b-4tj3yoampf]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:6px}
.cms-ticket-details-comment-meta strong[b-4tj3yoampf]{color:#172554;font-size:12px}
.cms-ticket-details-comment-meta time[b-4tj3yoampf]{color:#7a89a8;font-size:11px}
.cms-ticket-details-comment p[b-4tj3yoampf]{margin:0;color:#405174;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}

.cms-ticket-details-attachments[b-4tj3yoampf]{margin-top:20px}
.cms-ticket-details-attachments>header[b-4tj3yoampf]{display:flex;align-items:center;justify-content:space-between;gap:16px}
.cms-ticket-details-attachments>header strong[b-4tj3yoampf]{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 9px;border-radius:14px;background:#eef4ff;color:#315baf;font-size:12px}
.cms-ticket-details-attachment-upload[b-4tj3yoampf]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #e7edf7;background:#fbfcff}
.cms-ticket-details-attachment-upload input[b-4tj3yoampf]{max-width:65%;font:12px "Segoe UI",Arial,sans-serif}
.cms-ticket-details-attachment-upload span[b-4tj3yoampf]{color:#7a89a8;font-size:11px;text-align:right}
.cms-ticket-details-attachment-list[b-4tj3yoampf]{padding:6px 20px 18px}
.cms-ticket-details-attachment[b-4tj3yoampf]{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid #edf1f7}
.cms-ticket-details-attachment:last-child[b-4tj3yoampf]{border-bottom:0}
.cms-ticket-details-attachment strong[b-4tj3yoampf]{display:block;color:#172554;font-size:13px;overflow-wrap:anywhere}
.cms-ticket-details-attachment span[b-4tj3yoampf]{display:block;margin-top:4px;color:#7a89a8;font-size:11px}
@media(max-width:800px){.cms-ticket-details-attachment-upload[b-4tj3yoampf]{align-items:flex-start;flex-direction:column}.cms-ticket-details-attachment-upload input[b-4tj3yoampf]{max-width:100%}.cms-ticket-details-attachment-upload span[b-4tj3yoampf]{text-align:left}}

.cms-ticket-details-attachment-actions[b-4tj3yoampf]{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.cms-ticket-details-attachment-action[b-4tj3yoampf]{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:30px;padding:0 12px;border:1px solid #cbd8ef;border-radius:6px;background:#fff;color:#315baf;font-size:11px;font-weight:700;text-decoration:none;transition:.15s ease}
.cms-ticket-details-attachment-action:hover[b-4tj3yoampf]{background:#f3f7ff;border-color:#9fb8e6;color:#244b96}

.cms-ticket-details-attachment-delete[b-4tj3yoampf]{cursor:pointer;border-color:#f2c5ca;color:#b42338;background:#fff8f8;font-family:inherit}
.cms-ticket-details-attachment-delete:hover[b-4tj3yoampf]{border-color:#df9aa4;color:#9b1c31;background:#ffeded}
.cms-ticket-details-attachment-delete:disabled[b-4tj3yoampf]{opacity:.55;cursor:wait}
.cms-ticket-details-modal>footer .cms-ticket-details-confirm-delete[b-4tj3yoampf]{background:#c72d46;border-color:#c72d46;color:#fff}
.cms-ticket-details-modal>footer .cms-ticket-details-confirm-delete:disabled[b-4tj3yoampf]{opacity:.6;cursor:wait}

/* Step 4H: aligned two-column ticket workspace with independently scrolling logs. */
.cms-ticket-details-grid-optimized[b-4tj3yoampf] {
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, .85fr);
    align-items: start;
    gap: 20px;
}
.cms-ticket-details-column[b-4tj3yoampf] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    min-width: 0;
}
.cms-ticket-details-grid-optimized .cms-ticket-details-column > .cms-ticket-details-card[b-4tj3yoampf] {
    margin-top: 0;
    min-width: 0;
}
.cms-ticket-details-grid-optimized .cms-ticket-details-card > header[b-4tj3yoampf] {
    min-height: 90px;
}
.cms-ticket-details-grid-optimized .cms-ticket-details-comment-list[b-4tj3yoampf] {
    max-height: 310px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
.cms-ticket-details-grid-optimized .cms-ticket-details-timeline[b-4tj3yoampf] {
    max-height: 280px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
}
.cms-ticket-details-grid-optimized .cms-ticket-details-attachment-list[b-4tj3yoampf] {
    max-height: 250px;
    overflow-y: auto;
    overscroll-behavior: contain;
}
.cms-ticket-details-grid-optimized .cms-ticket-details-comment-entry textarea[b-4tj3yoampf] {
    min-height: 76px;
    max-height: 180px;
}
@media (max-width: 1050px) {
    .cms-ticket-details-grid-optimized[b-4tj3yoampf] { grid-template-columns: minmax(0, 1fr); }
}


/* Step 4J-L UI polish: tracking management and comment visibility only */
.cms-tracking-actions[b-4tj3yoampf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 12px;
}
.cms-tracking-actions button[b-4tj3yoampf] {
    min-height: 38px;
    padding: 9px 16px;
    border-radius: 8px;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    line-height: 1.25;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease;
}
.cms-tracking-actions .cms-tracking-regenerate[b-4tj3yoampf] {
    background: #3288fa;
    color: #fff;
    border: 1px solid #3288fa;
}
.cms-tracking-actions .cms-tracking-regenerate:hover:not(:disabled)[b-4tj3yoampf] {
    background: #176bd4;
    border-color: #176bd4;
}
.cms-tracking-actions .cms-tracking-revoke[b-4tj3yoampf] {
    background: #fff;
    color: #b42318;
    border: 1px solid #e09b96;
}
.cms-tracking-actions .cms-tracking-revoke:hover:not(:disabled)[b-4tj3yoampf] {
    background: #fff1f0;
    border-color: #c43b31;
}
.cms-tracking-actions button:disabled[b-4tj3yoampf] {
    opacity: .55;
    cursor: not-allowed;
}
.cms-comment-visibility[b-4tj3yoampf] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 12px 0 8px;
}
.cms-comment-visibility label[b-4tj3yoampf] {
    flex: 0 0 auto;
    color: #405174;
    font: 600 13px "Segoe UI", Arial, sans-serif;
}
.cms-comment-visibility select[b-4tj3yoampf] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 38px;
    padding: 8px 34px 8px 12px;
    border: 1px solid #c8d5ea;
    border-radius: 8px;
    background-color: #fff;
    color: #172554;
    font: 500 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}
.cms-comment-visibility select:focus-visible[b-4tj3yoampf] {
    outline: 2px solid #3288fa;
    outline-offset: 2px;
}
.cms-comment-visibility select:disabled[b-4tj3yoampf] {
    opacity: .6;
    cursor: not-allowed;
}


/* Consistent typography and soft type-specific backgrounds for comment history */
.cms-ticket-details-comment[b-4tj3yoampf] {
    border: 1px solid #e1e8f2;
    border-radius: 9px;
    padding: 14px 16px;
    margin: 0 0 12px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.55;
    color: #172554;
}
.cms-ticket-details-comment-meta[b-4tj3yoampf] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-bottom: 8px;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    line-height: 1.4;
}
.cms-ticket-details-comment-meta strong[b-4tj3yoampf],
.cms-ticket-details-comment-type[b-4tj3yoampf],
.cms-ticket-details-comment-meta time[b-4tj3yoampf] {
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
}
.cms-ticket-details-comment-meta time[b-4tj3yoampf] {
    margin-left: auto;
    color: #64748b;
    font-weight: 400;
}
.cms-ticket-details-comment-type[b-4tj3yoampf] {
    letter-spacing: .02em;
}
.cms-ticket-details-comment p[b-4tj3yoampf] {
    margin: 0;
    font-family: "Segoe UI", Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.6;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}
.cms-ticket-details-comment.cms-comment-external[b-4tj3yoampf] {
    background: #eff6ff;
    border-color: #c7ddfb;
}
.cms-ticket-details-comment.cms-comment-external .cms-ticket-details-comment-type[b-4tj3yoampf] {
    color: #1d4ed8;
}
.cms-ticket-details-comment.cms-comment-public[b-4tj3yoampf] {
    background: #effaf3;
    border-color: #c5e8d0;
}
.cms-ticket-details-comment.cms-comment-public .cms-ticket-details-comment-type[b-4tj3yoampf] {
    color: #15803d;
}
.cms-ticket-details-comment.cms-comment-internal[b-4tj3yoampf] {
    background: #f5f3ff;
    border-color: #ddd6fe;
}
.cms-ticket-details-comment.cms-comment-internal .cms-ticket-details-comment-type[b-4tj3yoampf] {
    color: #6d28d9;
}


/* One scrollable region for all comment types; aligned tiles. */
.cms-ticket-details-comments .cms-comments-scroll-region[b-4tj3yoampf] {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
    padding: 12px 16px 16px;
}
.cms-ticket-details-comments .cms-comments-scroll-region .cms-ticket-details-comment-list[b-4tj3yoampf] {
    max-height: none;
    overflow: visible;
    padding: 0;
    margin: 0;
    scrollbar-gutter: auto;
}
.cms-ticket-details-comments .cms-comments-scroll-region .cms-ticket-details-comment[b-4tj3yoampf] {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 12px;
    border-radius: 9px;
    padding: 14px 16px;
}
.cms-ticket-details-comments .cms-comments-scroll-region .cms-ticket-details-comment:last-child[b-4tj3yoampf] {
    border-bottom-width: 1px;
}
.cms-ticket-details-comments .cms-comments-scroll-region .cms-ticket-details-comment-meta[b-4tj3yoampf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: baseline;
}
.cms-ticket-details-comments .cms-comments-scroll-region .cms-ticket-details-comment-meta time[b-4tj3yoampf] {
    margin-left: 0;
    white-space: nowrap;
}

/* Keep both workspace rows aligned regardless of their content heights. */
@media (min-width: 901px) {
  .cms-ticket-details-grid-optimized[b-4tj3yoampf] {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(360px, .85fr);
    grid-template-rows: auto auto;
    align-items: stretch;
    column-gap: 20px;
    row-gap: 20px;
  }
  .cms-ticket-details-grid-optimized > .cms-ticket-details-column[b-4tj3yoampf] { display: contents; }
  .cms-ticket-details-grid-optimized > .cms-ticket-details-column-left > .cms-ticket-details-card:first-child[b-4tj3yoampf] { grid-column: 1; grid-row: 1; }
  .cms-ticket-details-grid-optimized > .cms-ticket-details-column-right > .cms-ticket-details-comments[b-4tj3yoampf] { grid-column: 2; grid-row: 1; }
  .cms-ticket-details-grid-optimized > .cms-ticket-details-column-left > .cms-ticket-details-attachments[b-4tj3yoampf] { grid-column: 1; grid-row: 2; }
  .cms-ticket-details-grid-optimized > .cms-ticket-details-column-right > .cms-ticket-details-activity-card[b-4tj3yoampf] { grid-column: 2; grid-row: 2; }
  .cms-ticket-details-grid-optimized .cms-ticket-details-card[b-4tj3yoampf] { margin: 0; min-width: 0; }
}


/* Compact comment previews and full-text popup */
.cms-ticket-details-comment .cms-comment-preview[b-4tj3yoampf] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}
.cms-comment-read-more[b-4tj3yoampf] {
    display: block;
    margin: 9px 0 0 auto;
    border: 0;
    background: transparent;
    color: #2563eb;
    font: 600 12px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
    padding: 4px 0;
}
.cms-comment-read-more:hover[b-4tj3yoampf] { text-decoration: underline; }
.cms-comment-modal-overlay[b-4tj3yoampf] {
    position: fixed;
    inset: 0;
    z-index: 5000;
    background: rgba(15, 23, 42, .58);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
}
.cms-comment-modal[b-4tj3yoampf] {
    width: min(760px, 100%);
    max-height: min(80vh, 780px);
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid #dbe4ef;
    border-radius: 12px;
    box-shadow: 0 20px 65px rgba(15, 23, 42, .24);
    font-family: "Segoe UI", Arial, sans-serif;
    color: #172554;
    outline: none;
}
.cms-comment-modal-header[b-4tj3yoampf] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    padding: 18px 22px;
    border-bottom: 1px solid #e2e8f0;
}
.cms-comment-modal-header > div[b-4tj3yoampf] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    font-size: 13px;
}
.cms-comment-modal-header time[b-4tj3yoampf] { color: #64748b; font-size: 12px; }
.cms-comment-modal-close[b-4tj3yoampf] {
    background: transparent;
    border: 0;
    color: #475569;
    cursor: pointer;
    font-size: 27px;
    line-height: 1;
}
.cms-comment-modal-content[b-4tj3yoampf] {
    padding: 22px;
    overflow-y: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: 14px;
    line-height: 1.7;
}
.cms-comment-modal-footer[b-4tj3yoampf] {
    display: flex;
    justify-content: flex-end;
    padding: 12px 22px;
    border-top: 1px solid #e2e8f0;
}
.cms-comment-modal-footer button[b-4tj3yoampf] {
    background: #3288fa;
    border: 1px solid #3288fa;
    border-radius: 8px;
    padding: 9px 20px;
    color: white;
    font: 600 13px "Segoe UI", Arial, sans-serif;
    cursor: pointer;
}

/* Let the page continue scrolling when the pointer is over a log. */
.cms-ticket-details-grid-optimized .cms-ticket-details-timeline[b-4tj3yoampf],
.cms-ticket-details-comments .cms-comments-scroll-region[b-4tj3yoampf],
.cms-ticket-details-grid-optimized .cms-ticket-details-comment-list[b-4tj3yoampf] {
    overscroll-behavior-y: auto;
}
/* /Components/Pages/Ticketing.razor.rz.scp.css */
*[b-69l0b3vdpr] { box-sizing: border-box; }

.cms-ticketing-page[b-69l0b3vdpr] {
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
    padding: 8px 4px 42px;
    color: #172554;
    font-family: "Segoe UI", Arial, sans-serif;
}

.cms-ticketing-header[b-69l0b3vdpr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-bottom: 30px;
    border-bottom: 1px solid #dce5f5;
}

.cms-ticketing-heading[b-69l0b3vdpr] { display: flex; align-items: center; gap: 20px; }
.cms-ticketing-heading-icon[b-69l0b3vdpr] {
    width: 64px; height: 64px; flex: 0 0 64px;
    display: flex; align-items: center; justify-content: center;
    border: 1px solid #bdd6ff; border-radius: 12px;
    background: linear-gradient(135deg, #e8f2ff 0%, #f2edff 100%);
    box-shadow: 0 8px 20px rgba(38,132,255,.10); font-size: 31px;
}
.cms-ticketing-heading span[b-69l0b3vdpr], .cms-ticketing-register-heading span[b-69l0b3vdpr] {
    display: block; margin-bottom: 4px; color: #6c7fab;
    font-size: 13px; font-weight: 700; letter-spacing: .06em;
}
.cms-ticketing-heading h1[b-69l0b3vdpr] { margin: 0; color: #172554; font-size: 36px; line-height: 1.15; }
.cms-ticketing-heading p[b-69l0b3vdpr] { margin: 7px 0 0; color: #68789c; font-size: 15px; }

.cms-ticketing-header > button[b-69l0b3vdpr] {
    min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    padding: 8px 18px; border: 1px solid #2684ff; border-radius: 8px; color: #fff;
    background: linear-gradient(135deg,#2684ff 0%,#4aa3ff 100%);
    box-shadow: 0 8px 18px rgba(38,132,255,.20);
    font: 700 14px "Segoe UI",Arial,sans-serif; cursor: pointer;
}
.cms-ticketing-header > button:hover[b-69l0b3vdpr] { background: linear-gradient(135deg,#1557c0 0%,#2684ff 100%); }

.cms-ticketing-kpis[b-69l0b3vdpr] {
    display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 18px; margin-top: 30px;
}
.cms-ticketing-kpis article[b-69l0b3vdpr] {
    min-height: 106px; display: flex; align-items: center; gap: 16px; padding: 20px;
    border: 1px solid #dce5f5; border-radius: 12px; background: #fff;
    box-shadow: 0 8px 22px rgba(42,72,150,.08);
}
.cms-ticketing-kpis article:nth-child(1)[b-69l0b3vdpr]{border-top:3px solid #2684ff}
.cms-ticketing-kpis article:nth-child(2)[b-69l0b3vdpr]{border-top:3px solid #12bfae}
.cms-ticketing-kpis article:nth-child(3)[b-69l0b3vdpr]{border-top:3px solid #f59e0b}
.cms-ticketing-kpis article:nth-child(4)[b-69l0b3vdpr]{border-top:3px solid #22a06b}
.cms-ticketing-kpis article:nth-child(5)[b-69l0b3vdpr]{border-top:3px solid #64748b}
.cms-ticketing-kpi-icon[b-69l0b3vdpr] {
    width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center;
    border: 1px solid; border-radius: 10px; font-size: 22px; font-weight: 800;
}
.cms-ticketing-kpi-open[b-69l0b3vdpr]{border-color:#b9d6ff;color:#1557c0;background:#e8f2ff}
.cms-ticketing-kpi-progress[b-69l0b3vdpr]{border-color:#a9eadc;color:#078879;background:#e6faf5}
.cms-ticketing-kpi-pending[b-69l0b3vdpr]{border-color:#fed7aa;color:#c56b00;background:#fff3e3}
.cms-ticketing-kpi-resolved[b-69l0b3vdpr]{border-color:#a9e2c5;color:#087c55;background:#edf9f2}
.cms-ticketing-kpi-closed[b-69l0b3vdpr]{border-color:#cbd5e1;color:#475569;background:#f1f5f9}
.cms-ticketing-kpis article span[b-69l0b3vdpr]{display:block;color:#68789c;font-size:13px;font-weight:700}
.cms-ticketing-kpis article strong[b-69l0b3vdpr]{display:block;margin-top:2px;color:#172554;font-size:27px}

.cms-ticketing-register[b-69l0b3vdpr]{margin-top:34px}
.cms-ticketing-register-heading[b-69l0b3vdpr]{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.cms-ticketing-register-heading h2[b-69l0b3vdpr]{margin:0;color:#172554;font-size:27px}
.cms-ticketing-register-heading p[b-69l0b3vdpr]{margin:0;color:#68789c;font-size:14px}

.cms-ticketing-filters[b-69l0b3vdpr] {
    display: grid; grid-template-columns: 1.4fr 1fr 1fr auto; gap: 12px; align-items: end;
    margin-bottom: 16px; padding: 16px; border: 1px solid #dce5f5; border-radius: 12px; background: #f8faff;
}
.cms-ticketing-filters label[b-69l0b3vdpr]{display:block;margin-bottom:6px;color:#405174;font-size:12px;font-weight:700}
.cms-ticketing-filters select[b-69l0b3vdpr]{
    width:100%;height:40px;padding:0 10px;border:1px solid #c6d4eb;border-radius:8px;
    color:#172554;background:#fff;font:13px "Segoe UI",Arial,sans-serif;
}
.cms-ticketing-filters button[b-69l0b3vdpr]{
    height:40px;padding:0 14px;border:1px solid #c8d5ea;border-radius:8px;color:#405174;
    background:#fff;font:700 12px "Segoe UI",Arial,sans-serif;cursor:pointer;
}

.cms-ticketing-table-wrapper[b-69l0b3vdpr] {
    overflow-x:auto;border:1px solid #dce5f5;border-radius:12px;background:#fff;
    box-shadow:0 8px 22px rgba(42,72,150,.07);
}
.cms-ticketing-table[b-69l0b3vdpr]{width:100%;min-width:1320px;border-collapse:collapse}
.cms-ticketing-table th[b-69l0b3vdpr]{
    padding:14px 16px;border-bottom:1px solid #dce5f5;color:#5f70a0;background:#edf3ff;
    font-size:12px;font-weight:800;text-align:left;text-transform:uppercase;
}
.cms-ticketing-table td[b-69l0b3vdpr]{
    padding:15px 16px;border-bottom:1px solid #e7edf8;color:#33456f;font-size:13px;vertical-align:middle;
}
.cms-ticketing-table tbody tr:last-child td[b-69l0b3vdpr]{border-bottom:0}
.cms-ticketing-table tbody tr:hover[b-69l0b3vdpr]{background:#f6f8ff}
.cms-ticketing-table td small[b-69l0b3vdpr]{display:block;margin-top:3px;color:#7a89aa;font-size:10px}
.cms-ticketing-number[b-69l0b3vdpr]{color:#1557c0}
.cms-ticketing-title[b-69l0b3vdpr]{max-width:280px;color:#172554;font-weight:700}

.cms-ticketing-badge[b-69l0b3vdpr]{
    display:inline-flex;padding:4px 9px;border:1px solid;border-radius:999px;
    font-size:11px;font-weight:800;white-space:nowrap;
}
.cms-ticketing-priority-low[b-69l0b3vdpr]{border-color:#cbd5e1;color:#64748b;background:#f8fafc}
.cms-ticketing-priority-medium[b-69l0b3vdpr]{border-color:#b9d6ff;color:#1557c0;background:#eef5ff}
.cms-ticketing-priority-high[b-69l0b3vdpr]{border-color:#fed7aa;color:#c56b00;background:#fff7ed}
.cms-ticketing-priority-critical[b-69l0b3vdpr]{border-color:#ffc1ca;color:#c72d46;background:#fff1f3}
.cms-ticketing-status-open[b-69l0b3vdpr]{border-color:#b9d6ff;color:#1557c0;background:#eef5ff}
.cms-ticketing-status-assigned[b-69l0b3vdpr]{border-color:#d8c4ff;color:#7440b5;background:#f6f0ff}
.cms-ticketing-status-in-progress[b-69l0b3vdpr]{border-color:#a9eadc;color:#078879;background:#eafaf6}
.cms-ticketing-status-pending[b-69l0b3vdpr]{border-color:#fed7aa;color:#b96700;background:#fff7ed}
.cms-ticketing-status-resolved[b-69l0b3vdpr]{border-color:#a9e2c5;color:#087c55;background:#edf9f2}
.cms-ticketing-status-closed[b-69l0b3vdpr],.cms-ticketing-status-cancelled[b-69l0b3vdpr]{border-color:#cbd5e1;color:#64748b;background:#f1f5f9}

.cms-ticketing-state[b-69l0b3vdpr],.cms-ticketing-error[b-69l0b3vdpr]{
    min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;
    padding:28px;border:1px solid #dce5f5;border-radius:12px;color:#68789c;background:#fff;text-align:center;
    box-shadow:0 8px 20px rgba(42,72,150,.05);
}
.cms-ticketing-state-icon[b-69l0b3vdpr]{font-size:31px}
.cms-ticketing-state strong[b-69l0b3vdpr],.cms-ticketing-error strong[b-69l0b3vdpr]{color:#172554;font-size:16px}
.cms-ticketing-error[b-69l0b3vdpr]{border-color:#f0c8ce;color:#a13d49;background:#fff8f8}

.cms-ticketing-success[b-69l0b3vdpr]{
    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:10px;color:#17663a;
    background:#e4f5eb;box-shadow:0 8px 24px rgba(15,55,69,.14);font-size:13px;font-weight:700;
}
.cms-ticketing-success > span[b-69l0b3vdpr]{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;background:#2a9657}

.cms-ticketing-modal-backdrop[b-69l0b3vdpr]{
    position:fixed;z-index:1100;inset:0;display:flex;align-items:center;justify-content:center;padding:30px;
    background:rgba(7,35,45,.58);
}
.cms-ticketing-modal[b-69l0b3vdpr]{
    width:min(820px,100%);max-height:calc(100vh - 40px);overflow-y:auto;border-top:4px solid #2684ff;
    border-radius:12px;background:#fff;box-shadow:0 24px 60px rgba(23,37,84,.25);
}
.cms-ticketing-modal > header[b-69l0b3vdpr]{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 24px 0}
.cms-ticketing-modal > header span[b-69l0b3vdpr]{display:block;margin-bottom:4px;color:#6c7fab;font-size:12px;font-weight:800;letter-spacing:.07em}
.cms-ticketing-modal > header h2[b-69l0b3vdpr]{margin:0;color:#172554;font-size:28px}
.cms-ticketing-modal > header > button[b-69l0b3vdpr]{
    width:34px;height:34px;flex:0 0 34px;padding:0;border:1px solid #d1dcf1;border-radius:8px;
    color:#405174;background:#f6f8ff;font-size:23px;line-height:1;cursor:pointer;
}
.cms-ticketing-modal-description[b-69l0b3vdpr]{margin:6px 24px 0;color:#68789c;font-size:14px}
.cms-ticketing-create-error[b-69l0b3vdpr]{
    display:flex;flex-direction:column;gap:3px;margin:12px 24px 0;padding:11px 13px;
    border:1px solid #e2c3c7;border-radius:10px;color:#9b2937;background:#fcebed;font-size:12px;
}
.cms-ticketing-modal[b-69l0b3vdpr]  .cms-ticketing-create-form{
    display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;padding:16px 24px 20px;
}
.cms-ticketing-field[b-69l0b3vdpr]{min-width:0}
.cms-ticketing-field-wide[b-69l0b3vdpr]{grid-column:1 / -1}
.cms-ticketing-field label[b-69l0b3vdpr]{display:block;margin-bottom:6px;color:#294a56;font-size:13px;font-weight:700}
.cms-ticketing-field[b-69l0b3vdpr]  input,
.cms-ticketing-field[b-69l0b3vdpr]  select,
.cms-ticketing-field[b-69l0b3vdpr]  textarea{
    width:100%;padding:0 12px;border:1px solid #c6d4eb;border-radius:8px;outline:0;color:#172554;
    background:#fff;font:14px "Segoe UI",Arial,sans-serif;
}
.cms-ticketing-field[b-69l0b3vdpr]  input,.cms-ticketing-field[b-69l0b3vdpr]  select{height:43px}
.cms-ticketing-field[b-69l0b3vdpr]  textarea{min-height:120px;padding-top:10px;padding-bottom:10px;resize:vertical}
.cms-ticketing-field[b-69l0b3vdpr]  input:focus,
.cms-ticketing-field[b-69l0b3vdpr]  select:focus,
.cms-ticketing-field[b-69l0b3vdpr]  textarea:focus{border-color:#2684ff;box-shadow:0 0 0 3px rgba(38,132,255,.14)}
.cms-ticketing-field[b-69l0b3vdpr]  .validation-message{display:block;margin-top:4px;color:#ae2f3e;font-size:11px}

.cms-ticketing-modal-actions[b-69l0b3vdpr]{
    display:flex;justify-content:flex-end;gap:10px;margin-top:3px;padding-top:12px;border-top:1px solid #e1e8f5;
}
.cms-ticketing-modal-actions button[b-69l0b3vdpr]{
    min-width:120px;min-height:42px;padding:8px 16px;border:1px solid #c8d5ea;border-radius:8px;
    color:#405174;background:#fff;font:700 13px "Segoe UI",Arial,sans-serif;cursor:pointer;
}
.cms-ticketing-modal-actions button[type="submit"][b-69l0b3vdpr]{
    border-color:#2684ff;color:#fff;background:linear-gradient(135deg,#2684ff 0%,#4aa3ff 100%);
}
.cms-ticketing-modal-actions button:disabled[b-69l0b3vdpr]{opacity:.6;cursor:not-allowed}

@media(max-width:1100px){
    .cms-ticketing-kpis[b-69l0b3vdpr]{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cms-ticketing-filters[b-69l0b3vdpr]{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
    .cms-ticketing-header[b-69l0b3vdpr],.cms-ticketing-register-heading[b-69l0b3vdpr]{align-items:flex-start;flex-direction:column}
    .cms-ticketing-header > button[b-69l0b3vdpr]{width:100%}
    .cms-ticketing-kpis[b-69l0b3vdpr],.cms-ticketing-filters[b-69l0b3vdpr]{grid-template-columns:1fr}
    .cms-ticketing-heading h1[b-69l0b3vdpr]{font-size:30px}
    .cms-ticketing-modal-backdrop[b-69l0b3vdpr]{padding:14px}
    .cms-ticketing-modal[b-69l0b3vdpr]  .cms-ticketing-create-form{grid-template-columns:1fr;padding:20px}
    .cms-ticketing-field[b-69l0b3vdpr],.cms-ticketing-field-wide[b-69l0b3vdpr]{grid-column:1}
}

.cms-ticketing-number-link[b-69l0b3vdpr] {
    text-decoration: none;
}
.cms-ticketing-number-link:hover[b-69l0b3vdpr] {
    text-decoration: underline;
}

/* Step 4J-E: distinguish internal tickets and external requests. */
.cms-ticketing-type[b-69l0b3vdpr]{display:inline-block;white-space:nowrap;padding:5px 9px;font-size:11px;font-weight:700;border-radius:6px}
.cms-ticketing-type-external[b-69l0b3vdpr]{background:#eaf4ff;color:#135a98;border:1px solid #bddbfa}
.cms-ticketing-type-internal[b-69l0b3vdpr]{background:#f1f3f7;color:#455571;border:1px solid #d8e0ec}
/* /Components/Pages/TicketReports.razor.rz.scp.css */
.ticket-reports-page[b-1w28easfee] { padding: 26px 30px; font-family: 'Segoe UI', Arial, sans-serif; color: #263947; }
.ticket-reports-header[b-1w28easfee] { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 24px; }
.ticket-reports-eyebrow[b-1w28easfee] { font-size: 11px; letter-spacing: 1.5px; font-weight: 700; color: #47859d; }
.ticket-reports-header h1[b-1w28easfee] { margin: 5px 0; font-size: 27px; font-weight: 650; }
.ticket-reports-header p[b-1w28easfee] { margin: 0; color: #74828b; font-size: 13px; }
.ticket-reports-page button[b-1w28easfee] { border: 1px solid #b9cbd4; background: transparent; color: inherit; padding: 9px 15px; cursor: pointer; font: inherit; font-size: 13px; border-radius: 0; }
.ticket-reports-page button:hover[b-1w28easfee] { background: #e9f3f7; }
.ticket-reports-filters[b-1w28easfee] { display: flex; flex-wrap: wrap; gap: 14px; align-items: end; padding: 18px; background: #fff; border: 1px solid #e0e8ec; margin-bottom: 18px; }
.ticket-reports-filters label[b-1w28easfee] { display: flex; flex-direction: column; gap: 6px; font-size: 12px; font-weight: 600; color: #637680; }
.ticket-reports-filters select[b-1w28easfee], .ticket-reports-filters input[b-1w28easfee] { min-width: 150px; height: 35px; padding: 5px 9px; border: 1px solid #cad6dc; border-radius: 0; background: #fff; color: #263947; font: inherit; font-size: 13px; }
.ticket-reports-kpis[b-1w28easfee] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 18px; }
.ticket-reports-kpi[b-1w28easfee] { background: #fff; border: 1px solid #e0e8ec; padding: 17px 19px; display: flex; flex-direction: column; gap: 7px; }
.ticket-reports-kpi span[b-1w28easfee] { color: #70828d; font-size: 12px; }
.ticket-reports-kpi strong[b-1w28easfee] { font-size: 27px; font-weight: 650; color: #254b61; }
.ticket-reports-panels[b-1w28easfee] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.ticket-reports-panel[b-1w28easfee] { padding: 20px; background: #fff; border: 1px solid #e0e8ec; }
.ticket-reports-panel h2[b-1w28easfee] { font-size: 16px; font-weight: 650; margin: 0 0 20px; }
.ticket-reports-panel p[b-1w28easfee] { font-size: 13px; color: #74828b; }
.ticket-reports-breakdown[b-1w28easfee] { display: grid; grid-template-columns: minmax(90px, 145px) 1fr 30px; align-items: center; gap: 12px; margin: 13px 0; font-size: 12px; }
.ticket-reports-breakdown span[b-1w28easfee] { overflow-wrap: anywhere; }
.ticket-reports-breakdown strong[b-1w28easfee] { text-align: right; font-size: 12px; }
.ticket-reports-track[b-1w28easfee] { background: #edf2f4; height: 8px; }
.ticket-reports-track > div[b-1w28easfee] { height: 100%; background: #2384a7; }
.ticket-reports-message[b-1w28easfee], .ticket-reports-error[b-1w28easfee] { padding: 20px; background: #fff; border: 1px solid #e0e8ec; }
.ticket-reports-error[b-1w28easfee] { color: #a12b2b; }
@media (max-width: 900px) { .ticket-reports-kpis[b-1w28easfee] { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ticket-reports-panels[b-1w28easfee] { grid-template-columns: 1fr; } }

/* Filtered ticket detail table */
.ticket-reports-detail[b-1w28easfee] { margin-top: 18px; }
.ticket-reports-detail-heading[b-1w28easfee] { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; }
.ticket-reports-detail-heading h2[b-1w28easfee] { margin: 0; }
.ticket-reports-detail-heading span[b-1w28easfee] { color: #74828b; font-size: 12px; }
.ticket-reports-table-scroll[b-1w28easfee] { overflow-x: auto; }
.ticket-reports-table[b-1w28easfee] { width: 100%; border-collapse: collapse; font-size: 12px; text-align: left; }
.ticket-reports-table th[b-1w28easfee] { white-space: nowrap; padding: 11px 12px; border-bottom: 2px solid #e0e8ec; background: #f5f8fa; color: #506673; font-weight: 650; }
.ticket-reports-table td[b-1w28easfee] { padding: 11px 12px; border-bottom: 1px solid #e8eef1; vertical-align: middle; }
.ticket-reports-table tbody tr:hover[b-1w28easfee] { background: #f6fafc; }
.ticket-reports-table a[b-1w28easfee] { color: #147b9e; text-decoration: none; font-weight: 650; }
.ticket-reports-table a:hover[b-1w28easfee] { text-decoration: underline; }
.ticket-reports-subject[b-1w28easfee] { min-width: 160px; max-width: 290px; overflow-wrap: anywhere; }
.ticket-reports-empty[b-1w28easfee] { padding: 22px 12px !important; text-align: center; color: #74828b; }

.ticket-reports-header-actions[b-1w28easfee] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
/* /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;
    }
}

/* =========================================================
   VIVID THEME OVERRIDE — USER MANAGEMENT
   ========================================================= */
.cms-users-page[b-ehlqefn6ot] {
    color: #172554;
}

.cms-users-header[b-ehlqefn6ot] {
    border-bottom-color: #dce5f5;
}

.cms-users-heading-icon[b-ehlqefn6ot] {
    border-color: #bdd6ff;
    border-radius: 12px;
    background: linear-gradient(135deg, #e8f2ff 0%, #f2edff 100%);
    box-shadow: 0 8px 20px rgba(38, 132, 255, .10);
}

.cms-users-heading span[b-ehlqefn6ot],
.cms-users-register-heading span[b-ehlqefn6ot] {
    color: #6c7fab;
}

.cms-users-heading h1[b-ehlqefn6ot],
.cms-users-register-heading h2[b-ehlqefn6ot],
.cms-users-kpis article strong[b-ehlqefn6ot],
.cms-users-state strong[b-ehlqefn6ot],
.cms-users-error strong[b-ehlqefn6ot],
.cms-users-modal > header h2[b-ehlqefn6ot] {
    color: #172554;
}

.cms-users-heading p[b-ehlqefn6ot],
.cms-users-register-heading p[b-ehlqefn6ot],
.cms-users-modal-description[b-ehlqefn6ot],
.cms-users-password-note[b-ehlqefn6ot] {
    color: #68789c;
}

.cms-users-header > button[b-ehlqefn6ot],
.cms-users-modal-actions button[type="submit"][b-ehlqefn6ot] {
    border-color: #2684ff;
    border-radius: 8px;
    background: linear-gradient(135deg, #2684ff 0%, #4aa3ff 100%);
    color: #fff;
    box-shadow: 0 8px 18px rgba(38, 132, 255, .20);
}

.cms-users-header > button:hover:not(:disabled)[b-ehlqefn6ot],
.cms-users-modal-actions button[type="submit"]:hover:not(:disabled)[b-ehlqefn6ot] {
    border-color: #1557c0;
    background: linear-gradient(135deg, #1557c0 0%, #2684ff 100%);
}

.cms-users-kpis article[b-ehlqefn6ot] {
    position: relative;
    overflow: hidden;
    border-color: #dce5f5;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(42, 72, 150, .08);
}

.cms-users-kpis article:nth-child(1)[b-ehlqefn6ot] { border-top: 3px solid #2684ff; }
.cms-users-kpis article:nth-child(2)[b-ehlqefn6ot] { border-top: 3px solid #12bfae; }
.cms-users-kpis article:nth-child(3)[b-ehlqefn6ot] { border-top: 3px solid #f59e0b; }
.cms-users-kpis article:nth-child(4)[b-ehlqefn6ot] { border-top: 3px solid #a855f7; }

.cms-users-kpi-icon[b-ehlqefn6ot] {
    border-radius: 10px;
}

.cms-users-kpi-icon-total[b-ehlqefn6ot] {
    border-color: #b9d6ff;
    color: #1557c0;
    background: linear-gradient(135deg, #e8f2ff 0%, #f5f9ff 100%);
}

.cms-users-kpi-icon-active[b-ehlqefn6ot] {
    border-color: #a9eadc;
    color: #078879;
    background: linear-gradient(135deg, #e6faf5 0%, #f4fffb 100%);
}

.cms-users-kpi-icon-inactive[b-ehlqefn6ot] {
    border-color: #fed7aa;
    color: #c56b00;
    background: linear-gradient(135deg, #fff3e3 0%, #fff9ef 100%);
}

.cms-users-kpi-icon-admin[b-ehlqefn6ot] {
    border-color: #ddb7ff;
    color: #8b35d6;
    background: linear-gradient(135deg, #f5e8ff 0%, #fcf6ff 100%);
}

.cms-users-table-wrapper[b-ehlqefn6ot] {
    overflow: hidden;
    border-color: #dce5f5;
    border-radius: 12px;
    box-shadow: 0 8px 22px rgba(42, 72, 150, .07);
}

.cms-users-table[b-ehlqefn6ot] {
    border-radius: 0;
}

.cms-users-table th[b-ehlqefn6ot] {
    border-bottom-color: #dce5f5;
    background: #edf3ff;
    color: #5f70a0;
}

.cms-users-table td[b-ehlqefn6ot] {
    border-bottom-color: #e7edf8;
    color: #33456f;
}

.cms-users-table tbody tr:hover[b-ehlqefn6ot] {
    background: #f6f8ff;
}

.cms-users-avatar[b-ehlqefn6ot] {
    background: linear-gradient(135deg, #2684ff, #6c63ff);
    box-shadow: 0 5px 12px rgba(38, 132, 255, .20);
}

.cms-users-person strong[b-ehlqefn6ot] {
    color: #172554;
}

.cms-users-role-badge[b-ehlqefn6ot] {
    border-color: #cbd8ff;
    border-radius: 999px;
    color: #4057a8;
    background: #eef2ff;
}

.cms-users-status-action[b-ehlqefn6ot],
.cms-users-edit-action[b-ehlqefn6ot],
.cms-users-reset-action[b-ehlqefn6ot],
.cms-users-modal > header > button[b-ehlqefn6ot],
.cms-users-modal-actions button[b-ehlqefn6ot] {
    border-radius: 8px;
}

.cms-users-edit-action[b-ehlqefn6ot] {
    border-color: #a9ccff;
    color: #1557c0;
    background: #eef5ff;
}

.cms-users-edit-action:hover[b-ehlqefn6ot] {
    background: #deebff;
}

.cms-users-reset-action[b-ehlqefn6ot],
.cms-users-modal-actions button[b-ehlqefn6ot] {
    border-color: #c8d5ea;
    color: #405174;
    background: #fff;
}

.cms-users-reset-action:hover[b-ehlqefn6ot],
.cms-users-modal-actions button:hover:not(:disabled):not([type="submit"])[b-ehlqefn6ot] {
    border-color: #9fb5db;
    background: #f4f7ff;
}

.cms-users-status-action-disable[b-ehlqefn6ot] {
    border-color: #ffc1ca;
    color: #c72d46;
    background: #fff6f7;
}

.cms-users-status-action-enable[b-ehlqefn6ot] {
    border-color: #9fe1c5;
    color: #087c55;
    background: #f0fbf6;
}

.cms-users-state[b-ehlqefn6ot],
.cms-users-error[b-ehlqefn6ot] {
    border-color: #dce5f5;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(42, 72, 150, .05);
}

.cms-users-success[b-ehlqefn6ot],
.cms-users-create-error[b-ehlqefn6ot] {
    border-radius: 10px;
}

.cms-users-modal[b-ehlqefn6ot] {
    overflow: visible;
    border-top-color: #2684ff;
    border-radius: 12px;
    box-shadow: 0 24px 60px rgba(23, 37, 84, .25);
}

.cms-users-modal > header > button[b-ehlqefn6ot] {
    border-color: #d1dcf1;
    color: #405174;
    background: #f6f8ff;
}

.cms-users-field[b-ehlqefn6ot]  input,
.cms-users-field[b-ehlqefn6ot]  select,
.cms-users-project-dropdown-trigger[b-ehlqefn6ot] {
    border-color: #c6d4eb;
    border-radius: 8px;
    color: #172554;
}

.cms-users-field[b-ehlqefn6ot]  input:focus,
.cms-users-field[b-ehlqefn6ot]  select:focus,
.cms-users-project-dropdown-trigger:focus[b-ehlqefn6ot] {
    outline: 0;
    border-color: #2684ff;
    box-shadow: 0 0 0 3px rgba(38, 132, 255, .14);
}

.cms-users-project-access[b-ehlqefn6ot]  .cms-users-access-options > label {
    border-color: #d7e1f2;
    border-radius: 10px;
    background: #f8faff;
}

.cms-users-project-access[b-ehlqefn6ot]  .cms-users-access-options > label:hover {
    border-color: #b7cdf4;
    background: #f1f5ff;
}

.cms-users-project-dropdown-trigger:hover[b-ehlqefn6ot] {
    border-color: #9db7e2;
}

.cms-users-project-dropdown-menu[b-ehlqefn6ot] {
    border-color: #c8d5ea;
    border-radius: 10px;
    box-shadow: 0 14px 32px rgba(42, 72, 150, .18);
}

.cms-users-project-option[b-ehlqefn6ot] {
    border-bottom-color: #e8edf8;
    border-radius: 8px;
    color: #172554;
}

.cms-users-project-option:hover[b-ehlqefn6ot] {
    background: #f1f5ff;
}

.cms-users-project-option-selected[b-ehlqefn6ot] {
    background: #e7efff;
}

.cms-users-project-option em[b-ehlqefn6ot] {
    color: #2684ff;
}

.cms-users-modal-actions[b-ehlqefn6ot] {
    border-top-color: #e1e8f5;
}
/* /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%;
    }
}

/* =========================================================
   VIVID THEME - PROJECTS PAGE ROUNDING FIX
   Outer surfaces own the radius. Nested table surfaces stay
   square internally to avoid visible corner artifacts.
   ========================================================= */
.projects-kpi-card[b-8hogzkoykm] {
    border-radius: 12px;
    overflow: hidden;
}

.projects-kpi-icon[b-8hogzkoykm] {
    border-radius: 10px;
}

.projects-table-card[b-8hogzkoykm] {
    border-radius: 14px !important;
    overflow: hidden !important;
}

.projects-toolbar[b-8hogzkoykm] {
    border-radius: 0 !important;
}

.projects-search-field[b-8hogzkoykm],
.projects-filter-field[b-8hogzkoykm] {
    border-radius: 10px !important;
}

.projects-search-field input[b-8hogzkoykm],
.projects-filter-field select[b-8hogzkoykm] {
    border-radius: 8px !important;
}

.projects-clear-filters-button[b-8hogzkoykm],
.projects-create-button[b-8hogzkoykm],
.projects-open-button[b-8hogzkoykm],
.projects-delete-button[b-8hogzkoykm] {
    border-radius: 8px !important;
}

.projects-badge[b-8hogzkoykm],
.projects-phase-badge[b-8hogzkoykm],
[class*="projects-technology-badge"][b-8hogzkoykm],
[class*="projects-health-badge"][b-8hogzkoykm],
[class*="projects-checklist-badge"][b-8hogzkoykm] {
    border-radius: 8px !important;
}

/* The outer .projects-table-card already supplies the rounded
   corners. Keeping these nested surfaces square removes the
   small white corner artifacts above the table header. */
.projects-table-wrapper[b-8hogzkoykm],
.projects-table[b-8hogzkoykm] {
    border-radius: 0 !important;
}

.projects-table-wrapper[b-8hogzkoykm] {
    overflow-x: auto !important;
    overflow-y: hidden !important;
}

.projects-table thead[b-8hogzkoykm],
.projects-table thead tr[b-8hogzkoykm],
.projects-table thead th[b-8hogzkoykm] {
    border-radius: 0 !important;
}

.projects-table-footer[b-8hogzkoykm] {
    border-radius: 0 !important;
}

.projects-delete-modal[b-8hogzkoykm] {
    border-radius: 14px !important;
    overflow: hidden;
}

.projects-delete-modal-close[b-8hogzkoykm],
.projects-confirm-delete-button[b-8hogzkoykm],
.projects-delete-warning-icon[b-8hogzkoykm],
.projects-delete-project-details[b-8hogzkoykm],
.projects-delete-error[b-8hogzkoykm] {
    border-radius: 8px !important;
}