/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-yfdlue4pa5] {
    background: #d9d7f5;
    display: flex;
    min-height: 100vh;
}

main[b-yfdlue4pa5] {
    flex: 1;
    min-width: 0;
}

.sidebar-shell[b-yfdlue4pa5] {
    box-sizing: border-box;
    flex: 0 0 242px;
    min-height: 100vh;
    padding: 0;
    position: relative;
    transition: flex-basis 0.18s ease, padding 0.18s ease;
    width: 242px;
    z-index: 60;
}

.page.sidebar-collapsed .sidebar-shell[b-yfdlue4pa5] {
    flex-basis: 56px;
    width: 56px;
}

.top-row[b-yfdlue4pa5] {
    align-items: center;
    background: #1f5c9d;
    border-bottom: 1px solid #184c84;
    color: #fff;
    display: flex;
    height: 36px;
    padding: 0;
    position: sticky;
    top: 0;
    z-index: 10;
}

.theme-toggle[b-yfdlue4pa5] {
    align-items: center;
    align-self: stretch;
    background: rgba(255, 255, 255, 0.08);
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    justify-content: center;
    min-width: 86px;
    padding: 0 12px;
}

.theme-toggle:hover[b-yfdlue4pa5] {
    background: rgba(255, 255, 255, 0.16);
}

.top-buzz-notification[b-yfdlue4pa5] {
    align-items: center;
    animation: topBuzzPulse-b-yfdlue4pa5 0.72s ease-in-out infinite alternate;
    background: linear-gradient(180deg, #fff3a3 0%, #ffd84d 100%);
    border: 1px solid #b87f00;
    border-radius: 999px;
    box-shadow: 0 2px 8px rgba(69, 46, 0, 0.34);
    color: #3f2d00;
    display: inline-flex;
    flex: 0 1 auto;
    font-size: 11px;
    font-weight: 700;
    gap: 7px;
    margin-left: 8px;
    max-width: min(320px, 30vw);
    min-height: 26px;
    padding: 0 11px;
    white-space: nowrap;
}

.top-buzz-label[b-yfdlue4pa5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.top-buzz-label strong[b-yfdlue4pa5] {
    font-weight: 900;
}

.top-buzz-icon[b-yfdlue4pa5] {
    animation: topBuzzBeeSwing-b-yfdlue4pa5 0.26s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite alternate;
    background: currentColor;
    display: inline-block;
    flex: 0 0 18px;
    height: 18px;
    transform-origin: 50% 68%;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='13.5' rx='5.2' ry='4.4'/%3E%3Cpath d='M8.2 11.1C5.1 10.9 3.3 8.9 4 6.8c2.7-.4 4.8.8 5.7 3.5M14.3 10.3c.9-2.7 3-3.9 5.7-3.5.7 2.1-1.1 4.1-4.2 4.3M8 12.1h8M7.1 14.8h9.8M10 9.4 8.7 7.8M14 9.4l1.3-1.6M6.8 16.2 5.2 17M17.2 16.2l1.6.8M12 17.9v2.1'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='12' cy='13.5' rx='5.2' ry='4.4'/%3E%3Cpath d='M8.2 11.1C5.1 10.9 3.3 8.9 4 6.8c2.7-.4 4.8.8 5.7 3.5M14.3 10.3c.9-2.7 3-3.9 5.7-3.5.7 2.1-1.1 4.1-4.2 4.3M8 12.1h8M7.1 14.8h9.8M10 9.4 8.7 7.8M14 9.4l1.3-1.6M6.8 16.2 5.2 17M17.2 16.2l1.6.8M12 17.9v2.1'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
    width: 18px;
}

@keyframes topBuzzPulse-b-yfdlue4pa5 {
    from {
        box-shadow: 0 2px 7px rgba(69, 46, 0, 0.28), 0 0 0 0 rgba(255, 216, 77, 0.28);
    }

    to {
        box-shadow: 0 3px 10px rgba(69, 46, 0, 0.42), 0 0 0 3px rgba(255, 216, 77, 0.24);
    }
}

@keyframes topBuzzBeeSwing-b-yfdlue4pa5 {
    from {
        transform: translateY(-1px) rotate(-24deg) scale(0.96);
    }

    to {
        transform: translateY(1px) rotate(24deg) scale(1.04);
    }
}

.live-status[b-yfdlue4pa5] {
    align-items: center;
    align-self: center;
    background: rgba(8, 20, 40, 0.18);
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 999px;
    color: rgba(255, 255, 255, 0.9);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    gap: 6px;
    justify-content: center;
    line-height: 1;
    margin: 0 8px;
    min-height: 24px;
    min-width: 92px;
    padding: 0 10px;
    white-space: nowrap;
}

.live-status-dot[b-yfdlue4pa5] {
    background: #aab7c7;
    border-radius: 999px;
    box-shadow: 0 0 0 3px rgba(170, 183, 199, 0.16);
    display: inline-block;
    height: 9px;
    width: 9px;
}

.live-status.connected .live-status-dot[b-yfdlue4pa5] {
    background: #42d98a;
    box-shadow: 0 0 0 3px rgba(66, 217, 138, 0.18);
}

.live-status.connected[b-yfdlue4pa5] {
    background: rgba(20, 103, 92, 0.24);
    border-color: rgba(66, 217, 138, 0.34);
}

.live-status.connecting .live-status-dot[b-yfdlue4pa5],
.live-status.reconnecting .live-status-dot[b-yfdlue4pa5] {
    animation: livePulse-b-yfdlue4pa5 1.2s ease-in-out infinite;
    background: #ffc857;
    box-shadow: 0 0 0 3px rgba(255, 200, 87, 0.18);
}

.live-status.connecting[b-yfdlue4pa5],
.live-status.reconnecting[b-yfdlue4pa5] {
    background: rgba(138, 93, 0, 0.24);
    border-color: rgba(255, 200, 87, 0.34);
}

.live-status.disconnected .live-status-dot[b-yfdlue4pa5],
.live-status.error .live-status-dot[b-yfdlue4pa5] {
    background: #ff5d7e;
    box-shadow: 0 0 0 3px rgba(255, 93, 126, 0.18);
}

.live-status.disconnected[b-yfdlue4pa5],
.live-status.error[b-yfdlue4pa5] {
    background: rgba(155, 31, 31, 0.24);
    border-color: rgba(255, 93, 126, 0.34);
}

.live-status.error[b-yfdlue4pa5] {
    color: #ffdce4;
}

@keyframes livePulse-b-yfdlue4pa5 {
    0%,
    100% {
        opacity: 0.58;
        transform: scale(0.92);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }
}

.theme-toggle-icon[b-yfdlue4pa5] {
    background: currentColor;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.theme-toggle.light .theme-toggle-icon[b-yfdlue4pa5] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='%23000'/%3E%3Cpath d='M11 1h2v4h-2V1zm0 18h2v4h-2v-4zM1 11h4v2H1v-2zm18 0h4v2h-4v-2zM4.2 2.8 7 5.6 5.6 7 2.8 4.2l1.4-1.4zm14.2 14.2 2.8 2.8-1.4 1.4-2.8-2.8 1.4-1.4zM19.8 2.8l1.4 1.4L18.4 7 17 5.6l2.8-2.8zM5.6 17 7 18.4l-2.8 2.8-1.4-1.4L5.6 17z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4' fill='%23000'/%3E%3Cpath d='M11 1h2v4h-2V1zm0 18h2v4h-2v-4zM1 11h4v2H1v-2zm18 0h4v2h-4v-2zM4.2 2.8 7 5.6 5.6 7 2.8 4.2l1.4-1.4zm14.2 14.2 2.8 2.8-1.4 1.4-2.8-2.8 1.4-1.4zM19.8 2.8l1.4 1.4L18.4 7 17 5.6l2.8-2.8zM5.6 17 7 18.4l-2.8 2.8-1.4-1.4L5.6 17z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.theme-toggle.dark .theme-toggle-icon[b-yfdlue4pa5] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 15.8A8.5 8.5 0 0 1 8.2 3.5 9.5 9.5 0 1 0 20.5 15.8z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 15.8A8.5 8.5 0 0 1 8.2 3.5 9.5 9.5 0 1 0 20.5 15.8z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.content[b-yfdlue4pa5] {
    padding: 0;
}

#blazor-error-ui[b-yfdlue4pa5] {
    align-items: center;
    background: #251c26;
    border: 1px solid #713849;
    bottom: 16px;
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);
    box-sizing: border-box;
    color: #ffffff;
    display: none;
    gap: 8px;
    left: auto;
    max-width: min(520px, calc(100vw - 32px));
    padding: 12px 46px 12px 14px;
    position: fixed;
    right: 16px;
    width: auto;
    z-index: 5000;
}

#blazor-error-ui .reload[b-yfdlue4pa5] {
    color: #91c8ff;
    font-weight: 700;
    margin-left: 4px;
}

#blazor-error-ui .dismiss[b-yfdlue4pa5] {
    background: transparent;
    border: 0;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.65rem;
}

@media (max-width: 760px) {
    .page[b-yfdlue4pa5] {
        display: flex;
    }

    .sidebar-shell[b-yfdlue4pa5] {
        flex-basis: 56px;
        padding: 0;
        width: 56px;
    }

    .top-row[b-yfdlue4pa5] {
        height: auto;
        min-height: 40px;
    }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-panel[b-n8kkf7g5ev] {
    background: #06144f;
    box-sizing: border-box;
    color: #eef4ff;
    display: flex;
    flex-direction: column;
    height: 100vh;
    min-height: 100vh;
    padding: 18px 16px;
    position: sticky;
    top: 0;
    transition: width 0.18s ease, padding 0.18s ease;
    width: 242px;
    z-index: 60;
}

.nav-panel.collapsed[b-n8kkf7g5ev] {
    align-items: center;
    overflow: visible;
    padding: 18px 8px;
    width: 56px;
}

.brand-row[b-n8kkf7g5ev] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 26px;
    min-height: 38px;
}

.navbar-brand[b-n8kkf7g5ev] {
    align-items: center;
    display: flex;
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
}

.navbar-brand img[b-n8kkf7g5ev] {
    display: block;
    max-height: 50px;
    max-width: 200px;
    object-fit: contain;
    object-position: left center;
}

.nav-panel.collapsed .brand-row[b-n8kkf7g5ev] {
    flex-direction: column;
    gap: 14px;
    margin-bottom: 30px;
}

.nav-panel.collapsed .navbar-brand[b-n8kkf7g5ev] {
    height: 34px;
    justify-content: center;
    width: 40px;
}

.nav-panel.collapsed .navbar-brand img[b-n8kkf7g5ev] {
    height: 34px;
    max-width: none;
    object-fit: cover;
    object-position: left center;
    width: 40px;
}

.panel-toggle[b-n8kkf7g5ev] {
    align-items: center;
    background: #f2f6ff;
    border: 0;
    border-radius: 8px;
    color: #06144f;
    display: inline-flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.panel-toggle:hover[b-n8kkf7g5ev] {
    background: #ffffff;
}

.toggle-arrow[b-n8kkf7g5ev] {
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    display: inline-block;
    height: 8px;
    transform: rotate(135deg);
    width: 8px;
}

.nav-panel.collapsed .toggle-arrow[b-n8kkf7g5ev] {
    transform: rotate(-45deg);
}

.menu-icon[b-n8kkf7g5ev] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 25px;
    margin-right: 13px;
    opacity: 0.94;
    position: relative;
    top: -1px;
    width: 25px;
}

.nav-panel.collapsed .menu-icon[b-n8kkf7g5ev] {
    margin-right: 0;
}

.icon-dashboard[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13a8 8 0 1 1 16 0v6H4v-6zm3 4h10v-2H7v2zm5-11 2 6 4-5-5 3-1-4z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 13a8 8 0 1 1 16 0v6H4v-6zm3 4h10v-2H7v2zm5-11 2 6 4-5-5 3-1-4z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-projects[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h7l2 2h9v11H3V6zm2 4v7h14v-7H5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h7l2 2h9v11H3V6zm2 4v7h14v-7H5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-takeoff[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v18H5V3zm2 2v14h10V5H7zm2 2h2v2H9V7zm4 0h2v2h-2V7zm-4 4h2v2H9v-2zm4 0h2v2h-2v-2zm-4 4h6v2H9v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v18H5V3zm2 2v14h10V5H7zm2 2h2v2H9V7zm4 0h2v2h-2V7zm-4 4h2v2H9v-2zm4 0h2v2h-2v-2zm-4 4h6v2H9v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-workflow[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h5v5H4V5zm11 0h5v5h-5V5zM4 15h5v5H4v-5zm4-7h8v2H8V8zm-1 2h2v5H7v-5zm10 0h2v6h-8v-2h6v-4z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h5v5H4V5zm11 0h5v5h-5V5zM4 15h5v5H4v-5zm4-7h8v2H8V8zm-1 2h2v5H7v-5zm10 0h2v6h-8v-2h6v-4z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-reports[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h11l3 3v15H5V3zm2 2v14h10V8h-3V5H7zm2 10h2v2H9v-2zm3-5h2v7h-2v-7zm3 3h2v4h-2v-4z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h11l3 3v15H5V3zm2 2v14h10V8h-3V5H7zm2 10h2v2H9v-2zm3-5h2v7h-2v-7zm3 3h2v4h-2v-4z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-users[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm8-1a3 3 0 1 1 0-6 3 3 0 0 1 0 6zM3 21v-3a6 6 0 0 1 12 0v3H3zm12 0v-3a8 8 0 0 0-1-4 5 5 0 0 1 8 4v3h-7z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm8-1a3 3 0 1 1 0-6 3 3 0 0 1 0 6zM3 21v-3a6 6 0 0 1 12 0v3H3zm12 0v-3a8 8 0 0 0-1-4 5 5 0 0 1 8 4v3h-7z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-system[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h10v2H6v12h8v2H4V4zm11 4 5 4-5 4v-3H9v-2h6V8z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h10v2H6v12h8v2H4V4zm11 4 5 4-5 4v-3H9v-2h6V8z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-exit[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3h8v18h-8v-2h6V5h-6V3zM3 11h10V8l5 4-5 4v-3H3v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3h8v18h-8v-2h6V5h-6V3zM3 11h10V8l5 4-5 4v-3H3v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-help[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 18h2v-2h-2v2zm1-16a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0-14a4 4 0 0 0-4 4h2a2 2 0 1 1 3.4 1.4l-1.4 1.4c-.7.7-1 1.4-1 2.2h2c0-.3.1-.6.4-.9l1.4-1.4A4 4 0 0 0 12 6z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 18h2v-2h-2v2zm1-16a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm0-14a4 4 0 0 0-4 4h2a2 2 0 1 1 3.4 1.4l-1.4 1.4c-.7.7-1 1.4-1 2.2h2c0-.3.1-.6.4-.9l1.4-1.4A4 4 0 0 0 12 6z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-logout[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h10v2H6v14h8v2H4V3zm12 5 5 4-5 4v-3H9v-2h7V8z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 3h10v2H6v14h8v2H4V3zm12 5 5 4-5 4v-3H9v-2h7V8z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-awarded[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v14H9l-5 3V4zm2 2v11l2-1h10V6H6zm3 2h7v2H9V8zm0 4h5v2H9v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v14H9l-5 3V4zm2 2v11l2-1h10V6H6zm3 2h7v2H9V8zm0 4h5v2H9v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-default-costs[b-n8kkf7g5ev],
.icon-pricing[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v3h3v2h-3v3h-2V8H8V6h3V3zM5 13h14v8H5v-8zm2 2v4h10v-4H7z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v3h3v2h-3v3h-2V8H8V6h3V3zM5 13h14v8H5v-8zm2 2v4h10v-4H7z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-checking[b-n8kkf7g5ev],
.icon-prechecking[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-finalchecking[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 16.2-3.5-3.5L4 14.2 9 19l11-11-1.5-1.5L9 16.2zm-1-6L6.5 8.7 5 10.2l3 3 7-7L13.5 4.7 8 10.2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 16.2-3.5-3.5L4 14.2 9 19l11-11-1.5-1.5L9 16.2zm-1-6L6.5 8.7 5 10.2l3 3 7-7L13.5 4.7 8 10.2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-pricing[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h9l7 7-9 9-7-7V4zm3 3v5l4 4 5-5-4-4H7zm2 1.5A1.5 1.5 0 1 1 9 11.5 1.5 1.5 0 0 1 9 8.5zm4 2.5h2v1h1v2h-1v3h-2v-3h-2v-2h2v-1z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h9l7 7-9 9-7-7V4zm3 3v5l4 4 5-5-4-4H7zm2 1.5A1.5 1.5 0 1 1 9 11.5 1.5 1.5 0 0 1 9 8.5zm4 2.5h2v1h1v2h-1v3h-2v-3h-2v-2h2v-1z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-review[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c5 0 9 5 10 7-1 2-5 7-10 7S3 14 2 12c1-2 5-7 10-7zm0 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5c5 0 9 5 10 7-1 2-5 7-10 7S3 14 2 12c1-2 5-7 10-7zm0 3a4 4 0 1 0 0 8 4 4 0 0 0 0-8zm0 2a2 2 0 1 1 0 4 2 2 0 0 1 0-4z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-sales[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h2l2 9h9l3-7H8.5L8 5H4zm5 11a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM9 9h7l-1.3 3H9.7L9 9zm8-5 4 3-4 3V8h-4V6h4V4z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h2l2 9h9l3-7H8.5L8 5H4zm5 11a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm8 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM9 9h7l-1.3 3H9.7L9 9zm8-5 4 3-4 3V8h-4V6h4V4z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-transfer[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h12V4l5 4-5 4V9H4V7zm16 10H8v3l-5-4 5-4v3h12v2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h12V4l5 4-5 4V9H4V7zm16 10H8v3l-5-4 5-4v3h12v2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-costing[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7zM6 6v3h3V6H6zm9 0v3h3V6h-3zM6 15v3h3v-3H6zm9 0v3h3v-3h-3z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h7v7H4V4zm9 0h7v7h-7V4zM4 13h7v7H4v-7zm9 0h7v7h-7v-7zM6 6v3h3V6H6zm9 0v3h3V6h-3zM6 15v3h3v-3H6zm9 0v3h3v-3h-3z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-log[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v18H6V3zm2 2v14h8V5H8zm2 3h4v2h-4V8zm0 4h4v2h-4v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 3h12v18H6V3zm2 2v14h8V5H8zm2 3h4v2h-4V8zm0 4h4v2h-4v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-summary[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v2H4V5zm0 4h10v2H4V9zm0 4h16v2H4v-2zm0 4h10v2H4v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v2H4V5zm0 4h10v2H4V9zm0 4h16v2H4v-2zm0 4h10v2H4v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-password[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h2v11H5V10h2zm2 0h6V7a3 3 0 0 0-6 0v3zm2 4v3h2v-3h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 10 0v3h2v11H5V10h2zm2 0h6V7a3 3 0 0 0-6 0v3zm2 4v3h2v-3h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-email[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5zm2 3.2V17h14V8.2l-7 4.4-7-4.4zM6.4 7l5.6 3.5L17.6 7H6.4zM16 12h2v2h-2v-2zm-4 2h6v2h-6v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18v14H3V5zm2 3.2V17h14V8.2l-7 4.4-7-4.4zM6.4 7l5.6 3.5L17.6 7H6.4zM16 12h2v2h-2v-2zm-4 2h6v2h-6v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-address-book[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v18H5V3zm2 2v14h10V5H7zm2 3h6v2H9V8zm0 4h6v2H9v-2zm0 4h4v2H9v-2zM3 7h2v2H3V7zm0 4h2v2H3v-2zm0 4h2v2H3v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v18H5V3zm2 2v14h10V5H7zm2 3h6v2H9V8zm0 4h6v2H9v-2zm0 4h4v2H9v-2zM3 7h2v2H3V7zm0 4h2v2H3v-2zm0 4h2v2H3v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-material-type[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 9 5-9 5-9-5 9-5zm-7 8 7 4 7-4v3l-7 4-7-4v-3zm0 5 7 4 7-4v3l-7 4-7-4v-3z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m12 3 9 5-9 5-9-5 9-5zm-7 8 7 4 7-4v3l-7 4-7-4v-3zm0 5 7 4 7-4v3l-7 4-7-4v-3z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-materials[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v4H4V5zm1 6h14l-2 8H7l-2-8zm4 2v4h2v-4H9zm4 0v4h2v-4h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v4H4V5zm1 6h14l-2 8H7l-2-8zm4 2v4h2v-4H9zm4 0v4h2v-4h-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-products[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v5H4V4zm2 2v1h12V6H6zm-2 5h16v9H4v-9zm3 2v5h10v-5H7zm2 1h6v2H9v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16v5H4V4zm2 2v1h12V6H6zm-2 5h16v9H4v-9zm3 2v5h10v-5H7zm2 1h6v2H9v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-units[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4V5zm2 2v10h12V7H6zm1 2h2v2H7V9zm3 0h2v2h-2V9zm3 0h4v2h-4V9zM7 13h3v2H7v-2zm4 0h2v2h-2v-2zm3 0h3v2h-3v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5h16v14H4V5zm2 2v10h12V7H6zm1 2h2v2H7V9zm3 0h2v2h-2V9zm3 0h4v2h-4V9zM7 13h3v2H7v-2zm4 0h2v2h-2v-2zm3 0h3v2h-3v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-options[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h10v2H4V7zm12-2h2v6h-2V5zM4 15h4v2H4v-2zm6-2h2v6h-2v-6zm4 2h6v2h-6v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h10v2H4V7zm12-2h2v6h-2V5zM4 15h4v2H4v-2zm6-2h2v6h-2v-6zm4 2h6v2h-6v-2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-formula[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14v2H5V4zm0 14h14v2H5v-2zm3-9h2l2 3 2-3h2l-3 4 3 4h-2l-2-3-2 3H8l3-4-3-4z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 4h14v2H5V4zm0 14h14v2H5v-2zm3-9h2l2 3 2-3h2l-3 4 3 4h-2l-2-3-2 3H8l3-4-3-4z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-about[b-n8kkf7g5ev] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 10h2v8h-2v-8zm0-4h2v2h-2V6zm1-4a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 10h2v8h-2v-8zm0-4h2v2h-2V6zm1-4a10 10 0 1 1 0 20 10 10 0 0 1 0-20zm0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.nav-scrollable[b-n8kkf7g5ev] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: visible;
    overflow-y: auto;
    padding-right: 2px;
    width: 100%;
}

.nav-panel.collapsed .nav-scrollable[b-n8kkf7g5ev] {
    overflow: visible;
}

.nav-scrollable[b-n8kkf7g5ev]::-webkit-scrollbar {
    width: 6px;
}

.nav-scrollable[b-n8kkf7g5ev]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.16);
    border-radius: 999px;
}

.nav-item[b-n8kkf7g5ev],
.menu-group[b-n8kkf7g5ev] {
    position: relative;
    width: 100%;
}

.dashboard-link[b-n8kkf7g5ev] {
    margin-bottom: 12px;
}

.nav-item[b-n8kkf7g5ev]  .nav-link,
.nav-footer[b-n8kkf7g5ev]  .nav-link {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #e9f0ff;
    display: flex;
    font-size: 14px;
    font-weight: 600;
    height: 42px;
    letter-spacing: 0;
    line-height: 1;
    padding: 0 12px;
    text-decoration: none;
    width: 100%;
}

.nav-command[b-n8kkf7g5ev] {
    cursor: pointer;
    font-family: inherit;
    text-align: left;
}

.nav-item[b-n8kkf7g5ev]  .nav-link:hover,
.nav-footer[b-n8kkf7g5ev]  .nav-link:hover,
.nav-item[b-n8kkf7g5ev]  .nav-link.active,
.nav-footer[b-n8kkf7g5ev]  .nav-link.active {
    background: #f3f7ff;
    color: #06144f;
}

.menu-items .nav-item[b-n8kkf7g5ev]  .nav-link.active,
.menu-items .nav-item[b-n8kkf7g5ev]  .nav-link.active:hover {
    background: #f3f7ff;
    color: #06144f;
    font-weight: 800;
}

.menu-items .nav-item[b-n8kkf7g5ev]  .nav-link.active .menu-icon {
    color: #2f6fb7;
    opacity: 1;
}

.menu-section[b-n8kkf7g5ev] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 8px;
    color: #e9f0ff;
    display: flex;
    font-size: 15px;
    font-weight: 700;
    height: 42px;
    justify-content: flex-start;
    letter-spacing: 0;
    margin: 3px 0;
    padding: 0 12px;
    text-align: left;
    width: 100%;
}

.menu-section:hover[b-n8kkf7g5ev],
.menu-section.expanded[b-n8kkf7g5ev] {
    background: rgba(255, 255, 255, 0.11);
    color: #fff;
}

.section-caret[b-n8kkf7g5ev] {
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    height: 7px;
    margin-left: auto;
    opacity: 0.84;
    transform: rotate(45deg);
    transition: transform 0.16s ease;
    width: 7px;
}

.menu-section.expanded .section-caret[b-n8kkf7g5ev] {
    transform: rotate(225deg);
}

.menu-items[b-n8kkf7g5ev] {
    padding: 2px 0 8px 16px;
}

.menu-items .nav-item[b-n8kkf7g5ev]  .nav-link {
    color: #cdd7f2;
    font-size: 13px;
    font-weight: 600;
    height: 32px;
    padding: 0 8px;
}

.menu-items .menu-icon[b-n8kkf7g5ev] {
    height: 16px;
    margin-right: 10px;
    opacity: 0.82;
    width: 16px;
}

.menu-text[b-n8kkf7g5ev] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-panel.collapsed .menu-text[b-n8kkf7g5ev],
.nav-panel.collapsed .section-caret[b-n8kkf7g5ev] {
    display: none;
}

.nav-panel.collapsed .nav-item[b-n8kkf7g5ev],
.nav-panel.collapsed .menu-group[b-n8kkf7g5ev] {
    display: flex;
    justify-content: center;
}

.nav-panel.collapsed .nav-item[b-n8kkf7g5ev]  .nav-link,
.nav-panel.collapsed .nav-footer[b-n8kkf7g5ev]  .nav-link,
.nav-panel.collapsed .menu-section[b-n8kkf7g5ev] {
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px;
}

.flyout-menu[b-n8kkf7g5ev] {
    display: none;
}

.nav-panel.collapsed .flyout-menu[b-n8kkf7g5ev] {
    background: #06144f;
    border-radius: 0 8px 8px 0;
    box-shadow: 18px 18px 38px rgba(3, 11, 45, 0.25);
    box-sizing: border-box;
    display: none;
    left: 38px;
    min-width: 196px;
    padding: 18px 22px;
    position: absolute;
    top: 0;
    z-index: 120;
}

.nav-panel.collapsed .flyout-menu[b-n8kkf7g5ev]::before {
    bottom: 0;
    content: "";
    left: -22px;
    position: absolute;
    top: 0;
    width: 22px;
}

.nav-panel.collapsed .menu-group:hover .flyout-menu[b-n8kkf7g5ev],
.nav-panel.collapsed .menu-group:focus-within .flyout-menu[b-n8kkf7g5ev] {
    display: block;
}

.flyout-title[b-n8kkf7g5ev] {
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    margin-bottom: 10px;
}

[b-n8kkf7g5ev] .flyout-link {
    color: #cdd7f2;
    display: block;
    font-size: 14px;
    font-weight: 600;
    padding: 7px 0;
    text-decoration: none;
}

.flyout-link.nav-command[b-n8kkf7g5ev] {
    background: transparent;
    border: 0;
    font-family: inherit;
    text-align: left;
    width: 100%;
}

[b-n8kkf7g5ev] .flyout-link:hover,
[b-n8kkf7g5ev] .flyout-link.active {
    color: #ffffff;
}

.nav-footer[b-n8kkf7g5ev] {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
    padding-top: 22px;
    width: 100%;
}

.current-user[b-n8kkf7g5ev] {
    align-items: center;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    display: flex;
    gap: 10px;
    margin-bottom: 8px;
    min-height: 48px;
    padding: 8px 10px;
    width: 100%;
}

.user-avatar[b-n8kkf7g5ev] {
    align-items: center;
    background: #f3f7ff;
    border-radius: 50%;
    color: #06144f;
    display: inline-flex;
    flex: 0 0 30px;
    font-size: 13px;
    font-weight: 900;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.user-meta[b-n8kkf7g5ev] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.user-name-line[b-n8kkf7g5ev] {
    align-items: center;
    display: flex;
    gap: 6px;
    min-width: 0;
}

.user-name-line strong[b-n8kkf7g5ev] {
    min-width: 0;
}

.user-meta strong[b-n8kkf7g5ev],
.user-meta small[b-n8kkf7g5ev] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-meta strong[b-n8kkf7g5ev] {
    color: #ffffff;
    font-size: 13px;
    font-weight: 900;
}

.user-meta small[b-n8kkf7g5ev] {
    color: #cdd7f2;
    font-size: 11px;
    font-weight: 700;
}

.nav-panel.collapsed .nav-footer[b-n8kkf7g5ev] {
    align-items: center;
}

.nav-panel.collapsed .current-user[b-n8kkf7g5ev] {
    background: transparent;
    border-color: transparent;
    justify-content: center;
    margin-bottom: 10px;
    min-height: 40px;
    padding: 0;
    width: 40px;
}

.nav-panel.collapsed .user-avatar[b-n8kkf7g5ev] {
    flex-basis: 32px;
    height: 32px;
    width: 32px;
}

.nav-panel.collapsed .user-meta[b-n8kkf7g5ev] {
    display: none;
}

.nav-panel[b-n8kkf7g5ev] {
    --nav-panel-bg: #111a2b;
    --nav-panel-bg-2: #172238;
    --nav-panel-border: transparent;
    --nav-panel-text: #d8e1f3;
    --nav-panel-muted: #9ba9bf;
    --nav-panel-active: rgba(150, 162, 181, 0.22);
    --nav-panel-active-strong: rgba(150, 162, 181, 0.28);
    --nav-panel-icon-tile: transparent;
    --nav-panel-shadow: none;
    background: linear-gradient(180deg, var(--nav-panel-bg), var(--nav-panel-bg-2)) !important;
    border: 0;
    border-radius: 0;
    box-shadow: var(--nav-panel-shadow);
    height: 100vh;
    min-height: 100vh;
    overflow: visible;
    padding: 18px 10px;
    width: 242px;
}

.nav-panel.collapsed[b-n8kkf7g5ev] {
    border-radius: 0;
    padding: 18px 8px;
    width: 56px;
}

.brand-row[b-n8kkf7g5ev] {
    border-bottom: 1px solid rgba(215, 226, 244, 0.08);
    gap: 8px;
    margin-bottom: 14px;
    min-height: 42px;
    padding-bottom: 14px;
}

.navbar-brand[b-n8kkf7g5ev] {
    color: #ffffff;
    flex: 1 1 auto;
    gap: 10px;
}

.brand-logo-frame[b-n8kkf7g5ev] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 34px;
    height: 34px;
    justify-content: center;
    overflow: hidden;
    width: 34px;
}

.brand-logo-frame img[b-n8kkf7g5ev] {
    display: block;
    height: 30px;
    max-height: none;
    max-width: none;
    object-fit: contain;
    object-position: center;
    width: 30px;
}

.brand-copy[b-n8kkf7g5ev] {
    display: grid;
    gap: 1px;
    line-height: 1.05;
    min-width: 0;
}

.brand-copy strong[b-n8kkf7g5ev] {
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
}

.brand-copy small[b-n8kkf7g5ev] {
    color: var(--nav-panel-muted);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0;
}

.panel-toggle[b-n8kkf7g5ev] {
    background: var(--nav-panel-icon-tile) !important;
    border: 0;
    border-radius: 4px;
    color: var(--nav-panel-text) !important;
    flex-basis: 30px;
    height: 30px;
    transition: background 0.16s ease, color 0.16s ease, transform 0.16s ease;
    width: 30px;
}

.panel-toggle:hover[b-n8kkf7g5ev] {
    background: var(--nav-panel-active-strong) !important;
    color: #ffffff;
}

.menu-icon[b-n8kkf7g5ev] {
    height: 25px;
    margin-right: 13px;
    opacity: 0.8;
    top: 0;
    width: 25px;
}

.nav-scrollable[b-n8kkf7g5ev] {
    padding: 2px 0 8px;
}

.dashboard-link[b-n8kkf7g5ev] {
    margin-bottom: 8px;
}

.nav-item[b-n8kkf7g5ev]  .nav-link,
.nav-footer[b-n8kkf7g5ev]  .nav-link,
.menu-section[b-n8kkf7g5ev] {
    border-radius: 4px;
    color: var(--nav-panel-text) !important;
    font-size: 13px;
    font-weight: 650;
    height: 40px;
    margin: 3px 0;
    padding: 0 11px;
    transition: background 0.16s ease, color 0.16s ease, box-shadow 0.16s ease;
}

.nav-item[b-n8kkf7g5ev]  .nav-link:hover,
.nav-footer[b-n8kkf7g5ev]  .nav-link:hover,
.nav-item[b-n8kkf7g5ev]  .nav-link.active,
.nav-footer[b-n8kkf7g5ev]  .nav-link.active,
.menu-section:hover[b-n8kkf7g5ev],
.menu-section.expanded[b-n8kkf7g5ev] {
    background: var(--nav-panel-active) !important;
    color: #ffffff !important;
}

.nav-item[b-n8kkf7g5ev]  .nav-link.active,
.nav-footer[b-n8kkf7g5ev]  .nav-link.active,
.menu-section.expanded[b-n8kkf7g5ev] {
    box-shadow: none;
}

.nav-item[b-n8kkf7g5ev]  .nav-link.active .menu-icon,
.nav-footer[b-n8kkf7g5ev]  .nav-link.active .menu-icon,
.menu-section.expanded .menu-icon[b-n8kkf7g5ev] {
    color: #ffffff;
    opacity: 1;
}

.section-caret[b-n8kkf7g5ev] {
    height: 6px;
    width: 6px;
}

.menu-items[b-n8kkf7g5ev] {
    margin: 2px 0 10px;
    padding: 2px 0 6px 12px;
}

.menu-items .nav-item[b-n8kkf7g5ev]  .nav-link {
    color: color-mix(in srgb, var(--nav-panel-text) 78%, transparent) !important;
    font-size: 12px;
    font-weight: 600;
    height: 32px;
    margin: 2px 0;
    padding: 0 9px;
}

.menu-items .nav-item[b-n8kkf7g5ev]  .nav-link:hover,
.menu-items .nav-item[b-n8kkf7g5ev]  .nav-link.active,
.menu-items .nav-item[b-n8kkf7g5ev]  .nav-link.active:hover {
    background: var(--nav-panel-active) !important;
    color: #ffffff !important;
    font-weight: 700;
}

.menu-items .menu-icon[b-n8kkf7g5ev] {
    height: 19px;
    margin-right: 9px;
    width: 19px;
}

.menu-items .nav-item[b-n8kkf7g5ev]  .nav-link.active .menu-icon,
.menu-items .nav-item[b-n8kkf7g5ev]  .nav-link.active:hover .menu-icon {
    background: currentColor !important;
    color: #ffffff !important;
    opacity: 1;
}

.menu-item-separator[b-n8kkf7g5ev] {
    border-top: 1px solid rgba(215, 226, 244, 0.13);
    height: 0;
    margin: 7px 9px;
}

.nav-panel.collapsed .brand-row[b-n8kkf7g5ev] {
    align-items: center;
    border-bottom: 1px solid rgba(215, 226, 244, 0.08);
    flex-direction: column;
    gap: 10px;
    margin-bottom: 14px;
    padding-bottom: 14px;
}

.nav-panel.collapsed .navbar-brand[b-n8kkf7g5ev] {
    flex: 0 0 auto;
    height: 36px;
    width: 40px;
}

.nav-panel.collapsed .brand-logo-frame[b-n8kkf7g5ev] {
    flex-basis: 36px;
    height: 36px;
    width: 36px;
}

.nav-panel.collapsed .brand-copy[b-n8kkf7g5ev] {
    display: none;
}

.nav-panel.collapsed .panel-toggle[b-n8kkf7g5ev] {
    height: 32px;
    width: 40px;
}

.nav-panel.collapsed .nav-item[b-n8kkf7g5ev]  .nav-link,
.nav-panel.collapsed .nav-footer[b-n8kkf7g5ev]  .nav-link,
.nav-panel.collapsed .menu-section[b-n8kkf7g5ev] {
    border-radius: 4px;
    height: 40px;
    margin: 5px 0;
    width: 40px;
}

.nav-panel.collapsed .nav-item[b-n8kkf7g5ev]  .nav-link.active,
.nav-panel.collapsed .nav-footer[b-n8kkf7g5ev]  .nav-link.active,
.nav-panel.collapsed .menu-section.expanded[b-n8kkf7g5ev] {
    box-shadow: none;
}

.nav-panel.collapsed .flyout-menu[b-n8kkf7g5ev] {
    background: linear-gradient(180deg, var(--nav-panel-bg), var(--nav-panel-bg-2)) !important;
    border: 0;
    border-radius: 0 4px 4px 0;
    box-shadow: none;
    left: 46px;
    min-width: 220px;
    padding: 14px 16px;
}

.flyout-title[b-n8kkf7g5ev] {
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
}

[b-n8kkf7g5ev] .flyout-link {
    border-radius: 4px;
    color: var(--nav-panel-text) !important;
    font-size: 13px;
    font-weight: 600;
    padding: 8px 9px;
}

[b-n8kkf7g5ev] .flyout-link:hover,
[b-n8kkf7g5ev] .flyout-link.active {
    background: var(--nav-panel-active);
    color: #ffffff !important;
}

.flyout-separator[b-n8kkf7g5ev] {
    border-top: 1px solid rgba(215, 226, 244, 0.13);
    height: 0;
    margin: 8px 4px;
}

.nav-footer[b-n8kkf7g5ev] {
    border-top: 1px solid rgba(215, 226, 244, 0.12);
    gap: 6px;
    padding-top: 14px;
}

.current-user[b-n8kkf7g5ev] {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: transparent !important;
    border-radius: 4px;
    min-height: 44px;
    padding: 7px 38px 7px 9px;
    position: relative;
}

.user-avatar[b-n8kkf7g5ev] {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    font-size: 12px;
    height: 28px;
    width: 28px;
}

.user-meta strong[b-n8kkf7g5ev] {
    font-size: 12px;
    font-weight: 800;
}

.user-meta small[b-n8kkf7g5ev] {
    color: var(--nav-panel-muted);
    font-weight: 600;
}

.user-menu-button[b-n8kkf7g5ev] {
    align-items: center;
    background: rgba(255, 255, 255, 0.16);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 4px;
    color: var(--nav-panel-text);
    display: inline-flex;
    height: 25px;
    justify-content: center;
    position: absolute;
    right: 7px;
    text-decoration: none;
    top: 7px;
    transition: background 0.16s ease, color 0.16s ease;
    width: 25px;
}

.user-menu-button:hover[b-n8kkf7g5ev],
.user-menu-button[aria-expanded="true"][b-n8kkf7g5ev] {
    background: var(--nav-panel-active-strong);
    color: #ffffff;
}

.user-menu-icon[b-n8kkf7g5ev] {
    background: currentColor;
    display: inline-block;
    height: 16px;
    width: 16px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 8a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm0 6a2 2 0 1 0 0-4 2 2 0 0 0 0 4z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.user-action-menu[b-n8kkf7g5ev] {
    background: linear-gradient(180deg, var(--nav-panel-bg), var(--nav-panel-bg-2));
    border: 1px solid rgba(215, 226, 244, 0.12);
    border-radius: 4px;
    bottom: calc(100% + 8px);
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.22);
    display: grid;
    min-width: 186px;
    padding: 6px;
    position: absolute;
    right: 0;
    z-index: 180;
}

.user-action-menu[b-n8kkf7g5ev]::after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid var(--nav-panel-bg-2);
    bottom: -6px;
    content: "";
    position: absolute;
    right: 14px;
}

.user-action-link[b-n8kkf7g5ev],
[b-n8kkf7g5ev] .user-action-link {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: var(--nav-panel-text) !important;
    display: flex;
    font-size: 12px;
    font-weight: 650;
    gap: 9px;
    justify-content: flex-start;
    min-height: 34px;
    padding: 0 9px;
    text-decoration: none;
    width: 100%;
}

.user-action-link:hover[b-n8kkf7g5ev],
[b-n8kkf7g5ev] .user-action-link:hover,
[b-n8kkf7g5ev] .user-action-link.active {
    background: var(--nav-panel-active);
    color: #ffffff !important;
}

.user-action-icon[b-n8kkf7g5ev] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 16px;
    height: 16px;
    margin: 0;
    opacity: 0.9;
    width: 16px;
}

.nav-panel.collapsed .current-user[b-n8kkf7g5ev] {
    background: transparent;
    margin-bottom: 8px;
    padding: 0;
    width: 40px;
}

.nav-panel.collapsed .user-avatar[b-n8kkf7g5ev] {
    flex-basis: 32px;
    height: 32px;
    width: 32px;
}

.nav-panel.collapsed .user-menu-button[b-n8kkf7g5ev] {
    background: var(--nav-panel-active);
    height: 19px;
    right: -2px;
    top: -3px;
    width: 19px;
}

.nav-panel.collapsed .user-menu-icon[b-n8kkf7g5ev] {
    height: 12px;
    width: 12px;
}

.nav-panel.collapsed .user-action-menu[b-n8kkf7g5ev] {
    bottom: 0;
    left: 46px;
    right: auto;
}

.nav-panel.collapsed .user-action-menu[b-n8kkf7g5ev]::after {
    border-bottom: 6px solid transparent;
    border-left: 0;
    border-right: 6px solid var(--nav-panel-bg);
    border-top: 6px solid transparent;
    bottom: 13px;
    left: -6px;
    right: auto;
}

@media (max-width: 760px) {
    .nav-panel[b-n8kkf7g5ev],
    .nav-panel.collapsed[b-n8kkf7g5ev] {
        align-items: center;
        height: 100vh;
        min-height: 100vh;
        padding: 16px 8px;
        top: 0;
        width: 56px;
    }

    .nav-panel .brand-row[b-n8kkf7g5ev] {
        flex-direction: column;
        gap: 14px;
        margin-bottom: 30px;
    }

    .nav-panel .navbar-brand[b-n8kkf7g5ev] {
        height: 34px;
        justify-content: center;
        width: 40px;
    }

    .nav-panel .navbar-brand img[b-n8kkf7g5ev] {
        height: 34px;
        max-width: none;
        object-fit: cover;
        object-position: left center;
        width: 40px;
    }

    .nav-panel .menu-text[b-n8kkf7g5ev],
    .nav-panel .section-caret[b-n8kkf7g5ev] {
        display: none;
    }

    .nav-panel .menu-items[b-n8kkf7g5ev] {
        display: none !important;
    }

    .nav-panel .menu-group[b-n8kkf7g5ev] {
        position: relative;
    }

    .nav-panel .flyout-menu[b-n8kkf7g5ev] {
        background: #06144f;
        border-radius: 0 8px 8px 0;
        box-shadow: 18px 18px 38px rgba(3, 11, 45, 0.25);
        box-sizing: border-box;
        display: none;
        left: 48px;
        min-width: 196px;
        padding: 14px 18px;
        position: absolute;
        top: 0;
        z-index: 220;
    }

    .nav-panel .menu-group.expanded .flyout-menu[b-n8kkf7g5ev] {
        display: block;
    }

    .nav-panel .nav-item[b-n8kkf7g5ev]  .nav-link,
    .nav-panel .nav-footer[b-n8kkf7g5ev]  .nav-link,
    .nav-panel .menu-section[b-n8kkf7g5ev] {
        height: 40px;
        justify-content: center;
        padding: 0;
        width: 40px;
    }
}
/* /Components/Layout/OpenPageTabs.razor.rz.scp.css */
.open-tabs[b-o3zu7ffwoj] {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: thin;
}

.open-tab[b-o3zu7ffwoj] {
    align-items: center;
    border-left: 1px solid rgba(255, 255, 255, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    color: #e4f0ff;
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 700;
    height: 100%;
    cursor: pointer;
    min-width: 92px;
    padding: 0 7px 0 16px;
    white-space: nowrap;
}

.open-tab[b-o3zu7ffwoj]  a {
    align-items: center;
    color: inherit;
    display: flex;
    flex: 1 1 auto;
    height: 100%;
    min-width: 0;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.open-tab:hover[b-o3zu7ffwoj] {
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
}

.open-tab.active[b-o3zu7ffwoj] {
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
}

.close-tab[b-o3zu7ffwoj] {
    align-items: center;
    background: transparent;
    border: 0;
    color: currentColor;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    margin-left: 9px;
    opacity: 0.68;
    padding: 0;
    width: 20px;
}

.close-tab:hover[b-o3zu7ffwoj] {
    background: rgba(255, 255, 255, 0.16);
    opacity: 1;
}

.close-tab span[b-o3zu7ffwoj] {
    display: block;
    height: 10px;
    position: relative;
    width: 10px;
}

.close-tab span[b-o3zu7ffwoj]::before,
.close-tab span[b-o3zu7ffwoj]::after {
    background: currentColor;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 4px;
    width: 10px;
}

.close-tab span[b-o3zu7ffwoj]::before {
    transform: rotate(45deg);
}

.close-tab span[b-o3zu7ffwoj]::after {
    transform: rotate(-45deg);
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-hf3npmudot],
.components-reconnect-repeated-attempt-visible[b-hf3npmudot],
.components-reconnect-failed-visible[b-hf3npmudot],
.components-pause-visible[b-hf3npmudot],
.components-resume-failed-visible[b-hf3npmudot],
.components-rejoining-animation[b-hf3npmudot] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-hf3npmudot {
    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/Pages/AddressBook.razor.rz.scp.css */
.address-book-workspace[b-qrw7okh3bp] {
    grid-template-columns: minmax(620px, 1fr) minmax(360px, 420px);
    grid-template-rows: minmax(0, 1fr);
}

.firm-type-filter[b-qrw7okh3bp] {
    width: 170px;
}

.address-book-grid-panel[b-qrw7okh3bp] {
    border-right: 1px solid var(--theme-border, #d7e0ea);
}

.address-book-form-panel[b-qrw7okh3bp] {
    background: var(--theme-surface, #ffffff);
    min-height: 0;
    overflow: auto;
    padding: 12px;
}

.address-book-form[b-qrw7okh3bp] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.address-book-form .firm-type-field[b-qrw7okh3bp],
.address-book-form .logo-field[b-qrw7okh3bp],
.address-book-form .name-field[b-qrw7okh3bp],
.address-book-form .email-field[b-qrw7okh3bp],
.address-book-form .address-field[b-qrw7okh3bp],
.address-book-form .contact-field[b-qrw7okh3bp],
.address-book-form .contact-email-field[b-qrw7okh3bp],
.address-book-form .contact-phone-field[b-qrw7okh3bp] {
    grid-column: span 2;
}

.logo-field > span[b-qrw7okh3bp] {
    display: block;
    font-size: 0.78rem;
    font-weight: 700;
    margin-bottom: 4px;
}

.logo-editor[b-qrw7okh3bp] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.logo-preview[b-qrw7okh3bp] {
    align-items: center;
    background: var(--theme-surface-muted, #f6f8fb);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    color: var(--theme-text-muted, #6b7785);
    display: flex;
    flex: 0 0 112px;
    height: 72px;
    justify-content: center;
    overflow: hidden;
}

.logo-preview img[b-qrw7okh3bp] {
    height: 100%;
    object-fit: contain;
    padding: 5px;
    width: 100%;
}

.logo-preview span[b-qrw7okh3bp],
.logo-actions small[b-qrw7okh3bp] {
    font-size: 0.72rem;
}

.logo-actions[b-qrw7okh3bp] {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
}

.logo-actions input[type="file"][b-qrw7okh3bp] {
    font-size: 0.76rem;
    max-width: 100%;
}

.address-book-form textarea[b-qrw7okh3bp] {
    height: 86px;
    line-height: 1.35;
    padding: 6px 7px;
    resize: vertical;
}

.address-book-table[b-qrw7okh3bp] {
    min-width: 1420px;
}

.address-book-table th[b-qrw7okh3bp],
.address-book-table td[b-qrw7okh3bp] {
    max-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.address-book-table th:nth-child(1)[b-qrw7okh3bp],
.address-book-table td:nth-child(1)[b-qrw7okh3bp] {
    min-width: 64px;
    text-align: center;
    width: 64px;
}

.logo-cell img[b-qrw7okh3bp] {
    height: 34px;
    object-fit: contain;
    vertical-align: middle;
    width: 48px;
}

.address-book-table th:nth-child(2)[b-qrw7okh3bp],
.address-book-table td:nth-child(2)[b-qrw7okh3bp] {
    min-width: 160px;
}

.address-book-table th:nth-child(3)[b-qrw7okh3bp],
.address-book-table td:nth-child(3)[b-qrw7okh3bp] {
    min-width: 110px;
}

.address-book-table th:nth-child(4)[b-qrw7okh3bp],
.address-book-table td:nth-child(4)[b-qrw7okh3bp],
.address-book-table th:nth-child(5)[b-qrw7okh3bp],
.address-book-table td:nth-child(5)[b-qrw7okh3bp] {
    min-width: 210px;
}

.address-book-table th:nth-child(8)[b-qrw7okh3bp],
.address-book-table td:nth-child(8)[b-qrw7okh3bp],
.address-book-table th:nth-child(10)[b-qrw7okh3bp],
.address-book-table td:nth-child(10)[b-qrw7okh3bp] {
    min-width: 180px;
}

@media (max-width: 1280px) {
    .address-book-workspace[b-qrw7okh3bp] {
        grid-template-columns: minmax(480px, 1fr) minmax(330px, 390px);
    }

    .address-book-form[b-qrw7okh3bp] {
        grid-template-columns: 1fr;
    }

    .address-book-form .firm-type-field[b-qrw7okh3bp],
    .address-book-form .logo-field[b-qrw7okh3bp],
    .address-book-form .name-field[b-qrw7okh3bp],
    .address-book-form .email-field[b-qrw7okh3bp],
    .address-book-form .address-field[b-qrw7okh3bp],
    .address-book-form .contact-field[b-qrw7okh3bp],
    .address-book-form .contact-email-field[b-qrw7okh3bp],
    .address-book-form .contact-phone-field[b-qrw7okh3bp] {
        grid-column: auto;
    }
}

@media (max-width: 980px) {
    .address-book-workspace[b-qrw7okh3bp] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(260px, 0.9fr) minmax(420px, 1.1fr);
    }

    .address-book-grid-panel[b-qrw7okh3bp] {
        border-right: 0;
        border-bottom: 1px solid var(--theme-border, #d7e0ea);
    }
}
/* /Components/Pages/ChangePassword.razor.rz.scp.css */
.change-password-page[b-n7vtjompva] {
    background: var(--surface-page, #eef3f7);
    color: var(--text-main, #132234);
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.change-password-header[b-n7vtjompva] {
    align-items: center;
    background: var(--surface-panel, #ffffff);
    border-bottom: 1px solid var(--border-soft, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    min-height: 64px;
    padding: 12px 18px;
}

.change-password-body[b-n7vtjompva] {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    min-height: 0;
    overflow: auto;
    padding: 18px;
}

.change-password-card[b-n7vtjompva] {
    background: var(--surface-panel, #ffffff);
    border: 1px solid var(--border-soft, #d5e0ea);
    box-shadow: 0 18px 45px rgba(16, 40, 70, 0.12);
    display: flex;
    flex-direction: column;
    width: min(480px, 100%);
}

.change-password-card-header[b-n7vtjompva] {
    align-items: center;
    border-bottom: 1px solid var(--border-soft, #dce5ef);
    display: flex;
    gap: 12px;
    min-height: 70px;
    padding: 14px 16px;
}

.change-password-card-header > div[b-n7vtjompva] {
    display: grid;
    gap: 3px;
}

.change-password-card-header span:not(.change-password-icon)[b-n7vtjompva] {
    color: var(--text-muted, #60748c);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.change-password-card-header strong[b-n7vtjompva] {
    color: var(--text-main, #132234);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.15;
}

.change-password-icon[b-n7vtjompva] {
    align-items: center;
    background: rgba(31, 92, 157, 0.1);
    border: 1px solid rgba(31, 92, 157, 0.2);
    color: #1f5c9d;
    display: inline-flex;
    height: 42px;
    justify-content: center;
    width: 42px;
}

.change-password-icon[b-n7vtjompva]::before {
    background: currentColor;
    content: "";
    height: 20px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 9V7a5 5 0 0 0-10 0v2H5v13h14V9h-2ZM9 7a3 3 0 0 1 6 0v2H9V7Zm4 10.73V19h-2v-1.27A2 2 0 1 1 13 17.73Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M17 9V7a5 5 0 0 0-10 0v2H5v13h14V9h-2ZM9 7a3 3 0 0 1 6 0v2H9V7Zm4 10.73V19h-2v-1.27A2 2 0 1 1 13 17.73Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 20px;
}

.password-alert[b-n7vtjompva] {
    align-items: center;
    display: flex;
    gap: 9px;
    margin: 12px 16px 0;
    min-height: 38px;
    padding: 0 12px;
}

.password-alert.info[b-n7vtjompva] {
    background: rgba(49, 116, 203, 0.1);
    border: 1px solid rgba(49, 116, 203, 0.22);
    color: #1f5c9d;
}

.password-alert.success[b-n7vtjompva] {
    background: rgba(31, 145, 83, 0.1);
    border: 1px solid rgba(31, 145, 83, 0.22);
    color: #157044;
}

.password-alert.error[b-n7vtjompva] {
    background: rgba(219, 45, 76, 0.1);
    border: 1px solid rgba(219, 45, 76, 0.22);
    color: #b91c42;
}

.password-alert-icon[b-n7vtjompva] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 16px;
    height: 16px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm1 15h-2v-6h2v6Zm0-8h-2V7h2v2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 16px;
}

.change-password-fields[b-n7vtjompva] {
    display: grid;
    gap: 12px;
    padding: 16px;
}

.change-password-fields label[b-n7vtjompva] {
    display: grid;
    gap: 5px;
}

.change-password-fields label > span[b-n7vtjompva] {
    color: var(--text-muted, #5c6c7d);
    font-size: 11px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.change-password-fields input[b-n7vtjompva] {
    background: var(--input-bg, #ffffff);
    border: 1px solid var(--input-border, #bfccda);
    color: var(--text-main, #132234);
    font-size: 13px;
    height: 34px;
    outline: 0;
    padding: 0 9px;
}

.change-password-fields input:disabled[b-n7vtjompva] {
    opacity: 0.72;
}

.password-input-wrap[b-n7vtjompva] {
    position: relative;
}

.password-input-wrap input[b-n7vtjompva] {
    padding-right: 40px;
    width: 100%;
}

.password-toggle[b-n7vtjompva] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--text-muted, #60748c);
    cursor: pointer;
    display: inline-flex;
    height: 32px;
    justify-content: center;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 36px;
}

.password-toggle:hover:not(:disabled)[b-n7vtjompva],
.password-toggle.visible[b-n7vtjompva] {
    color: #1f5c9d;
}

.password-toggle:disabled[b-n7vtjompva] {
    cursor: not-allowed;
    opacity: 0.55;
}

.password-toggle span[b-n7vtjompva] {
    background: currentColor;
    height: 17px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4.5c-5 0-9.27 3.11-11 7.5 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Zm0 12.5a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4.5c-5 0-9.27 3.11-11 7.5 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Zm0 12.5a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 17px;
}

.password-toggle.visible span[b-n7vtjompva] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m2 4.27 1.28-1.28 17.73 17.73L19.73 22l-3.06-3.06A11.8 11.8 0 0 1 12 19.5c-5 0-9.27-3.11-11-7.5a12.8 12.8 0 0 1 4.12-5.36L2 4.27ZM12 4.5c5 0 9.27 3.11 11 7.5a12.7 12.7 0 0 1-3.05 4.36l-2.15-2.15A5 5 0 0 0 9.79 6.2L8.16 4.57c1.2-.45 2.49-.07 3.84-.07Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m2 4.27 1.28-1.28 17.73 17.73L19.73 22l-3.06-3.06A11.8 11.8 0 0 1 12 19.5c-5 0-9.27-3.11-11-7.5a12.8 12.8 0 0 1 4.12-5.36L2 4.27ZM12 4.5c5 0 9.27 3.11 11 7.5a12.7 12.7 0 0 1-3.05 4.36l-2.15-2.15A5 5 0 0 0 9.79 6.2L8.16 4.57c1.2-.45 2.49-.07 3.84-.07Z'/%3E%3C/svg%3E");
}

.change-password-actions[b-n7vtjompva] {
    align-items: center;
    border-top: 1px solid var(--border-soft, #dce5ef);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 12px 16px;
}

.change-password-actions button[b-n7vtjompva] {
    align-items: center;
    border: 1px solid #aebed0;
    display: inline-flex;
    font-size: 12px;
    gap: 8px;
    height: 34px;
    justify-content: center;
    min-width: 92px;
    padding: 0 12px;
}

.change-password-actions .primary[b-n7vtjompva] {
    background: #1f5c9d;
    border-color: #184c84;
    color: #ffffff;
}

.change-password-actions button:disabled[b-n7vtjompva] {
    cursor: wait;
    opacity: 0.68;
}

.save-icon[b-n7vtjompva] {
    background: currentColor;
    display: inline-block;
    height: 14px;
    width: 14px;
}

.save-icon[b-n7vtjompva] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m9 16.2-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5L9 16.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m9 16.2-3.5-3.5L4 14.2l5 5 11-11-1.5-1.5L9 16.2Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

[data-theme="dark"] .change-password-page[b-n7vtjompva] {
    background: #0f1725;
    color: #eef5ff;
}

[data-theme="dark"] .change-password-header[b-n7vtjompva],
[data-theme="dark"] .change-password-card[b-n7vtjompva] {
    background: #151f31;
    border-color: #2b3d57;
}

[data-theme="dark"] .change-password-card-header[b-n7vtjompva],
[data-theme="dark"] .change-password-actions[b-n7vtjompva] {
    border-color: #2b3d57;
}

[data-theme="dark"] .change-password-card-header strong[b-n7vtjompva] {
    color: #f4f8ff;
}

[data-theme="dark"] .change-password-card-header span:not(.change-password-icon)[b-n7vtjompva],
[data-theme="dark"] .change-password-fields label > span[b-n7vtjompva] {
    color: #b7c6d9;
}

[data-theme="dark"] .change-password-fields input[b-n7vtjompva] {
    background: #101a2a;
    border-color: #31445f;
    color: #f4f8ff;
}
/* /Components/Pages/EmailSetup.razor.rz.scp.css */
.email-setup-page[b-19coq4iy8e] {
    background: var(--theme-bg, #eef3f7);
    color: var(--theme-text, #1d2731);
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.email-header[b-19coq4iy8e] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: grid;
    flex: 0 0 auto;
    gap: 16px;
    grid-template-columns: minmax(250px, auto) minmax(260px, 1fr) auto;
    min-height: 64px;
    padding: 12px 18px;
}

.mode-banner-slot[b-19coq4iy8e] {
    align-items: center;
    display: flex;
    justify-content: center;
    min-width: 0;
}

.mode-banner[b-19coq4iy8e] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 18%, transparent);
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 54%, transparent);
    border-radius: 4px;
    color: var(--theme-primary, #1f5c9d);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    min-height: 34px;
    min-width: 240px;
    padding: 0 13px;
}

.mode-banner-icon[b-19coq4iy8e] {
    align-items: center;
    border: 1px solid currentColor;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 18px;
    font-size: 11px;
    font-weight: 800;
    height: 18px;
    justify-content: center;
    line-height: 1;
    width: 18px;
}

.header-status[b-19coq4iy8e] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.header-status span[b-19coq4iy8e],
.header-status strong[b-19coq4iy8e] {
    background: var(--theme-surface-muted, #f7fafc);
    border: 1px solid var(--theme-border-strong, #c9d6e4);
    border-radius: 4px;
    color: var(--theme-text, #405368);
    font-size: 12px;
    font-weight: 700;
    padding: 6px 9px;
    white-space: nowrap;
}

.email-toolbar[b-19coq4iy8e] {
    align-items: center;
    background: var(--theme-surface-soft, #f9fbfd);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: space-between;
    padding: 8px 12px;
}

.filter-cluster[b-19coq4iy8e],
.action-cluster[b-19coq4iy8e] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.action-cluster[b-19coq4iy8e] {
    justify-content: flex-end;
}

.search-field[b-19coq4iy8e],
.field[b-19coq4iy8e] {
    color: var(--theme-muted, #405a77);
    display: grid;
    font-size: 10px;
    font-weight: 600;
    gap: 4px;
    letter-spacing: 0;
    text-transform: uppercase;
}

.search-field input[b-19coq4iy8e],
.field input[b-19coq4iy8e] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-input-border, #b8c9dc);
    border-radius: 4px;
    color: var(--theme-input-text, #102030);
    font: inherit;
    font-size: 13px;
    font-weight: 400;
    height: 30px;
    min-width: 0;
    padding: 0 9px;
    text-transform: none;
}

.search-field input[b-19coq4iy8e] {
    width: 320px;
}

.field.wide[b-19coq4iy8e] {
    grid-column: 1 / -1;
}

.field.small[b-19coq4iy8e] {
    max-width: 150px;
}

.field.small input[b-19coq4iy8e] {
    text-align: right;
}

.tool-button[b-19coq4iy8e] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    color: var(--theme-text, #243242);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    height: 32px;
    justify-content: center;
    min-width: 84px;
    padding: 0 10px;
}

.tool-button.primary[b-19coq4iy8e] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary-strong, #184c84);
    color: #ffffff;
}

.tool-button:disabled[b-19coq4iy8e] {
    cursor: default;
    opacity: 0.55;
}

.button-icon[b-19coq4iy8e] {
    background: currentColor;
    display: inline-block;
    height: 14px;
    width: 14px;
    -webkit-mask: var(--button-icon) center / contain no-repeat;
    mask: var(--button-icon) center / contain no-repeat;
}

.icon-new[b-19coq4iy8e] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E");
}

.icon-edit[b-19coq4iy8e] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 17.5V21h3.5L18.1 10.4l-3.5-3.5L4 17.5zM20.7 7.8a1 1 0 0 0 0-1.4l-3.1-3.1a1 1 0 0 0-1.4 0L14.8 4.7l4.5 4.5 1.4-1.4z'/%3E%3C/svg%3E");
}

.icon-delete[b-19coq4iy8e] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M7 21h10l1-13H6l1 13zM9 4h6l1 2h4v2H4V6h4l1-2z'/%3E%3C/svg%3E");
}

.icon-restore[b-19coq4iy8e],
.icon-refresh[b-19coq4iy8e] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4 4v6h6V8H7.7A6.5 6.5 0 1 1 6 12H4a8.5 8.5 0 1 0 2.5-6H4z'/%3E%3C/svg%3E");
}

.icon-save[b-19coq4iy8e] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M5 4h12l2 2v14H5V4zm2 2v12h10V8.8L15.2 7H15v5H8V6H7zm3 0v4h3V6h-3zm-1 9h6v2H9v-2z'/%3E%3C/svg%3E");
}

.icon-cancel[b-19coq4iy8e] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m6.4 5 12.6 12.6-1.4 1.4L5 6.4 6.4 5zm11.2 0L19 6.4 6.4 19 5 17.6 17.6 5z'/%3E%3C/svg%3E");
}

.email-workspace[b-19coq4iy8e] {
    display: grid;
    flex: 1 1 auto;
    gap: 12px;
    grid-template-columns: minmax(560px, 1fr) 390px;
    min-height: 0;
    overflow: hidden;
    padding: 12px 12px 0;
}

.email-list[b-19coq4iy8e],
.email-editor[b-19coq4iy8e],
.email-logs[b-19coq4iy8e] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #cfdbe7);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.email-logs[b-19coq4iy8e] {
    flex: 0 0 230px;
    margin: 12px;
}

.panel-heading[b-19coq4iy8e] {
    align-items: center;
    border-bottom: 1px solid var(--theme-border, #dce5ef);
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: space-between;
    min-height: 42px;
    padding: 7px 12px;
}

.panel-heading span[b-19coq4iy8e] {
    color: var(--theme-muted, #66788d);
    display: block;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
}

.panel-heading strong[b-19coq4iy8e] {
    color: var(--theme-heading, #1d2731);
    font-size: 15px;
    font-weight: 700;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-scroll[b-19coq4iy8e] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

table[b-19coq4iy8e] {
    border-collapse: collapse;
    color: var(--theme-text, #172232);
    font-size: 12px;
    min-width: 100%;
    table-layout: auto;
    white-space: nowrap;
}

th[b-19coq4iy8e],
td[b-19coq4iy8e] {
    border-bottom: 1px solid var(--theme-grid-border, #d9e4ef);
    border-right: 1px solid var(--theme-grid-border, #d9e4ef);
    height: 30px;
    padding: 4px 8px;
    text-align: left;
    vertical-align: middle;
}

th[b-19coq4iy8e] {
    background: var(--theme-grid-header-bg, #e9f2fb);
    color: var(--theme-grid-header-text, #2c4868);
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

tbody tr[b-19coq4iy8e] {
    cursor: pointer;
}

tbody tr:nth-child(even) td[b-19coq4iy8e] {
    background: var(--theme-grid-alt-bg, #f7fafc);
}

tbody tr.selected td[b-19coq4iy8e] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 16%, var(--theme-surface-raised, #ffffff));
}

tbody tr.deleted td[b-19coq4iy8e] {
    color: var(--theme-muted, #66788d);
    text-decoration: line-through;
}

.numeric[b-19coq4iy8e],
.detail-number[b-19coq4iy8e] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.empty-row[b-19coq4iy8e] {
    color: var(--theme-muted, #66788d);
    font-style: italic;
    text-align: center;
}

.email-form[b-19coq4iy8e] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) 92px;
    overflow: auto;
    padding: 12px;
}

.smtp-host-field[b-19coq4iy8e] {
    min-width: 0;
}

.smtp-port-field input[b-19coq4iy8e] {
    text-align: right;
}

.smtp-security-option[b-19coq4iy8e] {
    align-items: center;
    color: var(--theme-text, #243242);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    gap: 7px;
    grid-column: 1 / -1;
    justify-self: start;
    min-height: 30px;
}

.smtp-security-option input[b-19coq4iy8e] {
    cursor: pointer;
}

.smtp-note[b-19coq4iy8e] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 9%, var(--theme-surface-soft, #f9fbfd));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 22%, var(--theme-border, #dce5ef));
    border-radius: 4px;
    color: var(--theme-muted, #66788d);
    font-size: 12px;
    grid-column: 1 / -1;
    line-height: 1.4;
    margin: 0;
    padding: 9px 10px;
}

.details-empty[b-19coq4iy8e] {
    color: var(--theme-muted, #66788d);
    font-size: 13px;
    margin: 0;
    padding: 14px;
}

.details-grid[b-19coq4iy8e] {
    display: grid;
    gap: 8px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    overflow: auto;
    padding: 12px;
}

.details-grid div[b-19coq4iy8e] {
    background: var(--theme-surface-soft, #f9fbfd);
    border: 1px solid var(--theme-border, #dce5ef);
    border-radius: 4px;
    min-width: 0;
    padding: 8px;
}

.details-grid dt[b-19coq4iy8e] {
    color: var(--theme-muted, #66788d);
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.details-grid dd[b-19coq4iy8e] {
    color: var(--theme-heading, #1d2731);
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.detail-value-primary[b-19coq4iy8e] {
    color: var(--theme-primary, #1f5c9d) !important;
}

.status-pill[b-19coq4iy8e] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    justify-content: center;
    min-width: 58px;
    padding: 3px 8px;
}

.status-pill.active[b-19coq4iy8e] {
    background: rgba(20, 151, 96, 0.14);
    color: #008c52;
}

.status-pill.inactive[b-19coq4iy8e] {
    background: rgba(101, 116, 139, 0.16);
    color: var(--theme-muted, #66788d);
}

.status-pill.warning[b-19coq4iy8e] {
    background: rgba(245, 158, 11, 0.16);
    color: #a16207;
}

.status-pill.deleted[b-19coq4iy8e] {
    background: rgba(225, 29, 72, 0.14);
    color: #be123c;
}

.check-field[b-19coq4iy8e] {
    align-items: center;
    color: var(--theme-text, #243242);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    min-height: 30px;
    min-width: 0;
}

.check-field input[type="checkbox"][b-19coq4iy8e] {
    appearance: none;
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    cursor: pointer;
    height: 18px;
    margin: 0;
    position: relative;
    width: 18px;
}

.check-field input[type="checkbox"]:checked[b-19coq4iy8e] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary, #1f5c9d);
}

.check-field input[type="checkbox"]:checked[b-19coq4iy8e]::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 9px;
    left: 6px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 5px;
}

.inline-check[b-19coq4iy8e] {
    align-self: end;
    background: var(--theme-surface-soft, #f9fbfd);
    border: 1px solid var(--theme-border, #dce5ef);
    border-radius: 4px;
    min-height: 30px;
    padding: 0 8px;
}

.log-error[b-19coq4iy8e] {
    max-width: 420px;
    min-width: 220px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.access-denied[b-19coq4iy8e] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #cfdbe7);
    border-radius: 4px;
    display: grid;
    gap: 8px;
    justify-items: center;
    margin: 24px auto;
    max-width: 420px;
    padding: 28px;
    text-align: center;
}

.access-denied strong[b-19coq4iy8e] {
    color: var(--theme-heading, #1d2731);
    font-size: 18px;
}

.access-denied p[b-19coq4iy8e] {
    color: var(--theme-muted, #66788d);
    font-size: 13px;
    margin: 0;
}

.access-icon[b-19coq4iy8e] {
    background: var(--theme-primary, #1f5c9d);
    display: inline-block;
    height: 34px;
    width: 34px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 3 6v6c0 5 3.8 9.7 9 10 5.2-.3 9-5 9-10V6l-9-4zm1 6v5h4v2h-6V8h2z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 3 6v6c0 5 3.8 9.7 9 10 5.2-.3 9-5 9-10V6l-9-4zm1 6v5h4v2h-6V8h2z'/%3E%3C/svg%3E") center / contain no-repeat;
}

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

    .email-editor[b-19coq4iy8e] {
        min-height: 300px;
    }
}
/* /Components/Pages/Error.razor.rz.scp.css */
.request-error-page[b-ri0nz4d6nq] {
    align-items: center;
    color: var(--theme-text, #17263a);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 36px);
    padding: 32px;
    text-align: center;
}

.request-error-icon[b-ri0nz4d6nq] {
    background: #d33b54;
    height: 44px;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22L12 2Zm0 5.5 6.5 11.5h-13L12 7.5ZM11 10v5h2v-5h-2Zm0 6.5v2h2v-2h-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 44px;
}

.request-error-page h1[b-ri0nz4d6nq] {
    font-size: 24px;
    margin: 16px 0 8px;
}

.request-error-page p[b-ri0nz4d6nq] {
    color: var(--theme-muted, #5d6d80);
    margin: 0;
    max-width: 560px;
}

.request-error-reference[b-ri0nz4d6nq] {
    color: var(--theme-muted, #5d6d80);
    font-size: 12px;
    margin-top: 12px;
}

.request-error-actions[b-ri0nz4d6nq] {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.request-error-actions a[b-ri0nz4d6nq] {
    background: #1f5c9d;
    border: 1px solid #1f5c9d;
    color: #ffffff;
    padding: 8px 14px;
    text-decoration: none;
}

.request-error-actions a + a[b-ri0nz4d6nq] {
    background: transparent;
    color: #1f5c9d;
}
/* /Components/Pages/EstimatingProjects.razor.rz.scp.css */
.projects-page[b-5gpui2f3xv] {
    background: #eef3f7;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.projects-header[b-5gpui2f3xv] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: grid;
    flex: 0 0 auto;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 64px;
    padding: 12px 18px;
}

.eyebrow[b-5gpui2f3xv] {
    color: #5a728f;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.projects-header h1[b-5gpui2f3xv] {
    color: #1d2731;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.header-status[b-5gpui2f3xv] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-self: end;
}

.mode-banner-slot[b-5gpui2f3xv] {
    display: flex;
    justify-content: center;
    min-width: 240px;
}

.mode-banner[b-5gpui2f3xv] {
    align-items: center;
    background: rgba(31, 39, 67, 0.3);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #3384ff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    max-width: min(320px, 100%);
    min-height: 36px;
    min-width: 220px;
    padding: 0 18px;
}

.mode-banner span:last-child[b-5gpui2f3xv] {
    color: currentColor;
}

.mode-banner-icon[b-5gpui2f3xv] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    font-size: 0;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 17v-6M12 8h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 17v-6M12 8h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 18px;
}

.mode-banner.adding[b-5gpui2f3xv] {
    background: rgba(29, 46, 45, 0.3);
    color: #24c878;
}

.mode-banner.adding span:last-child[b-5gpui2f3xv],
.mode-banner.adding .mode-banner-icon[b-5gpui2f3xv] {
    color: currentColor;
}

.header-status span[b-5gpui2f3xv],
.header-status strong[b-5gpui2f3xv] {
    border: 1px solid #c9d6e4;
    border-radius: 4px;
    color: #405368;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 9px;
}

.header-status strong[b-5gpui2f3xv] {
    background: #e9f6f4;
    border-color: #b9dfd9;
    color: #14675c;
}

.project-toolbar[b-5gpui2f3xv] {
    align-items: center;
    background: #f9fbfd;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: space-between;
    padding: 8px 12px;
}

.filter-cluster[b-5gpui2f3xv],
.action-cluster[b-5gpui2f3xv] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.search-field[b-5gpui2f3xv],
.select-field[b-5gpui2f3xv] {
    display: grid;
    gap: 4px;
}

.search-field[b-5gpui2f3xv] {
    min-width: 300px;
}

.year-field[b-5gpui2f3xv] {
    min-width: 92px;
}

.search-field span[b-5gpui2f3xv],
.select-field span[b-5gpui2f3xv] {
    color: #5c6c7d;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.search-field input[b-5gpui2f3xv],
.select-field select[b-5gpui2f3xv],
.form-grid input[b-5gpui2f3xv],
.form-grid select[b-5gpui2f3xv],
.notes-field textarea[b-5gpui2f3xv] {
    background: #fff;
    border: 1px solid #bfccda;
    border-radius: 4px;
    color: #1d2731;
    height: 27px;
    padding: 0 7px;
}

.search-field input:focus[b-5gpui2f3xv],
.select-field select:focus[b-5gpui2f3xv],
.form-grid input:focus[b-5gpui2f3xv],
.form-grid select:focus[b-5gpui2f3xv],
.notes-field textarea:focus[b-5gpui2f3xv] {
    border-color: #1f5c9d;
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.segmented-filter[b-5gpui2f3xv] {
    align-items: center;
    background: #edf2f8;
    border: 1px solid #cfd8e4;
    border-radius: 4px;
    display: inline-flex;
    height: 32px;
    gap: 2px;
    padding: 3px;
}

.segmented-filter button[b-5gpui2f3xv] {
    background: transparent;
    border: 0;
    border-radius: 3px;
    color: #5a7090;
    font-size: 12px;
    font-weight: 800;
    height: 24px;
    min-width: 44px;
    padding: 0 12px;
}

.segmented-filter button.active[b-5gpui2f3xv] {
    background: #2f6fb7;
    color: #fff;
}

.check-field[b-5gpui2f3xv] {
    align-items: center;
    color: #405368;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    height: 32px;
}

.tool-button[b-5gpui2f3xv] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #aebed0;
    border-radius: 4px;
    color: #243242;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    height: 32px;
    justify-content: center;
    min-width: 76px;
    padding: 0 10px;
}

.tool-button:hover:not(:disabled)[b-5gpui2f3xv] {
    background: #eef5fd;
    border-color: #8ab0d8;
}

.tool-button.primary[b-5gpui2f3xv] {
    background: #1f5c9d;
    border-color: #184c84;
    color: #fff;
}

.tool-button.compact[b-5gpui2f3xv] {
    font-size: 11px;
    height: 28px;
    min-width: 0;
    padding: 0 8px;
}

.tool-button:disabled[b-5gpui2f3xv] {
    cursor: not-allowed;
    opacity: 0.48;
}

.tool-icon[b-5gpui2f3xv] {
    background: currentColor;
    display: inline-block;
    height: 14px;
    width: 14px;
}

.icon-new[b-5gpui2f3xv] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-edit[b-5gpui2f3xv] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 17.5 10-10 2.5 2.5-10 10H4v-2.5zM16 5.5 17.5 4 20 6.5 18.5 8 16 5.5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 17.5 10-10 2.5 2.5-10 10H4v-2.5zM16 5.5 17.5 4 20 6.5 18.5 8 16 5.5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-delete[b-5gpui2f3xv] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21V7H5V5h4V3h6v2h4v2h-2v14H7zm2-2h6V7H9v12z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21V7H5V5h4V3h6v2h4v2h-2v14H7zm2-2h6V7H9v12z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-restore[b-5gpui2f3xv],
.icon-revision[b-5gpui2f3xv] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5a7 7 0 1 1-6.3 10H8a5 5 0 1 0 1-5.7V12H3V6h2v2a7 7 0 0 1 7-3z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5a7 7 0 1 1-6.3 10H8a5 5 0 1 0 1-5.7V12H3V6h2v2a7 7 0 0 1 7-3z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-copy[b-5gpui2f3xv] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7V3h14v14h-4v4H3V7h4zm2 0h8v8h2V5H9v2zm-4 2v10h10V9H5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 7V3h14v14h-4v4H3V7h4zm2 0h8v8h2V5H9v2zm-4 2v10h10V9H5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-check[b-5gpui2f3xv],
.icon-save[b-5gpui2f3xv] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-cancel[b-5gpui2f3xv] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-history[b-5gpui2f3xv] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3a9 9 0 1 1-8.5 6H2l3.7-4.2L9.4 9H6.6A7 7 0 1 0 13 5V3zm-1 5h2v5h4v2h-6V8z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 3a9 9 0 1 1-8.5 6H2l3.7-4.2L9.4 9H6.6A7 7 0 1 0 13 5V3zm-1 5h2v5h4v2h-6V8z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-previous[b-5gpui2f3xv] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 5 8.5 12l7 7-1.4 1.4L5.7 12l8.4-8.4L15.5 5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 5 8.5 12l7 7-1.4 1.4L5.7 12l8.4-8.4L15.5 5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-next[b-5gpui2f3xv] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8.5 19 7-7-7-7 1.4-1.4 8.4 8.4-8.4 8.4L8.5 19z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8.5 19 7-7-7-7 1.4-1.4 8.4 8.4-8.4 8.4L8.5 19z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.notice[b-5gpui2f3xv] {
    background: #e8f6ef;
    border-bottom: 1px solid #b7ddc8;
    color: #1d6643;
    flex: 0 0 auto;
    font-weight: 700;
    padding: 8px 16px;
}

.notice.error[b-5gpui2f3xv] {
    background: #fff1f1;
    border-bottom-color: #efb9b9;
    color: #9b1f1f;
}

.project-workspace[b-5gpui2f3xv] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr) 460px;
    min-height: 0;
    overflow: hidden;
}

.project-list[b-5gpui2f3xv] {
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.table-scroll[b-5gpui2f3xv] {
    height: calc(100% - 45px);
    max-width: 100%;
    min-height: 0;
    overflow-x: scroll;
    overflow-y: auto;
    scrollbar-gutter: stable;
    width: 100%;
}

.project-pager[b-5gpui2f3xv] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border-top: 1px solid var(--theme-border, #d7e0ea);
    color: var(--theme-muted, #4f6075);
    display: flex;
    gap: 8px;
    height: 45px;
    justify-content: flex-end;
    padding: 7px 10px;
}

.project-pager > span:first-child[b-5gpui2f3xv] {
    margin-right: auto;
}

.project-pager label[b-5gpui2f3xv] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.project-pager label span[b-5gpui2f3xv] {
    font-size: 11px;
}

.project-pager select[b-5gpui2f3xv] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 4px;
    color: var(--theme-text, #253445);
    height: 28px;
}

table[b-5gpui2f3xv] {
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1560px;
    width: max-content;
}

th[b-5gpui2f3xv] {
    background: #f1f5f9;
    border-bottom: 1px solid #cfdbe7;
    border-right: 1px solid #dde6ef;
    color: #45586c;
    font-size: 11px;
    font-weight: 800;
    height: 34px;
    padding: 0 9px;
    position: sticky;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

td[b-5gpui2f3xv] {
    border-bottom: 1px solid #edf2f7;
    border-right: 1px solid #f0f4f8;
    color: #263546;
    height: 34px;
    max-width: 220px;
    overflow: hidden;
    padding: 0 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr[b-5gpui2f3xv] {
    cursor: default;
}

tbody tr:hover[b-5gpui2f3xv] {
    background: #f5fbff;
}

tbody tr.selected[b-5gpui2f3xv] {
    background: #dbeeff;
}

tbody tr.deleted[b-5gpui2f3xv] {
    color: #7b8794;
    text-decoration: line-through;
}

.empty-row[b-5gpui2f3xv] {
    color: #687789;
    font-weight: 700;
    height: 68px;
    text-align: center;
}

.status[b-5gpui2f3xv] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    padding: 5px 8px;
}

.status.open[b-5gpui2f3xv] {
    background: #fff5df;
    color: #835300;
}

.status.checked[b-5gpui2f3xv] {
    background: #e3f6eb;
    color: #1c6c42;
}

.status.deleted[b-5gpui2f3xv] {
    background: #edf0f3;
    color: #596675;
}

.project-editor[b-5gpui2f3xv] {
    background: #ffffff;
    border-left: 1px solid #cfdbe7;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.details-panel[b-5gpui2f3xv],
form[b-5gpui2f3xv] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.panel-heading[b-5gpui2f3xv],
.editor-header[b-5gpui2f3xv] {
    align-items: center;
    border-bottom: 1px solid #dce5ef;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 42px;
    padding: 7px 12px;
}

.panel-heading span[b-5gpui2f3xv] {
    color: #66788d;
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.editor-header span[b-5gpui2f3xv] {
    align-items: center;
    background: #e8f2ff;
    border: 1px solid #b9d7f0;
    border-radius: 4px;
    color: #1f5c9d;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    height: 24px;
    padding: 0 8px;
    text-transform: uppercase;
}

.panel-heading strong[b-5gpui2f3xv],
.editor-header h2[b-5gpui2f3xv] {
    color: #1d2731;
    font-size: 16px;
    font-weight: 800;
    margin: 1px 0 0;
}

.details-panel[b-5gpui2f3xv] {
    background: linear-gradient(180deg, var(--theme-surface, #ffffff) 0%, var(--theme-surface-soft, #f9fbfd) 100%);
}

.details-panel .panel-heading[b-5gpui2f3xv] {
    background: var(--theme-surface, #ffffff);
    border-bottom-color: var(--theme-border, #dce5ef);
    min-height: 54px;
    padding: 10px 14px;
}

.details-panel .panel-heading span[b-5gpui2f3xv] {
    color: var(--theme-muted, #66788d);
    letter-spacing: 0;
}

.details-panel .panel-heading strong[b-5gpui2f3xv] {
    background: var(--theme-primary-soft, #e7f1fb);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 999px;
    color: var(--theme-primary-strong, #184c84);
    font-size: 13px;
    max-width: 58%;
    overflow: hidden;
    padding: 6px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-heading-actions[b-5gpui2f3xv] {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    justify-content: flex-end;
    min-width: 0;
}

.details-empty[b-5gpui2f3xv] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    color: var(--theme-soft-muted, #687789);
    font-weight: 700;
    margin: 12px;
    padding: 14px;
}

.details-grid[b-5gpui2f3xv] {
    align-content: start;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 0;
    margin: 0;
    overflow-y: auto;
    padding: 12px;
}

.details-subsection[b-5gpui2f3xv] {
    border-top: 1px solid var(--theme-border, #d7e0ea);
    flex: 0 0 auto;
    padding: 10px 12px 12px;
}

.details-subsection-title[b-5gpui2f3xv] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.details-subsection-title span[b-5gpui2f3xv] {
    color: var(--theme-muted, #6c7c8d);
    font-size: 10px;
    text-transform: uppercase;
}

.details-subsection-title strong[b-5gpui2f3xv] {
    color: var(--theme-primary-strong, #184c84);
    font-size: 12px;
}

.cost-detail-grid[b-5gpui2f3xv] {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
}

.cost-detail-grid > div[b-5gpui2f3xv] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    padding: 7px 8px;
}

.cost-detail-grid dt[b-5gpui2f3xv] {
    color: var(--theme-muted, #6c7c8d);
    font-size: 10px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.cost-detail-grid dd[b-5gpui2f3xv] {
    color: var(--theme-text, #253445);
    font-size: 13px;
    margin: 0;
}

.details-grid > div[b-5gpui2f3xv] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(15, 33, 52, 0.06);
    min-width: 0;
    padding: 9px 10px;
}

.details-grid .wide[b-5gpui2f3xv] {
    grid-column: 1 / -1;
}

.details-grid dt[b-5gpui2f3xv] {
    color: var(--theme-muted, #6c7c8d);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.details-grid dd[b-5gpui2f3xv] {
    color: var(--theme-text, #253445);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.detail-value-primary[b-5gpui2f3xv] {
    color: var(--theme-primary-strong, #184c84) !important;
    font-size: 14px !important;
}

.detail-number[b-5gpui2f3xv] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.detail-long[b-5gpui2f3xv] {
    font-weight: 600 !important;
    white-space: pre-wrap;
}

.detail-pill[b-5gpui2f3xv] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    min-height: 22px;
    padding: 0 9px;
}

.detail-pill.success[b-5gpui2f3xv] {
    background: var(--theme-success-soft, #e9f6f4);
    border-color: color-mix(in srgb, var(--theme-success, #14675c) 28%, transparent);
    color: var(--theme-success, #14675c);
}

.detail-pill.warning[b-5gpui2f3xv] {
    background: var(--theme-warning-soft, #fff3d9);
    border-color: color-mix(in srgb, var(--theme-warning, #8a5d00) 28%, transparent);
    color: var(--theme-warning, #8a5d00);
}

.detail-pill.neutral[b-5gpui2f3xv] {
    background: var(--theme-surface-muted, #f1f5f9);
    border-color: var(--theme-border, #d7e0ea);
    color: var(--theme-muted, #5c6c7d);
}

.details-grid .status[b-5gpui2f3xv] {
    border: 1px solid transparent;
}

.icon-only[b-5gpui2f3xv] {
    background: #eef3f8;
    border: 1px solid #c5d2df;
    border-radius: 4px;
    color: #42556a;
    font-size: 15px;
    font-weight: 800;
    height: 26px;
    line-height: 1;
    width: 26px;
}

.editor-body[b-5gpui2f3xv] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 8px 12px 10px;
    scrollbar-gutter: stable;
}

.form-section[b-5gpui2f3xv] {
    border-bottom: 1px solid #e3ebf3;
    padding: 0 0 7px;
}

.form-section + .form-section[b-5gpui2f3xv] {
    padding-top: 7px;
}

.form-section h3[b-5gpui2f3xv] {
    color: #1f5c9d;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.form-grid[b-5gpui2f3xv] {
    display: grid;
    gap: 6px 8px;
    grid-template-columns: 1fr;
}

.form-grid.compact[b-5gpui2f3xv] {
    grid-template-columns: 1fr 1fr;
}

.form-grid label[b-5gpui2f3xv],
.notes-field[b-5gpui2f3xv] {
    display: grid;
    gap: 2px;
}

.form-grid span[b-5gpui2f3xv],
.notes-field span[b-5gpui2f3xv] {
    color: #5d6d7d;
    font-size: 10px;
    font-weight: 800;
}

.form-grid input[readonly][b-5gpui2f3xv] {
    background: #eef3f8;
    color: #66788d;
}

.miles-label[b-5gpui2f3xv] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    min-width: 0;
}

.miles-label small[b-5gpui2f3xv] {
    color: #54718f;
    font-size: 9px;
    font-weight: 400;
    text-transform: none;
}

.miles-label small.warning[b-5gpui2f3xv] {
    color: #9a6500;
    cursor: help;
}

.notes-field textarea[b-5gpui2f3xv] {
    height: auto;
    min-height: 44px;
    padding: 6px 7px;
    resize: vertical;
}

.flag-row[b-5gpui2f3xv] {
    display: flex;
    gap: 12px;
    margin-top: 6px;
}

.flag-row label[b-5gpui2f3xv] {
    align-items: center;
    background: #f5f8fb;
    border: 1px solid #d3dee9;
    border-radius: 4px;
    color: #334458;
    display: inline-flex;
    flex: 1 1 0;
    font-weight: 800;
    gap: 7px;
    height: 27px;
    justify-content: center;
    padding: 0 8px;
}

.editor-footer[b-5gpui2f3xv] {
    align-items: center;
    border-top: 1px solid #dce5ef;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: flex-end;
    padding: 7px 12px;
}

.copy-history-dialog-backdrop[b-5gpui2f3xv] {
    align-items: center;
    background: rgba(8, 20, 36, 0.42);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 24px;
    position: fixed;
    z-index: 5000;
}

.copy-history-dialog[b-5gpui2f3xv] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 8px;
    box-shadow: 0 18px 54px rgba(15, 33, 52, 0.24);
    color: var(--theme-text, #253445);
    min-width: min(460px, calc(100vw - 48px));
    overflow: hidden;
}

.copy-history-dialog header[b-5gpui2f3xv] {
    align-items: flex-start;
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    gap: 12px;
    padding: 16px 18px 14px;
}

.copy-history-icon[b-5gpui2f3xv] {
    align-items: center;
    border: 1px solid var(--theme-primary, #2f6fb7);
    border-radius: 999px;
    color: var(--theme-primary, #2f6fb7);
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    margin-top: 1px;
    width: 22px;
}

.copy-history-dialog h2[b-5gpui2f3xv] {
    color: var(--theme-text-strong, #1d2731);
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 6px;
}

.copy-history-dialog p[b-5gpui2f3xv] {
    color: var(--theme-muted, #5d6d7d);
    font-size: 13px;
    line-height: 1.45;
    margin: 0;
}

.copy-history-dialog strong[b-5gpui2f3xv] {
    color: var(--theme-primary-strong, #184c84);
}

.project-copy-dialog[b-5gpui2f3xv] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 8px;
    box-shadow: 0 18px 54px rgba(15, 33, 52, 0.24);
    color: var(--theme-text, #253445);
    display: flex;
    flex-direction: column;
    max-height: min(720px, calc(100vh - 48px));
    min-width: min(860px, calc(100vw - 48px));
    overflow: hidden;
}

.project-history-dialog[b-5gpui2f3xv] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 8px;
    box-shadow: 0 18px 54px rgba(15, 33, 52, 0.24);
    color: var(--theme-text, #253445);
    display: flex;
    flex-direction: column;
    max-height: min(720px, calc(100vh - 48px));
    min-width: min(960px, calc(100vw - 48px));
    overflow: hidden;
}

.project-history-dialog header[b-5gpui2f3xv] {
    align-items: center;
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    justify-content: space-between;
    padding: 14px 16px;
}

.project-history-dialog h2[b-5gpui2f3xv] {
    color: var(--theme-text-strong, #1d2731);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.project-history-body[b-5gpui2f3xv] {
    min-height: 280px;
    overflow: auto;
    padding: 12px 16px 16px;
}

.project-history-grid[b-5gpui2f3xv] {
    border-collapse: collapse;
    min-width: 880px;
    width: 100%;
}

.project-history-grid th[b-5gpui2f3xv],
.project-history-grid td[b-5gpui2f3xv] {
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    font-size: 12px;
    height: 30px;
    max-width: 220px;
    padding: 0 8px;
}

.project-history-grid th[b-5gpui2f3xv] {
    background: var(--theme-grid-header, #eaf2fb);
    color: var(--theme-muted, #506276);
    font-weight: 400;
    position: sticky;
    top: 0;
}

.project-copy-dialog header[b-5gpui2f3xv] {
    align-items: center;
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    justify-content: space-between;
    padding: 14px 16px;
}

.dialog-eyebrow[b-5gpui2f3xv] {
    color: var(--theme-muted, #5d6d7d);
    display: block;
    font-size: 11px;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.project-copy-dialog h2[b-5gpui2f3xv] {
    color: var(--theme-text-strong, #1d2731);
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.project-copy-body[b-5gpui2f3xv] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    padding: 12px 16px;
}

.copy-filter-row[b-5gpui2f3xv] {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(260px, 1fr) 180px auto;
}

.quote-field[b-5gpui2f3xv] {
    min-width: 180px;
}

.target-tag[b-5gpui2f3xv] {
    align-items: center;
    background: var(--theme-primary-soft, #e7f0fa);
    border: 1px solid var(--theme-border, #cbd8e6);
    color: var(--theme-primary-strong, #184c84);
    display: inline-flex;
    font-size: 12px;
    height: 27px;
    justify-content: center;
    padding: 0 10px;
    white-space: nowrap;
}

.copy-source-list[b-5gpui2f3xv] {
    border: 1px solid var(--theme-border, #d7e0ea);
    min-height: 260px;
    max-height: 420px;
    overflow: auto;
}

.copy-source-list table[b-5gpui2f3xv] {
    border-collapse: collapse;
    width: 100%;
}

.copy-source-list th[b-5gpui2f3xv],
.copy-source-list td[b-5gpui2f3xv] {
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    font-size: 12px;
    padding: 7px 9px;
    text-align: left;
    white-space: nowrap;
}

.copy-source-list th[b-5gpui2f3xv] {
    background: var(--theme-grid-header, #eaf2fb);
    color: var(--theme-muted, #506276);
    font-weight: 400;
}

.copy-source-list tr[b-5gpui2f3xv] {
    cursor: pointer;
}

.copy-source-list tr.selected td[b-5gpui2f3xv] {
    background: var(--theme-selected, #1592d1);
    color: #ffffff;
}

.copy-history-actions[b-5gpui2f3xv] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 12px 18px;
}

@media (max-width: 980px) {
    .project-workspace[b-5gpui2f3xv] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .project-editor[b-5gpui2f3xv] {
        border-left: 0;
        border-top: 1px solid #cfdbe7;
    }

    .details-panel[b-5gpui2f3xv],
    form[b-5gpui2f3xv],
    .table-scroll[b-5gpui2f3xv] {
        height: 520px;
        max-height: 520px;
    }
}

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

    .search-field[b-5gpui2f3xv] {
        min-width: 100%;
    }

    .form-grid.compact[b-5gpui2f3xv] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/HelpCenter.razor.rz.scp.css */
.help-center-page[b-7cqu0y0lnh] {
    --help-accent: var(--theme-primary, #1f5c9d);
    --help-accent-strong: var(--theme-primary-strong, #154878);
    --help-accent-soft: var(--theme-primary-soft, #e8f1fa);
    --help-ink: var(--theme-text, #132234);
    --help-heading: var(--theme-heading, #132234);
    --help-muted: var(--theme-muted, #60748c);
    --help-soft-muted: var(--theme-soft-muted, #748899);
    --help-panel: var(--theme-surface, #ffffff);
    --help-panel-soft: var(--theme-surface-soft, #f9fbfd);
    --help-panel-muted: var(--theme-surface-muted, #f1f5f9);
    --help-page: var(--theme-bg, #eef3f7);
    --help-line: var(--theme-border, #d7e0ea);
    --help-line-strong: var(--theme-border-strong, #bfccda);
    --help-input: var(--theme-input-bg, #ffffff);
    --help-success: var(--theme-success, #14675c);
    --help-success-soft: var(--theme-success-soft, #e9f6f4);
    --help-warning: var(--theme-warning, #8a5d00);
    --help-warning-soft: var(--theme-warning-soft, #fff3d9);
    --help-hero-bg: #173b5c;
    --help-hero-border: #2e5679;
    --help-hero-muted: #cbdbea;
    --help-hero-soft-muted: #b9cee0;
    --help-shadow: rgba(30, 67, 101, 0.08);
    background: var(--help-page);
    color: var(--help-ink);
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.help-center-header[b-7cqu0y0lnh] {
    align-items: center;
    background: var(--help-panel);
    border-bottom: 1px solid var(--help-line);
    display: flex;
    flex: 0 0 auto;
    min-height: 64px;
    padding: 12px 18px;
}

.help-center-content[b-7cqu0y0lnh] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
    padding: 24px clamp(16px, 3vw, 40px) 48px;
    scroll-behavior: smooth;
}

.help-hero[b-7cqu0y0lnh],
.help-section[b-7cqu0y0lnh] {
    margin-inline: auto;
    max-width: 1440px;
}

.help-hero[b-7cqu0y0lnh] {
    background: var(--help-hero-bg);
    border: 1px solid var(--help-hero-border);
    color: #ffffff;
    display: grid;
    gap: clamp(24px, 4vw, 64px);
    grid-template-columns: minmax(0, 1.45fr) minmax(330px, 0.75fr);
    overflow: hidden;
    padding: clamp(28px, 4vw, 54px);
    position: relative;
}

.help-hero.single-column[b-7cqu0y0lnh] {
    grid-template-columns: minmax(0, 1fr);
}

.help-hero.single-column .hero-copy[b-7cqu0y0lnh] {
    max-width: 900px;
}

.help-hero[b-7cqu0y0lnh]::before,
.help-hero[b-7cqu0y0lnh]::after {
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 50%;
    content: "";
    pointer-events: none;
    position: absolute;
}

.help-hero[b-7cqu0y0lnh]::before {
    height: 380px;
    right: -210px;
    top: -210px;
    width: 380px;
}

.help-hero[b-7cqu0y0lnh]::after {
    bottom: -230px;
    height: 420px;
    left: 34%;
    width: 420px;
}

.hero-copy[b-7cqu0y0lnh],
.hero-checklist[b-7cqu0y0lnh] {
    position: relative;
    z-index: 1;
}

.eyebrow[b-7cqu0y0lnh] {
    color: #76b7ee;
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    margin-bottom: 9px;
    text-transform: uppercase;
}

.hero-copy h1[b-7cqu0y0lnh] {
    font-size: clamp(30px, 4vw, 50px);
    font-weight: 650;
    letter-spacing: -0.035em;
    line-height: 1.08;
    margin: 0;
}

.hero-copy > p[b-7cqu0y0lnh] {
    color: var(--help-hero-muted);
    font-size: 15px;
    line-height: 1.65;
    margin: 16px 0 22px;
    max-width: 720px;
}

.help-search[b-7cqu0y0lnh] {
    align-items: center;
    background: var(--help-input);
    border: 1px solid var(--help-line-strong);
    box-shadow: 0 16px 36px rgba(4, 22, 38, 0.22);
    display: flex;
    max-width: 760px;
    min-height: 58px;
    padding: 0 14px 0 18px;
}

.help-search:focus-within[b-7cqu0y0lnh] {
    box-shadow: 0 0 0 3px rgba(118, 183, 238, 0.36), 0 16px 36px rgba(4, 22, 38, 0.22);
}

.search-icon[b-7cqu0y0lnh] {
    border: 2px solid var(--help-soft-muted);
    border-radius: 50%;
    flex: 0 0 auto;
    height: 17px;
    margin-right: 15px;
    position: relative;
    width: 17px;
}

.search-icon[b-7cqu0y0lnh]::after {
    background: var(--help-soft-muted);
    content: "";
    height: 2px;
    position: absolute;
    right: -6px;
    top: 13px;
    transform: rotate(45deg);
    width: 8px;
}

.help-search input[b-7cqu0y0lnh] {
    background: transparent;
    border: 0;
    color: var(--help-ink);
    flex: 1 1 auto;
    font: inherit;
    font-size: 14px;
    min-width: 0;
    outline: 0;
}

.help-search input[b-7cqu0y0lnh]::placeholder {
    color: var(--help-muted);
}

.clear-search[b-7cqu0y0lnh] {
    background: var(--help-accent-soft);
    border: 0;
    color: var(--help-accent-strong);
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 11px;
}

.popular-searches[b-7cqu0y0lnh] {
    align-items: center;
    color: var(--help-hero-soft-muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 8px;
    margin-top: 16px;
}

.popular-searches button[b-7cqu0y0lnh] {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: #edf6fc;
    cursor: pointer;
    font: inherit;
    padding: 6px 9px;
}

.popular-searches button:hover[b-7cqu0y0lnh],
.popular-searches button:focus-visible[b-7cqu0y0lnh] {
    background: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.34);
}

.hero-checklist[b-7cqu0y0lnh] {
    background: var(--help-panel);
    box-shadow: 0 18px 46px rgba(3, 22, 39, 0.25);
    color: var(--help-ink);
    padding: 22px;
}

.checklist-heading[b-7cqu0y0lnh] {
    align-items: flex-start;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.checklist-heading .eyebrow[b-7cqu0y0lnh] {
    color: var(--help-muted);
    margin-bottom: 4px;
}

.checklist-heading h2[b-7cqu0y0lnh] {
    font-size: 19px;
    margin: 0;
}

.checklist-heading > strong[b-7cqu0y0lnh] {
    color: var(--help-accent);
    font-size: 18px;
}

.checklist-progress[b-7cqu0y0lnh] {
    background: var(--help-panel-muted);
    height: 4px;
    margin: 16px 0 13px;
    overflow: hidden;
}

.checklist-progress span[b-7cqu0y0lnh] {
    background: var(--help-success);
    display: block;
    height: 100%;
    transition: width 180ms ease;
}

.checklist-items[b-7cqu0y0lnh] {
    display: grid;
    gap: 3px;
}

.checklist-item[b-7cqu0y0lnh] {
    align-items: flex-start;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: flex;
    font: inherit;
    gap: 11px;
    padding: 9px 7px;
    text-align: left;
    width: 100%;
}

.checklist-item:hover[b-7cqu0y0lnh],
.checklist-item:focus-visible[b-7cqu0y0lnh] {
    background: var(--help-panel-soft);
    outline: 0;
}

.check-mark[b-7cqu0y0lnh] {
    border: 1px solid var(--help-line-strong);
    flex: 0 0 auto;
    height: 17px;
    margin-top: 1px;
    position: relative;
    width: 17px;
}

.checklist-item.completed .check-mark[b-7cqu0y0lnh] {
    background: var(--help-success);
    border-color: var(--help-success);
}

.checklist-item.completed .check-mark[b-7cqu0y0lnh]::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 8px;
    left: 5px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 4px;
}

.checklist-item strong[b-7cqu0y0lnh],
.checklist-item small[b-7cqu0y0lnh] {
    display: block;
}

.checklist-item strong[b-7cqu0y0lnh] {
    font-size: 13px;
    line-height: 1.35;
}

.checklist-item small[b-7cqu0y0lnh] {
    color: var(--help-muted);
    font-size: 11px;
    line-height: 1.4;
    margin-top: 2px;
}

.checklist-item.completed strong[b-7cqu0y0lnh] {
    color: var(--help-soft-muted);
    text-decoration: line-through;
}

.checklist-note[b-7cqu0y0lnh] {
    border-top: 1px solid var(--help-line);
    color: var(--help-soft-muted);
    font-size: 10px;
    line-height: 1.45;
    margin: 12px 0 0;
    padding: 11px 7px 0;
}

.help-section[b-7cqu0y0lnh] {
    margin-top: 34px;
}

.section-heading[b-7cqu0y0lnh] {
    align-items: end;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    margin-bottom: 16px;
}

.section-heading .eyebrow[b-7cqu0y0lnh] {
    color: var(--help-accent);
    margin-bottom: 5px;
}

.section-heading h2[b-7cqu0y0lnh] {
    color: var(--help-heading);
    font-size: clamp(21px, 2.5vw, 28px);
    letter-spacing: -0.025em;
    margin: 0;
}

.section-heading > p[b-7cqu0y0lnh] {
    color: var(--help-muted);
    font-size: 13px;
    line-height: 1.55;
    margin: 0;
    max-width: 540px;
    text-align: right;
}

.workflow-grid[b-7cqu0y0lnh] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(245px, 1fr));
}

.workflow-card[b-7cqu0y0lnh] {
    background: var(--help-panel);
    border: 1px solid var(--help-line);
    display: flex;
    min-height: 230px;
    overflow: hidden;
    position: relative;
}

.workflow-card[b-7cqu0y0lnh]::after {
    background: var(--help-accent);
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 160ms ease;
    width: 100%;
}

.workflow-card:hover[b-7cqu0y0lnh]::after {
    transform: scaleX(1);
}

.workflow-stage-number[b-7cqu0y0lnh] {
    color: var(--help-soft-muted);
    font-size: 14px;
    font-weight: 700;
    padding: 20px 0 0 18px;
}

.workflow-card-copy[b-7cqu0y0lnh] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    padding: 20px 18px 18px 14px;
}

.workflow-card-copy > span[b-7cqu0y0lnh] {
    color: var(--help-accent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.workflow-card h3[b-7cqu0y0lnh] {
    font-size: 19px;
    margin: 8px 0 9px;
}

.workflow-card p[b-7cqu0y0lnh] {
    color: var(--help-muted);
    font-size: 12px;
    line-height: 1.55;
    margin: 0 0 18px;
}

.workflow-actions[b-7cqu0y0lnh] {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-top: auto;
}

.workflow-actions button[b-7cqu0y0lnh] {
    border: 0;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
}

.workflow-actions .read-guide-link[b-7cqu0y0lnh] {
    background: var(--help-accent-soft);
    color: var(--help-accent-strong);
    padding: 8px 10px;
}

.workflow-actions .open-workflow-screen[b-7cqu0y0lnh] {
    background: transparent;
    color: var(--help-accent);
    padding: 8px 0;
}

.workflow-actions button:focus-visible[b-7cqu0y0lnh] {
    outline: 2px solid var(--help-accent);
    outline-offset: 2px;
}

.guide-library[b-7cqu0y0lnh] {
    background: var(--help-panel);
    border: 1px solid var(--help-line);
    padding: clamp(18px, 3vw, 30px);
    scroll-margin-top: 16px;
}

.library-heading[b-7cqu0y0lnh] {
    margin-bottom: 18px;
}

.category-filters[b-7cqu0y0lnh] {
    border-bottom: 1px solid var(--help-line);
    display: flex;
    gap: 4px;
    margin-bottom: 16px;
    overflow-x: auto;
}

.category-filters button[b-7cqu0y0lnh] {
    background: transparent;
    border: 0;
    border-bottom: 3px solid transparent;
    color: var(--help-muted);
    cursor: pointer;
    flex: 0 0 auto;
    font: inherit;
    font-size: 12px;
    font-weight: 650;
    padding: 10px 13px 11px;
}

.category-filters button:hover[b-7cqu0y0lnh],
.category-filters button:focus-visible[b-7cqu0y0lnh] {
    color: var(--help-ink);
}

.category-filters button.active[b-7cqu0y0lnh] {
    border-bottom-color: var(--help-accent);
    color: var(--help-accent);
}

.article-list[b-7cqu0y0lnh] {
    display: grid;
    gap: 8px;
}

.help-article[b-7cqu0y0lnh] {
    border: 1px solid var(--help-line);
    scroll-margin-top: 16px;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

.help-article.open[b-7cqu0y0lnh] {
    border-color: var(--help-line-strong);
    box-shadow: 0 10px 26px var(--help-shadow);
}

.article-summary[b-7cqu0y0lnh] {
    align-items: center;
    background: var(--help-panel);
    border: 0;
    color: inherit;
    cursor: pointer;
    display: grid;
    font: inherit;
    gap: 14px;
    grid-template-columns: 54px minmax(0, 1fr) 24px;
    padding: 16px;
    text-align: left;
    width: 100%;
}

.article-summary:hover[b-7cqu0y0lnh],
.article-summary:focus-visible[b-7cqu0y0lnh] {
    background: var(--help-panel-soft);
    outline: 0;
}

.article-topic[b-7cqu0y0lnh] {
    align-items: center;
    background: var(--help-accent-soft);
    color: var(--help-accent-strong);
    display: flex;
    font-size: 10px;
    font-weight: 750;
    height: 44px;
    justify-content: center;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    width: 54px;
}

.article-summary-copy[b-7cqu0y0lnh],
.article-summary-copy > *[b-7cqu0y0lnh] {
    display: block;
}

.article-meta[b-7cqu0y0lnh] {
    color: var(--help-accent);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.article-summary-copy strong[b-7cqu0y0lnh] {
    color: var(--help-ink);
    font-size: 15px;
    line-height: 1.35;
}

.article-summary-copy small[b-7cqu0y0lnh] {
    color: var(--help-muted);
    font-size: 12px;
    line-height: 1.5;
    margin-top: 3px;
}

.article-toggle[b-7cqu0y0lnh] {
    height: 16px;
    position: relative;
    width: 16px;
}

.article-toggle[b-7cqu0y0lnh]::before,
.article-toggle[b-7cqu0y0lnh]::after {
    background: var(--help-muted);
    content: "";
    left: 2px;
    position: absolute;
    top: 7px;
    transition: transform 150ms ease;
    width: 12px;
}

.article-toggle[b-7cqu0y0lnh]::before {
    height: 2px;
}

.article-toggle[b-7cqu0y0lnh]::after {
    height: 2px;
    transform: rotate(90deg);
}

.help-article.open .article-toggle[b-7cqu0y0lnh]::after {
    transform: rotate(0deg);
}

.article-body[b-7cqu0y0lnh] {
    background: var(--help-panel-soft);
    border-top: 1px solid var(--help-line);
    padding: 20px 24px 20px 84px;
}

.article-body ol[b-7cqu0y0lnh] {
    counter-reset: help-step;
    display: grid;
    gap: 13px;
    list-style: none;
    margin: 0;
    max-width: 1000px;
    padding: 0;
}

.article-body li[b-7cqu0y0lnh] {
    align-items: flex-start;
    color: var(--help-ink);
    counter-increment: help-step;
    display: grid;
    font-size: 13px;
    gap: 12px;
    grid-template-columns: 25px minmax(0, 1fr);
    line-height: 1.6;
}

.article-body li[b-7cqu0y0lnh]::before {
    align-items: center;
    background: var(--help-accent-soft);
    color: var(--help-accent-strong);
    content: counter(help-step);
    display: flex;
    font-size: 11px;
    font-weight: 750;
    height: 25px;
    justify-content: center;
    margin-top: 1px;
    width: 25px;
}

.article-callout[b-7cqu0y0lnh] {
    align-items: flex-start;
    border-left: 3px solid;
    display: grid;
    font-size: 12px;
    gap: 3px;
    line-height: 1.55;
    margin-top: 18px;
    max-width: 1000px;
    padding: 11px 14px;
}

.article-callout.tip[b-7cqu0y0lnh] {
    background: var(--help-success-soft);
    border-color: var(--help-success);
    color: var(--help-success);
}

.article-callout.caution[b-7cqu0y0lnh] {
    background: var(--help-warning-soft);
    border-color: var(--help-warning);
    color: var(--help-warning);
}

.article-callout strong[b-7cqu0y0lnh] {
    font-size: 11px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
}

.article-footer[b-7cqu0y0lnh] {
    align-items: center;
    border-top: 1px solid var(--help-line);
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin-top: 20px;
    padding-top: 15px;
}

.open-screen-link[b-7cqu0y0lnh] {
    background: var(--help-accent);
    border: 0;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 13px;
}

.open-screen-link:hover[b-7cqu0y0lnh],
.open-screen-link:focus-visible[b-7cqu0y0lnh] {
    background: var(--help-accent-strong);
    color: #ffffff;
}

.helpful-prompt[b-7cqu0y0lnh] {
    align-items: center;
    color: var(--help-muted);
    display: flex;
    font-size: 11px;
    gap: 6px;
}

.helpful-prompt button[b-7cqu0y0lnh] {
    background: var(--help-panel);
    border: 1px solid var(--help-line);
    color: var(--help-muted);
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: 6px 9px;
}

.helpful-prompt button.selected[b-7cqu0y0lnh] {
    background: var(--help-accent-soft);
    border-color: var(--help-line-strong);
    color: var(--help-accent-strong);
}

.no-results[b-7cqu0y0lnh] {
    align-items: center;
    color: var(--help-muted);
    display: flex;
    flex-direction: column;
    padding: 48px 20px;
    text-align: center;
}

.no-results > span[b-7cqu0y0lnh] {
    align-items: center;
    background: var(--help-accent-soft);
    color: var(--help-accent);
    display: flex;
    font-size: 22px;
    font-weight: 750;
    height: 54px;
    justify-content: center;
    width: 54px;
}

.no-results h3[b-7cqu0y0lnh] {
    color: var(--help-ink);
    font-size: 17px;
    margin: 15px 0 5px;
}

.no-results p[b-7cqu0y0lnh] {
    font-size: 12px;
    margin: 0 0 15px;
}

.no-results button[b-7cqu0y0lnh] {
    background: var(--help-accent);
    border: 0;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    padding: 9px 12px;
}

.support-strip[b-7cqu0y0lnh] {
    align-items: center;
    background: var(--help-accent-soft);
    border-left: 4px solid var(--help-accent);
    display: flex;
    gap: 30px;
    justify-content: space-between;
    padding: 23px 26px;
}

.support-strip .eyebrow[b-7cqu0y0lnh] {
    color: var(--help-accent);
    margin-bottom: 4px;
}

.support-strip h2[b-7cqu0y0lnh] {
    color: var(--help-heading);
    font-size: 19px;
    margin: 0;
}

.support-strip p[b-7cqu0y0lnh] {
    color: var(--help-muted);
    font-size: 12px;
    line-height: 1.55;
    margin: 6px 0 0;
}

.support-strip > button[b-7cqu0y0lnh] {
    background: var(--help-hero-bg);
    border: 0;
    color: #ffffff;
    cursor: pointer;
    flex: 0 0 auto;
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    min-width: 166px;
    padding: 11px 14px;
}

.page[data-theme="dark"] .help-center-page[b-7cqu0y0lnh] {
    --help-hero-bg: #0e1b29;
    --help-hero-border: var(--theme-border-strong, #3a4c62);
    --help-hero-muted: #b7c9dc;
    --help-hero-soft-muted: #9fb5ca;
    --help-shadow: rgba(0, 0, 0, 0.32);
}

@media (max-width: 1160px) {
    .help-hero[b-7cqu0y0lnh] {
        grid-template-columns: minmax(0, 1.2fr) minmax(310px, 0.8fr);
    }

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

    .workflow-card[b-7cqu0y0lnh] {
        min-height: 205px;
    }
}

@media (max-width: 820px) {
    .help-center-page[b-7cqu0y0lnh] {
        height: 100%;
        min-height: calc(100vh - 36px);
    }

    .help-center-header[b-7cqu0y0lnh] {
        min-height: 56px;
        padding: 10px 12px;
    }

    .help-center-content[b-7cqu0y0lnh] {
        padding: 14px 12px 32px;
    }

    .help-hero[b-7cqu0y0lnh] {
        gap: 24px;
        grid-template-columns: 1fr;
        padding: 26px 20px;
    }

    .hero-checklist[b-7cqu0y0lnh] {
        padding: 18px;
    }

    .section-heading[b-7cqu0y0lnh] {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .section-heading > p[b-7cqu0y0lnh] {
        text-align: left;
    }

    .article-body[b-7cqu0y0lnh] {
        padding: 18px 18px 18px 84px;
    }
}

@media (max-width: 560px) {
    .hero-copy h1[b-7cqu0y0lnh] {
        font-size: 31px;
    }

    .help-search[b-7cqu0y0lnh] {
        min-height: 52px;
    }

    .popular-searches span[b-7cqu0y0lnh] {
        flex-basis: 100%;
    }

    .workflow-grid[b-7cqu0y0lnh] {
        grid-template-columns: 1fr;
    }

    .workflow-card[b-7cqu0y0lnh] {
        min-height: 190px;
    }

    .guide-library[b-7cqu0y0lnh] {
        padding: 16px 12px;
    }

    .article-summary[b-7cqu0y0lnh] {
        gap: 11px;
        grid-template-columns: 44px minmax(0, 1fr) 18px;
        padding: 13px 11px;
    }

    .article-topic[b-7cqu0y0lnh] {
        font-size: 9px;
        height: 40px;
        width: 44px;
    }

    .article-summary-copy small[b-7cqu0y0lnh] {
        display: none;
    }

    .article-body[b-7cqu0y0lnh] {
        padding: 17px 13px;
    }

    .article-footer[b-7cqu0y0lnh],
    .support-strip[b-7cqu0y0lnh] {
        align-items: stretch;
        flex-direction: column;
    }

    .helpful-prompt[b-7cqu0y0lnh] {
        justify-content: flex-start;
    }

    .open-screen-link[b-7cqu0y0lnh],
    .support-strip > button[b-7cqu0y0lnh] {
        text-align: center;
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .help-center-content[b-7cqu0y0lnh] {
        scroll-behavior: auto;
    }

    .checklist-progress span[b-7cqu0y0lnh],
    .workflow-card[b-7cqu0y0lnh]::after,
    .article-toggle[b-7cqu0y0lnh]::after {
        transition: none;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard-page[b-vuve17japg] {
    background: #eef3f7;
    color: #1d2731;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.dashboard-header[b-vuve17japg] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    min-height: 64px;
    padding: 12px 18px;
}

.eyebrow[b-vuve17japg] {
    color: #5a728f;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.dashboard-header h1[b-vuve17japg] {
    color: #1d2731;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
}

.current-work-project[b-vuve17japg] {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-top: 6px;
}

.current-work-project span[b-vuve17japg] {
    color: #5c6c7d;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.current-work-project strong[b-vuve17japg] {
    background: #e8f3ff;
    border: 1px solid #bed9f3;
    border-radius: 999px;
    color: #0b3f75;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    max-width: 420px;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dashboard-filters[b-vuve17japg] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.dashboard-filters label[b-vuve17japg] {
    display: grid;
    gap: 4px;
    min-width: 190px;
}

.dashboard-filters label.compact-filter[b-vuve17japg] {
    min-width: 120px;
}

.dashboard-filters span[b-vuve17japg] {
    color: #5c6c7d;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.dashboard-filters select[b-vuve17japg] {
    background: #ffffff;
    border: 1px solid #bfccda;
    border-radius: 4px;
    color: #1d2731;
    height: 30px;
    padding: 0 8px;
}

.dashboard-filters select:focus[b-vuve17japg] {
    border-color: #1f5c9d;
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.kpi-grid[b-vuve17japg] {
    display: grid;
    flex: 0 0 auto;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(150px, 1fr));
    padding: 10px 12px;
}

.kpi-grid.estimator-kpi-grid[b-vuve17japg] {
    grid-template-columns: repeat(5, minmax(140px, 1fr));
}

.kpi-card[b-vuve17japg],
.dashboard-panel[b-vuve17japg] {
    background: #ffffff;
    border: 1px solid #cfdbe7;
    border-radius: 4px;
    box-shadow: 0 8px 18px rgba(20, 34, 49, 0.06);
}

.kpi-card[b-vuve17japg] {
    display: grid;
    gap: 5px;
    min-height: 86px;
    padding: 12px;
}

.kpi-card span[b-vuve17japg],
.panel-heading span[b-vuve17japg],
.stage-topline span[b-vuve17japg],
.project-kpi-row span[b-vuve17japg],
.time-row > span[b-vuve17japg] {
    color: #5c6c7d;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.kpi-card strong[b-vuve17japg] {
    color: #0b3f75;
    font-size: 26px;
    font-weight: 900;
    line-height: 1;
}

.kpi-card small[b-vuve17japg] {
    color: #516273;
    font-size: 12px;
    font-weight: 700;
}

.kpi-card.primary[b-vuve17japg] {
    background: #f5fbff;
    border-color: #b7d6ef;
}

.kpi-card.rate-card[b-vuve17japg] {
    background: #f6fffb;
    border-color: #b8dfd4;
}

.kpi-card.rate-card strong[b-vuve17japg] {
    color: #14675c;
}

.kpi-track[b-vuve17japg],
.stage-track[b-vuve17japg],
.time-track[b-vuve17japg] {
    background: #e3ebf4;
    border-radius: 999px;
    height: 7px;
    overflow: hidden;
}

.kpi-track span[b-vuve17japg],
.stage-track span[b-vuve17japg],
.time-track span[b-vuve17japg] {
    background: #1f5c9d;
    border-radius: inherit;
    display: block;
    height: 100%;
}

.dashboard-layout[b-vuve17japg] {
    display: grid;
    flex: 1 1 auto;
    gap: 10px;
    grid-template-columns: minmax(430px, 1.6fr) minmax(280px, 0.9fr) minmax(280px, 0.9fr);
    grid-template-rows: minmax(0, 1fr) minmax(210px, 0.7fr);
    min-height: 0;
    padding: 0 12px 12px;
}

.dashboard-panel[b-vuve17japg] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.panel-heading[b-vuve17japg] {
    align-items: center;
    background: #f8fbfd;
    border-bottom: 1px solid #dce5ef;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: space-between;
    min-height: 42px;
    padding: 9px 12px;
}

.panel-heading strong[b-vuve17japg] {
    color: #1d2731;
    font-size: 14px;
    font-weight: 900;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-project-panel[b-vuve17japg] {
    grid-column: 1 / 3;
    grid-row: 1;
}

.time-panel[b-vuve17japg] {
    grid-column: 3;
    grid-row: 1;
}

.snapshot-panel[b-vuve17japg] {
    grid-column: 1 / 4;
    grid-row: 2;
}

.snapshot-heading-meta[b-vuve17japg] {
    align-items: center;
    display: inline-flex;
    gap: 10px;
}

.snapshot-heading-meta strong[b-vuve17japg] {
    color: #1d2731;
    font-size: 14px;
    font-weight: 900;
}

.snapshot-heading-meta small[b-vuve17japg] {
    color: #5c6c7d;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.project-kpi-row[b-vuve17japg] {
    display: grid;
    flex: 0 0 auto;
    gap: 8px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    padding: 10px;
}

.project-kpi-row article[b-vuve17japg] {
    background: #f7fafc;
    border: 1px solid #d7e0ea;
    border-radius: 4px;
    display: grid;
    gap: 5px;
    padding: 10px;
}

.project-kpi-row strong[b-vuve17japg] {
    color: #0b3f75;
    font-size: 20px;
    font-weight: 900;
}

.stage-pipeline[b-vuve17japg] {
    display: grid;
    flex: 1 1 auto;
    gap: 8px;
    grid-template-columns: repeat(6, minmax(112px, 1fr));
    min-height: 0;
    overflow: auto;
    padding: 0 10px 10px;
}

.stage-pipeline.estimator-pipeline[b-vuve17japg] {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
}

.stage-pipeline article[b-vuve17japg] {
    background: #ffffff;
    border: 1px solid #d7e0ea;
    border-radius: 4px;
    display: grid;
    gap: 8px;
    min-height: 130px;
    padding: 10px;
}

.stage-topline[b-vuve17japg] {
    align-items: start;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.stage-topline strong[b-vuve17japg] {
    color: #0b3f75;
    font-size: 24px;
    font-weight: 900;
    line-height: 1;
}

.stage-pipeline small[b-vuve17japg] {
    align-self: end;
    color: #516273;
    font-size: 12px;
    font-weight: 800;
}

.stage-pipeline article:nth-child(2n) .stage-track span[b-vuve17japg] {
    background: #2c9f8f;
}

.stage-pipeline article:nth-child(3n) .stage-track span[b-vuve17japg] {
    background: #d99720;
}

.time-bars[b-vuve17japg] {
    display: grid;
    gap: 8px;
    min-height: 0;
    overflow: auto;
    padding: 10px;
}

.time-row[b-vuve17japg] {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 105px minmax(90px, 1fr) 54px;
}

.time-track[b-vuve17japg] {
    height: 9px;
}

.time-track span[b-vuve17japg] {
    background: #2c9f8f;
}

.time-row strong[b-vuve17japg] {
    color: #0b3f75;
    font-size: 13px;
    font-weight: 900;
    text-align: right;
}

.workload-list[b-vuve17japg] {
    display: grid;
    gap: 6px;
    min-height: 0;
    overflow: auto;
    padding: 10px;
}

.project-pick[b-vuve17japg] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #d7e0ea;
    border-radius: 4px;
    color: #1d2731;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    min-height: 52px;
    padding: 8px 10px;
    text-align: left;
}

.project-pick:hover[b-vuve17japg] {
    background: #f3f8fc;
    border-color: #a8c4df;
}

.project-pick.active[b-vuve17japg] {
    background: #e7f1fb;
    border-color: #8ab0d8;
}

.project-pick span[b-vuve17japg] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.project-pick strong[b-vuve17japg] {
    color: #0b3f75;
    font-size: 12px;
    font-weight: 900;
}

.project-pick small[b-vuve17japg] {
    color: #405368;
    font-size: 12px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-pick em[b-vuve17japg] {
    color: #14675c;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
}

.dashboard-table-wrap[b-vuve17japg] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.dashboard-table-wrap table[b-vuve17japg] {
    border-collapse: collapse;
    min-width: 1760px;
    width: max-content;
}

.dashboard-table-wrap table.estimator-work-table[b-vuve17japg] {
    min-width: 820px;
    width: 100%;
}

.dashboard-table-wrap th[b-vuve17japg],
.dashboard-table-wrap td[b-vuve17japg] {
    border-bottom: 1px solid #dce5ef;
    border-right: 1px solid #edf2f7;
    height: 44px;
    padding: 6px 8px;
    white-space: nowrap;
}

.dashboard-table-wrap th[b-vuve17japg] {
    background: #f3f7fb;
    color: #53667b;
    font-size: 11px;
    font-weight: 900;
    position: sticky;
    top: 0;
    text-transform: uppercase;
    z-index: 1;
}

.dashboard-table-wrap th:first-child[b-vuve17japg],
.dashboard-table-wrap td:first-child[b-vuve17japg] {
    left: 0;
    position: sticky;
}

.dashboard-table-wrap th:first-child[b-vuve17japg] {
    z-index: 3;
}

.dashboard-table-wrap td:first-child[b-vuve17japg] {
    z-index: 2;
}

.dashboard-table-wrap th.metric-head[b-vuve17japg] {
    min-width: 126px;
    text-align: left;
}

.dashboard-table-wrap tbody tr[b-vuve17japg] {
    cursor: pointer;
}

.dashboard-table-wrap tbody tr:hover[b-vuve17japg] {
    background: #f5f9fd;
}

.dashboard-table-wrap tbody tr.selected[b-vuve17japg] {
    background: #e7f1fb;
}

.dashboard-table-wrap .project-cell[b-vuve17japg] {
    background: #ffffff;
    display: grid;
    gap: 3px;
    max-width: 320px;
    min-width: 320px;
    padding-bottom: 7px;
    padding-top: 7px;
    white-space: normal;
}

.dashboard-table-wrap tbody tr.selected .project-cell[b-vuve17japg] {
    background: #e7f1fb;
}

.dashboard-table-wrap tbody tr:hover .project-cell[b-vuve17japg] {
    background: #f5f9fd;
}

.dashboard-table-wrap .project-cell strong[b-vuve17japg] {
    align-self: start;
    background: #e7f1fb;
    border: 1px solid #c3d9ef;
    border-radius: 999px;
    color: #0b3f75;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    justify-self: start;
    line-height: 1;
    padding: 3px 8px;
}

.dashboard-table-wrap .project-cell span[b-vuve17japg] {
    color: #405368;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
    max-width: 290px;
    overflow-wrap: anywhere;
}

.dashboard-table-wrap th:not(:first-child)[b-vuve17japg],
.dashboard-table-wrap td:not(:first-child)[b-vuve17japg] {
    min-width: 84px;
}

.dashboard-table-wrap .metric-cell[b-vuve17japg] {
    min-width: 126px;
}

.completion-meter[b-vuve17japg],
.hour-meter[b-vuve17japg] {
    display: grid;
    gap: 5px;
    min-width: 110px;
}

.completion-meter strong[b-vuve17japg],
.hour-meter strong[b-vuve17japg] {
    color: #0b3f75;
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.completion-meter span[b-vuve17japg],
.hour-meter span[b-vuve17japg] {
    background: #e4edf6;
    border-radius: 999px;
    display: block;
    height: 7px;
    overflow: hidden;
}

.completion-meter i[b-vuve17japg],
.hour-meter i[b-vuve17japg] {
    background: linear-gradient(90deg, #1f5c9d, #2c9f8f);
    border-radius: inherit;
    display: block;
    height: 100%;
}

.hour-meter[b-vuve17japg] {
    align-items: center;
    grid-template-columns: minmax(58px, 1fr) 44px;
}

.hour-meter span[b-vuve17japg] {
    height: 6px;
}

.hour-meter i[b-vuve17japg] {
    background: linear-gradient(90deg, #e1a331, #2c9f8f);
}

.cycle-cell .hour-meter i[b-vuve17japg] {
    background: linear-gradient(90deg, #1f5c9d, #5a8fd4);
}

.rate-cell strong[b-vuve17japg] {
    align-items: center;
    background: #e8f7f2;
    border: 1px solid #b8dfd4;
    border-radius: 999px;
    color: #14675c;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    min-width: 58px;
    padding: 4px 9px;
}

.stage-count-cell span[b-vuve17japg] {
    align-items: center;
    background: #f4f8fc;
    border: 1px solid #dbe6f1;
    border-radius: 999px;
    color: #0b3f75;
    display: inline-flex;
    font-size: 12px;
    font-weight: 900;
    justify-content: center;
    min-width: 34px;
    padding: 4px 8px;
}

.number-cell[b-vuve17japg] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

@media (max-width: 1280px) {
    .kpi-grid[b-vuve17japg] {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
    }

    .dashboard-layout[b-vuve17japg] {
        grid-template-columns: 1fr;
        grid-template-rows: auto auto auto minmax(240px, 1fr);
        overflow: auto;
    }

    .selected-project-panel[b-vuve17japg],
    .time-panel[b-vuve17japg],
    .snapshot-panel[b-vuve17japg] {
        grid-column: 1;
        grid-row: auto;
        min-height: 260px;
    }

    .stage-pipeline[b-vuve17japg] {
        grid-template-columns: repeat(3, minmax(130px, 1fr));
    }
}

@media (max-width: 760px) {
    .dashboard-page[b-vuve17japg] {
        height: auto;
        min-height: calc(100vh - 40px);
        overflow: auto;
    }

    .dashboard-header[b-vuve17japg] {
        align-items: stretch;
        flex-direction: column;
    }

    .dashboard-filters[b-vuve17japg] {
        justify-content: flex-start;
    }

    .dashboard-filters label[b-vuve17japg],
    .kpi-grid[b-vuve17japg] {
        width: 100%;
    }

    .kpi-grid[b-vuve17japg],
    .project-kpi-row[b-vuve17japg],
    .stage-pipeline[b-vuve17japg] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/IsoDocuments.razor.rz.scp.css */
.iso-documents-workspace[b-xzdbyr4bcu] {
    grid-template-columns: minmax(500px, 1fr) minmax(330px, 420px);
    grid-template-rows: minmax(0, 1fr);
}

.iso-documents-grid-panel[b-xzdbyr4bcu] { border-right: 1px solid var(--theme-border, #d7e0ea); }
.iso-documents-form-panel[b-xzdbyr4bcu] {
    background: var(--theme-surface, #fff);
    min-height: 0;
    overflow: auto;
    padding: 12px;
}
.iso-documents-form[b-xzdbyr4bcu] { grid-template-columns: minmax(0, 1fr); }
.iso-documents-table[b-xzdbyr4bcu] { min-width: 760px; }
.iso-documents-table td[b-xzdbyr4bcu] { max-width: 240px; overflow: hidden; text-overflow: ellipsis; }
.iso-documents-table th:first-child[b-xzdbyr4bcu] { min-width: 170px; }
.iso-documents-table th:nth-child(2)[b-xzdbyr4bcu] { min-width: 160px; }

.iso-record-link[b-xzdbyr4bcu] {
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
    padding: 6px 0;
    text-align: left;
}
.iso-record-link:disabled[b-xzdbyr4bcu] { cursor: default; }
.iso-record-link:focus-visible[b-xzdbyr4bcu] { outline: 2px solid var(--theme-primary, #2f6fb7); outline-offset: 2px; }
.iso-grid-logo[b-xzdbyr4bcu] { align-items: center; display: flex; gap: 8px; min-height: 38px; }
.iso-grid-logo img[b-xzdbyr4bcu] { flex: 0 0 auto; height: 30px; object-fit: contain; width: 44px; }
.iso-grid-logo span[b-xzdbyr4bcu] { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }
.iso-logo-error[b-xzdbyr4bcu] { color: var(--theme-danger, #b93333); }

.iso-logo-field[b-xzdbyr4bcu] { display: grid; gap: 8px; min-width: 0; }
.iso-logo-field > label[b-xzdbyr4bcu] { color: var(--theme-muted, #5c6c7d); font-size: 11px; font-weight: 800; text-transform: uppercase; }
.iso-logo-preview[b-xzdbyr4bcu] {
    align-items: center;
    background: var(--theme-surface-muted, #f6f8fb);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    display: flex;
    justify-content: center;
    min-height: 100px;
    padding: 8px;
    text-align: center;
}
.iso-logo-preview img[b-xzdbyr4bcu] { max-height: 140px; max-width: 100%; object-fit: contain; }
.iso-logo-preview span[b-xzdbyr4bcu], .iso-logo-actions small[b-xzdbyr4bcu], .iso-input-note[b-xzdbyr4bcu] { color: var(--theme-muted, #66768a); font-size: 0.75rem; }
.iso-logo-actions[b-xzdbyr4bcu] { align-items: flex-start; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.iso-logo-actions[b-xzdbyr4bcu]  input[type="file"] { font-size: 0.76rem; height: auto; max-width: 100%; padding: 4px; }
.iso-logo-filename[b-xzdbyr4bcu] { font-size: 0.75rem; overflow-wrap: anywhere; }
.iso-input-note[b-xzdbyr4bcu] { line-height: 1.5; margin: 0; }

@media (max-width: 1280px) {
    .iso-documents-workspace[b-xzdbyr4bcu] { grid-template-columns: minmax(420px, 1fr) minmax(310px, 390px); }
}
@media (max-width: 980px) {
    .iso-documents-workspace[b-xzdbyr4bcu] { grid-template-columns: 1fr; grid-template-rows: minmax(320px, auto) minmax(380px, auto); }
    .iso-documents-grid-panel[b-xzdbyr4bcu] { border-right: 0; border-bottom: 1px solid var(--theme-border, #d7e0ea); }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-eg0qjr5fea] {
    align-items: center;
    background: #000000;
    display: flex;
    min-height: 100vh;
    padding: 34px;
}

.login-shell[b-eg0qjr5fea] {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.28);
    display: grid;
    grid-template-columns: minmax(720px, 1fr) minmax(360px, 430px);
    margin: 0 auto;
    max-width: 1200px;
    min-height: 560px;
    overflow: hidden;
    width: min(100%, 1200px);
}

.login-brand-panel[b-eg0qjr5fea] {
    background:
        linear-gradient(180deg, rgba(5, 18, 47, 0.82), rgba(10, 35, 66, 0.88)),
        url("/images/mep-logo.png") center / cover no-repeat,
        repeating-linear-gradient(90deg, rgba(167, 211, 255, 0.12) 0 1px, transparent 1px 72px),
        repeating-linear-gradient(0deg, rgba(167, 211, 255, 0.1) 0 1px, transparent 1px 72px);
    color: #eff7ff;
    display: flex;
    flex-direction: column;
    gap: 120px;
    justify-content: flex-start;
    min-width: 0;
    padding: 34px;
}

.login-brand[b-eg0qjr5fea] {
    align-items: center;
    display: flex;
    gap: 12px;
}

.login-logo-frame[b-eg0qjr5fea] {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(189, 220, 255, 0.18);
    display: inline-flex;
    height: 44px;
    justify-content: center;
    overflow: hidden;
    width: 44px;
}

.login-logo-frame img[b-eg0qjr5fea] {
    display: block;
    height: 34px;
    object-fit: contain;
    width: 34px;
}

.login-brand strong[b-eg0qjr5fea] {
    display: block;
    font-size: 18px;
    font-weight: 750;
    letter-spacing: 0;
    line-height: 1;
}

.login-brand small[b-eg0qjr5fea] {
    color: rgba(226, 239, 255, 0.72);
    display: block;
    font-size: 12px;
    line-height: 1.3;
    margin-top: 4px;
}

.login-copy[b-eg0qjr5fea] {
    max-width: 560px;
}

.login-copy span[b-eg0qjr5fea] {
    color: #91d8ff;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    margin-bottom: 14px;
    text-transform: uppercase;
}

.login-copy h1[b-eg0qjr5fea] {
    color: #ffffff;
    font-size: 34px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.16;
    margin: 0;
}

.login-card-panel[b-eg0qjr5fea] {
    align-items: center;
    background: #f7fbff;
    display: flex;
    justify-content: center;
    padding: 34px;
}

.login-card[b-eg0qjr5fea] {
    display: grid;
    gap: 16px;
    width: min(100%, 340px);
}

.login-card-heading[b-eg0qjr5fea] {
    display: grid;
    gap: 4px;
    margin-bottom: 2px;
}

.login-card-heading span[b-eg0qjr5fea] {
    color: #52749b;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.login-card-heading strong[b-eg0qjr5fea] {
    color: #0d2442;
    font-size: 30px;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1.1;
}

.login-alert[b-eg0qjr5fea] {
    align-items: center;
    background: rgba(255, 93, 126, 0.1);
    border: 1px solid rgba(255, 93, 126, 0.22);
    color: #b51f45;
    display: flex;
    font-size: 12px;
    font-weight: 650;
    gap: 9px;
    min-height: 38px;
    padding: 0 12px;
}

.login-alert.info[b-eg0qjr5fea] {
    background: rgba(47, 120, 212, 0.1);
    border-color: rgba(47, 120, 212, 0.24);
    color: #1f63ad;
}

.login-alert.database[b-eg0qjr5fea] {
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.28);
    color: #985c00;
}

.login-alert.session-expired[b-eg0qjr5fea] {
    background: rgba(245, 158, 11, 0.12);
    border-color: rgba(245, 158, 11, 0.3);
    color: #8a5700;
    line-height: 1.4;
    padding-bottom: 8px;
    padding-top: 8px;
}

.login-alert-action[b-eg0qjr5fea] {
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid currentColor;
    color: inherit;
    cursor: pointer;
    font-size: 11px;
    font-weight: 700;
    height: 26px;
    margin-left: auto;
    padding: 0 9px;
}

.login-alert-action:hover:not(:disabled)[b-eg0qjr5fea] {
    background: rgba(255, 255, 255, 0.95);
}

.login-alert-action:disabled[b-eg0qjr5fea] {
    cursor: wait;
    opacity: 0.6;
}

.login-alert-icon[b-eg0qjr5fea],
.login-info-icon[b-eg0qjr5fea],
.login-database-icon[b-eg0qjr5fea],
.login-session-icon[b-eg0qjr5fea],
.login-button-icon[b-eg0qjr5fea],
.login-button-spinner[b-eg0qjr5fea] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

.login-session-icon[b-eg0qjr5fea] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8 8.01 8.01 0 0 1-8 8Zm1-13h-2v6l5 3 1-1.73-4-2.27Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8 8.01 8.01 0 0 1-8 8Zm1-13h-2v6l5 3 1-1.73-4-2.27Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.login-info-icon[b-eg0qjr5fea] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 17h2v-6h-2v6Zm1-8a1.25 1.25 0 1 0 0-2.5A1.25 1.25 0 0 0 12 9Zm0 13a10 10 0 1 1 0-20 10 10 0 0 1 0 20Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M11 17h2v-6h-2v6Zm1-8a1.25 1.25 0 1 0 0-2.5A1.25 1.25 0 0 0 12 9Zm0 13a10 10 0 1 1 0-20 10 10 0 0 1 0 20Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.login-database-icon[b-eg0qjr5fea] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2c4.42 0 8 1.57 8 3.5v13c0 1.93-3.58 3.5-8 3.5s-8-1.57-8-3.5v-13C4 3.57 7.58 2 12 2Zm6 11.76c-1.45.9-3.62 1.49-6 1.49s-4.55-.59-6-1.49v4.74c0 .63 2.28 1.5 6 1.5s6-.87 6-1.5v-4.74Zm0-4.25c-1.45.9-3.62 1.49-6 1.49s-4.55-.59-6-1.49v2.99c0 .63 2.28 1.5 6 1.5s6-.87 6-1.5V9.51Zm-6-5.51c-3.72 0-6 .87-6 1.5S8.28 7 12 7s6-.87 6-1.5S15.72 4 12 4Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2c4.42 0 8 1.57 8 3.5v13c0 1.93-3.58 3.5-8 3.5s-8-1.57-8-3.5v-13C4 3.57 7.58 2 12 2Zm6 11.76c-1.45.9-3.62 1.49-6 1.49s-4.55-.59-6-1.49v4.74c0 .63 2.28 1.5 6 1.5s6-.87 6-1.5v-4.74Zm0-4.25c-1.45.9-3.62 1.49-6 1.49s-4.55-.59-6-1.49v2.99c0 .63 2.28 1.5 6 1.5s6-.87 6-1.5V9.51Zm-6-5.51c-3.72 0-6 .87-6 1.5S8.28 7 12 7s6-.87 6-1.5S15.72 4 12 4Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.login-alert-icon[b-eg0qjr5fea] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 2 20h20L12 2zm1 14h-2v2h2v-2zm0-7h-2v5h2V9z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2 2 20h20L12 2zm1 14h-2v2h2v-2zm0-7h-2v5h2V9z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.login-field[b-eg0qjr5fea] {
    display: grid;
    gap: 7px;
}

.login-field span[b-eg0qjr5fea] {
    color: #405977;
    font-size: 12px;
    font-weight: 650;
}

.login-field input[b-eg0qjr5fea] {
    background: #ffffff;
    border: 1px solid #bdd0e5;
    color: #112842;
    font-size: 14px;
    height: 42px;
    outline: 0;
    padding: 0 12px;
    transition: border-color 0.16s ease, box-shadow 0.16s ease;
}

.login-field input:focus[b-eg0qjr5fea] {
    border-color: #2e71b8;
    box-shadow: 0 0 0 3px rgba(46, 113, 184, 0.14);
}

.login-password-wrap[b-eg0qjr5fea] {
    position: relative;
}

.login-password-wrap input[b-eg0qjr5fea] {
    padding-right: 42px;
    width: 100%;
}

.login-password-toggle[b-eg0qjr5fea] {
    align-items: center;
    background: transparent;
    border: 0;
    color: #5d7490;
    cursor: pointer;
    display: inline-flex;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 1px;
    top: 1px;
    width: 40px;
}

.login-password-toggle:hover:not(:disabled)[b-eg0qjr5fea],
.login-password-toggle.visible[b-eg0qjr5fea] {
    color: #1f5c9d;
}

.login-password-toggle:disabled[b-eg0qjr5fea] {
    cursor: not-allowed;
    opacity: 0.55;
}

.login-password-toggle span[b-eg0qjr5fea] {
    background: currentColor;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4.5c-5 0-9.27 3.11-11 7.5 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Zm0 12.5a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 4.5c-5 0-9.27 3.11-11 7.5 1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5Zm0 12.5a5 5 0 1 1 0-10 5 5 0 0 1 0 10Zm0-2a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 18px;
}

.login-password-toggle.visible span[b-eg0qjr5fea] {
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m2 4.27 1.28-1.28 17.73 17.73L19.73 22l-3.06-3.06A11.8 11.8 0 0 1 12 19.5c-5 0-9.27-3.11-11-7.5a12.8 12.8 0 0 1 4.12-5.36L2 4.27ZM12 4.5c5 0 9.27 3.11 11 7.5a12.7 12.7 0 0 1-3.05 4.36l-2.15-2.15A5 5 0 0 0 9.79 6.2L8.16 4.57c1.2-.45 2.49-.07 3.84-.07Z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m2 4.27 1.28-1.28 17.73 17.73L19.73 22l-3.06-3.06A11.8 11.8 0 0 1 12 19.5c-5 0-9.27-3.11-11-7.5a12.8 12.8 0 0 1 4.12-5.36L2 4.27ZM12 4.5c5 0 9.27 3.11 11 7.5a12.7 12.7 0 0 1-3.05 4.36l-2.15-2.15A5 5 0 0 0 9.79 6.2L8.16 4.57c1.2-.45 2.49-.07 3.84-.07Z'/%3E%3C/svg%3E");
}

.login-check[b-eg0qjr5fea] {
    align-items: center;
    color: #4d6683;
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 650;
    gap: 8px;
    width: fit-content;
}

.login-check input[b-eg0qjr5fea] {
    cursor: pointer;
}

.login-button[b-eg0qjr5fea] {
    align-items: center;
    background: #1f5c9d;
    border: 1px solid #1c518c;
    color: #ffffff;
    display: inline-flex;
    font-size: 13px;
    font-weight: 750;
    gap: 9px;
    height: 42px;
    justify-content: center;
    margin-top: 4px;
    padding: 0 14px;
    transition: background 0.16s ease, transform 0.16s ease;
}

.login-button:hover:not(:disabled)[b-eg0qjr5fea] {
    background: #276db4;
}

.login-button:active:not(:disabled)[b-eg0qjr5fea] {
    transform: translateY(1px);
}

.login-button:disabled[b-eg0qjr5fea] {
    cursor: wait;
    opacity: 0.72;
}

.login-button-icon[b-eg0qjr5fea] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 17v-3H3v-4h7V7l5 5-5 5zm-2 4v-2h10V5H8V3h12v18H8z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 17v-3H3v-4h7V7l5 5-5 5zm-2 4v-2h10V5H8V3h12v18H8z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.login-button-spinner[b-eg0qjr5fea] {
    animation: loginSpin-b-eg0qjr5fea 0.8s linear infinite;
    border: 2px solid rgba(255, 255, 255, 0.36);
    border-top-color: #ffffff;
    border-radius: 999px;
    background: transparent;
}

@keyframes loginSpin-b-eg0qjr5fea {
    to {
        transform: rotate(360deg);
    }
}

[data-theme="dark"] .login-card-panel[b-eg0qjr5fea] {
    background: #111a2b;
}

[data-theme="dark"] .login-shell[b-eg0qjr5fea] {
    background: #111a2b;
}

[data-theme="dark"] .login-card-heading strong[b-eg0qjr5fea] {
    color: #f0f7ff;
}

[data-theme="dark"] .login-card-heading span[b-eg0qjr5fea],
[data-theme="dark"] .login-field span[b-eg0qjr5fea],
[data-theme="dark"] .login-check[b-eg0qjr5fea] {
    color: #afc0d5;
}

[data-theme="dark"] .login-field input[b-eg0qjr5fea] {
    background: #172238;
    border-color: #2c405e;
    color: #f4f9ff;
}

[data-theme="dark"] .login-alert.info[b-eg0qjr5fea] {
    background: rgba(59, 130, 246, 0.16);
    border-color: rgba(59, 130, 246, 0.3);
    color: #7eb6ff;
}

[data-theme="dark"] .login-alert.database[b-eg0qjr5fea] {
    background: rgba(245, 158, 11, 0.16);
    border-color: rgba(245, 158, 11, 0.3);
    color: #ffbf5f;
}

[data-theme="dark"] .login-alert-action[b-eg0qjr5fea] {
    background: rgba(17, 26, 43, 0.72);
}

@media (max-width: 820px) {
    .login-page[b-eg0qjr5fea] {
        padding: 18px;
    }

    .login-shell[b-eg0qjr5fea] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .login-brand-panel[b-eg0qjr5fea] {
        gap: 42px;
        min-height: 360px;
    }

    .login-copy h1[b-eg0qjr5fea] {
        font-size: 27px;
    }

}
/* /Components/Pages/MaterialDatabase.razor.rz.scp.css */
.material-page[b-lt5j8bmz2n] {
    background: #eef3f7;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.material-header[b-lt5j8bmz2n] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: grid;
    flex: 0 0 auto;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 64px;
    padding: 12px 18px;
}

.eyebrow[b-lt5j8bmz2n] {
    color: #5a728f;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.material-header h1[b-lt5j8bmz2n] {
    color: #1d2731;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.header-status[b-lt5j8bmz2n] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-self: end;
}

.header-status span[b-lt5j8bmz2n],
.header-status strong[b-lt5j8bmz2n] {
    border: 1px solid #c9d6e4;
    border-radius: 4px;
    color: #405368;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 9px;
}

.header-status strong[b-lt5j8bmz2n] {
    background: #e9f6f4;
    border-color: #b9dfd9;
    color: #14675c;
}

.material-toolbar[b-lt5j8bmz2n] {
    align-items: center;
    background: #f9fbfd;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: space-between;
    padding: 8px 12px;
}

.filter-cluster[b-lt5j8bmz2n],
.action-cluster[b-lt5j8bmz2n] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.search-field[b-lt5j8bmz2n],
.shape-filter[b-lt5j8bmz2n],
.field[b-lt5j8bmz2n] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.search-field[b-lt5j8bmz2n] {
    min-width: 280px;
}

.search-field span[b-lt5j8bmz2n],
.shape-filter span[b-lt5j8bmz2n],
.field span[b-lt5j8bmz2n] {
    color: #5c6c7d;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.search-field input[b-lt5j8bmz2n],
.shape-filter select[b-lt5j8bmz2n],
.field input[b-lt5j8bmz2n] {
    background: #fff;
    border: 1px solid #bfccda;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1d2731;
    height: 28px;
    min-width: 0;
    padding: 0 7px;
    width: 100%;
}

.search-field input:focus[b-lt5j8bmz2n],
.shape-filter select:focus[b-lt5j8bmz2n],
.field input:focus[b-lt5j8bmz2n] {
    border-color: #1f5c9d;
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.field input:disabled[b-lt5j8bmz2n] {
    background: #eef3f7;
    color: #526579;
}

.shape-filter[b-lt5j8bmz2n] {
    min-width: 112px;
}

.number-input[b-lt5j8bmz2n],
.number-cell[b-lt5j8bmz2n] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.check-field[b-lt5j8bmz2n] {
    align-items: center;
    color: #405368;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    height: 32px;
}

.tool-button[b-lt5j8bmz2n] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #aebed0;
    border-radius: 4px;
    color: #243242;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    height: 32px;
    justify-content: center;
    min-width: 76px;
    padding: 0 10px;
}

.tool-button:hover:not(:disabled)[b-lt5j8bmz2n] {
    background: #eef5fd;
    border-color: #8ab0d8;
}

.tool-button.primary[b-lt5j8bmz2n] {
    background: #1f5c9d;
    border-color: #184c84;
    color: #fff;
}

.tool-button:disabled[b-lt5j8bmz2n] {
    cursor: not-allowed;
    opacity: 0.48;
}

.mode-banner-slot[b-lt5j8bmz2n] {
    display: flex;
    justify-content: center;
    min-width: 240px;
}

.mode-banner[b-lt5j8bmz2n] {
    align-items: center;
    background: rgba(31, 39, 67, 0.3);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #3384ff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    max-width: min(320px, 100%);
    min-height: 36px;
    min-width: 220px;
    padding: 0 18px;
}

.mode-banner span:last-child[b-lt5j8bmz2n] {
    color: currentColor;
}

.mode-banner-icon[b-lt5j8bmz2n] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    font-size: 0;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 17v-6M12 8h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 17v-6M12 8h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 18px;
}

.mode-banner.adding[b-lt5j8bmz2n] {
    background: rgba(29, 46, 45, 0.3);
    color: #24c878;
}

.mode-banner.adding span:last-child[b-lt5j8bmz2n],
.mode-banner.adding .mode-banner-icon[b-lt5j8bmz2n] {
    color: currentColor;
}

.tool-icon[b-lt5j8bmz2n] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.icon-new[b-lt5j8bmz2n] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-edit[b-lt5j8bmz2n] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 17.5 10-10 2.5 2.5-10 10H4v-2.5zM16 5.5 17.5 4 20 6.5 18.5 8 16 5.5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 17.5 10-10 2.5 2.5-10 10H4v-2.5zM16 5.5 17.5 4 20 6.5 18.5 8 16 5.5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-delete[b-lt5j8bmz2n] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21V7H5V5h4V3h6v2h4v2h-2v14H7zm2-2h6V7H9v12z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21V7H5V5h4V3h6v2h4v2h-2v14H7zm2-2h6V7H9v12z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-save[b-lt5j8bmz2n],
.icon-activate[b-lt5j8bmz2n] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-cancel[b-lt5j8bmz2n],
.icon-deactivate[b-lt5j8bmz2n] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-export[b-lt5j8bmz2n] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5v2zM13 3v8l3-3 1.4 1.4L12 14.8 6.6 9.4 8 8l3 3V3h2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 20h14v-2H5v2zM13 3v8l3-3 1.4 1.4L12 14.8 6.6 9.4 8 8l3 3V3h2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.material-workspace[b-lt5j8bmz2n] {
    display: grid;
    flex: 1 1 auto;
    gap: 0;
    grid-template-columns: minmax(0, 1fr) 680px;
    min-height: 0;
    overflow: hidden;
}

.material-main[b-lt5j8bmz2n] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.input-panel[b-lt5j8bmz2n] {
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    padding: 12px;
}

.panel-heading[b-lt5j8bmz2n] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.panel-heading span[b-lt5j8bmz2n] {
    color: #5a728f;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.panel-heading strong[b-lt5j8bmz2n] {
    color: #1d2731;
    font-size: 15px;
}

.material-form[b-lt5j8bmz2n] {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(96px, 0.7fr) minmax(240px, 1.8fr) minmax(140px, 1fr) minmax(140px, 1fr);
}

.grid-panel[b-lt5j8bmz2n] {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    position: relative;
}

.table-scroll[b-lt5j8bmz2n] {
    max-width: 100%;
    min-height: 0;
    overflow: auto;
}

table[b-lt5j8bmz2n] {
    border-collapse: collapse;
    min-width: 820px;
    width: 100%;
}

th[b-lt5j8bmz2n] {
    background: #f6f9fc;
    border-bottom: 1px solid #cbd8e6;
    color: #4d6075;
    font-size: 11px;
    font-weight: 800;
    height: 32px;
    padding: 0 10px;
    position: sticky;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    z-index: 2;
}

td[b-lt5j8bmz2n] {
    background: #ffffff;
    border-bottom: 1px solid #e1e8f0;
    color: #263546;
    font-size: 12px;
    height: 32px;
    padding: 0 10px;
    white-space: nowrap;
}

tbody tr:hover td[b-lt5j8bmz2n] {
    background: #eef6ff;
}

tbody tr.selected td[b-lt5j8bmz2n] {
    background: #dbeafd;
}

tbody tr.inactive td[b-lt5j8bmz2n] {
    color: #8291a2;
}

.empty-row[b-lt5j8bmz2n] {
    color: #60768e;
    font-weight: 700;
    height: 80px;
    text-align: center;
}

.status[b-lt5j8bmz2n] {
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
}

.status.active[b-lt5j8bmz2n] {
    background: #e9f6f4;
    border-color: #b9dfd9;
    color: #14675c;
}

.status.inactive[b-lt5j8bmz2n] {
    background: #f2f5f8;
    border-color: #d5dee8;
    color: #617287;
}

.shape-tag[b-lt5j8bmz2n] {
    background: #eef5fd;
    border: 1px solid #bfd5ed;
    border-radius: 4px;
    color: #1f5c9d;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    justify-content: center;
    min-width: 38px;
    padding: 3px 7px;
}

.grid-context-menu[b-lt5j8bmz2n] {
    background: #ffffff;
    border: 1px solid #b9c8d8;
    border-radius: 4px;
    box-shadow: 0 16px 40px rgba(29, 39, 49, 0.16);
    display: grid;
    min-width: 150px;
    padding: 4px;
    position: fixed;
    z-index: 140;
}

.grid-context-menu button[b-lt5j8bmz2n] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 3px;
    color: #243242;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
    height: 30px;
    padding: 0 9px;
    text-align: left;
}

.grid-context-menu button:hover:not(:disabled)[b-lt5j8bmz2n] {
    background: #eef5fd;
}

.grid-context-menu button:disabled[b-lt5j8bmz2n] {
    color: #94a1af;
}

.grid-footer[b-lt5j8bmz2n] {
    align-items: center;
    background: #ffffff;
    border-top: 1px solid #d7e0ea;
    color: #405368;
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    gap: 10px;
    justify-content: space-between;
    min-height: 38px;
    padding: 6px 10px;
}

.pager-controls[b-lt5j8bmz2n] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.pager-controls label[b-lt5j8bmz2n] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
}

.pager-controls select[b-lt5j8bmz2n],
.pager-controls button[b-lt5j8bmz2n] {
    background: #ffffff;
    border: 1px solid #b8c8d9;
    border-radius: 4px;
    color: #243242;
    font-size: 12px;
    height: 28px;
    padding: 0 8px;
}

.pager-controls button[b-lt5j8bmz2n] {
    min-width: 74px;
}

.pager-controls button:disabled[b-lt5j8bmz2n] {
    color: #93a0ad;
    cursor: not-allowed;
    opacity: 0.7;
}

.history-panel[b-lt5j8bmz2n] {
    background: #ffffff;
    border-left: 1px solid #d7e0ea;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
    overflow: hidden;
}

.history-header[b-lt5j8bmz2n] {
    align-items: center;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-height: 58px;
    padding: 10px 12px;
}

.history-header div[b-lt5j8bmz2n] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.history-header span[b-lt5j8bmz2n] {
    color: #5a728f;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.history-header strong[b-lt5j8bmz2n] {
    color: #1d2731;
    font-size: 14px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history-header small[b-lt5j8bmz2n] {
    align-items: center;
    background: #eef5fd;
    border: 1px solid #bfd5ed;
    border-radius: 999px;
    color: #1f5c9d;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 800;
    height: 24px;
    justify-content: center;
    min-width: 28px;
    padding: 0 8px;
}

.history-empty[b-lt5j8bmz2n] {
    color: #60768e;
    font-size: 12px;
    line-height: 1.45;
    padding: 14px;
}

.history-table-wrap[b-lt5j8bmz2n] {
    min-height: 0;
    overflow: auto;
}

.history-table[b-lt5j8bmz2n] {
    border-collapse: collapse;
    min-width: 560px;
    width: 100%;
}

.history-table th[b-lt5j8bmz2n] {
    background: #f6f9fc;
    border-bottom: 1px solid #cbd8e6;
    color: #5a728f;
    font-size: 10px;
    font-weight: 700;
    height: 26px;
    padding: 0 7px;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.history-table td[b-lt5j8bmz2n] {
    background: #ffffff;
    border-bottom: 1px solid #e4ebf3;
    color: #263546;
    font-size: 11px;
    height: 28px;
    max-width: 120px;
    overflow: hidden;
    padding: 0 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history-table tbody tr:hover td[b-lt5j8bmz2n] {
    background: #eef6ff;
}

.history-table th:nth-child(1)[b-lt5j8bmz2n],
.history-table td:nth-child(1)[b-lt5j8bmz2n] {
    min-width: 112px;
}

.history-table th:nth-child(2)[b-lt5j8bmz2n],
.history-table td:nth-child(2)[b-lt5j8bmz2n],
.history-table th:nth-child(3)[b-lt5j8bmz2n],
.history-table td:nth-child(3)[b-lt5j8bmz2n] {
    min-width: 115px;
}

.history-table th:nth-child(4)[b-lt5j8bmz2n],
.history-table td:nth-child(4)[b-lt5j8bmz2n] {
    min-width: 72px;
}

.history-table th:nth-child(5)[b-lt5j8bmz2n],
.history-table td:nth-child(5)[b-lt5j8bmz2n] {
    min-width: 76px;
}

@media (max-width: 900px) {
    .material-toolbar[b-lt5j8bmz2n] {
        align-items: stretch;
        flex-direction: column;
    }

    .filter-cluster[b-lt5j8bmz2n],
    .action-cluster[b-lt5j8bmz2n] {
        justify-content: flex-start;
    }

    .material-form[b-lt5j8bmz2n] {
        grid-template-columns: 1fr 1fr;
    }

    .field.wide[b-lt5j8bmz2n],
    .shape-field[b-lt5j8bmz2n] {
        grid-column: 1 / -1;
    }

    .material-workspace[b-lt5j8bmz2n] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: minmax(0, 1fr) 260px;
    }

    .history-panel[b-lt5j8bmz2n] {
        border-left: 0;
        border-top: 1px solid #d7e0ea;
    }
}
/* /Components/Pages/MaterialType.razor.rz.scp.css */
.material-type-page[b-op1e0ju494] {
    background: #eef3f7;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.material-type-header[b-op1e0ju494] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: grid;
    flex: 0 0 auto;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 64px;
    padding: 12px 18px;
}

.eyebrow[b-op1e0ju494] {
    color: #5a728f;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.material-type-header h1[b-op1e0ju494] {
    color: #1d2731;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.header-status[b-op1e0ju494] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-self: end;
}

.header-status span[b-op1e0ju494],
.header-status strong[b-op1e0ju494] {
    border: 1px solid #c9d6e4;
    border-radius: 4px;
    color: #405368;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 9px;
}

.header-status strong[b-op1e0ju494] {
    background: #e9f6f4;
    border-color: #b9dfd9;
    color: #14675c;
}

.material-type-toolbar[b-op1e0ju494] {
    align-items: center;
    background: #f9fbfd;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: space-between;
    padding: 8px 12px;
}

.filter-cluster[b-op1e0ju494],
.action-cluster[b-op1e0ju494] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.search-field[b-op1e0ju494],
.field[b-op1e0ju494] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.search-field[b-op1e0ju494] {
    min-width: 280px;
}

.category-filter[b-op1e0ju494] {
    min-width: 210px;
}

.search-field span[b-op1e0ju494],
.field span[b-op1e0ju494] {
    color: #5c6c7d;
    font-size: 11px;
    font-weight: 800;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.search-field input[b-op1e0ju494],
.search-field select[b-op1e0ju494],
.field input[b-op1e0ju494],
.field select[b-op1e0ju494] {
    background: #fff;
    border: 1px solid #bfccda;
    border-radius: 4px;
    box-sizing: border-box;
    color: #1d2731;
    height: 28px;
    min-width: 0;
    padding: 0 7px;
    width: 100%;
}

.search-field input:focus[b-op1e0ju494],
.search-field select:focus[b-op1e0ju494],
.field input:focus[b-op1e0ju494],
.field select:focus[b-op1e0ju494] {
    border-color: #1f5c9d;
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.field input:disabled[b-op1e0ju494],
.field select:disabled[b-op1e0ju494] {
    background: #eef3f7;
    color: #526579;
}

.number-input[b-op1e0ju494],
.number-cell[b-op1e0ju494] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.check-field[b-op1e0ju494] {
    align-items: center;
    color: #405368;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    min-height: 28px;
}

.tool-button[b-op1e0ju494] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #aebed0;
    border-radius: 4px;
    color: #243242;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    height: 32px;
    justify-content: center;
    min-width: 76px;
    padding: 0 10px;
}

.tool-button:hover:not(:disabled)[b-op1e0ju494],
.icon-tool:hover:not(:disabled)[b-op1e0ju494] {
    background: #eef5fd;
    border-color: #8ab0d8;
}

.tool-button.primary[b-op1e0ju494],
.icon-tool.primary[b-op1e0ju494] {
    background: #1f5c9d;
    border-color: #184c84;
    color: #fff;
}

.tool-button:disabled[b-op1e0ju494],
.icon-tool:disabled[b-op1e0ju494] {
    cursor: not-allowed;
    opacity: 0.48;
}

.mode-banner-slot[b-op1e0ju494] {
    display: flex;
    justify-content: center;
    min-width: 240px;
}

.mode-banner[b-op1e0ju494] {
    align-items: center;
    background: rgba(31, 39, 67, 0.3);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #3384ff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    max-width: min(320px, 100%);
    min-height: 36px;
    min-width: 220px;
    padding: 0 18px;
}

.mode-banner span:last-child[b-op1e0ju494] {
    color: currentColor;
}

.mode-banner-icon[b-op1e0ju494] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    font-size: 0;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 17v-6M12 8h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 17v-6M12 8h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 18px;
}

.mode-banner.adding[b-op1e0ju494] {
    background: rgba(29, 46, 45, 0.3);
    color: #24c878;
}

.mode-banner.adding span:last-child[b-op1e0ju494],
.mode-banner.adding .mode-banner-icon[b-op1e0ju494] {
    color: currentColor;
}

.icon-tool[b-op1e0ju494] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #aebed0;
    border-radius: 4px;
    color: #243242;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    width: 34px;
}

.tool-icon[b-op1e0ju494] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.icon-new[b-op1e0ju494] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-edit[b-op1e0ju494] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 17.5 10-10 2.5 2.5-10 10H4v-2.5zM16 5.5 17.5 4 20 6.5 18.5 8 16 5.5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 17.5 10-10 2.5 2.5-10 10H4v-2.5zM16 5.5 17.5 4 20 6.5 18.5 8 16 5.5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-delete[b-op1e0ju494] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21V7H5V5h4V3h6v2h4v2h-2v14H7zm2-2h6V7H9v12z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21V7H5V5h4V3h6v2h4v2h-2v14H7zm2-2h6V7H9v12z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-save[b-op1e0ju494],
.icon-apply[b-op1e0ju494] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-cancel[b-op1e0ju494] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.material-type-body[b-op1e0ju494] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 65fr) minmax(0, 35fr);
    min-height: 0;
    overflow: hidden;
}

.material-type-main[b-op1e0ju494] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.type-input-panel[b-op1e0ju494] {
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    container-type: inline-size;
    flex: 0 0 auto;
    padding: 12px;
}

.panel-heading[b-op1e0ju494],
.finish-header[b-op1e0ju494] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.panel-heading span[b-op1e0ju494],
.finish-header span[b-op1e0ju494] {
    color: #5a728f;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.panel-heading strong[b-op1e0ju494],
.finish-header strong[b-op1e0ju494] {
    color: #1d2731;
    font-size: 15px;
}

.finish-header small[b-op1e0ju494] {
    color: #65788d;
    font-size: 11px;
    font-weight: 800;
}

.type-form-grid[b-op1e0ju494] {
    align-items: end;
    display: grid;
    gap: 10px 12px;
    grid-template-columns: minmax(160px, 0.9fr) minmax(170px, 1fr) repeat(3, minmax(118px, 0.68fr)) minmax(300px, 1fr);
    overflow: visible;
}

.check-grid[b-op1e0ju494] {
    align-self: end;
    align-content: end;
    display: grid;
    gap: 4px 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, 28px);
    min-width: 0;
}

.check-grid .check-field[b-op1e0ju494] {
    min-width: 0;
}

.check-grid .check-field input[b-op1e0ju494] {
    flex: 0 0 auto;
}

.check-grid .check-field span[b-op1e0ju494] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.type-grid-panel[b-op1e0ju494] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.type-grid-panel[b-op1e0ju494],
.finish-panel[b-op1e0ju494] {
    min-height: 0;
    overflow: hidden;
}

.finish-panel[b-op1e0ju494] {
    background: #ffffff;
    border-left: 1px solid #d7e0ea;
    display: flex;
    flex-direction: column;
    padding: 12px;
}

.table-scroll[b-op1e0ju494],
.finish-table-wrap[b-op1e0ju494] {
    height: 100%;
    max-width: 100%;
    min-height: 0;
    overflow: auto;
}

table[b-op1e0ju494] {
    border-collapse: collapse;
    min-width: 960px;
    width: 100%;
}

.finish-table-wrap table[b-op1e0ju494] {
    min-width: 640px;
}

th[b-op1e0ju494] {
    background: #f6f9fc;
    border-bottom: 1px solid #cbd8e6;
    color: #4d6075;
    font-size: 11px;
    font-weight: 800;
    height: 32px;
    padding: 0 10px;
    position: sticky;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    z-index: 2;
}

td[b-op1e0ju494] {
    background: #ffffff;
    border-bottom: 1px solid #e1e8f0;
    color: #263546;
    font-size: 12px;
    height: 32px;
    padding: 0 10px;
    white-space: nowrap;
}

tbody tr:hover td[b-op1e0ju494] {
    background: #eef6ff;
}

tbody tr.selected td[b-op1e0ju494] {
    background: #dbeafd;
}

tbody tr.inactive td[b-op1e0ju494] {
    color: #8291a2;
}

.history-toggle-cell[b-op1e0ju494] {
    box-sizing: border-box;
    min-width: 36px;
    padding-left: 6px;
    padding-right: 6px;
    text-align: center;
    width: 36px;
}

.history-toggle[b-op1e0ju494] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #b8c8d8;
    border-radius: 4px;
    color: #1f5c9d;
    cursor: pointer;
    display: inline-flex;
    font-size: 15px;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    line-height: 1;
    padding: 0;
    width: 22px;
}

.history-toggle:hover[b-op1e0ju494] {
    background: #eef5fd;
    border-color: #8ab0d8;
}

.history-sub-row td[b-op1e0ju494] {
    background: #f7fafd;
    height: auto;
    padding: 0;
    white-space: normal;
}

tbody tr.history-sub-row:hover td[b-op1e0ju494] {
    background: #f7fafd;
}

.inline-history-panel[b-op1e0ju494] {
    border-bottom: 1px solid #d7e0ea;
    padding: 8px 10px 10px 42px;
}

.inline-history-empty[b-op1e0ju494] {
    color: #60768e;
    font-size: 12px;
    padding: 8px 0;
}

.inline-history-table[b-op1e0ju494] {
    border-collapse: collapse;
    min-width: 640px;
    width: min(100%, 980px);
}

.inline-history-table th[b-op1e0ju494] {
    background: #eef5fd;
    border-bottom: 1px solid #cbd8e6;
    color: #5a728f;
    font-size: 10px;
    font-weight: 700;
    height: 24px;
    padding: 0 7px;
    position: static;
    text-transform: uppercase;
}

.inline-history-table td[b-op1e0ju494] {
    background: #ffffff;
    border-bottom: 1px solid #e4ebf3;
    color: #263546;
    font-size: 11px;
    height: 26px;
    max-width: 180px;
    overflow: hidden;
    padding: 0 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inline-history-table tbody tr:hover td[b-op1e0ju494] {
    background: #eef6ff;
}

.inline-history-table th:nth-child(1)[b-op1e0ju494],
.inline-history-table td:nth-child(1)[b-op1e0ju494] {
    min-width: 130px;
}

.inline-history-table th:nth-child(2)[b-op1e0ju494],
.inline-history-table td:nth-child(2)[b-op1e0ju494],
.inline-history-table th:nth-child(3)[b-op1e0ju494],
.inline-history-table td:nth-child(3)[b-op1e0ju494] {
    min-width: 140px;
}

.inline-history-table th:nth-child(4)[b-op1e0ju494],
.inline-history-table td:nth-child(4)[b-op1e0ju494] {
    min-width: 88px;
}

.inline-history-table th:nth-child(5)[b-op1e0ju494],
.inline-history-table td:nth-child(5)[b-op1e0ju494] {
    min-width: 92px;
}

.empty-row[b-op1e0ju494] {
    color: #60768e;
    font-weight: 700;
    height: 80px;
    text-align: center;
}

.status[b-op1e0ju494] {
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    padding: 3px 8px;
}

.status.active[b-op1e0ju494] {
    background: #e9f6f4;
    border-color: #b9dfd9;
    color: #14675c;
}

.status.inactive[b-op1e0ju494] {
    background: #f2f5f8;
    border-color: #d5dee8;
    color: #617287;
}

.finish-form-grid[b-op1e0ju494] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 128px;
}

.finish-name-field[b-op1e0ju494] {
    grid-column: 1 / -1;
}

.finish-check[b-op1e0ju494] {
    align-self: end;
}

.finish-actions[b-op1e0ju494] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
    justify-content: flex-end;
    padding: 10px 0;
}

.finish-inactive-filter[b-op1e0ju494] {
    margin-right: auto;
}

@media (max-width: 1220px) {
    .type-form-grid[b-op1e0ju494] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .check-grid[b-op1e0ju494] {
        grid-column: 1 / -1;
        max-width: 360px;
    }
}

@media (max-width: 1180px) {
    .material-type-body[b-op1e0ju494] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr) minmax(300px, 42vh);
    }

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

    .check-grid[b-op1e0ju494] {
        grid-column: 1 / -1;
    }

    .finish-panel[b-op1e0ju494] {
        border-left: 0;
        border-top: 1px solid #d7e0ea;
    }
}

@container (max-width: 980px) {
    .type-form-grid[b-op1e0ju494] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .check-grid[b-op1e0ju494] {
        grid-column: 1 / -1;
        max-width: 420px;
    }
}

@container (max-width: 640px) {
    .type-form-grid[b-op1e0ju494] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
/* /Components/Pages/MenuModulePage.razor.rz.scp.css */
.module-page[b-w1ap4hbgjg] {
    background: #eef3f7;
    color: #1d2731;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.module-header[b-w1ap4hbgjg] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    min-height: 64px;
    padding: 12px 18px;
}

.eyebrow[b-w1ap4hbgjg] {
    color: #5a728f;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.module-header h1[b-w1ap4hbgjg] {
    color: #1d2731;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.module-context[b-w1ap4hbgjg] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.module-context span[b-w1ap4hbgjg] {
    background: #f7fafc;
    border: 1px solid #c9d6e4;
    border-radius: 4px;
    color: #405368;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 9px;
}

.module-toolbar[b-w1ap4hbgjg] {
    align-items: end;
    background: #f9fbfd;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 12px;
}

.tool-button[b-w1ap4hbgjg] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #aebed0;
    border-radius: 4px;
    color: #243242;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    min-width: 76px;
    padding: 0 10px;
}

.tool-button.primary[b-w1ap4hbgjg] {
    background: #1f5c9d;
    border-color: #184c84;
    color: #ffffff;
}

.toolbar-field[b-w1ap4hbgjg],
.form-stack label[b-w1ap4hbgjg] {
    display: grid;
    gap: 4px;
}

.toolbar-field[b-w1ap4hbgjg] {
    min-width: 170px;
}

.toolbar-field.wide[b-w1ap4hbgjg] {
    min-width: 300px;
}

.toolbar-field span[b-w1ap4hbgjg],
.form-stack span[b-w1ap4hbgjg],
.entry-grid span[b-w1ap4hbgjg],
.notes-box span[b-w1ap4hbgjg] {
    color: #5c6c7d;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

input[b-w1ap4hbgjg],
select[b-w1ap4hbgjg],
textarea[b-w1ap4hbgjg] {
    background: #ffffff;
    border: 1px solid #bfccda;
    border-radius: 4px;
    color: #1d2731;
    min-height: 27px;
    padding: 0 7px;
}

textarea[b-w1ap4hbgjg] {
    min-height: 90px;
    padding: 7px;
    resize: vertical;
}

input:focus[b-w1ap4hbgjg],
select:focus[b-w1ap4hbgjg],
textarea:focus[b-w1ap4hbgjg] {
    border-color: #1f5c9d;
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.panel-heading[b-w1ap4hbgjg] {
    align-items: center;
    border-bottom: 1px solid #dce5ef;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 42px;
    padding: 7px 12px;
}

.panel-heading span[b-w1ap4hbgjg] {
    color: #66788d;
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.panel-heading strong[b-w1ap4hbgjg] {
    color: #1d2731;
    font-size: 16px;
    font-weight: 800;
    margin: 1px 0 0;
}

.panel-actions[b-w1ap4hbgjg] {
    align-items: center;
    border-top: 1px solid #dce5ef;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: flex-end;
    padding: 8px 12px;
}

.grid-scroll[b-w1ap4hbgjg] {
    flex: 1 1 auto;
    height: 100%;
    min-height: 0;
    overflow: auto;
    scrollbar-gutter: stable;
}

table[b-w1ap4hbgjg] {
    background: #ffffff;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 980px;
    width: max-content;
}

th[b-w1ap4hbgjg] {
    background: #f1f5f9;
    border-bottom: 1px solid #cfdbe7;
    border-right: 1px solid #dde6ef;
    color: #45586c;
    font-size: 11px;
    font-weight: 800;
    height: 34px;
    padding: 0 9px;
    position: sticky;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

td[b-w1ap4hbgjg] {
    border-bottom: 1px solid #edf2f7;
    border-right: 1px solid #f0f4f8;
    color: #263546;
    height: 34px;
    max-width: 220px;
    overflow: hidden;
    padding: 0 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr:hover[b-w1ap4hbgjg] {
    background: #f5fbff;
}

.takeoff-workspace[b-w1ap4hbgjg] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: 260px minmax(0, 1fr) 310px;
    min-height: 0;
    overflow: hidden;
}

.project-browser[b-w1ap4hbgjg],
.takeoff-side[b-w1ap4hbgjg],
.stage-side[b-w1ap4hbgjg],
.report-filters[b-w1ap4hbgjg],
.maintenance-side[b-w1ap4hbgjg],
.jobcost-side[b-w1ap4hbgjg],
.transfer-side[b-w1ap4hbgjg],
.formula-list[b-w1ap4hbgjg],
.formula-preview[b-w1ap4hbgjg],
.help-side[b-w1ap4hbgjg] {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.project-browser[b-w1ap4hbgjg] {
    border-right: 1px solid #cfdbe7;
}

.takeoff-main[b-w1ap4hbgjg],
.stage-main[b-w1ap4hbgjg],
.jobcost-main[b-w1ap4hbgjg],
.maintenance-main[b-w1ap4hbgjg],
.report-preview[b-w1ap4hbgjg],
.help-main[b-w1ap4hbgjg],
.formula-main[b-w1ap4hbgjg] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.takeoff-side[b-w1ap4hbgjg] {
    border-left: 1px solid #cfdbe7;
}

.form-stack[b-w1ap4hbgjg] {
    display: grid;
    gap: 9px;
    padding: 12px;
}

.form-stack.compact[b-w1ap4hbgjg] {
    gap: 8px;
}

.form-stack.two-column[b-w1ap4hbgjg] {
    grid-template-columns: 1fr 1fr;
}

.tree-panel[b-w1ap4hbgjg] {
    border-top: 1px solid #e3ebf3;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow-y: auto;
    padding: 10px;
}

.tree-title[b-w1ap4hbgjg] {
    color: #66788d;
    font-size: 10px;
    font-weight: 800;
    margin: 0 0 8px;
    text-transform: uppercase;
}

.tree-row[b-w1ap4hbgjg],
.tree-child[b-w1ap4hbgjg] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: #2c3b4d;
    display: flex;
    font-weight: 800;
    justify-content: space-between;
    min-height: 30px;
    padding: 0 9px;
    text-align: left;
}

.tree-row.active[b-w1ap4hbgjg],
.tree-row:hover[b-w1ap4hbgjg],
.tree-child:hover[b-w1ap4hbgjg] {
    background: #e8f2ff;
    color: #1f5c9d;
}

.tree-child[b-w1ap4hbgjg] {
    color: #4d5f72;
    font-size: 12px;
    font-weight: 700;
    justify-content: flex-start;
    padding-left: 24px;
}

.takeoff-entry[b-w1ap4hbgjg] {
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    flex: 0 0 auto;
    padding: 8px 12px 10px;
}

.entry-title[b-w1ap4hbgjg] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 7px;
}

.entry-title span[b-w1ap4hbgjg] {
    color: #66788d;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.entry-title strong[b-w1ap4hbgjg] {
    color: #1f5c9d;
    font-size: 13px;
    font-weight: 800;
}

.entry-grid[b-w1ap4hbgjg] {
    display: grid;
    gap: 6px 8px;
    grid-template-columns: repeat(5, minmax(110px, 1fr));
}

.entry-grid label[b-w1ap4hbgjg] {
    display: grid;
    gap: 3px;
}

.module-tabs[b-w1ap4hbgjg] {
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 2px;
    overflow-x: auto;
    padding: 6px 8px 0;
}

.module-tabs button[b-w1ap4hbgjg] {
    background: #eef3f8;
    border: 1px solid #cfdbe7;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    color: #4b5d70;
    font-size: 12px;
    font-weight: 800;
    min-height: 30px;
    padding: 0 10px;
    white-space: nowrap;
}

.module-tabs button.active[b-w1ap4hbgjg] {
    background: #ffffff;
    color: #1f5c9d;
}

.takeoff-grid table[b-w1ap4hbgjg] {
    min-width: 1500px;
}

.details-grid[b-w1ap4hbgjg] {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr 1fr;
    margin: 0;
    padding: 14px 12px;
}

.details-grid.single[b-w1ap4hbgjg] {
    grid-template-columns: 1fr;
}

.details-grid dt[b-w1ap4hbgjg] {
    color: #6c7c8d;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.details-grid dd[b-w1ap4hbgjg] {
    color: #253445;
    font-weight: 800;
    margin: 0;
}

.side-section[b-w1ap4hbgjg] {
    border-top: 1px solid #e3ebf3;
    padding: 12px;
}

.side-section h2[b-w1ap4hbgjg] {
    color: #1f5c9d;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 8px;
    text-transform: uppercase;
}

.mini-list[b-w1ap4hbgjg] {
    display: grid;
    gap: 7px;
}

.mini-list span[b-w1ap4hbgjg] {
    background: #f5f8fb;
    border: 1px solid #d6e0ea;
    border-radius: 4px;
    color: #324357;
    font-weight: 800;
    padding: 8px 9px;
}

.blueprint-preview[b-w1ap4hbgjg] {
    aspect-ratio: 16 / 10;
    background:
        linear-gradient(90deg, rgba(91, 142, 188, 0.18) 1px, transparent 1px),
        linear-gradient(0deg, rgba(91, 142, 188, 0.18) 1px, transparent 1px),
        #0e2e51;
    background-size: 24px 24px;
    border-radius: 4px;
    position: relative;
}

.blueprint-preview span[b-w1ap4hbgjg] {
    background: #9bd3ff;
    display: block;
    height: 2px;
    left: 18%;
    position: absolute;
    top: 45%;
    width: 64%;
}

.blueprint-preview span:nth-child(2)[b-w1ap4hbgjg] {
    left: 30%;
    top: 24%;
    transform: rotate(90deg);
    width: 42%;
}

.blueprint-preview span:nth-child(3)[b-w1ap4hbgjg] {
    left: 22%;
    top: 64%;
    transform: rotate(18deg);
    width: 36%;
}

.stage-page[b-w1ap4hbgjg] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.stage-summary[b-w1ap4hbgjg],
.report-summary[b-w1ap4hbgjg] {
    background: #f5f8fb;
    border-bottom: 1px solid #d7e0ea;
    display: grid;
    flex: 0 0 auto;
    gap: 10px;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    padding: 10px 12px;
}

.stage-summary article[b-w1ap4hbgjg],
.report-summary article[b-w1ap4hbgjg] {
    background: #ffffff;
    border: 1px solid #d5e0ea;
    border-radius: 4px;
    padding: 9px 10px;
}

.stage-summary span[b-w1ap4hbgjg],
.report-summary span[b-w1ap4hbgjg] {
    color: #6a7a8b;
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.stage-summary strong[b-w1ap4hbgjg],
.report-summary strong[b-w1ap4hbgjg] {
    color: #1d2731;
    display: block;
    font-size: 20px;
    line-height: 1.2;
    margin-top: 2px;
}

.stage-workspace[b-w1ap4hbgjg] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr) 360px;
    min-height: 0;
    overflow: hidden;
}

.stage-side[b-w1ap4hbgjg] {
    border-left: 1px solid #cfdbe7;
}

.stage-path[b-w1ap4hbgjg] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    overflow-x: auto;
    padding: 8px 12px;
}

.stage-path span[b-w1ap4hbgjg] {
    border: 1px solid #cbd7e4;
    border-radius: 999px;
    color: #637388;
    font-size: 11px;
    font-weight: 800;
    padding: 5px 10px;
    white-space: nowrap;
}

.stage-path span.complete[b-w1ap4hbgjg] {
    background: #e7f6ed;
    border-color: #b8ddc9;
    color: #1c6c42;
}

.stage-path span.active[b-w1ap4hbgjg] {
    background: #1f5c9d;
    border-color: #184c84;
    color: #ffffff;
}

.stage-grid table[b-w1ap4hbgjg] {
    min-width: 1120px;
}

.check-list[b-w1ap4hbgjg] {
    display: grid;
    gap: 7px;
}

.check-list label[b-w1ap4hbgjg] {
    align-items: center;
    background: #f6f9fc;
    border: 1px solid #d8e2eb;
    border-radius: 4px;
    color: #334458;
    display: flex;
    font-weight: 800;
    gap: 8px;
    min-height: 32px;
    padding: 0 9px;
}

.notification-preview[b-w1ap4hbgjg] {
    background: #eef7ff;
    border: 1px solid #bed7ef;
    border-radius: 4px;
    display: grid;
    gap: 4px;
    padding: 10px;
}

.notification-preview strong[b-w1ap4hbgjg] {
    color: #1f5c9d;
}

.notification-preview span[b-w1ap4hbgjg] {
    color: #53667b;
}

.transfer-page[b-w1ap4hbgjg],
.jobcost-page[b-w1ap4hbgjg],
.maintenance-page[b-w1ap4hbgjg],
.report-page[b-w1ap4hbgjg],
.options-page[b-w1ap4hbgjg],
.formula-page[b-w1ap4hbgjg],
.help-page[b-w1ap4hbgjg],
.about-page[b-w1ap4hbgjg],
.logout-page[b-w1ap4hbgjg],
.utility-center[b-w1ap4hbgjg] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.transfer-page[b-w1ap4hbgjg],
.jobcost-page[b-w1ap4hbgjg],
.maintenance-page[b-w1ap4hbgjg] {
    display: flex;
    flex-direction: column;
}

.transfer-workspace[b-w1ap4hbgjg] {
    display: grid;
    flex: 1 1 auto;
    gap: 0;
    grid-template-columns: minmax(280px, 1fr) 58px minmax(280px, 1fr) 310px;
    min-height: 0;
    overflow: hidden;
}

.transfer-list[b-w1ap4hbgjg] {
    background: #ffffff;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.transfer-list + .transfer-list[b-w1ap4hbgjg],
.transfer-side[b-w1ap4hbgjg] {
    border-left: 1px solid #cfdbe7;
}

.transfer-actions[b-w1ap4hbgjg] {
    align-items: center;
    background: #f5f8fb;
    border-left: 1px solid #d7e0ea;
    border-right: 1px solid #d7e0ea;
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.transfer-actions button[b-w1ap4hbgjg] {
    background: #ffffff;
    border: 1px solid #afbfd1;
    border-radius: 4px;
    color: #1f5c9d;
    font-weight: 900;
    height: 30px;
    width: 34px;
}

.notes-box[b-w1ap4hbgjg] {
    display: grid;
    gap: 5px;
    padding: 12px;
}

.jobcost-workspace[b-w1ap4hbgjg],
.maintenance-workspace[b-w1ap4hbgjg] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr) 380px;
    min-height: 0;
    overflow: hidden;
}

.jobcost-side[b-w1ap4hbgjg],
.maintenance-side[b-w1ap4hbgjg] {
    border-left: 1px solid #cfdbe7;
}

.code-list[b-w1ap4hbgjg] {
    display: grid;
    gap: 7px;
    padding: 12px;
}

.code-list button[b-w1ap4hbgjg],
.formula-group[b-w1ap4hbgjg] {
    align-items: center;
    background: #f6f9fc;
    border: 1px solid #d6e0ea;
    border-radius: 4px;
    color: #34475a;
    display: flex;
    justify-content: space-between;
    min-height: 38px;
    padding: 0 10px;
    text-align: left;
}

.code-list button.active[b-w1ap4hbgjg],
.formula-group:hover[b-w1ap4hbgjg] {
    background: #e8f2ff;
    border-color: #a7c6e6;
    color: #1f5c9d;
}

.code-list span[b-w1ap4hbgjg],
.formula-group span[b-w1ap4hbgjg] {
    font-weight: 900;
}

.code-list strong[b-w1ap4hbgjg],
.formula-group strong[b-w1ap4hbgjg] {
    font-size: 12px;
}

.report-page[b-w1ap4hbgjg] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
}

.report-filters[b-w1ap4hbgjg] {
    border-right: 1px solid #cfdbe7;
}

.report-preview[b-w1ap4hbgjg] {
    background: #eef3f7;
}

.report-summary[b-w1ap4hbgjg] {
    grid-template-columns: repeat(4, minmax(130px, 1fr));
}

.report-sheet[b-w1ap4hbgjg] {
    background: #ffffff;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin: 12px;
    min-height: 0;
    overflow: hidden;
}

.sheet-title[b-w1ap4hbgjg] {
    align-items: center;
    border-bottom: 1px solid #dce5ef;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 12px;
}

.sheet-title span[b-w1ap4hbgjg] {
    color: #66788d;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.sheet-title strong[b-w1ap4hbgjg] {
    color: #1d2731;
    font-size: 15px;
}

.maintenance-main table[b-w1ap4hbgjg] {
    min-width: 1000px;
}

.material-type-layout[b-w1ap4hbgjg] {
    grid-template-columns: minmax(0, 1fr) 420px;
}

.small-grid[b-w1ap4hbgjg] {
    flex: 1 1 auto;
}

.small-grid table[b-w1ap4hbgjg] {
    min-width: 560px;
}

.check-inline[b-w1ap4hbgjg] {
    align-items: center;
    background: #f5f8fb;
    border: 1px solid #d3dee9;
    border-radius: 4px;
    color: #334458;
    display: inline-flex !important;
    font-weight: 800;
    gap: 7px;
    min-height: 30px;
    padding: 0 8px;
}

.options-page[b-w1ap4hbgjg] {
    display: grid;
    grid-template-columns: minmax(360px, 520px) minmax(0, 1fr);
    padding: 18px;
    gap: 14px;
}

.options-main[b-w1ap4hbgjg],
.options-preview[b-w1ap4hbgjg],
.account-panel[b-w1ap4hbgjg],
.about-panel[b-w1ap4hbgjg],
.logout-panel[b-w1ap4hbgjg] {
    background: #ffffff;
    border: 1px solid #d5e0ea;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.color-option-list[b-w1ap4hbgjg] {
    display: grid;
    gap: 10px;
    padding: 14px;
}

.color-option[b-w1ap4hbgjg] {
    align-items: center;
    background: #f7fafc;
    border: 1px solid #d9e3ec;
    border-radius: 4px;
    display: grid;
    gap: 10px;
    grid-template-columns: 90px 1fr 56px;
    min-height: 42px;
    padding: 0 10px;
}

.color-option label[b-w1ap4hbgjg] {
    align-items: center;
    display: flex;
    gap: 6px;
    font-weight: 800;
}

.color-option span[b-w1ap4hbgjg] {
    color: #334458;
    font-weight: 800;
}

.color-option input[type="color"][b-w1ap4hbgjg] {
    height: 28px;
    padding: 2px;
    width: 48px;
}

.preview-grid[b-w1ap4hbgjg] {
    display: grid;
    gap: 1px;
    padding: 14px;
}

.preview-grid span[b-w1ap4hbgjg] {
    background: #ffffff;
    border: 1px solid #dce5ef;
    color: #263546;
    font-weight: 800;
    padding: 10px;
}

.preview-grid .added[b-w1ap4hbgjg] {
    background: #dbf4ff;
}

.preview-grid .modified[b-w1ap4hbgjg] {
    background: #fff2c6;
}

.preview-grid .strike[b-w1ap4hbgjg] {
    background: #f2d1d1;
    text-decoration: line-through;
}

.formula-page[b-w1ap4hbgjg],
.help-page[b-w1ap4hbgjg] {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr) 320px;
}

.formula-list[b-w1ap4hbgjg] {
    border-right: 1px solid #cfdbe7;
}

.formula-preview[b-w1ap4hbgjg],
.help-side[b-w1ap4hbgjg] {
    border-left: 1px solid #cfdbe7;
}

.formula-list[b-w1ap4hbgjg] {
    gap: 7px;
}

.formula-group[b-w1ap4hbgjg] {
    margin: 0 12px;
}

.formula-group:first-of-type[b-w1ap4hbgjg] {
    margin-top: 12px;
}

.formula-box[b-w1ap4hbgjg] {
    background: #0f1f36;
    border-radius: 4px;
    color: #d8ecff;
    margin: 12px;
    padding: 12px;
}

.formula-box code[b-w1ap4hbgjg] {
    color: inherit;
    white-space: normal;
}

.utility-center[b-w1ap4hbgjg],
.about-page[b-w1ap4hbgjg],
.logout-page[b-w1ap4hbgjg] {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 18px;
}

.account-panel[b-w1ap4hbgjg],
.logout-panel[b-w1ap4hbgjg] {
    width: min(460px, 100%);
}

.about-panel[b-w1ap4hbgjg] {
    align-items: center;
    display: grid;
    gap: 22px;
    grid-template-columns: minmax(220px, 340px) minmax(260px, 420px);
    padding: 24px;
    width: min(820px, 100%);
}

.about-panel img[b-w1ap4hbgjg] {
    display: block;
    max-width: 100%;
}

.about-details[b-w1ap4hbgjg] {
    display: grid;
    gap: 12px;
    margin: 0;
}

.about-details div[b-w1ap4hbgjg] {
    border-bottom: 1px solid #e3ebf3;
    padding-bottom: 9px;
}

.about-details dt[b-w1ap4hbgjg] {
    color: #6c7c8d;
    font-size: 10px;
    font-weight: 800;
    margin-bottom: 3px;
    text-transform: uppercase;
}

.about-details dd[b-w1ap4hbgjg] {
    color: #253445;
    font-size: 15px;
    font-weight: 800;
    margin: 0;
}

.help-page[b-w1ap4hbgjg] {
    grid-template-columns: minmax(0, 1fr) 320px;
}

.help-main table[b-w1ap4hbgjg] {
    min-width: 920px;
}

@media (max-width: 1180px) {
    .takeoff-workspace[b-w1ap4hbgjg] {
        grid-template-columns: 240px minmax(0, 1fr);
    }

    .takeoff-side[b-w1ap4hbgjg] {
        display: none;
    }

    .entry-grid[b-w1ap4hbgjg] {
        grid-template-columns: repeat(3, minmax(120px, 1fr));
    }

    .transfer-workspace[b-w1ap4hbgjg] {
        grid-template-columns: minmax(260px, 1fr) 58px minmax(260px, 1fr);
    }

    .transfer-side[b-w1ap4hbgjg] {
        display: none;
    }
}

@media (max-width: 920px) {
    .module-page[b-w1ap4hbgjg] {
        overflow-y: auto;
    }

    .module-header[b-w1ap4hbgjg],
    .module-toolbar[b-w1ap4hbgjg] {
        align-items: stretch;
        flex-direction: column;
    }

    .takeoff-workspace[b-w1ap4hbgjg],
    .stage-workspace[b-w1ap4hbgjg],
    .jobcost-workspace[b-w1ap4hbgjg],
    .maintenance-workspace[b-w1ap4hbgjg],
    .report-page[b-w1ap4hbgjg],
    .options-page[b-w1ap4hbgjg],
    .formula-page[b-w1ap4hbgjg],
    .help-page[b-w1ap4hbgjg] {
        display: flex;
        flex-direction: column;
        overflow: visible;
    }

    .project-browser[b-w1ap4hbgjg],
    .stage-side[b-w1ap4hbgjg],
    .report-filters[b-w1ap4hbgjg],
    .maintenance-side[b-w1ap4hbgjg],
    .jobcost-side[b-w1ap4hbgjg],
    .formula-preview[b-w1ap4hbgjg],
    .help-side[b-w1ap4hbgjg] {
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #cfdbe7;
        max-height: 520px;
    }

    .stage-summary[b-w1ap4hbgjg],
    .report-summary[b-w1ap4hbgjg] {
        grid-template-columns: repeat(2, minmax(120px, 1fr));
    }

    .transfer-workspace[b-w1ap4hbgjg] {
        display: flex;
        flex-direction: column;
        overflow: visible;
    }

    .transfer-actions[b-w1ap4hbgjg] {
        flex-direction: row;
        min-height: 52px;
    }

    .form-stack.two-column[b-w1ap4hbgjg],
    .entry-grid[b-w1ap4hbgjg] {
        grid-template-columns: 1fr;
    }

    .about-panel[b-w1ap4hbgjg] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Options.razor.rz.scp.css */
.options-page[b-smubcupih5] {
    background: var(--theme-bg, #eef3f7);
    color: var(--theme-text, #1d2731);
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.options-header[b-smubcupih5] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    min-height: 64px;
    padding: 12px 18px;
}

.eyebrow[b-smubcupih5] {
    color: var(--theme-muted, #5a728f);
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.options-header h1[b-smubcupih5] {
    color: var(--theme-heading, #1d2731);
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.header-tags[b-smubcupih5] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.header-tags span[b-smubcupih5] {
    background: var(--theme-surface-muted, #f7fafc);
    border: 1px solid var(--theme-border-strong, #c9d6e4);
    border-radius: 4px;
    color: var(--theme-text, #405368);
    font-size: 12px;
    font-weight: 800;
    padding: 6px 9px;
}

.options-toolbar[b-smubcupih5] {
    align-items: center;
    background: var(--theme-surface-soft, #f9fbfd);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: flex-end;
    padding: 8px 12px;
}

.tool-button[b-smubcupih5] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    color: var(--theme-text, #243242);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
    height: 32px;
    justify-content: center;
    min-width: 82px;
    padding: 0 10px;
}

.tool-button.primary[b-smubcupih5] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary-strong, #184c84);
    color: #ffffff;
}

.tool-button:disabled[b-smubcupih5] {
    cursor: default;
    opacity: 0.55;
}

.button-icon[b-smubcupih5] {
    background: currentColor;
    display: inline-block;
    height: 14px;
    width: 14px;
    -webkit-mask: var(--button-icon) center / contain no-repeat;
    mask: var(--button-icon) center / contain no-repeat;
}

.icon-save[b-smubcupih5] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M5 4h12l2 2v14H5zM8 4v6h8V4M8 17h8v-4H8z'/%3E%3C/svg%3E");
}

.icon-reset[b-smubcupih5] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 4v6h6M20 20v-6h-6M5.5 15a7 7 0 0 0 12 2M18.5 9a7 7 0 0 0-12-2'/%3E%3C/svg%3E");
}

.icon-cancel[b-smubcupih5] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round' d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}

.options-layout[b-smubcupih5] {
    display: grid;
    flex: 1 1 auto;
    gap: 12px;
    grid-template-columns: minmax(520px, 1fr) 380px;
    min-height: 0;
    overflow: hidden;
    padding: 12px;
}

.options-panel[b-smubcupih5] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #cfdbe7);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.panel-heading[b-smubcupih5] {
    align-items: center;
    border-bottom: 1px solid var(--theme-border, #dce5ef);
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 42px;
    padding: 7px 12px;
}

.panel-heading span[b-smubcupih5] {
    color: var(--theme-muted, #66788d);
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.panel-heading strong[b-smubcupih5] {
    color: var(--theme-heading, #1d2731);
    font-size: 16px;
    font-weight: 800;
}

.color-option-list[b-smubcupih5] {
    display: grid;
    gap: 8px;
    overflow: auto;
    padding: 12px;
}

.color-option[b-smubcupih5] {
    align-items: center;
    background: var(--theme-surface-soft, #f9fbfd);
    border: 1px solid var(--theme-border, #dce5ef);
    border-radius: 4px;
    display: grid;
    gap: 12px;
    grid-template-columns: 108px minmax(0, 1fr) 70px;
    min-height: 56px;
    padding: 8px 10px;
}

.check-field[b-smubcupih5] {
    align-items: center;
    color: var(--theme-text, #243242);
    cursor: pointer;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
    min-width: 0;
}

.check-field input[type="checkbox"][b-smubcupih5] {
    appearance: none;
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    cursor: pointer;
    height: 18px;
    margin: 0;
    position: relative;
    width: 18px;
}

.check-field input[type="checkbox"]:checked[b-smubcupih5] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary, #1f5c9d);
}

.check-field input[type="checkbox"]:checked[b-smubcupih5]::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    height: 9px;
    left: 6px;
    position: absolute;
    top: 2px;
    transform: rotate(45deg);
    width: 5px;
}

.option-copy[b-smubcupih5] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.option-copy strong[b-smubcupih5] {
    color: var(--theme-heading, #1d2731);
    font-size: 13px;
    font-weight: 900;
}

.option-copy span[b-smubcupih5] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.color-picker[b-smubcupih5] {
    align-items: center;
    display: inline-flex;
    justify-content: flex-end;
}

.color-picker input[b-smubcupih5] {
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
}

.color-picker span[b-smubcupih5] {
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    cursor: pointer;
    display: block;
    height: 30px;
    width: 54px;
}

.options-side[b-smubcupih5] {
    display: grid;
    gap: 12px;
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.options-panel.compact[b-smubcupih5] {
    min-height: 142px;
}

.behavior-list[b-smubcupih5] {
    display: grid;
    gap: 10px;
    padding: 12px;
}

.preview-grid[b-smubcupih5] {
    display: grid;
    gap: 0;
    padding: 12px;
}

.preview-row[b-smubcupih5] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #dce5ef);
    border-bottom: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 82px;
    min-height: 36px;
    padding: 0 10px;
}

.preview-row:first-child[b-smubcupih5] {
    border-radius: 4px 4px 0 0;
}

.preview-row:last-child[b-smubcupih5] {
    border-bottom: 1px solid var(--theme-border, #dce5ef);
    border-radius: 0 0 4px 4px;
}

.preview-row.alternating[b-smubcupih5] {
    background: var(--option-alternating-row, #eef5fd);
}

.preview-row.revised[b-smubcupih5] {
    background: var(--option-rev-modified-row, #fff2c6);
}

.preview-row.added[b-smubcupih5] {
    background: var(--option-rev-added-row, #dbf4ff);
}

.preview-row.strikeout[b-smubcupih5] {
    background: var(--option-strikeout-row, #f2d1d1);
    text-decoration: line-through;
    text-decoration-thickness: 2px;
}

.preview-row span[b-smubcupih5] {
    color: var(--theme-heading, #1d2731);
    font-size: 12px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.preview-row strong[b-smubcupih5] {
    color: var(--theme-heading, #1d2731);
    font-size: 13px;
    font-weight: 900;
    text-align: right;
}

@media (max-width: 980px) {
    .options-layout[b-smubcupih5] {
        grid-template-columns: 1fr;
        overflow: auto;
    }

    .options-side[b-smubcupih5] {
        grid-template-rows: auto auto;
    }

    .color-option[b-smubcupih5] {
        grid-template-columns: 100px minmax(0, 1fr) 62px;
    }
}
/* /Components/Pages/ProjectDefaultCosts.razor.rz.scp.css */
.default-cost-page[b-xgm1evnrlf] {
    background: #eef3f7;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.cost-header[b-xgm1evnrlf] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: grid;
    flex: 0 0 auto;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    min-height: 64px;
    padding: 12px 18px;
}

.eyebrow[b-xgm1evnrlf] {
    color: #5a728f;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 4px;
    text-transform: uppercase;
}

.cost-header h1[b-xgm1evnrlf] {
    color: #1d2731;
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

.header-status[b-xgm1evnrlf] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-self: end;
}

.mode-banner-slot[b-xgm1evnrlf] {
    display: flex;
    justify-content: center;
    min-width: 240px;
}

.mode-banner[b-xgm1evnrlf] {
    align-items: center;
    background: rgba(31, 39, 67, 0.3);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #3384ff;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 10px;
    justify-content: center;
    max-width: min(320px, 100%);
    min-height: 36px;
    min-width: 220px;
    padding: 0 18px;
}

.mode-banner span:last-child[b-xgm1evnrlf] {
    color: currentColor;
}

.mode-banner-icon[b-xgm1evnrlf] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    font-size: 0;
    height: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 17v-6M12 8h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 17v-6M12 8h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 18px;
}

.mode-banner.adding[b-xgm1evnrlf] {
    background: rgba(29, 46, 45, 0.3);
    color: #24c878;
}

.mode-banner.adding span:last-child[b-xgm1evnrlf],
.mode-banner.adding .mode-banner-icon[b-xgm1evnrlf] {
    color: currentColor;
}

.header-status span[b-xgm1evnrlf],
.header-status strong[b-xgm1evnrlf] {
    border: 1px solid #c9d6e4;
    border-radius: 4px;
    color: #405368;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 9px;
}

.header-status strong[b-xgm1evnrlf] {
    background: #e9f6f4;
    border-color: #b9dfd9;
    color: #14675c;
}

.cost-toolbar[b-xgm1evnrlf] {
    align-items: center;
    background: #f9fbfd;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: space-between;
    padding: 8px 12px;
}

.filter-cluster[b-xgm1evnrlf],
.action-cluster[b-xgm1evnrlf] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.search-field[b-xgm1evnrlf] {
    display: grid;
    gap: 4px;
    min-width: 300px;
}

.search-field span[b-xgm1evnrlf],
.form-grid span[b-xgm1evnrlf] {
    color: #5c6c7d;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.search-field input[b-xgm1evnrlf],
.form-grid input[b-xgm1evnrlf],
.form-grid select[b-xgm1evnrlf] {
    background: #fff;
    border: 1px solid #bfccda;
    border-radius: 4px;
    color: #1d2731;
    height: 27px;
    padding: 0 7px;
}

.search-field input[b-xgm1evnrlf] {
    height: 32px;
}

.search-field input:focus[b-xgm1evnrlf],
.form-grid input:focus[b-xgm1evnrlf],
.form-grid select:focus[b-xgm1evnrlf] {
    border-color: #1f5c9d;
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.segmented-filter[b-xgm1evnrlf] {
    align-items: center;
    background: #e3ebf4;
    border: 1px solid #c8d5e4;
    border-radius: 4px;
    display: inline-flex;
    height: 32px;
    padding: 2px;
}

.segmented-filter button[b-xgm1evnrlf] {
    background: transparent;
    border: 0;
    border-radius: 3px;
    color: #516273;
    font-size: 12px;
    font-weight: 800;
    height: 26px;
    min-width: 52px;
    padding: 0 10px;
}

.segmented-filter button.active[b-xgm1evnrlf] {
    background: #1f5c9d;
    color: #fff;
}

.tool-button[b-xgm1evnrlf] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #aebed0;
    border-radius: 4px;
    color: #243242;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    height: 32px;
    justify-content: center;
    min-width: 76px;
    padding: 0 10px;
}

.tool-button.primary[b-xgm1evnrlf] {
    background: #1f5c9d;
    border-color: #184c84;
    color: #fff;
}

.tool-button:disabled[b-xgm1evnrlf] {
    cursor: not-allowed;
    opacity: 0.48;
}

.tool-icon[b-xgm1evnrlf] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.icon-new[b-xgm1evnrlf] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 5h2v6h6v2h-6v6h-2v-6H5v-2h6V5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-edit[b-xgm1evnrlf] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 17.5 10-10 2.5 2.5-10 10H4v-2.5zM16 5.5 17.5 4 20 6.5 18.5 8 16 5.5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m4 17.5 10-10 2.5 2.5-10 10H4v-2.5zM16 5.5 17.5 4 20 6.5 18.5 8 16 5.5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-delete[b-xgm1evnrlf] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21V7H5V5h4V3h6v2h4v2h-2v14H7zm2-2h6V7H9v12z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 21V7H5V5h4V3h6v2h4v2h-2v14H7zm2-2h6V7H9v12z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-save[b-xgm1evnrlf] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-cancel[b-xgm1evnrlf] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.notice[b-xgm1evnrlf] {
    background: #e8f6ef;
    border-bottom: 1px solid #b7ddc8;
    color: #1d6643;
    flex: 0 0 auto;
    font-weight: 700;
    padding: 8px 16px;
}

.notice.error[b-xgm1evnrlf] {
    background: #fff1f1;
    border-bottom-color: #efb9b9;
    color: #9b1f1f;
}

.cost-workspace[b-xgm1evnrlf] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(0, 1fr) 460px;
    min-height: 0;
    overflow: hidden;
}

.cost-list[b-xgm1evnrlf] {
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.table-scroll[b-xgm1evnrlf] {
    height: 100%;
    max-width: 100%;
    min-height: 0;
    overflow-x: scroll;
    overflow-y: auto;
    scrollbar-gutter: stable;
    width: 100%;
}

table[b-xgm1evnrlf] {
    background: #fff;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1420px;
    width: max-content;
}

th[b-xgm1evnrlf] {
    background: #f1f5f9;
    border-bottom: 1px solid #cfdbe7;
    border-right: 1px solid #dde6ef;
    color: #45586c;
    font-size: 11px;
    font-weight: 800;
    height: 34px;
    padding: 0 9px;
    position: sticky;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

td[b-xgm1evnrlf] {
    border-bottom: 1px solid #edf2f7;
    border-right: 1px solid #f0f4f8;
    color: #263546;
    height: 34px;
    max-width: 190px;
    overflow: hidden;
    padding: 0 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

tbody tr:hover[b-xgm1evnrlf] {
    background: #f5fbff;
}

tbody tr.selected[b-xgm1evnrlf] {
    background: #dbeeff;
}

.empty-row[b-xgm1evnrlf] {
    color: #687789;
    font-weight: 700;
    height: 68px;
    text-align: center;
}

.cost-editor[b-xgm1evnrlf] {
    background: #ffffff;
    border-left: 1px solid #cfdbe7;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.details-panel[b-xgm1evnrlf],
form[b-xgm1evnrlf] {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
}

.panel-heading[b-xgm1evnrlf],
.editor-header[b-xgm1evnrlf] {
    align-items: center;
    border-bottom: 1px solid #dce5ef;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 42px;
    padding: 7px 12px;
}

.panel-heading span[b-xgm1evnrlf] {
    color: #66788d;
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.editor-header span[b-xgm1evnrlf] {
    align-items: center;
    background: #e8f2ff;
    border: 1px solid #b9d7f0;
    border-radius: 4px;
    color: #1f5c9d;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    height: 24px;
    padding: 0 8px;
    text-transform: uppercase;
}

.panel-heading strong[b-xgm1evnrlf],
.editor-header h2[b-xgm1evnrlf] {
    color: #1d2731;
    font-size: 16px;
    font-weight: 800;
    margin: 1px 0 0;
}

.details-panel[b-xgm1evnrlf] {
    background: linear-gradient(180deg, var(--theme-surface, #ffffff) 0%, var(--theme-surface-soft, #f9fbfd) 100%);
}

.details-panel .panel-heading[b-xgm1evnrlf] {
    background: var(--theme-surface, #ffffff);
    border-bottom-color: var(--theme-border, #dce5ef);
    min-height: 54px;
    padding: 10px 14px;
}

.details-panel .panel-heading span[b-xgm1evnrlf] {
    color: var(--theme-muted, #66788d);
    letter-spacing: 0;
}

.details-panel .panel-heading strong[b-xgm1evnrlf] {
    background: var(--theme-primary-soft, #e7f1fb);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 999px;
    color: var(--theme-primary-strong, #184c84);
    font-size: 13px;
    max-width: 58%;
    overflow: hidden;
    padding: 6px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.details-empty[b-xgm1evnrlf] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    color: var(--theme-soft-muted, #687789);
    font-weight: 700;
    margin: 12px;
    padding: 14px;
}

.details-grid[b-xgm1evnrlf] {
    align-content: start;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 0;
    overflow-y: auto;
    padding: 12px;
}

.details-grid > div[b-xgm1evnrlf] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(15, 33, 52, 0.06);
    min-width: 0;
    padding: 9px 10px;
}

.details-grid .wide[b-xgm1evnrlf] {
    grid-column: 1 / -1;
}

.details-grid dt[b-xgm1evnrlf] {
    color: var(--theme-muted, #6c7c8d);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.details-grid dd[b-xgm1evnrlf] {
    color: var(--theme-text, #253445);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
    margin: 0;
    min-width: 0;
    overflow-wrap: anywhere;
}

.detail-value-primary[b-xgm1evnrlf] {
    color: var(--theme-primary-strong, #184c84) !important;
    font-size: 14px !important;
}

.detail-number[b-xgm1evnrlf] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.detail-pill[b-xgm1evnrlf] {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    min-height: 22px;
    padding: 0 9px;
}

.detail-pill.success[b-xgm1evnrlf] {
    background: var(--theme-success-soft, #e9f6f4);
    border-color: color-mix(in srgb, var(--theme-success, #14675c) 28%, transparent);
    color: var(--theme-success, #14675c);
}

.detail-pill.neutral[b-xgm1evnrlf] {
    background: var(--theme-surface-muted, #f1f5f9);
    border-color: var(--theme-border, #d7e0ea);
    color: var(--theme-muted, #5c6c7d);
}

.icon-only[b-xgm1evnrlf] {
    background: #eef3f8;
    border: 1px solid #c5d2df;
    border-radius: 4px;
    color: #42556a;
    font-size: 15px;
    font-weight: 800;
    height: 26px;
    line-height: 1;
    width: 26px;
}

.editor-body[b-xgm1evnrlf] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 8px 12px 10px;
    scrollbar-gutter: stable;
}

.form-section[b-xgm1evnrlf] {
    border-bottom: 1px solid #e3ebf3;
    padding: 0 0 7px;
}

.form-section + .form-section[b-xgm1evnrlf] {
    padding-top: 7px;
}

.form-section h3[b-xgm1evnrlf] {
    color: #1f5c9d;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 5px;
    text-transform: uppercase;
}

.form-grid[b-xgm1evnrlf] {
    display: grid;
    gap: 6px 8px;
    grid-template-columns: 1fr;
}

.form-grid.compact[b-xgm1evnrlf] {
    grid-template-columns: 1fr 1fr;
}

.form-grid label[b-xgm1evnrlf] {
    display: grid;
    gap: 2px;
}

.form-grid .wide[b-xgm1evnrlf] {
    grid-column: 1 / -1;
}

.editor-footer[b-xgm1evnrlf] {
    align-items: center;
    border-top: 1px solid #dce5ef;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: flex-end;
    padding: 7px 12px;
}

@media (max-width: 980px) {
    .cost-workspace[b-xgm1evnrlf] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .cost-editor[b-xgm1evnrlf] {
        border-left: 0;
        border-top: 1px solid #cfdbe7;
    }

    .details-panel[b-xgm1evnrlf],
    form[b-xgm1evnrlf],
    .table-scroll[b-xgm1evnrlf] {
        height: 520px;
        max-height: 520px;
    }
}

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

    .search-field[b-xgm1evnrlf] {
        min-width: 100%;
    }

    .form-grid.compact[b-xgm1evnrlf] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/TakeOff.razor.rz.scp.css */
.takeoff-page[b-l4vbcv4mw0] {
    background: #eef3f7;
    color: #1d2731;
    display: flex;
    flex-direction: column;
    font-family: inherit;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
    position: relative;
}

.takeoff-header[b-l4vbcv4mw0] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    min-height: 58px;
    padding: 10px 16px;
}

.eyebrow[b-l4vbcv4mw0] {
    color: #5a728f;
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 3px;
    text-transform: uppercase;
}

.takeoff-header h1[b-l4vbcv4mw0] {
    color: #1d2731;
    font-size: 22px;
    font-weight: 800;
    margin: 0;
}

.project-strip[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.project-strip > span[b-l4vbcv4mw0] {
    align-items: center;
    background: #f7fafc;
    border: 1px solid #c9d6e4;
    border-radius: 4px;
    color: #4f6074;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 6px;
    padding: 6px 8px;
}

.project-command-button[b-l4vbcv4mw0] {
    align-items: center;
    border-radius: 4px;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    padding: 0 10px;
}

.open-project-button[b-l4vbcv4mw0] {
    background: #1f5c9d;
    border: 1px solid #184c84;
    color: #ffffff;
}

.open-project-button:hover[b-l4vbcv4mw0] {
    background: #184c84;
    border-color: #123c6b;
}

.project-export-button[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    color: var(--theme-text, #243242);
}

.project-export-button:hover[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 8%, var(--theme-surface-raised, #ffffff));
    border-color: var(--theme-primary, #1f5c9d);
}

.project-meta strong[b-l4vbcv4mw0] {
    align-items: center;
    background: #e7f1fb;
    border: 1px solid #9fc0e1;
    border-radius: 3px;
    color: #0b3f75;
    display: inline-flex;
    min-height: 20px;
    padding: 0 7px;
}

.project-strip .renovation[b-l4vbcv4mw0] {
    background: #fff3d9;
    border-color: #e6c985;
    color: #8a5d00;
    text-transform: uppercase;
}

.project-strip .project-type-tag[b-l4vbcv4mw0] {
    background: #e8f6ef;
    border-color: #b7ddc8;
    color: #1d6643;
    text-transform: uppercase;
}

.project-strip .template-mode-tag[b-l4vbcv4mw0] {
    background: rgba(42, 112, 190, 0.12);
    border-color: rgba(42, 112, 190, 0.36);
    color: #1c5a9d;
    text-transform: none;
}

.action-bar[b-l4vbcv4mw0] {
    align-items: end;
    background: #f9fbfd;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 12px;
}

.action-bar[b-l4vbcv4mw0] {
    justify-content: space-between;
    position: relative;
}

.function-buttons[b-l4vbcv4mw0] {
    align-items: end;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.action-template-mode-slot[b-l4vbcv4mw0] {
    align-items: end;
    display: flex;
    flex: 1 1 260px;
    justify-content: center;
    min-width: 220px;
}

.action-template-mode-slot .template-mode-banner[b-l4vbcv4mw0] {
    background: rgba(31, 39, 67, 0.3);
    border: 1px solid rgba(51, 132, 255, 0.35);
    border-radius: 4px;
    color: #3384ff;
    height: 32px;
    min-height: 32px;
    min-width: 260px;
    padding: 0 6px 0 12px;
    width: auto;
}

.template-mode-exit-button[b-l4vbcv4mw0] {
    align-items: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(51, 132, 255, 0.28);
    border-radius: 4px;
    color: inherit;
    display: inline-flex;
    font-size: 12px;
    gap: 5px;
    height: 24px;
    margin-left: 8px;
    padding: 0 8px;
}

.template-mode-exit-button:hover[b-l4vbcv4mw0] {
    background: rgba(51, 132, 255, 0.14);
}

.template-mode-exit-button .button-icon[b-l4vbcv4mw0] {
    height: 14px;
    width: 14px;
}

.search-tools[b-l4vbcv4mw0] {
    align-items: end;
    display: flex;
    flex: 0 0 auto;
    gap: 4px;
    position: relative;
}

.advanced-toggle-wrap[b-l4vbcv4mw0] {
    align-self: end;
    display: flex;
    position: relative;
}

.tool-button[b-l4vbcv4mw0],
.icon-button[b-l4vbcv4mw0],
.square-button[b-l4vbcv4mw0],
.context-actions button[b-l4vbcv4mw0],
.tabulation-template-actions button[b-l4vbcv4mw0],
.tabulation-footer-actions button[b-l4vbcv4mw0],
.summary-tabs button[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    color: var(--theme-text, #243242);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    padding: 0 9px;
}

.tool-button.primary[b-l4vbcv4mw0] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary-strong, #184c84);
    color: #ffffff;
}

.tool-button.danger[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-danger, #b83b4b) 10%, var(--theme-surface-raised, #ffffff));
    border-color: color-mix(in srgb, var(--theme-danger, #b83b4b) 42%, var(--theme-border-strong, #aebed0));
    color: var(--theme-danger, #b83b4b);
}

.tool-button:disabled[b-l4vbcv4mw0] {
    cursor: not-allowed;
    opacity: 0.5;
}

.tool-button.disabled[b-l4vbcv4mw0] {
    cursor: not-allowed;
    opacity: 0.5;
}

.button-content[b-l4vbcv4mw0] {
    align-items: center;
    display: inline-flex;
    gap: 6px;
    justify-content: center;
    min-width: 0;
}

.button-content span:last-child[b-l4vbcv4mw0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.button-icon[b-l4vbcv4mw0] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
    -webkit-mask: var(--button-icon) center / contain no-repeat;
    mask: var(--button-icon) center / contain no-repeat;
}

.icon-folder[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 7h6l2 2h10v10H3zM3 7v12'/%3E%3C/svg%3E");
}

.icon-add[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}

.icon-row-insert-above[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M5 16h14M12 4v8M8 8h8'/%3E%3C/svg%3E");
}

.icon-row-insert-below[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M5 8h14M12 12v8M8 16h8'/%3E%3C/svg%3E");
}

.icon-minus[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' d='M5 12h14'/%3E%3C/svg%3E");
}

.icon-zoom-in[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' d='M7.5 10.5h6M10.5 7.5v6M16 16l5 5'/%3E%3C/svg%3E");
}

.icon-zoom-out[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' d='M7.5 10.5h6M16 16l5 5'/%3E%3C/svg%3E");
}

.icon-add-category[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M4 6h7v5H4zM13 6h7v5h-7zM4 14h7v5H4zM13 14h4'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round' d='M19 15v6M16 18h6'/%3E%3C/svg%3E");
}

.icon-add-scope[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 5v5M7 12h10M7 16h6'/%3E%3Ccircle cx='12' cy='5' r='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='7' cy='12' r='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='17' cy='12' r='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round' d='M18 17v5M15.5 19.5h5'/%3E%3C/svg%3E");
}

.icon-sketch[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 19l4-10 4 6 3-4 3 8zM4 5h16M4 9h6M16 9h4'/%3E%3C/svg%3E");
}

.icon-pdf[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 3h8l4 4v14H6zM14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E");
}

.icon-has-image[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='16' height='14' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='9' cy='10' r='1.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 17l5-5 4 4 2-2 3 3'/%3E%3C/svg%3E");
}

.icon-edit[b-l4vbcv4mw0],
.icon-detailing[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 20h4L18.5 9.5l-4-4L4 16zM13 7l4 4'/%3E%3C/svg%3E");
}

.icon-copy[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M8 8h11v11H8zM5 16H4V4h12v1'/%3E%3C/svg%3E");
}

.icon-delete[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 7h16M9 7V4h6v3M7 7l1 13h8l1-13M10 11v5M14 11v5'/%3E%3C/svg%3E");
}

.icon-check[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 6'/%3E%3C/svg%3E");
}

.icon-save[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M5 4h12l2 2v14H5zM8 4v6h8V4M8 17h8v-4H8z'/%3E%3C/svg%3E");
}

.icon-lock[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7 10V8a5 5 0 0 1 10 0v2M5 10h14v10H5z'/%3E%3C/svg%3E");
}

.icon-unlock[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round' d='M8 11V8a5 5 0 0 1 9.5-2.2M5 11h14v9H5zM17.5 5.8l2-1.5'/%3E%3C/svg%3E");
}

.icon-template[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M5 4h14v16H5zM5 9h14M10 4v16'/%3E%3C/svg%3E");
}

.icon-reset[b-l4vbcv4mw0],
.icon-refresh[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 4v6h6M20 20v-6h-6M5.5 15a7 7 0 0 0 12 2M18.5 9a7 7 0 0 0-12-2'/%3E%3C/svg%3E");
}

.icon-previous[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");
}

.icon-next[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
}

.icon-info[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 17v-6M12 8h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-history[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 6v5h5M5.5 15A7.5 7.5 0 1 0 6 7M12 8v5l3 2'/%3E%3C/svg%3E");
}

.icon-view[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6z'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-export[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 3v12M7 8l5-5 5 5M5 14v6h14v-6'/%3E%3C/svg%3E");
}

.icon-settings[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M4 7h10M18 7h2M4 12h2M10 12h10M4 17h12M20 17h0'/%3E%3Ccircle cx='16' cy='7' r='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='8' cy='12' r='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='18' cy='17' r='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-search[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' d='M16 16l5 5'/%3E%3C/svg%3E");
}

.icon-filter-search[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 5h16l-6 7v5l-4 2v-7z'/%3E%3Ccircle cx='16.5' cy='16.5' r='3.5' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M19 19l2 2'/%3E%3C/svg%3E");
}

.icon-filter-close[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 5h16l-6 7v5l-4 2v-7zM16 15l5 5M21 15l-5 5'/%3E%3C/svg%3E");
}

.icon-summary[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 19V5M5 19h15M9 16v-5M13 16V8M17 16v-8'/%3E%3C/svg%3E");
}

.icon-tabulation[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M4 5h16v14H4zM4 10h16M9 5v14M15 5v14'/%3E%3C/svg%3E");
}

.icon-displayed-summary[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 5h16v11H4zM8 20h8M10 16v4M14 16v4M8 9h8M8 12h5'/%3E%3C/svg%3E");
}

.icon-scope-summary[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M12 4v5M12 15v5M6 10h12M6 14h12'/%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='4' r='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Ccircle cx='12' cy='20' r='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-category-summary[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M4 6h7v5H4zM13 6h7v5h-7zM4 14h7v5H4zM13 14h7v5h-7z'/%3E%3C/svg%3E");
}

.icon-paint-summary[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 3h9l3 3-9 9H6zM15 3v4h4M9 15v4M7 21h4'/%3E%3C/svg%3E");
}

.icon-project-cost[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M7 4h10v16H7zM10 8h4M10 12h4M10 16h1M14 16h0M12 6v12'/%3E%3C/svg%3E");
}

.icon-detailing-summary[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 20l5-1 10-10-4-4L5 15zM13 7l4 4M4 4h8M4 8h5'/%3E%3C/svg%3E");
}

.icon-cost-codes[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M5 5h14v14H5zM8 8v8M11 8v8M15 8v8M18 8v8'/%3E%3C/svg%3E");
}

.icon-rfi[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 4h12v16H6zM9 8h6M9 12h3'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M14 16a2 2 0 1 1 2 2v1M16 21h.01'/%3E%3C/svg%3E");
}

.icon-rfq[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 4h12v16H6zM9 8h6M9 12h6M9 16h3'/%3E%3Ccircle cx='17' cy='17' r='3' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='1.7' stroke-linecap='round' d='M17 15.5v3M16 16.5h1.5'/%3E%3C/svg%3E");
}

.icon-email[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='14' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 7l8 6 8-6'/%3E%3C/svg%3E");
}

.icon-archive[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 7h16v13H4zM3 4h18v4H3zM9 12h6'/%3E%3C/svg%3E");
}

.icon-project-info[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M6 4h9l3 3v13H6zM14 4v4h4M9 13h6M9 16h4'/%3E%3Ccircle cx='10' cy='9' r='1' fill='%23000'/%3E%3C/svg%3E");
}

.icon-online-users[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M16 19v-1.5A3.5 3.5 0 0 0 12.5 14h-5A3.5 3.5 0 0 0 4 17.5V19M10 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6M16 10.5a2.5 2.5 0 1 0 0-5M17 14a3 3 0 0 1 3 3v2'/%3E%3Ccircle cx='19' cy='5' r='2' fill='%23000' stroke='none'/%3E%3C/svg%3E");
}

.icon-buzz[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M8 18h8M10 21h4M6 15a7 7 0 1 1 12 0l-2 3H8zM3 8l-1-1M21 8l1-1M4 3l2 2M20 3l-2 2'/%3E%3C/svg%3E");
}

.icon-hide[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 3l18 18M4 12s3-5 8-5c2 0 3.6.8 4.8 1.7M20 12s-3 5-8 5c-2 0-3.6-.8-4.8-1.7'/%3E%3C/svg%3E");
}

.icon-strikeout[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round' d='M5 6h11M7 18h10M9 6l5 12M4 12h16'/%3E%3C/svg%3E");
}

.icon-cancel[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}

.icon-warning[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M12 3l10 18H2z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' d='M12 9v5M12 17h.01'/%3E%3C/svg%3E");
}

.icon-pin-drawer[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M8 4h8l-1 6 4 4v2h-6v4l-1 1-1-1v-4H5v-2l4-4z'/%3E%3C/svg%3E");
}

.icon-float-drawer[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='4' y='5' width='11' height='14' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M17 7h3v10h-3M8 9h3M8 13h3'/%3E%3C/svg%3E");
}

.icon-table[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M4 5h16v14H4zM4 10h16M9 5v14M15 5v14'/%3E%3C/svg%3E");
}

.icon-expand[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M8 4H4v4M4 4l6 6M16 20h4v-4M20 20l-6-6M20 8V4h-4M20 4l-6 6M4 16v4h4M4 20l6-6'/%3E%3C/svg%3E");
}

.icon-command[b-l4vbcv4mw0] {
    --button-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='5' width='14' height='14' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M9 12h6'/%3E%3C/svg%3E");
}

.icon-button[b-l4vbcv4mw0],
.square-button[b-l4vbcv4mw0] {
    min-width: 30px;
    padding: 0;
}

.field[b-l4vbcv4mw0],
.scope-form label[b-l4vbcv4mw0],
.entry-grid label[b-l4vbcv4mw0],
.component-grid label[b-l4vbcv4mw0],
.project-info-grid label[b-l4vbcv4mw0],
.cost-grid label[b-l4vbcv4mw0],
.template-form label[b-l4vbcv4mw0] {
    display: grid;
    gap: 3px;
}

.field span[b-l4vbcv4mw0],
.scope-form span[b-l4vbcv4mw0],
.entry-grid span[b-l4vbcv4mw0],
.component-grid span[b-l4vbcv4mw0],
.project-info-grid span[b-l4vbcv4mw0],
.cost-grid span[b-l4vbcv4mw0],
.template-form span[b-l4vbcv4mw0],
.takeoff-dialog .field span[b-l4vbcv4mw0],
.total-selected span[b-l4vbcv4mw0],
.component-total span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.action-search[b-l4vbcv4mw0] {
    flex: 0 1 300px;
    min-width: 250px;
}

.advanced-toggle-wrap > .icon-button[b-l4vbcv4mw0] {
    height: 27px;
    margin-bottom: 0;
}

.advanced-toggle-wrap > .icon-button .button-icon[b-l4vbcv4mw0] {
    height: 16px;
    width: 16px;
}

input[b-l4vbcv4mw0],
select[b-l4vbcv4mw0],
textarea[b-l4vbcv4mw0] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--theme-text, #1d2731);
    height: 28px;
    min-width: 0;
    padding: 0 7px;
}

input[type="number"][b-l4vbcv4mw0],
.number-cell[b-l4vbcv4mw0],
.number-input[b-l4vbcv4mw0] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

input.formula-output[b-l4vbcv4mw0],
textarea.formula-output[b-l4vbcv4mw0],
select.formula-output[b-l4vbcv4mw0] {
    background: var(--theme-input-disabled, #eef3f7);
    border-style: dashed;
    color: var(--theme-soft-muted, #526579);
    cursor: default;
    font-weight: 700;
}

textarea[b-l4vbcv4mw0] {
    height: auto;
    min-height: 48px;
    padding: 7px;
    resize: vertical;
}

input:focus[b-l4vbcv4mw0],
select:focus[b-l4vbcv4mw0],
textarea:focus[b-l4vbcv4mw0] {
    border-color: var(--theme-primary, #1f5c9d);
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.check-field[b-l4vbcv4mw0] {
    align-items: center;
    color: var(--theme-muted, #405368);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    min-height: 28px;
}

.check-field input[b-l4vbcv4mw0] {
    height: 14px;
    width: 14px;
}

.panel-check[b-l4vbcv4mw0] {
    background: #f6f9fc;
    border: 1px solid #d6e0ea;
    border-radius: 4px;
    justify-content: center;
    padding: 0 8px;
}

.takeoff-workspace[b-l4vbcv4mw0] {
    --component-panel-width: 495px;
    --summary-panel-width: 390px;
    --summary-rail-width: 50px;
    display: grid;
    flex: 1 1 auto;
    gap: 8px;
    grid-template-columns: 285px minmax(0, 1fr) minmax(340px, var(--component-panel-width));
    grid-template-rows: var(--takeoff-grid-rows, minmax(300px, auto) minmax(0, 1fr));
    min-height: 0;
    overflow: hidden;
    padding: 8px calc(var(--summary-rail-width) + 16px) 8px 8px;
    position: relative;
    transition: padding-right 160ms ease;
}

.takeoff-workspace.summary-open.summary-pinned[b-l4vbcv4mw0] {
    padding-right: calc(min(var(--summary-panel-width), 75vw) + var(--summary-rail-width) + 24px);
}

.takeoff-workspace.summary-closed[b-l4vbcv4mw0] {
    padding-right: calc(var(--summary-rail-width) + 16px);
}

.takeoff-workspace.summary-restoring[b-l4vbcv4mw0] {
    transition: none;
}

.takeoff-workspace[b-l4vbcv4mw0]::before {
    background: #ffffff;
    border: 1px solid #cfdbe7;
    border-radius: 4px;
    content: "";
    grid-column: 1 / 4;
    grid-row: 1;
    min-height: 0;
    z-index: 0;
}

.scope-panel[b-l4vbcv4mw0],
.estimate-panel[b-l4vbcv4mw0],
.side-tools[b-l4vbcv4mw0] {
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.scope-panel[b-l4vbcv4mw0],
.side-tools[b-l4vbcv4mw0] {
    background: #ffffff;
    display: flex;
    flex-direction: column;
}

.scope-panel[b-l4vbcv4mw0] {
    border-right: 1px solid #cfdbe7;
}

.side-tools[b-l4vbcv4mw0] {
    border-left: 1px solid #cfdbe7;
}

.panel-heading[b-l4vbcv4mw0] {
    align-items: center;
    border-bottom: 1px solid #dce5ef;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 40px;
    padding: 7px 12px;
}

.panel-heading.slim[b-l4vbcv4mw0] {
    min-height: 34px;
    padding: 5px 10px;
}

.panel-heading span[b-l4vbcv4mw0] {
    color: #66788d;
    display: block;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.panel-heading strong[b-l4vbcv4mw0] {
    color: #1d2731;
    font-size: 15px;
    font-weight: 800;
}

.scope-form[b-l4vbcv4mw0],
.component-card[b-l4vbcv4mw0],
.template-card[b-l4vbcv4mw0] {
    display: flex;
    flex: 1 1 0;
    flex-direction: column;
    min-height: 0;
}

.scope-form[b-l4vbcv4mw0] {
    gap: 8px;
    padding: 10px;
}

.scope-field-action[b-l4vbcv4mw0] {
    align-items: end;
    display: grid;
    gap: 6px;
    grid-template-columns: minmax(0, 1fr) 30px;
}

.scope-engineering-field-action[b-l4vbcv4mw0] {
    grid-template-columns: minmax(0, 1fr) 28px 30px;
}

.scope-field-action label[b-l4vbcv4mw0] {
    min-width: 0;
}

.scope-icon-action[b-l4vbcv4mw0] {
    align-items: center;
    background: #1f5c9d;
    border: 1px solid #184c84;
    border-radius: 4px;
    color: #ffffff;
    display: inline-flex;
    height: 27px;
    justify-content: center;
    padding: 0;
    width: 30px;
}

.scope-icon-action:hover[b-l4vbcv4mw0] {
    background: #184c84;
    border-color: #123c6b;
}

.scope-icon-action .button-icon[b-l4vbcv4mw0] {
    background: #ffffff;
    color: #ffffff;
    height: 16px;
    opacity: 1;
    width: 16px;
}

.scope-engineering-lock-action[b-l4vbcv4mw0] {
    align-items: center;
    align-self: end;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    color: var(--theme-muted, #405368);
    display: inline-flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.scope-engineering-lock-action.customized[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, var(--theme-surface-raised, #ffffff));
    border-color: var(--theme-primary, #1f5c9d);
    color: var(--theme-primary, #1f5c9d);
}

.scope-engineering-lock-action.customized .icon-unlock[b-l4vbcv4mw0] {
    transform: rotate(-16deg) scale(1.12);
    transform-origin: center;
}

.scope-engineering-lock-action:hover:not(:disabled)[b-l4vbcv4mw0] {
    border-color: var(--theme-primary, #1f5c9d);
    color: var(--theme-primary, #1f5c9d);
}

.scope-engineering-lock-action:disabled[b-l4vbcv4mw0] {
    cursor: not-allowed;
    opacity: 0.5;
}

.scope-engineering-lock-action .button-icon[b-l4vbcv4mw0] {
    height: 14px;
    width: 14px;
}

.scope-form .wide[b-l4vbcv4mw0],
.entry-grid .wide[b-l4vbcv4mw0],
.project-info-grid .wide[b-l4vbcv4mw0],
.component-grid .wide[b-l4vbcv4mw0] {
    grid-column: 1 / -1;
}

.scope-actions[b-l4vbcv4mw0] {
    display: grid;
    gap: 6px;
    grid-template-columns: 1fr 1fr;
}

.scope-actions .tool-button:nth-child(3)[b-l4vbcv4mw0] {
    grid-column: 1 / 2;
}

.sketch-link[b-l4vbcv4mw0] {
    background: #eef7ff;
    border: 1px solid #bed7ef;
    border-radius: 4px;
    color: #1f5c9d;
    font-weight: 800;
    padding: 8px 9px;
    text-decoration: none;
}

.panel-actions[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
    padding-top: 7px;
}

.advanced-search-window[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 8px;
    box-shadow: 0 16px 34px rgba(15, 30, 50, 0.22);
    color: var(--theme-text, #1d2731);
    display: grid;
    font-family: inherit;
    gap: 10px;
    max-height: min(560px, calc(100vh - 140px));
    max-width: 640px;
    min-height: 0;
    overflow: hidden;
    padding: 12px;
    position: absolute;
    left: calc(100% + 6px);
    top: 0;
    width: min(640px, calc(100vw - 560px));
    z-index: 50;
}

.advanced-title[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    min-height: 24px;
}

.advanced-title span[b-l4vbcv4mw0] {
    color: var(--theme-heading, #1d2731);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    text-transform: uppercase;
}

.advanced-title button[b-l4vbcv4mw0] {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--theme-muted, #5c6c7d);
    cursor: pointer;
    display: inline-flex;
    font-size: 16px;
    height: 22px;
    justify-content: center;
    padding: 0;
    width: 22px;
}

.advanced-title button:hover[b-l4vbcv4mw0] {
    background: var(--theme-table-hover, #eef6ff);
    border-color: var(--theme-border, #d7e0ea);
    color: var(--theme-primary-strong, #184c84);
}

.advanced-topline[b-l4vbcv4mw0] {
    align-items: end;
    display: grid;
    gap: 8px;
    grid-template-columns: 150px minmax(210px, 1fr) auto;
}

.advanced-search-window .field span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
}

.advanced-search-window input[b-l4vbcv4mw0],
.advanced-search-window select[b-l4vbcv4mw0] {
    background: var(--theme-input-bg, #ffffff);
    border-color: var(--theme-border-strong, #bfccda);
    border-radius: 5px;
    color: var(--theme-text, #1d2731);
    min-height: 28px;
}

.advanced-search-window .tool-button[b-l4vbcv4mw0] {
    height: 28px;
    min-width: 72px;
}

.advanced-search-window .tool-button.primary[b-l4vbcv4mw0] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary-strong, #184c84);
    color: #ffffff;
}

.advanced-filter-status[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-soft, #f9fbfd);
    border: 1px dashed var(--theme-border-strong, #bfccda);
    border-radius: 6px;
    color: var(--theme-muted, #5c6c7d);
    display: flex;
    font-size: 12px;
    min-height: 28px;
    min-width: 0;
    padding: 0 9px;
}

.advanced-filter-status span[b-l4vbcv4mw0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.advanced-list[b-l4vbcv4mw0] {
    background: var(--theme-surface-soft, #f9fbfd);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    color: var(--theme-text, #1d2731);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 82px;
    overflow: auto;
    padding: 8px;
}

.advanced-option-list[b-l4vbcv4mw0] {
    align-content: flex-start;
    max-height: 180px;
}

.advanced-applied-list[b-l4vbcv4mw0] {
    align-items: center;
    min-height: 44px;
}

.advanced-list .check-field[b-l4vbcv4mw0] {
    color: var(--theme-text, #1d2731);
    min-height: 22px;
}

.advanced-empty[b-l4vbcv4mw0] {
    align-self: center;
    color: var(--theme-muted, #64748b);
    font-size: 12px;
    font-weight: 400;
}

.advanced-option-row[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 calc(50% - 3px);
    gap: 7px;
    min-width: 180px;
    overflow: hidden;
    padding: 5px 8px;
}

.advanced-option-row span[b-l4vbcv4mw0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.advanced-checks[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary-soft, #e7f1fb) 38%, var(--theme-surface-raised, #ffffff));
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    display: grid;
    gap: 5px 14px;
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    padding: 8px;
}

.advanced-checks .check-field[b-l4vbcv4mw0] {
    color: var(--theme-text, #1d2731);
    justify-content: flex-start;
    min-height: 22px;
}

.advanced-footer[b-l4vbcv4mw0] {
    align-items: center;
    border-top: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding-top: 10px;
}

.estimate-panel[b-l4vbcv4mw0] {
    display: flex;
    flex-direction: column;
}

.entry-panel[b-l4vbcv4mw0] {
    align-content: start;
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: grid;
    flex: 0 0 auto;
    gap: 1px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: max-content max-content;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: auto;
}

.entry-section[b-l4vbcv4mw0] {
    border-right: 1px solid #e2eaf2;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 6px 10px 8px;
}

.product-section[b-l4vbcv4mw0] {
    border-bottom: 1px solid #e2eaf2;
    border-right: 0;
    grid-column: 1 / -1;
    grid-row: 1;
    overflow: hidden;
}

.quantity-section[b-l4vbcv4mw0] {
    grid-column: 1;
    grid-row: 2;
}

.labor-section[b-l4vbcv4mw0] {
    border-right: 0;
    grid-column: 2;
    grid-row: 2;
}

.entry-title[b-l4vbcv4mw0] {
    align-items: center;
    flex: 0 0 auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 6px;
}

.entry-title span[b-l4vbcv4mw0] {
    color: #66788d;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.entry-title strong[b-l4vbcv4mw0] {
    color: #1f5c9d;
    font-size: 13px;
}

.entry-grid[b-l4vbcv4mw0],
.component-grid[b-l4vbcv4mw0],
.project-info-grid[b-l4vbcv4mw0],
.cost-grid[b-l4vbcv4mw0] {
    display: grid;
    gap: 5px 8px;
    grid-template-columns: repeat(3, minmax(86px, 1fr));
}

.component-grid[b-l4vbcv4mw0] {
    min-height: 0;
    overflow: auto;
}

.entry-grid[b-l4vbcv4mw0] {
    min-height: 0;
    overflow: visible;
}

.entry-grid label[b-l4vbcv4mw0],
.component-grid label[b-l4vbcv4mw0] {
    min-width: 0;
}

.entry-grid input[b-l4vbcv4mw0],
.entry-grid select[b-l4vbcv4mw0],
.entry-grid textarea[b-l4vbcv4mw0],
.component-grid input[b-l4vbcv4mw0],
.component-grid select[b-l4vbcv4mw0],
.component-grid textarea[b-l4vbcv4mw0] {
    width: 100%;
}

.entry-grid.compact[b-l4vbcv4mw0] {
    grid-template-columns: repeat(3, minmax(72px, 1fr));
}

.product-section .entry-grid[b-l4vbcv4mw0] {
    align-items: start;
    gap: 4px 10px;
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.product-section .entry-grid label[b-l4vbcv4mw0] {
    align-self: start;
    grid-column: span 2;
}

.product-section .entry-grid .product-top-field > span[b-l4vbcv4mw0] {
    align-items: start;
    display: flex;
    line-height: 1.2;
    min-height: 15px;
}

.product-section .entry-grid .product-top-field[b-l4vbcv4mw0] {
    align-self: end;
}

.product-section .entry-grid .takeoff-rich-field[b-l4vbcv4mw0] {
    align-self: start;
    display: grid;
    gap: 3px;
    min-width: 0;
}

.product-section .entry-grid .takeoff-rich-field > span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.product-section .entry-grid .sub-description[b-l4vbcv4mw0] {
    grid-column: span 3;
    min-height: 0;
}

.product-section .entry-grid .reference-detail[b-l4vbcv4mw0] {
    grid-column: span 3;
    min-height: 0;
}

.product-section .sub-description textarea[b-l4vbcv4mw0],
.product-section .reference-detail textarea[b-l4vbcv4mw0],
.product-section .sub-description .takeoff-multiline-sync[b-l4vbcv4mw0],
.product-section .reference-detail .takeoff-multiline-sync[b-l4vbcv4mw0] {
    min-height: 42px;
    overflow-y: auto;
    resize: vertical;
}

.product-section .takeoff-multiline-sync[b-l4vbcv4mw0] {
    box-sizing: border-box;
    display: block;
    line-height: 1.35;
    max-height: 220px;
    min-height: 42px;
    overflow-y: auto;
    scrollbar-gutter: stable;
}

.takeoff-style-host[b-l4vbcv4mw0] {
    position: relative;
}

.takeoff-style-host:hover[b-l4vbcv4mw0] {
    z-index: 20;
}

.takeoff-style-host:focus-within[b-l4vbcv4mw0] {
    z-index: 30;
}

.takeoff-style-host textarea[b-l4vbcv4mw0],
.takeoff-style-host .takeoff-rich-editor[b-l4vbcv4mw0] {
    width: 100%;
}

.takeoff-rich-editor[b-l4vbcv4mw0] {
    background: var(--theme-input-bg, var(--theme-surface, #fff));
    border: 1px solid var(--theme-input-border, var(--theme-border-strong, #9fb3c9));
    border-radius: 4px;
    color: var(--theme-text, #10243d);
    cursor: text;
    font: inherit;
    min-width: 0;
    outline: none;
    padding: 5px 7px;
    white-space: pre-wrap;
    word-break: break-word;
}

.takeoff-rich-editor[contenteditable="false"][b-l4vbcv4mw0] {
    cursor: default;
}

.takeoff-rich-editor[b-l4vbcv4mw0]  .takeoff-rich-link {
    color: var(--theme-primary, #1f5c9d);
    cursor: pointer;
    text-decoration: underline;
}

.takeoff-rich-editor:focus[b-l4vbcv4mw0] {
    border-color: var(--theme-primary, #1f5c9d);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary, #1f5c9d) 18%, transparent);
}

.text-style-toolbar[b-l4vbcv4mw0] {
    align-items: center;
    backdrop-filter: blur(8px);
    background: color-mix(in srgb, var(--theme-surface, #fff) 88%, transparent);
    border: 1px solid var(--theme-border, #bfd0e2);
    border-radius: 6px;
    box-shadow: 0 8px 18px rgba(15, 37, 64, .16);
    display: flex;
    gap: 4px;
    opacity: 0;
    padding: 3px;
    pointer-events: none;
    bottom: calc(100% + 5px);
    left: 50%;
    position: absolute;
    top: auto;
    transform: translateX(-50%) scale(.98);
    transform-origin: center bottom;
    transition: opacity .12s ease, transform .12s ease;
    z-index: 15;
    min-height: 24px;
}

.product-section .entry-grid:not(:focus-within) .takeoff-style-host:hover .text-style-toolbar[b-l4vbcv4mw0],
.takeoff-style-host:focus-within .text-style-toolbar[b-l4vbcv4mw0] {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(-50%) scale(1);
}

.takeoff-style-host.takeoff-toolbar-focus-guard .text-style-toolbar[b-l4vbcv4mw0] {
    opacity: 0;
    pointer-events: none;
}

.text-style-toolbar button[b-l4vbcv4mw0],
.text-style-toolbar input[type="color"][b-l4vbcv4mw0] {
    border: 1px solid var(--theme-border-strong, #9fb3c9);
    border-radius: 4px;
    color: var(--theme-text, #123);
    font-size: 11px;
    height: 22px;
}

.text-style-toolbar button[b-l4vbcv4mw0] {
    background: var(--theme-surface, #fff);
}

.text-style-button[b-l4vbcv4mw0] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-family: inherit;
    justify-content: center;
    padding: 0;
    width: 22px;
}

.text-style-button.active[b-l4vbcv4mw0] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary, #1f5c9d);
    color: #fff;
}

.text-style-toolbar input[type="color"][b-l4vbcv4mw0] {
    background: transparent;
    cursor: pointer;
    padding: 1px;
    width: 26px;
}

.text-style-reset[b-l4vbcv4mw0] {
    cursor: pointer;
    padding: 0 6px;
}

.text-style-toolbar button:disabled[b-l4vbcv4mw0],
.text-style-toolbar input[type="color"]:disabled[b-l4vbcv4mw0] {
    cursor: not-allowed;
    opacity: .45;
}

.quantity-section .entry-grid.compact[b-l4vbcv4mw0],
.labor-section .entry-grid.compact[b-l4vbcv4mw0] {
    align-content: start;
    gap: 4px 6px;
    grid-template-columns: repeat(4, minmax(54px, 1fr));
    overflow: visible;
}

.quantity-section .entry-grid.compact[b-l4vbcv4mw0] {
    grid-template-columns: repeat(4, minmax(82px, 1fr));
}

.labor-section .entry-grid.compact[b-l4vbcv4mw0] {
    grid-template-columns: repeat(4, minmax(82px, 1fr));
}

.quantity-section[b-l4vbcv4mw0],
.labor-section[b-l4vbcv4mw0] {
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 8px;
    padding-right: 8px;
}

.quantity-section input[b-l4vbcv4mw0],
.quantity-section select[b-l4vbcv4mw0],
.labor-section input[b-l4vbcv4mw0],
.labor-section select[b-l4vbcv4mw0],
.component-grid input[b-l4vbcv4mw0],
.component-grid select[b-l4vbcv4mw0] {
    height: 27px;
    padding-left: 6px;
    padding-right: 6px;
}

.estimate-grid-panel[b-l4vbcv4mw0] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.grid-toolbar[b-l4vbcv4mw0] {
    align-items: center;
    background: #f6f9fc;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: space-between;
    min-height: 42px;
    overflow: visible;
    padding: 6px 10px;
    position: relative;
    z-index: 20;
}

.grid-sketch-tools[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    min-width: 0;
}

.sketch-attachment-control[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    gap: 6px;
    min-width: 0;
}

.attachment-remove-button[b-l4vbcv4mw0] {
    align-items: center;
    appearance: none;
    background: color-mix(in srgb, var(--theme-danger, #b83b4b) 9%, var(--theme-surface-raised, #ffffff));
    border: 1px solid color-mix(in srgb, var(--theme-danger, #b83b4b) 38%, var(--theme-border, #d7e0ea));
    border-radius: 4px;
    color: var(--theme-danger, #b83b4b);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 24px;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 24px;
}

.attachment-remove-button:hover[b-l4vbcv4mw0],
.attachment-remove-button:focus-visible[b-l4vbcv4mw0] {
    background: var(--theme-danger, #b83b4b);
    color: #ffffff;
    outline: none;
}

.attachment-remove-button .button-icon[b-l4vbcv4mw0] {
    height: 12px;
    width: 12px;
}

.selected-items-summary[b-l4vbcv4mw0] {
    align-items: stretch;
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    min-width: 0;
}

.selected-summary-metric[b-l4vbcv4mw0] {
    align-items: center;
    border-left: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    gap: 7px;
    justify-content: center;
    min-width: 145px;
    padding: 1px 14px;
}

.selected-summary-metric:last-child[b-l4vbcv4mw0] {
    border-right: 1px solid var(--theme-border, #d7e0ea);
}

.selected-summary-metric span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.selected-summary-metric strong[b-l4vbcv4mw0] {
    color: var(--theme-accent-strong, #1f5c9d);
    font-size: 13px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.sketch-upload-control[b-l4vbcv4mw0] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
    height: 30px;
    min-width: 0;
    position: relative;
}

.sketch-upload-control.disabled[b-l4vbcv4mw0] {
    cursor: not-allowed;
    opacity: 0.55;
}

.sketch-upload-action[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-primary, #1f5c9d);
    border: 1px solid var(--theme-primary-strong, #184c84);
    border-radius: 4px;
    color: #ffffff;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    gap: 5px;
    height: 28px;
    padding: 0 9px;
    white-space: nowrap;
}

.sketch-upload-control.disabled .sketch-upload-action[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border-color: var(--theme-border-strong, #aebed0);
    color: var(--theme-soft-muted, #526579);
}

.sketch-upload-control[b-l4vbcv4mw0]  .sketch-file-input {
    cursor: pointer;
    font-size: 0;
    height: 100%;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
    z-index: 4;
}

.sketch-upload-control.disabled[b-l4vbcv4mw0]  .sketch-file-input {
    cursor: not-allowed;
    pointer-events: none;
}

.sketch-thumbnail[b-l4vbcv4mw0] {
    appearance: none;
    align-items: center;
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border-strong, #b8c9dc);
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: inset 0 0 0 2px #f5f9fc;
    color: var(--theme-soft-muted, #526579);
    cursor: pointer;
    display: flex;
    flex: 0 0 auto;
    height: 30px;
    justify-content: center;
    overflow: visible;
    padding: 0;
    position: relative;
    width: 44px;
}

.sketch-thumbnail:disabled[b-l4vbcv4mw0] {
    cursor: default;
    opacity: 1;
}

.sketch-thumbnail.has-sketch[b-l4vbcv4mw0] {
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.74);
}

.sketch-thumbnail > img[b-l4vbcv4mw0] {
    border-radius: 2px;
    display: block;
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.sketch-empty[b-l4vbcv4mw0] {
    font-size: 8px;
    font-weight: 800;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
}

.sketch-preview[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #b8c9dc);
    border-radius: 5px;
    box-shadow: 0 18px 42px rgba(20, 34, 49, 0.28);
    display: grid;
    gap: 5px;
    grid-template-rows: minmax(0, 1fr) auto;
    height: 166px;
    left: -6px;
    opacity: 0;
    padding: 6px;
    pointer-events: none;
    position: absolute;
    top: calc(100% + 6px);
    transform: translateY(4px) scale(0.98);
    transition: opacity 120ms ease, transform 120ms ease;
    width: 220px;
    z-index: 130;
}

.sketch-thumbnail:hover .sketch-preview[b-l4vbcv4mw0],
.sketch-thumbnail:focus-visible .sketch-preview[b-l4vbcv4mw0] {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.sketch-preview img[b-l4vbcv4mw0] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border, #dce5ef);
    border-radius: 3px;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    width: 100%;
}

.sketch-preview span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #405368);
    display: block;
    font-size: 10px;
    font-weight: 800;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sketch-preview.empty[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    height: 76px;
    justify-content: center;
    top: calc(100% + 6px);
    width: 150px;
}

.rfq-attachment-control[b-l4vbcv4mw0] {
    align-items: center;
    border-left: 1px solid var(--theme-border-strong, #b8c9dc);
    display: flex;
    gap: 6px;
    min-width: 0;
    padding-left: 10px;
}

.rfq-upload-action[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-primary, #1f5c9d);
    border: 1px solid var(--theme-primary-strong, #184c84);
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 700;
    gap: 5px;
    height: 28px;
    padding: 0 9px;
    position: relative;
    white-space: nowrap;
}

.rfq-upload-action.disabled[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border-color: var(--theme-border-strong, #aebed0);
    color: var(--theme-soft-muted, #526579);
    cursor: not-allowed;
    opacity: 0.55;
}

.rfq-upload-action[b-l4vbcv4mw0]  .rfq-file-input {
    cursor: pointer;
    font-size: 0;
    height: 100%;
    inset: 0;
    opacity: 0;
    position: absolute;
    width: 100%;
}

.rfq-upload-action.disabled[b-l4vbcv4mw0]  .rfq-file-input {
    cursor: not-allowed;
    pointer-events: none;
}

.rfq-file-link[b-l4vbcv4mw0],
.rfq-file-name[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 11%, var(--theme-surface-raised, #ffffff));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 32%, var(--theme-border, #d7e0ea));
    border-radius: 4px;
    color: var(--theme-primary-strong, #184c84);
    display: block;
    font-size: 10px;
    font-weight: 700;
    max-width: 150px;
    overflow: hidden;
    padding: 4px 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rfq-file-link[b-l4vbcv4mw0] {
    cursor: pointer;
    text-decoration: none;
}

.rfq-file-link:hover[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 18%, var(--theme-surface-raised, #ffffff));
    text-decoration: underline;
}

.rfq-file-name.empty[b-l4vbcv4mw0] {
    background: transparent;
    border-color: var(--theme-border, #d7e0ea);
    color: var(--theme-soft-muted, #75879a);
    font-weight: 600;
}

[b-l4vbcv4mw0] .estimate-grid-link {
    color: var(--theme-primary, #1f5c9d);
    cursor: pointer;
    position: relative;
    text-decoration: underline;
    z-index: 2;
}

.estimate-row.selected[b-l4vbcv4mw0]  .estimate-grid-link,
.estimate-row.row-highlighted[b-l4vbcv4mw0]  .estimate-grid-link {
    color: inherit;
}

.context-actions[b-l4vbcv4mw0] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.context-actions button[b-l4vbcv4mw0] {
    height: 26px;
    font-size: 11px;
}

.total-selected[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    white-space: nowrap;
}

.total-selected strong[b-l4vbcv4mw0],
.component-total strong[b-l4vbcv4mw0] {
    color: #1f5c9d;
    font-size: 14px;
}

.grid-scroll[b-l4vbcv4mw0] {
    background:
        linear-gradient(90deg, rgba(31, 92, 157, 0.08), transparent 18px) left / 18px 100% no-repeat,
        linear-gradient(270deg, rgba(31, 92, 157, 0.08), transparent 18px) right / 18px 100% no-repeat,
        #ffffff;
    cursor: context-menu;
    flex: 1 1 auto;
    max-width: 100%;
    min-height: 0;
    min-width: 0;
    overflow-x: scroll;
    overflow-y: auto;
    scrollbar-gutter: stable;
    width: 100%;
}

.estimate-grid-pager[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-muted, #f3f7fb);
    border-top: 1px solid var(--theme-border, #c7d5e4);
    color: var(--theme-text-muted, #3c5168);
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: flex-end;
    min-height: 34px;
    padding: 4px 8px;
}

.estimate-grid-pager > span:first-child[b-l4vbcv4mw0] {
    margin-right: auto;
}

.estimate-grid-pager label[b-l4vbcv4mw0] {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    margin: 0;
}

.estimate-grid-pager select[b-l4vbcv4mw0] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-input-border, #b7c7da);
    border-radius: 4px;
    color: var(--theme-input-text, #10233a);
    font: inherit;
    font-size: 12px;
    height: 26px;
    padding: 0 6px;
}

.estimate-grid-pager .tool-button[b-l4vbcv4mw0] {
    height: 26px;
}

.grid-context-menu[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #b7c7da);
    border-radius: 6px;
    box-shadow: 0 12px 30px rgba(20, 34, 49, 0.24);
    display: grid;
    gap: 2px;
    min-width: 240px;
    overflow: visible;
    padding: 6px;
    position: fixed;
    z-index: 1000;
}

.tabulation-context-menu[b-l4vbcv4mw0] {
    min-width: 206px;
    z-index: 1800;
}

.grid-context-menu button[b-l4vbcv4mw0] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: var(--theme-text, #243242);
    display: flex;
    font-size: 12px;
    font-weight: 800;
    height: 30px;
    justify-content: flex-start;
    padding: 0 9px;
    position: relative;
    text-align: left;
    white-space: nowrap;
    width: 100%;
}

.grid-context-menu button.context-menu-separator[b-l4vbcv4mw0],
.grid-context-menu .context-submenu-wrapper.context-menu-separator[b-l4vbcv4mw0] {
    margin-top: 7px;
}

.grid-context-menu button.context-menu-separator[b-l4vbcv4mw0]::before,
.grid-context-menu .context-submenu-wrapper.context-menu-separator[b-l4vbcv4mw0]::before {
    background: color-mix(in srgb, var(--theme-danger, #d33f49) 72%, transparent);
    content: "";
    height: 1px;
    left: 9px;
    position: absolute;
    right: 9px;
    top: -4px;
}

.grid-context-menu button:hover[b-l4vbcv4mw0],
.grid-context-menu .context-submenu-wrapper:focus-within > .context-submenu-trigger[b-l4vbcv4mw0] {
    background: var(--theme-primary-soft, #eaf3fc);
    color: var(--theme-primary-strong, #1f5c9d);
}

.grid-context-menu button:disabled[b-l4vbcv4mw0] {
    color: var(--theme-soft-muted, #9aa8b8);
    cursor: not-allowed;
    opacity: 0.78;
}

.grid-context-menu button:disabled:hover[b-l4vbcv4mw0] {
    background: transparent;
    color: var(--theme-soft-muted, #9aa8b8);
}

.context-submenu-wrapper[b-l4vbcv4mw0] {
    position: relative;
}

.context-submenu-wrapper[b-l4vbcv4mw0]::after {
    content: "";
    height: calc(100% + 12px);
    left: 100%;
    position: absolute;
    top: -6px;
    width: 8px;
    z-index: 1000;
}

.context-submenu-trigger[b-l4vbcv4mw0] {
    gap: 8px;
}

.context-submenu-arrow[b-l4vbcv4mw0] {
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    display: inline-block;
    height: 7px;
    margin-left: auto;
    transform: rotate(-45deg);
    width: 7px;
}

.context-submenu[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #b7c7da);
    border-radius: 6px;
    box-shadow: 0 12px 30px rgba(20, 34, 49, 0.24);
    display: none;
    gap: 2px;
    left: calc(100% + 6px);
    margin: 0;
    min-width: 220px;
    padding: 6px;
    position: absolute;
    top: -6px;
    z-index: 1001;
}

.context-submenu-wrapper:hover .context-submenu[b-l4vbcv4mw0],
.context-submenu-wrapper:focus-within .context-submenu[b-l4vbcv4mw0] {
    display: grid;
}

table[b-l4vbcv4mw0] {
    background: #ffffff;
    border-collapse: separate;
    border-spacing: 0;
    min-width: 1500px;
    width: max-content;
}

.estimate-grid-table[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border-collapse: separate;
    border-spacing: 0;
    min-width: 0;
    table-layout: fixed;
    width: max-content;
}

th[b-l4vbcv4mw0] {
    background: #f1f5f9;
    border-bottom: 1px solid #cfdbe7;
    border-right: 1px solid #dde6ef;
    color: #45586c;
    font-size: 11px;
    font-weight: 800;
    height: 33px;
    padding: 0 8px;
    position: sticky;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.estimate-grid-table th[b-l4vbcv4mw0] {
    background: var(--theme-table-head, #f1f5f9);
    border-bottom: 1px solid var(--theme-border, #cfdbe7);
    border-right: 1px solid var(--theme-border, #dde6ef);
    box-sizing: border-box;
    color: var(--theme-muted, #45586c);
    height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    top: 0;
    white-space: nowrap;
    z-index: 4;
}

.estimate-grid-table .estimate-column-header[b-l4vbcv4mw0] {
    box-shadow: inset 0 -1px 0 var(--theme-border, #d7e0ea);
    cursor: default;
    padding-right: 8px;
    position: sticky;
    user-select: none;
}

.estimate-header-content[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    gap: 3px;
    min-width: 0;
    width: 100%;
}

.estimate-header-label[b-l4vbcv4mw0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estimate-column-total-button[b-l4vbcv4mw0] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, var(--theme-surface-raised, #ffffff));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 34%, var(--theme-border, #cfdbe7));
    border-radius: 3px;
    color: var(--theme-primary, #1f5c9d);
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 17px;
    font-family: "Segoe UI Symbol", "Segoe UI", sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 17px;
    justify-content: center;
    line-height: 1;
    margin-left: auto;
    padding: 0;
    width: 17px;
}

.estimate-column-resize-handle[b-l4vbcv4mw0] {
    bottom: 0;
    cursor: col-resize;
    position: absolute;
    right: -1px;
    top: 0;
    touch-action: none;
    width: 8px;
    z-index: 9;
}

.estimate-column-resize-handle[b-l4vbcv4mw0]::after {
    background: transparent;
    bottom: 4px;
    content: "";
    position: absolute;
    right: 3px;
    top: 4px;
    width: 2px;
}

.estimate-column-resize-handle:hover[b-l4vbcv4mw0]::after,
.estimate-column-resize-handle.resizing[b-l4vbcv4mw0]::after {
    background: var(--theme-primary, #1f5c9d);
}

.estimate-column-total-button:hover[b-l4vbcv4mw0],
.estimate-column-total-button:focus-visible[b-l4vbcv4mw0] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary, #1f5c9d);
    color: #ffffff;
    outline: none;
}

.estimate-grid-table .indicator-column-header[b-l4vbcv4mw0] {
    cursor: default;
    padding: 0 4px;
    text-align: center;
}

td[b-l4vbcv4mw0] {
    border-bottom: 1px solid #edf2f7;
    border-right: 1px solid #f0f4f8;
    color: #263546;
    height: 28px;
    max-width: 220px;
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estimate-grid-table td[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border-bottom: 1px solid var(--theme-border, #edf2f7);
    border-right: 1px solid rgba(191, 204, 218, 0.45);
    box-sizing: border-box;
    color: var(--theme-text, #263546);
    height: 30px;
    line-height: 29px;
    max-width: none;
    overflow: hidden;
    padding: 0 6px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.estimate-grid-table .estimate-empty-cell[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-weight: 800;
    height: 110px;
    text-align: center;
}

tbody tr:hover[b-l4vbcv4mw0] {
    background: #f5fbff;
}

.estimate-grid-table .estimate-data-row.alternating td[b-l4vbcv4mw0] {
    background: var(--estimate-alternating-row, color-mix(in srgb, var(--theme-surface-muted, #f1f5f9) 46%, var(--theme-surface-raised, #ffffff)));
    color: var(--estimate-alternating-text, var(--theme-text, #263546));
}

.estimate-grid-table tbody tr:hover:not(.estimate-group-row) td[b-l4vbcv4mw0] {
    background: var(--theme-table-hover, #f5fbff);
}

.estimate-grid-table .estimate-data-row.revision-added td:not(.changed-cell)[b-l4vbcv4mw0] {
    background: var(--estimate-rev-added-row, color-mix(in srgb, var(--theme-primary-soft, #e7f1fb) 62%, var(--theme-surface-raised, #ffffff)));
    color: var(--estimate-rev-added-text, var(--theme-text, #263546));
}

.estimate-grid-table .estimate-data-row.revised td:not(.changed-cell)[b-l4vbcv4mw0] {
    background: var(--estimate-rev-modified-row, color-mix(in srgb, var(--theme-warning-soft, #fff3d9) 58%, var(--theme-surface-raised, #ffffff)));
    color: var(--estimate-rev-modified-text, var(--theme-text, #263546));
}

.estimate-grid-table td.pieces-cell:not(.changed-cell)[b-l4vbcv4mw0],
.estimate-grid-table .estimate-data-row.alternating td.pieces-cell:not(.changed-cell)[b-l4vbcv4mw0],
.estimate-grid-table tbody tr:hover:not(.estimate-group-row) td.pieces-cell:not(.changed-cell)[b-l4vbcv4mw0] {
    background: #a8e9e7;
    color: #061f2d;
}

.estimate-grid-table .estimate-data-row[b-l4vbcv4mw0] {
    cursor: pointer;
    height: 30px;
    max-height: 30px;
}

.estimate-grid-table .estimate-data-row td[b-l4vbcv4mw0] {
    height: 30px;
    line-height: 29px;
    max-height: 30px;
    overflow: hidden;
    vertical-align: middle;
}

.estimate-cell-inner[b-l4vbcv4mw0] {
    display: block;
    max-height: 29px;
    min-width: 0;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estimate-grid-table td.tagged-cell .estimate-cell-inner[b-l4vbcv4mw0] {
    padding-right: 18px;
}

.estimate-cell-tag-indicator[b-l4vbcv4mw0] {
    align-items: center;
    background: color-mix(in srgb, var(--cell-tag-color, var(--theme-primary, #1f5c9d)) 14%, var(--theme-surface-raised, #ffffff));
    border: 1px solid color-mix(in srgb, var(--cell-tag-color, var(--theme-primary, #1f5c9d)) 62%, transparent);
    border-radius: 999px;
    box-shadow: 0 1px 3px rgba(13, 34, 55, 0.18);
    display: inline-flex;
    height: 14px;
    justify-content: center;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: 14px;
    z-index: 2;
}

.estimate-cell-tag-indicator[b-l4vbcv4mw0]::before {
    background: var(--cell-tag-color, var(--theme-primary, #1f5c9d));
    content: "";
    display: inline-block;
    height: 9px;
    width: 9px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.6 11.4 12.6 3.4A2 2 0 0 0 11.2 3H5a2 2 0 0 0-2 2v6.2a2 2 0 0 0 .6 1.4l8 8a2 2 0 0 0 2.8 0l6.2-6.2a2 2 0 0 0 0-2.8ZM7.5 8.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20.6 11.4 12.6 3.4A2 2 0 0 0 11.2 3H5a2 2 0 0 0-2 2v6.2a2 2 0 0 0 .6 1.4l8 8a2 2 0 0 0 2.8 0l6.2-6.2a2 2 0 0 0 0-2.8ZM7.5 8.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.estimate-grid-table .estimate-data-row[draggable="true"][b-l4vbcv4mw0] {
    cursor: grab;
    -webkit-user-select: none;
    user-select: none;
}

.estimate-grid-table .estimate-data-row[draggable="true"] td[b-l4vbcv4mw0],
.estimate-grid-table .estimate-data-row[draggable="true"] *[b-l4vbcv4mw0] {
    -webkit-user-select: none;
    user-select: none;
}

.estimate-grid-table .estimate-data-row.dragging td[b-l4vbcv4mw0],
.estimate-grid-table .estimate-data-row.dragging td.frozen-column[b-l4vbcv4mw0] {
    opacity: 0.55;
}

.estimate-grid-table .estimate-data-row.drag-over td[b-l4vbcv4mw0],
.estimate-grid-table .estimate-data-row.drag-over td.frozen-column[b-l4vbcv4mw0] {
    box-shadow:
        inset 0 -2px 0 var(--theme-primary, #1f5c9d),
        inset 0 2px 0 color-mix(in srgb, var(--theme-primary, #1f5c9d) 24%, transparent);
}

.estimate-grid-table .estimate-data-row.selected td[b-l4vbcv4mw0],
.estimate-grid-table .estimate-data-row.selected td.frozen-column[b-l4vbcv4mw0] {
    background: #078bd8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), inset 0 -1px 0 rgba(0, 62, 109, 0.18);
    color: #ffffff;
}

.estimate-grid-table .estimate-data-row.selected td.pieces-cell:not(.changed-cell)[b-l4vbcv4mw0] {
    background: #078bd8;
    color: #ffffff;
}

.estimate-grid-table .estimate-data-row.locked td[b-l4vbcv4mw0] {
    color: color-mix(in srgb, var(--theme-text, #263546) 74%, var(--theme-muted, #5c6c7d));
}

.estimate-grid-table .estimate-data-row.strikeout td[b-l4vbcv4mw0] {
    background: var(--estimate-strikeout-row, color-mix(in srgb, var(--theme-danger-soft, #fff0f0) 58%, var(--theme-surface, #ffffff)));
    color: var(--estimate-strikeout-text, color-mix(in srgb, var(--theme-text, #263546) 58%, var(--theme-muted, #5c6c7d)));
    text-decoration: line-through;
    text-decoration-thickness: 2px;
    text-decoration-color: color-mix(in srgb, var(--theme-danger, #d33f49) 74%, var(--theme-text, #263546));
}

.estimate-grid-table .estimate-data-row.archived td:not(.changed-cell)[b-l4vbcv4mw0],
.estimate-grid-table .estimate-data-row.archived td.frozen-column:not(.changed-cell)[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-surface-muted, #f1f5f9) 78%, var(--theme-surface-raised, #ffffff));
    color: var(--theme-muted, #5c6c7d);
}

.estimate-grid-table .frozen-column[b-l4vbcv4mw0] {
    left: 0;
    position: sticky;
    z-index: 6;
}

.estimate-grid-table th.frozen-column:nth-child(2)[b-l4vbcv4mw0],
.estimate-grid-table td.frozen-column:nth-child(2)[b-l4vbcv4mw0] {
    left: 42px;
}

.estimate-grid-table td.frozen-column[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    box-shadow: 1px 0 0 var(--theme-border, #d7e0ea), 8px 0 14px rgba(25, 40, 55, 0.08);
    color: var(--theme-heading, #1d2731);
    z-index: 3;
}

.estimate-grid-table td.estimator-cell[b-l4vbcv4mw0] {
    font-weight: 400;
}

.estimate-grid-table .estimate-data-row.zero-measure td[b-l4vbcv4mw0],
.estimate-grid-table .estimate-data-row.zero-measure td.frozen-column[b-l4vbcv4mw0],
.estimate-grid-table td.large-pieces-cell[b-l4vbcv4mw0] {
    font-weight: 700;
}

.estimate-grid-table .estimate-data-row.template-format td[b-l4vbcv4mw0],
.estimate-grid-table .estimate-data-row.template-format td.frozen-column[b-l4vbcv4mw0] {
    font-style: italic;
    font-weight: 700;
}

.estimate-estimator-cell-content[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    gap: 5px;
    min-width: 0;
    width: 100%;
}

.estimate-estimator-name[b-l4vbcv4mw0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.estimate-estimator-inline-tags[b-l4vbcv4mw0] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 auto;
    gap: 4px;
}

.estimate-row-tag[b-l4vbcv4mw0] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 9px;
    font-weight: 900;
    height: 15px;
    justify-content: center;
    line-height: 1;
    padding: 1px 5px;
}

.estimate-row-tag.copy-tag[b-l4vbcv4mw0] {
    background: var(--theme-primary-soft, #e7f1fb);
    color: var(--theme-primary-strong, #184c84);
}

.estimate-row-tag.revised-tag[b-l4vbcv4mw0] {
    background: var(--theme-warning-soft, #fff3d9);
    color: var(--theme-warning, #8a5d00);
}

.estimate-row-tag.archived-tag[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-muted, #5c6c7d) 18%, var(--theme-surface-raised, #ffffff));
    color: var(--theme-text, #263546);
}

.estimate-row-tag.stage-tag[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-success-soft, #e9f6f4) 72%, var(--theme-surface-raised, #ffffff));
    color: var(--theme-success, #14675c);
    margin-left: auto;
    min-width: 24px;
}

.estimate-grid-table .estimate-data-row.alternating td.frozen-column[b-l4vbcv4mw0] {
    background: var(--estimate-alternating-row, color-mix(in srgb, var(--theme-surface-muted, #f1f5f9) 46%, var(--theme-surface-raised, #ffffff)));
    color: var(--estimate-alternating-text, var(--theme-heading, #1d2731));
}

.estimate-grid-table tbody tr:hover:not(.estimate-group-row) td.frozen-column[b-l4vbcv4mw0] {
    background: var(--theme-table-hover, #f5fbff);
}

.estimate-grid-table .estimate-data-row.revision-added td.frozen-column:not(.changed-cell)[b-l4vbcv4mw0] {
    background: var(--estimate-rev-added-row, color-mix(in srgb, var(--theme-primary-soft, #e7f1fb) 62%, var(--theme-surface-raised, #ffffff)));
    color: var(--estimate-rev-added-text, var(--theme-heading, #1d2731));
}

.estimate-grid-table .estimate-data-row.revised td.frozen-column:not(.changed-cell)[b-l4vbcv4mw0] {
    background: var(--estimate-rev-modified-row, color-mix(in srgb, var(--theme-warning-soft, #fff3d9) 58%, var(--theme-surface-raised, #ffffff)));
    color: var(--estimate-rev-modified-text, var(--theme-heading, #1d2731));
}

.estimate-grid-table .estimate-data-row.strikeout td.frozen-column[b-l4vbcv4mw0] {
    background: var(--estimate-strikeout-row, color-mix(in srgb, var(--theme-danger-soft, #fff0f0) 58%, var(--theme-surface, #ffffff)));
    color: var(--estimate-strikeout-text, var(--theme-heading, #1d2731));
}

.estimate-grid-table th.frozen-column[b-l4vbcv4mw0] {
    box-shadow: 1px 0 0 var(--theme-border, #d7e0ea), 8px 0 14px rgba(25, 40, 55, 0.08);
    z-index: 7;
}

.estimate-grid-table .indicator-cell[b-l4vbcv4mw0] {
    padding: 0 4px;
    text-align: center;
}

.indicator-cell-inner[b-l4vbcv4mw0],
.estimate-row-indicators[b-l4vbcv4mw0] {
    align-items: center;
    display: inline-flex;
    gap: 3px;
    height: 100%;
    justify-content: center;
    min-width: 0;
    width: 100%;
}

.estimate-row-indicators .button-icon[b-l4vbcv4mw0] {
    color: var(--theme-primary-strong, #184c84);
    height: 13px;
    width: 13px;
}

.estimate-drag-handle[b-l4vbcv4mw0] {
    background:
        radial-gradient(circle, currentColor 1.2px, transparent 1.4px) center 2px / 6px 5px repeat-y;
    color: color-mix(in srgb, var(--theme-muted, #5b728b) 74%, transparent);
    cursor: grab;
    display: inline-block;
    height: 15px;
    width: 8px;
}

.estimate-row-indicators .icon-tabulation[b-l4vbcv4mw0] {
    color: var(--theme-heading, #1d2731);
}

.estimate-group-row td[b-l4vbcv4mw0] {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--theme-success-soft, #e9f6f4) 66%, var(--theme-primary-soft, #e7f1fb) 34%),
        color-mix(in srgb, var(--theme-primary-soft, #e7f1fb) 46%, var(--theme-surface-soft, #f9fbfd) 54%)
    );
    border-bottom: 1px solid color-mix(in srgb, var(--theme-success, #14675c) 22%, var(--theme-border-strong, #bfd4ea));
    border-left: 4px solid color-mix(in srgb, var(--theme-success, #14675c) 58%, var(--theme-primary, #1f5c9d));
    border-top: 1px solid var(--theme-border, #d7e0ea);
    border-right: 0;
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--theme-surface-raised, #ffffff) 55%, transparent);
    color: var(--theme-heading, #1d2731);
    cursor: pointer;
    height: 28px;
    max-width: none;
    padding: 0 8px 0 10px;
    overflow: visible;
    position: relative;
    white-space: normal;
    z-index: 2;
}

.estimate-group-row:hover td[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-success-soft, #e9f6f4) 68%, var(--theme-table-hover, #f5fbff));
}

.estimate-group-cell[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    min-width: 0;
    transform: translateX(var(--estimate-grid-scroll-left, 0px));
    width: fit-content;
    will-change: transform;
}

.estimate-group-toggle[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 4px;
    color: var(--theme-primary-strong, #184c84);
    cursor: pointer;
    display: inline-flex;
    height: 20px;
    justify-content: center;
    padding: 0;
    width: 22px;
}

.estimate-group-toggle .button-icon[b-l4vbcv4mw0] {
    height: 12px;
    width: 12px;
}

.estimate-group-cell > span[b-l4vbcv4mw0] {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    min-width: 0;
}

.estimate-group-cell span span[b-l4vbcv4mw0] {
    color: color-mix(in srgb, var(--theme-success, #14675c) 42%, var(--theme-muted, #5b728b));
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
}

.estimate-group-cell strong[b-l4vbcv4mw0] {
    color: color-mix(in srgb, var(--theme-primary-strong, #0b3f75) 74%, var(--theme-heading, #1d2731));
    font-size: 11px;
    font-weight: 900;
}

.estimate-grid-table .emphasis-cell[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-warning-soft, #fff3d9) 55%, var(--theme-surface-raised, #ffffff));
    color: var(--theme-warning, #8a5d00);
}

.estimate-grid-table tbody tr.estimate-data-row.selected > td:not(.changed-cell)[b-l4vbcv4mw0],
.estimate-grid-table tbody tr.estimate-data-row.selected:hover > td:not(.changed-cell)[b-l4vbcv4mw0],
.estimate-grid-table tbody tr.estimate-data-row.selected > td.frozen-column:not(.changed-cell)[b-l4vbcv4mw0],
.estimate-grid-table tbody tr.estimate-data-row.selected:hover > td.frozen-column:not(.changed-cell)[b-l4vbcv4mw0],
.estimate-grid-table tbody tr.estimate-data-row.selected > td.pieces-cell:not(.changed-cell)[b-l4vbcv4mw0],
.estimate-grid-table tbody tr.estimate-data-row.selected:hover > td.pieces-cell:not(.changed-cell)[b-l4vbcv4mw0],
.estimate-grid-table tbody tr.estimate-data-row.selected > td.emphasis-cell:not(.changed-cell)[b-l4vbcv4mw0],
.estimate-grid-table tbody tr.estimate-data-row.selected:hover > td.emphasis-cell:not(.changed-cell)[b-l4vbcv4mw0] {
    background: #078bd8;
    color: #ffffff;
}

.estimate-grid-table tbody tr.estimate-data-row.notification-target > td[b-l4vbcv4mw0],
.estimate-grid-table tbody tr.estimate-data-row.notification-target > td.frozen-column[b-l4vbcv4mw0],
.estimate-grid-table tbody tr.estimate-data-row.notification-target:hover > td[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-warning-soft, #fff3d9) 64%, var(--theme-surface-raised, #ffffff));
}

.estimate-grid-table td.changed-cell[b-l4vbcv4mw0],
.estimate-grid-table tbody tr:hover:not(.estimate-group-row) td.changed-cell[b-l4vbcv4mw0],
.estimate-grid-table .estimate-data-row.selected td.changed-cell[b-l4vbcv4mw0],
.estimate-grid-table .estimate-data-row.selected td.changed-cell.frozen-column[b-l4vbcv4mw0] {
    --changed-cell-color: var(--theme-warning, #8a5d00);
    --changed-cell-bg: color-mix(in srgb, var(--changed-cell-color) 16%, var(--theme-surface-raised, #ffffff));
    background: linear-gradient(90deg, var(--changed-cell-color) 0 3px, var(--changed-cell-bg) 3px) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--changed-cell-color) 24%, transparent);
    color: var(--theme-heading, #1d2731) !important;
}

.estimate-grid-table td.changed-cell[b-l4vbcv4mw0] {
    position: relative;
}

.estimate-grid-table td.changed-cell.frozen-column[b-l4vbcv4mw0] {
    position: sticky;
}

.estimate-grid-table td.changed-cell[b-l4vbcv4mw0]::after {
    border-left: 7px solid transparent;
    border-top: 7px solid var(--changed-cell-color, var(--theme-warning, #8a5d00));
    content: "";
    height: 0;
    opacity: 0.88;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.estimate-grid-table td.cell-tag-active-cell[b-l4vbcv4mw0],
.estimate-grid-table td.cell-tag-active-cell.frozen-column[b-l4vbcv4mw0],
.estimate-grid-table tbody tr:hover:not(.estimate-group-row) td.cell-tag-active-cell[b-l4vbcv4mw0],
.estimate-grid-table td.cell-tag-active-cell.changed-cell[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 16%, var(--theme-surface-raised, #ffffff)) !important;
    box-shadow:
        inset 0 0 0 2px var(--theme-primary, #1f5c9d),
        inset 0 0 0 999px color-mix(in srgb, var(--theme-primary, #1f5c9d) 5%, transparent);
    color: var(--theme-heading, #1d2731) !important;
    position: relative;
}

.change-history-tooltip[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-surface-raised, #ffffff) 96%, var(--theme-primary, #1f5c9d));
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 6px;
    box-shadow: 0 16px 36px rgba(15, 30, 48, 0.22);
    color: var(--theme-text, #243242);
    left: max(12px, min(var(--change-tooltip-x, 16px), calc(100vw - 620px)));
    max-height: min(320px, calc(100vh - 24px));
    overflow: hidden;
    pointer-events: none;
    position: fixed;
    top: max(12px, min(var(--change-tooltip-y, 16px), calc(100vh - 320px)));
    width: min(600px, calc(100vw - 24px));
    z-index: 80;
}

.change-tooltip-head[b-l4vbcv4mw0] {
    align-items: center;
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    gap: 9px;
    min-height: 42px;
    padding: 8px 10px;
}

.change-tooltip-head strong[b-l4vbcv4mw0],
.change-tooltip-head span[b-l4vbcv4mw0] {
    display: block;
    line-height: 1.2;
}

.change-tooltip-head strong[b-l4vbcv4mw0] {
    color: var(--theme-heading, #1d2731);
    font-size: 12px;
    font-weight: 900;
}

.change-tooltip-head span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5a728f);
    font-size: 11px;
    margin-top: 2px;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.change-tooltip-color[b-l4vbcv4mw0] {
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 999px;
    box-shadow: 0 0 0 1px var(--theme-border-strong, #aebed0);
    flex: 0 0 auto;
    height: 22px;
    width: 22px;
}

.change-tooltip-grid[b-l4vbcv4mw0] {
    display: grid;
    font-size: 11px;
    grid-template-columns: 86px 108px minmax(120px, 1fr) minmax(120px, 1fr);
    max-height: 236px;
    overflow: auto;
}

.change-tooltip-grid > span[b-l4vbcv4mw0] {
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    line-height: 1.15;
    min-width: 0;
    overflow: hidden;
    padding: 3px 7px;
    text-overflow: ellipsis;
    text-decoration: none;
    white-space: nowrap;
}

.change-tooltip-grid > span:nth-child(4n + 2)[b-l4vbcv4mw0],
.change-tooltip-grid > span:nth-child(4n + 3)[b-l4vbcv4mw0],
.change-tooltip-grid > span:nth-child(4n + 4)[b-l4vbcv4mw0] {
    border-left: 1px solid var(--theme-border, #d7e0ea);
}

.change-tooltip-column[b-l4vbcv4mw0] {
    background: var(--theme-surface-soft, #f9fbfd);
    color: var(--theme-muted, #5a728f);
    font-size: 10px;
    font-weight: 900;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.change-tooltip-user[b-l4vbcv4mw0] {
    align-items: center;
    display: inline-flex;
    gap: 5px;
    max-width: 100%;
    min-width: 0;
    text-decoration: none;
}

.change-tooltip-user-color[b-l4vbcv4mw0] {
    border-radius: 999px;
    box-shadow: 0 0 0 1px var(--theme-border-strong, #aebed0);
    flex: 0 0 auto;
    height: 9px;
    width: 9px;
}

.stage-pill[b-l4vbcv4mw0],
.state-pill[b-l4vbcv4mw0] {
    align-items: center;
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 999px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    height: 20px;
    max-width: 100%;
    padding: 0 7px;
}

.stage-pill[b-l4vbcv4mw0] {
    background: var(--theme-primary-soft, #e7f1fb);
    color: var(--theme-primary-strong, #184c84);
}

.state-pill[b-l4vbcv4mw0] {
    background: var(--theme-surface-muted, #f1f5f9);
    color: var(--theme-soft-muted, #687789);
    justify-content: center;
    min-width: 42px;
}

.state-pill.active[b-l4vbcv4mw0] {
    background: var(--theme-success-soft, #e9f6f4);
    border-color: rgba(20, 103, 92, 0.25);
    color: var(--theme-success, #14675c);
}

.side-tools[b-l4vbcv4mw0] {
    overflow-y: auto;
}

.component-resize-handle[b-l4vbcv4mw0] {
    bottom: 0;
    cursor: col-resize;
    left: 0;
    position: absolute;
    top: 0;
    touch-action: none;
    width: 7px;
    z-index: 12;
}

.component-resize-handle[b-l4vbcv4mw0]::after {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    transition: background-color 120ms ease, box-shadow 120ms ease;
    width: 2px;
}

.component-resize-handle:hover[b-l4vbcv4mw0]::after,
.component-resize-handle.resizing[b-l4vbcv4mw0]::after {
    background: var(--theme-primary, #1f5c9d);
    box-shadow: 2px 0 0 color-mix(in srgb, var(--theme-primary, #1f5c9d) 18%, transparent);
}

.estimate-grid-resize-handle[b-l4vbcv4mw0] {
    cursor: row-resize;
    height: 9px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    touch-action: none;
    z-index: 32;
}

.estimate-grid-resize-handle[b-l4vbcv4mw0]::after {
    background: transparent;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 120ms ease, box-shadow 120ms ease;
}

.estimate-grid-resize-handle:hover[b-l4vbcv4mw0]::after,
.estimate-grid-resize-handle.resizing[b-l4vbcv4mw0]::after {
    background: var(--theme-primary, #1f5c9d);
    box-shadow: 0 2px 0 color-mix(in srgb, var(--theme-primary, #1f5c9d) 18%, transparent);
}

.component-card[b-l4vbcv4mw0],
.template-card[b-l4vbcv4mw0] {
    border-bottom: 1px solid #dce5ef;
}

.component-card[b-l4vbcv4mw0] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.template-card[b-l4vbcv4mw0] {
    display: none;
}

.component-heading[b-l4vbcv4mw0] {
    gap: 8px;
    min-height: 30px;
    padding: 4px 8px;
}

.component-header-options[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-left: auto;
    min-width: 0;
}

.component-header-check[b-l4vbcv4mw0] {
    align-items: center;
    color: #4d6278;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    gap: 4px;
    line-height: 1;
    min-width: 0;
    text-transform: uppercase;
    white-space: nowrap;
}

.component-header-check input[b-l4vbcv4mw0] {
    accent-color: #1f5c9d;
    height: 13px;
    margin: 0;
    padding: 0;
    width: 13px;
}

.component-input-panel[b-l4vbcv4mw0] {
    background: var(--theme-surface-soft, #f9fbfd);
    border-bottom: 1px solid #dce5ef;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding: 4px 7px;
}

.component-field[b-l4vbcv4mw0] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.component-field span[b-l4vbcv4mw0] {
    color: #5c6c7d;
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
    white-space: nowrap;
}

.component-input-panel input[b-l4vbcv4mw0],
.component-input-panel select[b-l4vbcv4mw0] {
    height: 24px;
    min-width: 0;
    padding: 0 6px;
    width: 100%;
}

.component-main-row[b-l4vbcv4mw0] {
    align-items: end;
    display: grid;
    gap: 3px;
    grid-template-columns: minmax(0, 1fr) 62px 68px 82px auto;
}

.component-divider-field span[b-l4vbcv4mw0] {
    font-size: 9px;
}

.component-form-grid[b-l4vbcv4mw0] {
    display: grid;
    gap: 4px;
    grid-template-columns: minmax(62px, 0.55fr) minmax(118px, 1.45fr) minmax(64px, 0.7fr) minmax(64px, 0.7fr);
}

.component-shape-field select[b-l4vbcv4mw0] {
    
}

.component-grid[b-l4vbcv4mw0],
.template-form[b-l4vbcv4mw0] {
    gap: 7px;
    padding: 10px;
}

.component-grid[b-l4vbcv4mw0] {
    gap: 5px 6px;
    flex: 0 1 auto;
    grid-template-columns: repeat(3, minmax(52px, 1fr));
    max-height: 220px;
}

.component-card .panel-check[b-l4vbcv4mw0] {
    background: transparent;
    border: 0;
    justify-content: flex-start;
    margin: 0;
    min-height: 24px;
    padding: 0;
}

.component-form-actions[b-l4vbcv4mw0] {
    align-items: end;
    display: flex;
    flex: 0 0 auto;
    gap: 3px;
}

.component-action-button[b-l4vbcv4mw0] {
    align-items: center;
    background: #ffffff;
    border: 1px solid #aebed0;
    border-radius: 4px;
    color: #1f5c9d;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.component-action-button.primary[b-l4vbcv4mw0] {
    background: #1f5c9d;
    border-color: #184c84;
    color: #ffffff;
}

.component-action-button:hover[b-l4vbcv4mw0] {
    background: #eaf3fc;
    color: #1f5c9d;
}

.component-action-button.primary:hover[b-l4vbcv4mw0] {
    background: #184c84;
    border-color: #123c6b;
    color: #ffffff;
}

.component-action-button:disabled[b-l4vbcv4mw0],
.component-action-button.primary:disabled[b-l4vbcv4mw0] {
    cursor: not-allowed;
    opacity: 0.45;
}

.component-summary-inputs[b-l4vbcv4mw0] {
    background: transparent;
    border: 0;
    border-top: 1px solid #d3e0ec;
    border-radius: 0;
    display: grid;
    gap: 4px;
    grid-template-columns: 76px minmax(0, 1fr) minmax(0, 1fr);
    padding: 3px 0 0;
}

.component-summary-inputs .component-field[b-l4vbcv4mw0] {
    min-width: 0;
}

.component-total-field input[b-l4vbcv4mw0],
.component-weight-unit-field input[b-l4vbcv4mw0] {
    background: var(--theme-input-bg, #ffffff);
    border-color: var(--theme-border-strong, #bfccda);
    color: var(--theme-text, #1d2731);
    text-align: right;
}

.component-form-grid .component-field[b-l4vbcv4mw0],
.component-summary-inputs .component-field[b-l4vbcv4mw0] {
    align-content: start;
    grid-template-rows: 16px 24px;
}

.component-form-grid .component-field span[b-l4vbcv4mw0],
.component-summary-inputs .component-field span[b-l4vbcv4mw0] {
    align-items: flex-end;
    display: flex;
    height: 16px;
    line-height: 10px;
    overflow: hidden;
}

.component-material-heading[b-l4vbcv4mw0] {
    align-items: flex-end;
    display: flex;
    height: 16px;
    min-width: 0;
}

.component-material-heading label[b-l4vbcv4mw0] {
    color: #5c6c7d;
    font-size: 9px;
    font-weight: 800;
    line-height: 10px;
    text-transform: uppercase;
    white-space: nowrap;
}

.component-material-copy-button[b-l4vbcv4mw0] {
    align-items: center;
    background: transparent;
    border: 0;
    color: var(--theme-primary, #1f5c9d);
    cursor: pointer;
    display: inline-flex;
    height: 16px;
    justify-content: center;
    margin-left: 3px;
    padding: 0;
    width: 16px;
}

.component-material-copy-button:hover:not(:disabled)[b-l4vbcv4mw0] {
    color: var(--theme-primary-strong, #184c84);
}

.component-material-copy-button:focus-visible[b-l4vbcv4mw0] {
    border-radius: 3px;
    outline: 2px solid var(--theme-focus, #2d78c4);
    outline-offset: 1px;
}

.component-material-copy-button:disabled[b-l4vbcv4mw0] {
    cursor: default;
    opacity: .35;
}

.component-form-grid .component-material-copy-button .button-icon[b-l4vbcv4mw0] {
    color: inherit;
    height: 12px;
    width: 12px;
}

.product-section .material-profile-copy-target-blink[b-l4vbcv4mw0] {
    animation: materialProfileCopyTargetBlink-b-l4vbcv4mw0 .35s ease-in-out 2;
}

@keyframes materialProfileCopyTargetBlink-b-l4vbcv4mw0 {
    0%, 100% {
        background: var(--theme-input-bg, #ffffff);
        border-color: var(--theme-border-strong, #bfccda);
        box-shadow: none;
    }

    50% {
        background: #fff2a8;
        border-color: #d99a00;
        box-shadow: 0 0 0 3px rgba(217, 154, 0, .25);
    }
}

.quantity-section .entry-grid.compact label[b-l4vbcv4mw0],
.labor-section .entry-grid.compact label[b-l4vbcv4mw0] {
    align-content: start;
    grid-template-rows: 22px 27px;
}

.quantity-section .entry-grid.compact label span[b-l4vbcv4mw0],
.labor-section .entry-grid.compact label span[b-l4vbcv4mw0] {
    align-items: flex-end;
    display: flex;
    height: 22px;
    line-height: 12px;
    overflow: hidden;
}

.mini-table[b-l4vbcv4mw0] {
    margin: 0;
    overflow: auto;
}

.component-table[b-l4vbcv4mw0] {
    border-top: 1px solid #dce5ef;
    flex: 1 1 0;
    max-height: 100%;
    min-height: 0;
    overflow: auto;
    scrollbar-gutter: stable;
}

.mini-table table[b-l4vbcv4mw0],
.summary-table table[b-l4vbcv4mw0] {
    min-width: 100%;
    width: 100%;
}

.mini-table.component-table table[b-l4vbcv4mw0] {
    max-width: 720px;
    min-width: max-content;
    table-layout: fixed;
    width: max-content;
}

.mini-table.component-table thead th[b-l4vbcv4mw0] {
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--theme-primary-soft, #e7f1fb) 64%, var(--theme-success-soft, #e9f6f4) 36%),
        color-mix(in srgb, var(--theme-table-head, #f1f5f9) 70%, var(--theme-primary-soft, #e7f1fb) 30%)
    );
    border-bottom: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 34%, var(--theme-border-strong, #bfccda));
    color: color-mix(in srgb, var(--theme-primary-strong, #184c84) 74%, var(--theme-heading, #1d2731));
    font-weight: 900;
}

.component-table th:first-child[b-l4vbcv4mw0],
.component-table td:first-child[b-l4vbcv4mw0] {
    max-width: 140px;
    min-width: 86px;
    width: clamp(86px, 16vw, 140px);
}

.component-table th:nth-child(2)[b-l4vbcv4mw0],
.component-table td:nth-child(2)[b-l4vbcv4mw0] {
    max-width: 220px;
    min-width: 64px;
    width: clamp(64px, 22vw, 220px);
}

.component-table th[b-l4vbcv4mw0],
.component-table td[b-l4vbcv4mw0] {
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.component-table th:nth-child(3)[b-l4vbcv4mw0],
.component-table td:nth-child(3)[b-l4vbcv4mw0] {
    max-width: 58px;
    min-width: 34px;
    width: clamp(34px, 6vw, 58px);
}

.component-table th:nth-child(4)[b-l4vbcv4mw0],
.component-table td:nth-child(4)[b-l4vbcv4mw0] {
    max-width: 64px;
    min-width: 48px;
    width: clamp(48px, 7vw, 64px);
}

.component-table th:nth-child(5)[b-l4vbcv4mw0],
.component-table td:nth-child(5)[b-l4vbcv4mw0] {
    max-width: 76px;
    min-width: 56px;
    width: clamp(56px, 8vw, 76px);
}

.component-table th:nth-child(6)[b-l4vbcv4mw0],
.component-table td:nth-child(6)[b-l4vbcv4mw0] {
    max-width: 58px;
    min-width: 36px;
    width: clamp(36px, 6vw, 58px);
}

.component-table th:nth-child(7)[b-l4vbcv4mw0],
.component-table td:nth-child(7)[b-l4vbcv4mw0] {
    max-width: 96px;
    min-width: 76px;
    width: clamp(76px, 10vw, 96px);
}

.component-table tbody tr[b-l4vbcv4mw0] {
    cursor: pointer;
}

.component-table tbody tr.selected[b-l4vbcv4mw0],
.component-table tbody tr.selected:hover[b-l4vbcv4mw0] {
    background: #e4f0fb;
}

.component-table tbody tr.selected td[b-l4vbcv4mw0] {
    color: #0b3f75;
    font-weight: 800;
}

.dialog-table tbody tr[b-l4vbcv4mw0] {
    cursor: pointer;
}

.dialog-table tbody tr.selected[b-l4vbcv4mw0],
.dialog-table tbody tr.selected:hover[b-l4vbcv4mw0] {
    background: #e4f0fb;
}

.dialog-table tbody tr.selected td[b-l4vbcv4mw0] {
    color: #0b3f75;
    font-weight: 800;
}

.mini-table td.changed-cell[b-l4vbcv4mw0],
.mini-table tbody tr.selected td.changed-cell[b-l4vbcv4mw0],
.mini-table tbody tr.selected:hover td.changed-cell[b-l4vbcv4mw0] {
    --changed-cell-color: var(--theme-warning, #8a5d00);
    --changed-cell-bg: color-mix(in srgb, var(--changed-cell-color) 16%, var(--theme-surface-raised, #ffffff));
    background: linear-gradient(90deg, var(--changed-cell-color) 0 3px, var(--changed-cell-bg) 3px) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--changed-cell-color) 24%, transparent);
    color: var(--theme-heading, #1d2731) !important;
    position: relative;
}

.mini-table td.changed-cell[b-l4vbcv4mw0]::after {
    border-left: 7px solid transparent;
    border-top: 7px solid var(--changed-cell-color, var(--theme-warning, #8a5d00));
    content: "";
    height: 0;
    opacity: 0.88;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.number-cell[b-l4vbcv4mw0],
.component-table .number-cell[b-l4vbcv4mw0] {
    font-variant-numeric: tabular-nums;
    text-align: right;
}

.mini-table th[b-l4vbcv4mw0],
.mini-table td[b-l4vbcv4mw0],
.summary-table th[b-l4vbcv4mw0],
.summary-table td[b-l4vbcv4mw0] {
    height: 28px;
    max-width: 180px;
}

.summary-table tr.summary-total-row > td[b-l4vbcv4mw0] {
    background: #eef8ed;
    color: #244b2b;
    font-weight: 800;
}

.summary-table tr.summary-total-row > td:first-child[b-l4vbcv4mw0] {
    box-shadow: inset 3px 0 0 #7fb77e;
}

.workflow-summary-total-row[b-l4vbcv4mw0] {
    background: #eef8ed;
    color: #244b2b;
    font-weight: 800;
}

.template-form[b-l4vbcv4mw0] {
    display: grid;
    grid-template-columns: 1fr 90px;
}

.template-form .template-scope-filter[b-l4vbcv4mw0] {
    grid-column: 1 / -1;
    justify-self: start;
}

.template-form .panel-actions[b-l4vbcv4mw0] {
    grid-column: 1 / -1;
}

.takeoff-dialog-backdrop[b-l4vbcv4mw0] {
    align-items: center;
    background: rgba(13, 24, 38, 0.38);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 22px;
    position: fixed;
    z-index: 220;
}

.takeoff-dialog[b-l4vbcv4mw0] {
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 4px;
    box-shadow: 0 24px 70px rgba(12, 24, 38, 0.32);
    color: var(--theme-text, #1d2731);
    display: flex;
    flex-direction: column;
    max-height: min(760px, calc(100vh - 44px));
    min-height: 0;
    overflow: hidden;
    width: min(1180px, calc(100vw - 44px));
}

.sketch-preview-backdrop[b-l4vbcv4mw0] {
    background: rgba(8, 17, 28, 0.68);
}

.sketch-preview-dialog[b-l4vbcv4mw0] {
    height: min(820px, calc(100vh - 44px));
    width: min(1280px, calc(100vw - 44px));
}

.sketch-preview-dialog-header[b-l4vbcv4mw0] {
    gap: 16px;
}

.sketch-preview-dialog-title[b-l4vbcv4mw0] {
    min-width: 0;
}

.sketch-preview-dialog-title h2[b-l4vbcv4mw0] {
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sketch-preview-dialog-actions[b-l4vbcv4mw0],
.sketch-zoom-toolbar[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
}

.sketch-zoom-toolbar[b-l4vbcv4mw0] {
    background: var(--theme-surface-subtle, #f3f7fb);
    border: 1px solid var(--theme-border, #d7e0ea);
    padding: 4px;
}

.sketch-zoom-button[b-l4vbcv4mw0] {
    height: 30px;
    width: 30px;
}

.sketch-zoom-value[b-l4vbcv4mw0] {
    color: var(--theme-text, #1d2731);
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    min-width: 48px;
    text-align: center;
}

.sketch-preview-viewer[b-l4vbcv4mw0] {
    background: var(--theme-surface-subtle, #eef3f8);
    cursor: grab;
    flex: 1 1 auto;
    min-height: 0;
    overscroll-behavior: contain;
    overflow: auto;
    padding: 12px;
    touch-action: none;
}

.sketch-preview-viewer.is-dragging[b-l4vbcv4mw0] {
    cursor: grabbing;
    user-select: none;
}

.sketch-preview-error[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid #c83b3b;
    border-radius: 4px;
    color: var(--theme-text, #1d2731);
    cursor: default;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 20px auto;
    max-width: 620px;
    padding: 28px;
    text-align: center;
}

.sketch-preview-error h3[b-l4vbcv4mw0],
.sketch-preview-error p[b-l4vbcv4mw0] {
    margin: 0;
}

.sketch-preview-error h3[b-l4vbcv4mw0] {
    color: #c83b3b;
}

.sketch-preview-loading[b-l4vbcv4mw0] {
    text-align: center;
}

.sketch-preview-zoom-surface[b-l4vbcv4mw0] {
    align-items: center;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: auto;
    min-height: 1px;
    min-width: 1px;
    transition: height 120ms ease, width 120ms ease;
}

.sketch-preview-zoom-surface img[b-l4vbcv4mw0] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border-strong, #b8c9dc);
    box-sizing: border-box;
    box-shadow: 0 12px 34px rgba(12, 24, 38, 0.2);
    display: block;
    height: 100%;
    object-fit: contain;
    user-select: none;
    width: 100%;
}

.category-dialog[b-l4vbcv4mw0],
.scope-dialog[b-l4vbcv4mw0] {
    max-height: min(950px, calc(100vh - 44px));
}

.category-dialog[b-l4vbcv4mw0] {
    height: min(75vh, 950px);
    width: min(1225px, calc(100vw - 44px));
}

.scope-dialog[b-l4vbcv4mw0] {
    width: min(1475px, calc(100vw - 44px));
}

.command-dialog[b-l4vbcv4mw0] {
    width: min(1120px, calc(100vw - 44px));
}

.similar-items-dialog[b-l4vbcv4mw0] {
    max-height: min(760px, calc(100vh - 28px));
    width: min(1540px, calc(100vw - 28px));
}

.similar-items-content[b-l4vbcv4mw0] {
    gap: 7px;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    padding: 9px;
}

.similar-items-criteria[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-subtle, #f5f8fb);
    border: 1px solid var(--theme-border, #d7e0ea);
    color: var(--theme-muted, #45586c);
    display: flex;
    flex-wrap: wrap;
    font-size: 11px;
    gap: 7px 18px;
    min-height: 32px;
    padding: 5px 8px;
}

.similar-items-criteria strong[b-l4vbcv4mw0] {
    color: var(--theme-heading, #1d2731);
    font-weight: 600;
}

.similar-items-count[b-l4vbcv4mw0] {
    background: var(--theme-primary-soft, #e7f1fb);
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 28%, var(--theme-border, #d7e0ea));
    color: var(--theme-primary-strong, #184c84);
    margin-left: auto;
    padding: 2px 7px;
}

.similar-items-state[b-l4vbcv4mw0] {
    align-items: center;
    color: var(--theme-muted, #526579);
    display: flex;
    gap: 7px;
    justify-content: center;
    min-height: 210px;
}

.similar-items-table[b-l4vbcv4mw0] {
    height: 100%;
    min-height: 0;
    overflow: auto;
}

.similar-items-table table[b-l4vbcv4mw0] {
    min-width: 1710px;
    table-layout: fixed;
    width: 1710px;
}

.similar-items-table th[b-l4vbcv4mw0],
.similar-items-table td[b-l4vbcv4mw0] {
    height: 26px;
    max-width: none;
    overflow: hidden;
    padding: 3px 6px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.similar-items-table th:nth-child(1)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(1)[b-l4vbcv4mw0] { width: 90px; }
.similar-items-table th:nth-child(2)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(2)[b-l4vbcv4mw0] { width: 130px; }
.similar-items-table th:nth-child(3)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(3)[b-l4vbcv4mw0] { width: 170px; }
.similar-items-table th:nth-child(4)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(4)[b-l4vbcv4mw0] { width: 145px; }
.similar-items-table th:nth-child(5)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(5)[b-l4vbcv4mw0] { width: 220px; }
.similar-items-table th:nth-child(6)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(6)[b-l4vbcv4mw0] { width: 130px; }
.similar-items-table th:nth-child(7)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(7)[b-l4vbcv4mw0] { width: 125px; }
.similar-items-table th:nth-child(8)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(8)[b-l4vbcv4mw0] { width: 80px; }
.similar-items-table th:nth-child(9)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(9)[b-l4vbcv4mw0] { width: 72px; }
.similar-items-table th:nth-child(10)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(10)[b-l4vbcv4mw0],
.similar-items-table th:nth-child(11)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(11)[b-l4vbcv4mw0] { width: 118px; }
.similar-items-table th:nth-child(12)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(12)[b-l4vbcv4mw0],
.similar-items-table th:nth-child(13)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(13)[b-l4vbcv4mw0],
.similar-items-table th:nth-child(14)[b-l4vbcv4mw0],
.similar-items-table td:nth-child(14)[b-l4vbcv4mw0] { width: 112px; }

.small-command-dialog[b-l4vbcv4mw0] {
    width: min(720px, calc(100vw - 44px));
}

.save-tabulation-template-dialog[b-l4vbcv4mw0] {
    width: min(460px, calc(100vw - 44px));
}

.column-settings-dialog[b-l4vbcv4mw0] {
    width: min(1260px, calc(100vw - 28px));
}

.project-cost-history-dialog[b-l4vbcv4mw0] {
    width: min(860px, calc(100vw - 44px));
}

.tabulation-full-view-dialog[b-l4vbcv4mw0] {
    width: min(1120px, calc(100vw - 44px));
}

.tabulation-full-view-content[b-l4vbcv4mw0] {
    overflow: auto;
}

.command-dialog-body[b-l4vbcv4mw0] {
    grid-template-columns: 1fr;
}

.command-form-panel[b-l4vbcv4mw0] {
    overflow: auto;
}

.command-form-grid[b-l4vbcv4mw0] {
    grid-template-columns: repeat(4, minmax(120px, 1fr));
}

.command-form-grid .wide[b-l4vbcv4mw0] {
    grid-column: span 2;
}

.command-check-grid[b-l4vbcv4mw0] {
    align-content: end;
    display: grid;
    gap: 6px;
    grid-column: span 2;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.command-compact-content[b-l4vbcv4mw0] {
    display: grid;
    gap: 10px;
    min-height: 0;
    overflow: auto;
    padding: 12px;
}

.export-dialog-grid[b-l4vbcv4mw0] {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(170px, 0.8fr) minmax(220px, 1fr) minmax(260px, 1.4fr);
}

.export-dialog-grid label[b-l4vbcv4mw0] {
    color: var(--theme-muted, #45586c);
    display: grid;
    gap: 5px;
    font-size: 12px;
}

.export-dialog-grid .wide[b-l4vbcv4mw0] {
    min-width: 0;
}

.export-dialog-grid span[b-l4vbcv4mw0] {
    text-transform: uppercase;
}

.export-dialog-grid input[b-l4vbcv4mw0],
.export-dialog-grid select[b-l4vbcv4mw0] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-input-border, #b8c8d8);
    border-radius: 4px;
    color: var(--theme-text, #10233a);
    font-size: 13px;
    height: 30px;
    min-width: 0;
    padding: 0 8px;
}

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

.custom-check[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 4px;
    color: var(--theme-text, #10233a);
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    min-height: 32px;
    padding: 0 9px;
}

.custom-check.compact[b-l4vbcv4mw0] {
    justify-content: flex-start;
}

.custom-check input[b-l4vbcv4mw0] {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
}

.custom-check > span[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #b8c8d8);
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 19px;
    height: 19px;
    justify-content: center;
    width: 19px;
}

.custom-check > span[b-l4vbcv4mw0]::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    display: none;
    height: 10px;
    transform: rotate(45deg) translate(-1px, -1px);
    width: 5px;
}

.custom-check input:checked + span[b-l4vbcv4mw0] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary, #1f5c9d);
}

.custom-check input:checked + span[b-l4vbcv4mw0]::after {
    display: block;
}

.custom-check strong[b-l4vbcv4mw0] {
    font-size: 12px;
    font-weight: 500;
}

.export-note[b-l4vbcv4mw0] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 9%, var(--theme-surface-soft, #f6f9fc));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 28%, var(--theme-border, #d7e0ea));
    border-radius: 4px;
    color: var(--theme-text, #10233a);
    display: flex;
    gap: 8px;
    min-height: 36px;
    padding: 8px 10px;
}

.export-note span:last-child[b-l4vbcv4mw0] {
    font-size: 12px;
}

.global-edit-grid[b-l4vbcv4mw0] {
    align-items: center;
    --global-edit-check-width: 154px;
    display: grid;
    gap: 8px;
    grid-template-columns: var(--global-edit-check-width) minmax(0, 1fr);
}

.global-edit-grid .panel-check[b-l4vbcv4mw0] {
    justify-content: flex-start;
    justify-self: start;
    min-width: 0;
    width: var(--global-edit-check-width);
}

.global-edit-grid > .number-input[b-l4vbcv4mw0] {
    justify-self: start;
    width: 112px;
}

.global-edit-grid textarea[b-l4vbcv4mw0] {
    min-height: 72px;
}

.global-edit-grid .global-flag-check[b-l4vbcv4mw0] {
    grid-column: 1 / -1;
    justify-self: start;
}

.cell-tag-dialog[b-l4vbcv4mw0] {
    overflow: visible;
    width: min(520px, calc(100vw - 44px));
}

.cell-tag-form[b-l4vbcv4mw0] {
    align-items: start;
    display: grid;
    gap: 10px 12px;
    grid-template-columns: minmax(0, 1fr);
}

.cell-tag-form .field[b-l4vbcv4mw0] {
    color: var(--theme-muted, #45586c);
    display: grid;
    gap: 5px;
    font-size: 12px;
    min-width: 0;
}

.cell-tag-form .field > span[b-l4vbcv4mw0] {
    text-transform: uppercase;
}

.cell-tag-form .wide[b-l4vbcv4mw0] {
    grid-column: 1 / -1;
}

.cell-tag-form textarea[b-l4vbcv4mw0] {
    min-height: 96px;
    resize: vertical;
}

.cell-tag-inline-row[b-l4vbcv4mw0] {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) 74px max-content;
    min-width: 0;
}

.cell-tag-inline-row .user-search-field[b-l4vbcv4mw0] {
    min-width: 0;
}

.cell-tag-form .color-field input[b-l4vbcv4mw0] {
    height: 33px;
    min-height: 33px;
    padding: 3px;
    width: 100%;
}

.cell-tag-form .panel-check[b-l4vbcv4mw0] {
    justify-self: start;
    min-width: 0;
    width: max-content;
}

.cell-tag-send-email[b-l4vbcv4mw0] {
    align-items: center;
    align-self: end;
    min-height: 33px;
    padding-bottom: 1px;
}

.cell-tag-options[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    justify-content: flex-start;
}

.copy-dialog[b-l4vbcv4mw0] {
    width: min(640px, calc(100vw - 44px));
}

.copy-dialog-content[b-l4vbcv4mw0] {
    gap: 12px;
}

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

.copy-mode-button[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    color: var(--theme-text, #10233a);
    cursor: pointer;
    display: grid;
    gap: 3px;
    justify-items: center;
    min-height: 78px;
    padding: 10px 8px;
    text-align: center;
}

.copy-mode-button:hover[b-l4vbcv4mw0],
.copy-mode-button.active[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 12%, var(--theme-surface-raised, #ffffff));
    border-color: var(--theme-primary, #1f5c9d);
    color: var(--theme-primary, #1f5c9d);
}

.copy-mode-button strong[b-l4vbcv4mw0] {
    font-size: 13px;
    font-weight: 700;
}

.copy-mode-button small[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.copy-mode-button.active small[b-l4vbcv4mw0],
.copy-mode-button:hover small[b-l4vbcv4mw0] {
    color: inherit;
}

.copy-option-panel[b-l4vbcv4mw0] {
    align-items: end;
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 10px;
}

.copy-option-panel .panel-check[b-l4vbcv4mw0] {
    justify-content: flex-start;
    justify-self: start;
    min-width: 0;
    width: max-content;
}

.copy-preview-pill[b-l4vbcv4mw0] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, var(--theme-surface-raised, #ffffff));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 28%, transparent);
    border-radius: 999px;
    color: var(--theme-primary, #1f5c9d);
    display: inline-flex;
    font-size: 12px;
    min-height: 28px;
    padding: 0 10px;
    white-space: nowrap;
}

.cost-code-dialog[b-l4vbcv4mw0] {
    max-height: min(820px, calc(100vh - 24px));
    width: min(1180px, calc(100vw - 28px));
}

.cost-code-dialog .takeoff-dialog-header[b-l4vbcv4mw0] {
    min-height: 48px;
    padding: 6px 10px 6px 12px;
}

.cost-code-dialog .takeoff-dialog-header h2[b-l4vbcv4mw0] {
    font-size: 17px;
}

.cost-code-dialog .command-compact-content[b-l4vbcv4mw0] {
    gap: 6px;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    padding: 8px;
}

.cost-code-groups[b-l4vbcv4mw0] {
    align-items: start;
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
    min-height: 0;
    overflow: auto;
    padding-right: 2px;
}

.cost-code-group[b-l4vbcv4mw0] {
    align-content: start;
    align-self: start;
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 4px;
    display: grid;
    gap: 4px;
    grid-template-rows: auto auto;
    height: max-content;
    min-width: 0;
    padding: 5px;
}

.cost-code-group header[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    gap: 6px;
    justify-content: space-between;
    min-height: 22px;
}

.cost-code-group header strong[b-l4vbcv4mw0] {
    color: var(--theme-text, #10233a);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
}

.cost-code-group header span[b-l4vbcv4mw0] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, var(--theme-surface-raised, #ffffff));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 24%, transparent);
    border-radius: 999px;
    color: var(--theme-primary, #1f5c9d);
    display: inline-flex;
    font-size: 10px;
    min-height: 18px;
    padding: 0 6px;
}

.cost-code-option-list[b-l4vbcv4mw0] {
    display: grid;
    gap: 3px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.cost-code-option[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: grid;
    gap: 5px;
    grid-template-columns: auto minmax(0, 1fr) max-content;
    min-height: 29px;
    padding: 3px 5px;
}

.cost-code-option:hover[b-l4vbcv4mw0],
.cost-code-option.selected[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, var(--theme-surface-raised, #ffffff));
    border-color: color-mix(in srgb, var(--theme-primary, #1f5c9d) 26%, transparent);
}

.cost-code-option span[b-l4vbcv4mw0] {
    display: grid;
    gap: 1px;
    min-width: 0;
}

.cost-code-option strong[b-l4vbcv4mw0],
.cost-code-option small[b-l4vbcv4mw0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cost-code-option strong[b-l4vbcv4mw0] {
    color: var(--theme-text, #10233a);
    font-size: 11px;
    font-weight: 600;
}

.cost-code-option small[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 10px;
}

.cost-code-option em[b-l4vbcv4mw0] {
    color: var(--theme-primary, #1f5c9d);
    font-size: 9px;
    font-style: normal;
    white-space: nowrap;
}

@media (max-width: 900px) {
    .cost-code-dialog[b-l4vbcv4mw0] {
        width: min(760px, calc(100vw - 20px));
    }

    .cost-code-groups[b-l4vbcv4mw0] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 560px) {
    .cost-code-option-list[b-l4vbcv4mw0] {
        grid-template-columns: 1fr;
    }
}

.cost-code-selected-item[b-l4vbcv4mw0] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 8%, var(--theme-surface-soft, #f6f9fc));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 22%, var(--theme-border, #d7e0ea));
    border-radius: 4px;
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    min-height: 30px;
    padding: 5px 8px;
}

.cost-code-selected-item span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
}

.cost-code-selected-item strong[b-l4vbcv4mw0] {
    color: var(--theme-text, #10233a);
    font-size: 12px;
    font-weight: 700;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cost-code-empty-state[b-l4vbcv4mw0] {
    min-height: 140px;
}

.request-drawer-card[b-l4vbcv4mw0] {
    min-height: 100%;
}

.request-drawer-empty[b-l4vbcv4mw0] {
    align-items: center;
    color: var(--theme-muted, #5c6c7d);
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
    min-height: 180px;
    padding: 24px;
    text-align: center;
}

.request-drawer-empty .button-icon[b-l4vbcv4mw0] {
    color: var(--theme-primary, #1f5c9d);
    height: 32px;
    width: 32px;
}

.request-drawer-empty strong[b-l4vbcv4mw0] {
    color: var(--theme-heading, #17283b);
    font-size: 13px;
}

.request-drawer-empty span:last-child[b-l4vbcv4mw0] {
    font-size: 11px;
    line-height: 1.45;
}

.rfq-maintenance-card[b-l4vbcv4mw0] {
    min-height: 0;
}

.rfq-toolbar[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 8px;
}

.rfq-archive-toggle[b-l4vbcv4mw0] {
    align-items: center;
    color: var(--theme-muted, #5c6c7d);
    display: inline-flex;
    font-size: 11px;
    gap: 5px;
}

.rfq-filter-group[b-l4vbcv4mw0] {
    align-items: center;
    display: inline-flex;
    gap: 12px;
    margin-left: auto;
}

.rfq-email-feedback[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-soft, #f7f9fb);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-left: 4px solid currentColor;
    border-radius: 5px;
    color: var(--theme-primary, #1f5c9d);
    display: flex;
    flex: 0 0 auto;
    font-size: 11px;
    font-weight: 700;
    gap: 8px;
    line-height: 1.4;
    margin-bottom: 8px;
    padding: 8px 10px;
}

.rfq-email-feedback.success[b-l4vbcv4mw0] {
    color: #17643a;
}

.rfq-email-feedback.warning[b-l4vbcv4mw0] {
    color: #805b00;
}

.rfq-email-feedback.error[b-l4vbcv4mw0] {
    color: #a52a2a;
}

.rfq-email-feedback-icon[b-l4vbcv4mw0] {
    background: currentColor;
    border-radius: 50%;
    flex: 0 0 auto;
    height: 9px;
    width: 9px;
}

.rfq-grid-wrap[b-l4vbcv4mw0] {
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 5px;
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.rfq-grid[b-l4vbcv4mw0] {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
    min-width: 1080px;
    width: 100%;
}

.rfq-grid th[b-l4vbcv4mw0],
.rfq-grid td[b-l4vbcv4mw0] {
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    padding: 7px 8px;
    text-align: left;
    vertical-align: middle;
}

.rfq-grid th[b-l4vbcv4mw0] {
    background: var(--theme-surface-muted, #edf3f8);
    color: var(--theme-heading, #17283b);
    font-size: 10px;
    font-weight: 800;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.rfq-grid tbody tr[b-l4vbcv4mw0] {
    cursor: pointer;
}

.rfq-grid tbody tr:hover[b-l4vbcv4mw0] {
    background: var(--theme-primary-soft, #eef3f8);
}

.rfq-grid tbody tr.selected[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 14%, var(--theme-surface, #ffffff));
}

.rfq-grid tbody tr.archived[b-l4vbcv4mw0] {
    opacity: 0.62;
}

.rfq-grid tbody tr.answered:not(.selected)[b-l4vbcv4mw0] {
    background: color-mix(in srgb, #2f8f5b 6%, var(--theme-surface, #ffffff));
}

.request-number-tag[b-l4vbcv4mw0] {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 0.22rem 0.55rem;
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 45%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, transparent);
    color: var(--theme-primary, #1f5c9d);
    font: inherit;
    font-weight: 800;
    line-height: 1.2;
    white-space: nowrap;
    cursor: pointer;
}

.request-number-tag:hover[b-l4vbcv4mw0],
.request-number-tag:focus-visible[b-l4vbcv4mw0] {
    border-color: var(--theme-primary, #1f5c9d);
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 18%, transparent);
    outline: none;
}

.rfq-grid td:nth-child(4)[b-l4vbcv4mw0] {
    max-width: 240px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rfq-email-status[b-l4vbcv4mw0] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    padding: 3px 7px;
    white-space: nowrap;
}

.rfq-email-status.status-not-sent[b-l4vbcv4mw0] {
    background: #edf1f5;
    color: #556575;
}

.rfq-email-status.status-pending[b-l4vbcv4mw0] {
    background: #fff3cd;
    color: #805b00;
}

.rfq-email-status.status-sent[b-l4vbcv4mw0] {
    background: #dff4e8;
    color: #17643a;
}

.rfq-email-status.status-failed[b-l4vbcv4mw0] {
    background: #fde3e3;
    color: #a52a2a;
}

.rfq-email-status.status-cancelled[b-l4vbcv4mw0] {
    background: #edf1f5;
    color: #556575;
}

.rfq-answer-status[b-l4vbcv4mw0] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    padding: 3px 7px;
    white-space: nowrap;
}

.rfq-answer-status.status-awaiting[b-l4vbcv4mw0] {
    background: #fff3cd;
    color: #805b00;
}

.rfq-answer-status.status-answered[b-l4vbcv4mw0] {
    background: #dff4e8;
    color: #17643a;
}

.rfq-dialog-backdrop[b-l4vbcv4mw0] {
    z-index: 90;
}

.rfq-dialog[b-l4vbcv4mw0] {
    display: flex;
    flex-direction: column;
    height: min(760px, calc(100vh - 48px));
    max-height: calc(100vh - 48px);
    max-width: 1180px;
    min-height: 0;
    width: min(1180px, calc(100vw - 48px));
}

.rfq-dialog-body[b-l4vbcv4mw0] {
    display: grid;
    flex: 1 1 auto;
    gap: 12px;
    min-height: 0;
    overflow-y: auto;
    padding: 14px;
    scrollbar-gutter: stable;
}

.request-details-fieldset[b-l4vbcv4mw0] {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    width: 100%;
}

.request-details-fieldset > .rfq-dialog-body[b-l4vbcv4mw0] {
    flex: 1 1 auto;
    width: 100%;
}

.rfq-form-section[b-l4vbcv4mw0] {
    background: var(--theme-surface-soft, #f7f9fb);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    padding: 12px;
}

.rfq-form-section h3[b-l4vbcv4mw0] {
    color: var(--theme-heading, #17283b);
    font-size: 12px;
    margin: 0 0 10px;
}

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

.rfq-form-grid label[b-l4vbcv4mw0] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.rfq-form-grid label.wide[b-l4vbcv4mw0],
.rfq-form-grid > .wide[b-l4vbcv4mw0] {
    grid-column: 1 / -1;
}

.rfq-form-grid label > span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.rfq-form-grid :is(input, select, textarea)[b-l4vbcv4mw0],
.rfq-editor-grid :is(input, textarea)[b-l4vbcv4mw0] {
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border-strong, #b8c5d3);
    border-radius: 4px;
    color: var(--theme-text, #263747);
    font: inherit;
    min-height: 34px;
    padding: 6px 8px;
    width: 100%;
}

.rfq-form-grid textarea[b-l4vbcv4mw0] {
    min-height: 58px;
    resize: vertical;
}

.rfi-related-items-field[b-l4vbcv4mw0] {
    display: grid;
    gap: 6px;
}

.rfi-related-items-field > span:first-child[b-l4vbcv4mw0],
.rfi-response-question > span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
}

.rfi-related-item-tags[b-l4vbcv4mw0] {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.rfi-related-item-tag[b-l4vbcv4mw0] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 9%, var(--theme-surface, #ffffff));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 35%, var(--theme-border, #d7e0ea));
    border-radius: 999px;
    color: var(--theme-primary, #1f5c9d);
    display: inline-flex;
    max-width: 100%;
    overflow: hidden;
}

.rfi-related-item-tag:hover[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 16%, var(--theme-surface, #ffffff));
}

.rfi-related-item-link[b-l4vbcv4mw0],
.rfi-related-item-remove[b-l4vbcv4mw0] {
    align-items: center;
    background: transparent;
    border: 0;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
}

.rfi-related-item-link[b-l4vbcv4mw0] {
    font-size: 11px;
    font-weight: 750;
    gap: 6px;
    min-width: 0;
    padding: 6px 7px 6px 10px;
}

.rfi-related-item-link:only-child[b-l4vbcv4mw0] {
    padding-right: 10px;
}

.rfi-related-item-remove[b-l4vbcv4mw0] {
    align-self: stretch;
    border-left: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 22%, transparent);
    font-size: 17px;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    padding: 3px 9px 4px 7px;
}

.rfi-related-item-remove:hover[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-danger, #b42318) 12%, transparent);
    color: var(--theme-danger, #b42318);
}

.rfi-related-item-link:disabled[b-l4vbcv4mw0],
.rfi-related-item-remove:disabled[b-l4vbcv4mw0] {
    cursor: default;
    opacity: 0.65;
}

.rfi-related-items-empty[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 12px;
}

.rfi-response-dialog[b-l4vbcv4mw0] {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 48px);
    overflow: hidden;
    width: min(780px, calc(100vw - 48px));
}

.rfi-response-question[b-l4vbcv4mw0] {
    background: var(--theme-surface-muted, #edf3f8);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    display: grid;
    gap: 6px;
    padding: 12px;
}

.rfi-response-question p[b-l4vbcv4mw0] {
    color: var(--theme-heading, #17283b);
    line-height: 1.55;
    margin: 0;
    white-space: pre-wrap;
}

.rfi-response-fieldset[b-l4vbcv4mw0] {
    border: 0;
    margin: 0;
    padding: 0;
}

.rfq-form-grid input[readonly][b-l4vbcv4mw0] {
    background: var(--theme-surface-muted, #edf3f8);
}

.rfq-section-heading[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.rfq-editor-grid-wrap[b-l4vbcv4mw0] {
    overflow-x: auto;
}

.rfq-editor-grid[b-l4vbcv4mw0] {
    border-collapse: collapse;
    font-size: 11px;
    min-width: 900px;
    width: 100%;
}

.rfq-editor-grid th[b-l4vbcv4mw0],
.rfq-editor-grid td[b-l4vbcv4mw0] {
    border: 1px solid var(--theme-border, #d7e0ea);
    padding: 6px;
    text-align: left;
    vertical-align: top;
}

.rfq-editor-grid th[b-l4vbcv4mw0] {
    background: var(--theme-surface-muted, #edf3f8);
    color: var(--theme-heading, #17283b);
    font-size: 10px;
    text-transform: uppercase;
}

.rfq-editor-grid th:first-child[b-l4vbcv4mw0],
.rfq-editor-grid td:first-child[b-l4vbcv4mw0] {
    text-align: center;
    width: 48px;
}

.rfq-editor-grid th:nth-child(2)[b-l4vbcv4mw0],
.rfq-editor-grid td:nth-child(2)[b-l4vbcv4mw0] {
    width: 90px;
}

.rfq-editor-grid th:nth-child(3)[b-l4vbcv4mw0],
.rfq-editor-grid td:nth-child(3)[b-l4vbcv4mw0] {
    white-space: nowrap;
    width: 1%;
}

.rfq-editor-grid th:last-child[b-l4vbcv4mw0],
.rfq-editor-grid td:last-child[b-l4vbcv4mw0] {
    text-align: center;
    width: 48px;
}

.rfq-unit-input[b-l4vbcv4mw0] {
    max-width: 20ch;
    min-width: 6ch;
}

.rfq-editor-grid .rfq-multiline-input[b-l4vbcv4mw0] {
    box-sizing: border-box;
    field-sizing: content;
    line-height: 1.4;
    min-height: 34px;
    overflow-y: hidden;
    resize: none;
    white-space: pre-wrap;
}

.rfq-attachments-section .rfq-section-heading > div[b-l4vbcv4mw0] {
    display: grid;
    gap: 2px;
}

.rfq-attachments-section .rfq-section-heading h3[b-l4vbcv4mw0] {
    margin-bottom: 0;
}

.rfq-attachments-section .rfq-section-heading > div > span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 10px;
}

.rfq-attachment-upload[b-l4vbcv4mw0] {
    cursor: pointer;
}

.rfq-attachment-upload input[b-l4vbcv4mw0] {
    display: none;
}

.rfq-attachments-empty[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
    padding: 14px 4px 4px;
}

.rfq-attachment-list[b-l4vbcv4mw0] {
    display: grid;
    gap: 6px;
    margin-top: 10px;
}

.rfq-attachment-row[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 5px;
    display: grid;
    gap: 8px;
    grid-template-columns: 20px minmax(0, 1fr) 30px;
    padding: 7px 8px;
}

.rfq-attachment-row > .button-icon[b-l4vbcv4mw0] {
    color: var(--theme-primary, #1f5c9d);
    height: 18px;
    width: 18px;
}

.rfq-attachment-name[b-l4vbcv4mw0] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.rfq-attachment-name :is(a, strong)[b-l4vbcv4mw0] {
    color: var(--theme-heading, #17283b);
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rfq-attachment-name a[b-l4vbcv4mw0] {
    color: var(--theme-primary, #1f5c9d);
}

.rfq-attachment-name small[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 9px;
}

.rfq-validation[b-l4vbcv4mw0] {
    background: #fde3e3;
    border: 1px solid #efb7b7;
    border-radius: 5px;
    color: #8c2020;
    font-size: 12px;
    padding: 9px 11px;
}

.takeoff-dialog-actions[b-l4vbcv4mw0] {
    align-items: center;
    border-top: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: flex-end;
    padding: 10px 14px;
}

.column-settings-grid[b-l4vbcv4mw0] {
    display: grid;
    gap: 6px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.column-setting-card[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 4px;
    display: grid;
    gap: 4px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    padding: 4px 5px;
}

.column-setting-check[b-l4vbcv4mw0] {
    justify-content: flex-start;
    min-width: 0;
    padding: 0 6px;
    width: 100%;
}

.column-setting-check span[b-l4vbcv4mw0] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.column-width-field[b-l4vbcv4mw0] {
    align-items: center;
    display: grid;
    gap: 3px;
    grid-template-columns: auto 50px;
}

.column-width-field span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #405368);
    font-size: 11px;
    font-weight: 800;
}

.column-width-field .column-width-input[b-l4vbcv4mw0] {
    height: 23px;
    padding: 0 4px;
    width: 50px;
}

@media (max-width: 1120px) {
    .column-settings-grid[b-l4vbcv4mw0] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

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

@media (max-width: 620px) {
    .column-settings-grid[b-l4vbcv4mw0] {
        grid-template-columns: 1fr;
    }
}

.template-preview-table[b-l4vbcv4mw0] {
    border: 1px solid var(--theme-border, #d7e0ea);
    min-height: 220px;
}

.template-sketch-thumbnail[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    display: block;
    height: 28px;
    object-fit: contain;
    width: 40px;
}

.template-save-panel[b-l4vbcv4mw0] {
    align-items: end;
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(150px, 0.8fr) minmax(220px, 1.2fr) auto;
    padding: 8px;
}

.template-save-panel.standalone[b-l4vbcv4mw0] {
    grid-template-columns: minmax(190px, 0.85fr) minmax(150px, 0.8fr) minmax(190px, 1.2fr);
}

.template-save-scope[b-l4vbcv4mw0] {
    display: flex;
    width: 100%;
}

.template-save-scope button[b-l4vbcv4mw0] {
    flex: 1 1 0;
    padding-inline: 8px;
}

.template-gallery-header-actions[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.template-scope-filter button:last-child[b-l4vbcv4mw0] {
    min-width: 92px;
}

.save-template-preview[b-l4vbcv4mw0] {
    min-height: 150px;
}

.export-textarea[b-l4vbcv4mw0] {
    font-family: Consolas, "Courier New", monospace;
    min-height: 360px;
    resize: vertical;
    white-space: pre;
}

.takeoff-dialog-header[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 58px;
    padding: 10px 14px 10px 16px;
}

.takeoff-dialog-header h2[b-l4vbcv4mw0] {
    color: var(--theme-heading, #1d2731);
    font-size: 20px;
    font-weight: 800;
    margin: 0;
}

@media (max-width: 700px) {
    .template-save-panel.standalone[b-l4vbcv4mw0] {
        grid-template-columns: 1fr;
    }

    .template-gallery-header-actions[b-l4vbcv4mw0] {
        align-items: flex-end;
        flex-direction: column-reverse;
    }
}

.takeoff-dialog-toolbar[b-l4vbcv4mw0] {
    align-items: end;
    background: var(--theme-surface-soft, #f9fbfd);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    justify-content: space-between;
    padding: 8px 12px;
}

.dialog-search[b-l4vbcv4mw0] {
    flex: 0 1 300px;
}

.dialog-filter-cluster[b-l4vbcv4mw0] {
    align-items: end;
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 8px;
    min-width: 0;
}

.dialog-filter-cluster .panel-check[b-l4vbcv4mw0] {
    margin-bottom: 0;
}

.dialog-toolbar-actions[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    justify-content: flex-end;
}

.takeoff-dialog-body[b-l4vbcv4mw0] {
    display: grid;
    flex: 1 1 auto;
    gap: 10px;
    grid-template-columns: minmax(430px, 0.58fr) minmax(330px, 0.42fr);
    min-height: 0;
    overflow: hidden;
    padding: 10px;
}

.dialog-form-panel[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    min-height: 0;
    min-width: 0;
    padding: 10px;
}

.edit-state-banner[b-l4vbcv4mw0] {
    align-items: center;
    background: rgba(31, 39, 67, 0.3);
    color: #3384ff;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    min-height: 34px;
    padding: 0 14px;
}

.edit-state-banner.compact[b-l4vbcv4mw0] {
    align-self: center;
    min-width: 220px;
    width: min(280px, 100%);
}

.edit-state-banner .button-icon[b-l4vbcv4mw0] {
    height: 18px;
    width: 18px;
}

.dialog-form-grid[b-l4vbcv4mw0] {
    display: grid;
    gap: 8px 10px;
    min-height: 0;
}

.category-form-grid[b-l4vbcv4mw0] {
    grid-template-columns: minmax(0, 1fr) 94px;
}

.category-form-grid .wide[b-l4vbcv4mw0] {
    grid-column: 1 / -1;
}

.deduction-check[b-l4vbcv4mw0] {
    align-self: end;
    justify-content: center;
}

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

.scope-dialog-engineering-field[b-l4vbcv4mw0] {
    align-items: end;
    display: grid;
    gap: 6px;
    grid-template-columns: minmax(0, 1fr) 28px;
    min-width: 0;
}

.scope-form-grid .wide[b-l4vbcv4mw0] {
    grid-column: 1 / -1;
}

.dialog-form-grid input[b-l4vbcv4mw0],
.dialog-form-grid select[b-l4vbcv4mw0],
.dialog-form-grid textarea[b-l4vbcv4mw0],
.takeoff-dialog-toolbar input[b-l4vbcv4mw0] {
    width: 100%;
}

.takeoff-dialog input[b-l4vbcv4mw0],
.takeoff-dialog select[b-l4vbcv4mw0],
.takeoff-dialog textarea[b-l4vbcv4mw0] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--theme-text, #1d2731);
    height: 28px;
    min-width: 0;
    padding: 0 7px;
}

.takeoff-dialog textarea[b-l4vbcv4mw0] {
    height: auto;
    padding: 7px;
}

.takeoff-dialog input:focus[b-l4vbcv4mw0],
.takeoff-dialog select:focus[b-l4vbcv4mw0],
.takeoff-dialog textarea:focus[b-l4vbcv4mw0] {
    border-color: var(--theme-primary, #1f5c9d);
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.takeoff-dialog input:disabled[b-l4vbcv4mw0],
.takeoff-dialog select:disabled[b-l4vbcv4mw0],
.takeoff-dialog textarea:disabled[b-l4vbcv4mw0],
.takeoff-dialog input[readonly][b-l4vbcv4mw0] {
    background: var(--theme-input-disabled, #eef3f7);
    color: var(--theme-soft-muted, #526579);
}

.dialog-form-grid textarea[b-l4vbcv4mw0] {
    min-height: 64px;
}

.dialog-table[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 4px;
    min-height: 0;
}

.dialog-table table[b-l4vbcv4mw0] {
    min-width: 100%;
    width: 100%;
}

.scope-dialog .dialog-table table[b-l4vbcv4mw0] {
    min-width: 1180px;
}

.dialog-table th[b-l4vbcv4mw0],
.dialog-table td[b-l4vbcv4mw0] {
    max-width: none;
}

.dialog-table th:first-child[b-l4vbcv4mw0],
.dialog-table td:first-child[b-l4vbcv4mw0] {
    min-width: 110px;
}

.dialog-table th:nth-child(2)[b-l4vbcv4mw0],
.dialog-table td:nth-child(2)[b-l4vbcv4mw0] {
    min-width: 170px;
}

.scope-dialog .dialog-table thead th:first-child[b-l4vbcv4mw0],
.scope-dialog .dialog-table tbody tr:not(.scope-category-group-row) td:first-child[b-l4vbcv4mw0] {
    min-width: 92px;
    width: 92px;
}

.scope-dialog .dialog-table thead th:nth-child(2)[b-l4vbcv4mw0],
.scope-dialog .dialog-table tbody tr:not(.scope-category-group-row) td:nth-child(2)[b-l4vbcv4mw0],
.scope-dialog .dialog-table thead th:nth-child(3)[b-l4vbcv4mw0],
.scope-dialog .dialog-table tbody tr:not(.scope-category-group-row) td:nth-child(3)[b-l4vbcv4mw0],
.scope-dialog .dialog-table thead th:nth-child(4)[b-l4vbcv4mw0],
.scope-dialog .dialog-table tbody tr:not(.scope-category-group-row) td:nth-child(4)[b-l4vbcv4mw0],
.scope-dialog .dialog-table thead th:nth-child(5)[b-l4vbcv4mw0],
.scope-dialog .dialog-table tbody tr:not(.scope-category-group-row) td:nth-child(5)[b-l4vbcv4mw0] {
    min-width: 132px;
    width: 132px;
}

.scope-dialog .dialog-table thead th:nth-child(6)[b-l4vbcv4mw0],
.scope-dialog .dialog-table tbody tr:not(.scope-category-group-row) td:nth-child(6)[b-l4vbcv4mw0],
.scope-dialog .dialog-table thead th:nth-child(7)[b-l4vbcv4mw0],
.scope-dialog .dialog-table tbody tr:not(.scope-category-group-row) td:nth-child(7)[b-l4vbcv4mw0] {
    min-width: 220px;
}

.scope-dialog .dialog-table tbody tr.scope-category-group-row[b-l4vbcv4mw0] {
    cursor: default;
}

.scope-dialog .dialog-table .scope-category-group-row th[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary-soft, #e7f1fb) 72%, var(--theme-surface-raised, #ffffff));
    border-bottom: 1px solid var(--theme-border-strong, #bfccda);
    border-top: 1px solid var(--theme-border-strong, #bfccda);
    color: var(--theme-primary-strong, #184c84);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .02em;
    padding: 6px 8px;
    text-align: left;
}

.gallery-panel[b-l4vbcv4mw0] {
    border-top: 1px solid #dce5ef;
    padding-top: 9px;
}

.gallery-title[b-l4vbcv4mw0] {
    color: #1f5c9d;
    font-size: 11px;
    font-weight: 900;
    padding: 0 10px 7px;
    text-transform: uppercase;
}

.gallery-panel .panel-actions[b-l4vbcv4mw0] {
    padding: 0 10px 10px;
}

.summary-zone[b-l4vbcv4mw0] {
    background: #eef3f7;
    border-top: 1px solid #cfdbe7;
    display: flex;
    flex: 0 0 36vh;
    flex-direction: column;
    min-height: 260px;
    overflow: hidden;
}

.summary-tabs[b-l4vbcv4mw0] {
    background: #ffffff;
    border-bottom: 1px solid #d7e0ea;
    display: flex;
    flex: 0 0 auto;
    gap: 2px;
    overflow-x: auto;
    padding: 6px 8px 0;
}

.summary-tabs button[b-l4vbcv4mw0] {
    background: #eef3f8;
    border-bottom: 0;
    border-radius: 4px 4px 0 0;
    height: 30px;
    white-space: nowrap;
}

.summary-tabs button.active[b-l4vbcv4mw0] {
    background: #ffffff;
    color: #1f5c9d;
}

.summary-content[b-l4vbcv4mw0] {
    display: grid;
    flex: 1 1 auto;
    gap: 10px;
    grid-template-columns: repeat(9, minmax(320px, 1fr));
    min-height: 0;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px;
}

.summary-card[b-l4vbcv4mw0] {
    background: #ffffff;
    border: 1px solid #d5e0ea;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.tabulation-summary[b-l4vbcv4mw0] {
    background: #f7fafc;
}

.tabulation-setup-row[b-l4vbcv4mw0] {
    align-items: end;
    background: #f6f9fc;
    border-bottom: 1px solid #dce5ef;
    color: #44586c;
    display: grid;
    gap: 7px;
    grid-template-columns: minmax(140px, 1fr) auto;
    padding: 7px 8px;
}

.tabulation-setup-row label[b-l4vbcv4mw0] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.tabulation-setup-row label span[b-l4vbcv4mw0] {
    color: #53667b;
    font-size: 11px;
    font-weight: 800;
}

.tabulation-setup-row input[b-l4vbcv4mw0],
.tabulation-setup-row select[b-l4vbcv4mw0],
.tabulation-formula-row input[b-l4vbcv4mw0],
.tabulation-sheet input[b-l4vbcv4mw0] {
    border: 1px solid #aebed0;
    border-radius: 3px;
    color: #1d2731;
    font: inherit;
    height: 27px;
    min-width: 0;
    padding: 0 7px;
    width: 100%;
}

.tabulation-template-actions[b-l4vbcv4mw0],
.tabulation-footer-actions[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    min-width: 0;
}

.tabulation-template-actions button[b-l4vbcv4mw0],
.tabulation-footer-actions button[b-l4vbcv4mw0] {
    background: #eef6ff;
    border-color: #9fc0e1;
    color: #0b3f75;
    height: 27px;
    min-width: 0;
    padding: 0 8px;
    white-space: nowrap;
}

.tabulation-formula-row[b-l4vbcv4mw0] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #cfdbe7;
    display: grid;
    grid-template-columns: 58px 34px minmax(0, 1fr);
    min-height: 31px;
}

.tabulation-cell-reference[b-l4vbcv4mw0],
.tabulation-formula-label[b-l4vbcv4mw0] {
    align-items: center;
    border-right: 1px solid #d7e0ea;
    display: flex;
    height: 100%;
    justify-content: center;
}

.tabulation-cell-reference[b-l4vbcv4mw0] {
    color: #0b3f75;
    font-weight: 800;
}

.tabulation-formula-label[b-l4vbcv4mw0] {
    color: #1f5c9d;
    font-style: italic;
    font-weight: 900;
}

.tabulation-formula-row input[b-l4vbcv4mw0] {
    border: 0;
    border-radius: 0;
    height: 30px;
}

.tabulation-formula-editor[b-l4vbcv4mw0] {
    min-width: 0;
    position: relative;
    width: 100%;
}

.tabulation-formula-editor > input[b-l4vbcv4mw0] {
    display: block;
}

.tabulation-formula-suggestions[b-l4vbcv4mw0] {
    background: #ffffff;
    border: 1px solid #9fb2c6;
    box-shadow: 0 8px 18px rgba(30, 49, 68, 0.18);
    left: 0;
    max-height: 232px;
    overflow-y: auto;
    position: absolute;
    right: auto;
    top: calc(100% + 1px);
    width: min(320px, calc(100vw - 40px));
    z-index: 18;
}

.tabulation-cell-container[b-l4vbcv4mw0] {
    overflow: visible;
    position: relative;
}

.tabulation-cell-container.formula-suggestions-open[b-l4vbcv4mw0] {
    z-index: 17;
}

.tabulation-cell-editor[b-l4vbcv4mw0] {
    height: 100%;
    position: relative;
    width: 100%;
}

.tabulation-cell-editor > input[b-l4vbcv4mw0] {
    display: block;
}

.tabulation-cell-container.formula-suggestions-align-end .tabulation-formula-suggestions[b-l4vbcv4mw0] {
    left: auto;
    right: 0;
}

.tabulation-cell-container.formula-suggestions-above .tabulation-formula-suggestions[b-l4vbcv4mw0] {
    bottom: calc(100% + 1px);
    top: auto;
}

.tabulation-formula-suggestion[b-l4vbcv4mw0] {
    align-items: center;
    background: #ffffff;
    border: 0;
    border-bottom: 1px solid #e0e7ef;
    border-radius: 0;
    color: #1d2731;
    display: grid;
    font: inherit;
    gap: 10px;
    grid-template-columns: minmax(82px, 0.35fr) minmax(0, 1fr);
    min-height: 34px;
    padding: 5px 9px;
    text-align: left;
    width: 100%;
}

.tabulation-formula-suggestion:last-child[b-l4vbcv4mw0] {
    border-bottom: 0;
}

.tabulation-formula-suggestion:hover[b-l4vbcv4mw0],
.tabulation-formula-suggestion.selected[b-l4vbcv4mw0] {
    background: #e7f2ff;
    color: #0b3f75;
}

.tabulation-formula-suggestion strong[b-l4vbcv4mw0] {
    font-size: 12px;
    font-weight: 900;
}

.tabulation-formula-suggestion span[b-l4vbcv4mw0] {
    color: #53667b;
    font-size: 11px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabulation-sheet[b-l4vbcv4mw0] {
    background: #eef3f7;
    flex: 1 1 auto;
    min-height: 220px;
    overflow: auto;
}

.tabulation-sheet-resize-zone[b-l4vbcv4mw0] {
    min-height: 100%;
    min-width: 100%;
}

.tabulation-sheet table[b-l4vbcv4mw0] {
    border-collapse: collapse;
    min-width: 680px;
    table-layout: fixed;
    width: max-content;
}

.tabulation-sheet th[b-l4vbcv4mw0],
.tabulation-sheet td[b-l4vbcv4mw0] {
    border-bottom: 1px solid #d5e0ea;
    border-right: 1px solid #d5e0ea;
    height: 30px;
    padding: 0;
}

.tabulation-sheet th[b-l4vbcv4mw0] {
    background: #f5f8fb;
    color: #53667b;
    font-size: 11px;
    font-weight: 900;
    text-align: center;
}

.tabulation-sheet thead th[b-l4vbcv4mw0] {
    position: sticky;
    top: 0;
    z-index: 1;
}

.tabulation-sheet tbody th[b-l4vbcv4mw0] {
    left: 0;
    position: sticky;
    z-index: 1;
}

.tabulation-corner[b-l4vbcv4mw0] {
    left: 0;
    position: sticky;
    z-index: 2 !important;
}

.tabulation-corner[b-l4vbcv4mw0],
.tabulation-sheet tbody th[b-l4vbcv4mw0] {
    max-width: 86px;
    min-width: 86px;
    padding: 0;
    width: 86px;
}

.tabulation-row-header-col[b-l4vbcv4mw0] {
    width: 86px;
}

.tabulation-row-header[b-l4vbcv4mw0] {
    overflow: visible;
}

.tabulation-row-header.selected-row[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 11%, #f5f8fb);
    color: var(--theme-primary-strong, #184c84);
}

.tabulation-row-header-content[b-l4vbcv4mw0] {
    align-items: center;
    display: grid;
    gap: 3px;
    grid-template-columns: minmax(24px, 1fr) 55px;
    height: 100%;
    padding: 0 4px;
}

.tabulation-row-number[b-l4vbcv4mw0] {
    min-width: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
}

.tabulation-row-controls[b-l4vbcv4mw0] {
    align-items: center;
    display: inline-flex;
    gap: 2px;
    justify-content: flex-end;
    min-width: 0;
    opacity: 0;
    pointer-events: none;
    transform: translateX(-2px);
    transition: opacity 120ms ease, transform 120ms ease;
}

.tabulation-sheet tbody tr:hover .tabulation-row-controls[b-l4vbcv4mw0],
.tabulation-row-header.selected-row .tabulation-row-controls[b-l4vbcv4mw0],
.tabulation-row-header:focus-within .tabulation-row-controls[b-l4vbcv4mw0] {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.tabulation-row-control-button[b-l4vbcv4mw0] {
    align-items: center;
    background: #eef6ff;
    border: 1px solid #9fc0e1;
    border-radius: 4px;
    color: #0b3f75;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 17px;
    height: 22px;
    justify-content: center;
    padding: 0;
    width: 17px;
}

.tabulation-row-control-button:hover[b-l4vbcv4mw0],
.tabulation-row-control-button:focus-visible[b-l4vbcv4mw0] {
    background: #dceeff;
    border-color: #6f9dce;
    color: #073866;
    outline: none;
}

.tabulation-row-control-button.danger[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-danger, #b83b4b) 9%, #ffffff);
    border-color: color-mix(in srgb, var(--theme-danger, #b83b4b) 36%, #d7e0ea);
    color: var(--theme-danger, #b83b4b);
}

.tabulation-row-control-button.danger:hover[b-l4vbcv4mw0],
.tabulation-row-control-button.danger:focus-visible[b-l4vbcv4mw0] {
    background: var(--theme-danger, #b83b4b);
    border-color: var(--theme-danger, #b83b4b);
    color: #ffffff;
}

.tabulation-row-control-button .button-icon[b-l4vbcv4mw0] {
    height: 11px;
    width: 11px;
}

.tabulation-column-header[b-l4vbcv4mw0] {
    min-width: 64px;
    overflow: visible;
    padding: 0 13px 0 4px !important;
    position: sticky;
    user-select: none;
}

.tabulation-column-header > span[b-l4vbcv4mw0] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.tabulation-column-resizer[b-l4vbcv4mw0] {
    background: transparent;
    border: 0;
    border-radius: 0;
    cursor: col-resize;
    height: 100%;
    padding: 0;
    position: absolute;
    right: -4px;
    top: 0;
    width: 9px;
    z-index: 4;
}

.tabulation-column-resizer[b-l4vbcv4mw0]::after {
    background: #a8b8c8;
    border-radius: 999px;
    content: "";
    height: 18px;
    opacity: 0;
    position: absolute;
    right: 3px;
    top: 6px;
    width: 2px;
}

.tabulation-column-header:hover .tabulation-column-resizer[b-l4vbcv4mw0]::after,
.tabulation-column-resizer:hover[b-l4vbcv4mw0]::after {
    opacity: 1;
}

.tabulation-sheet td[b-l4vbcv4mw0] {
    background: #ffffff;
    min-width: 64px;
}

.tabulation-sheet input[b-l4vbcv4mw0] {
    background: transparent;
    border: 0;
    border-radius: 0;
    height: 29px;
}

.tabulation-sheet[data-tabulation-reference-ready="true" i] input[readonly][b-l4vbcv4mw0] {
    cursor: cell;
}

.tabulation-sheet input.formula-cell[b-l4vbcv4mw0] {
    background: #f6fbff;
    color: #0b3f75;
    font-weight: 800;
}

.tabulation-sheet input.selected-cell[b-l4vbcv4mw0] {
    box-shadow: inset 0 0 0 2px #1f5c9d;
}

.tabulation-sheet input.selected-range:not(.selected-cell)[b-l4vbcv4mw0] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, var(--theme-input-bg, #ffffff));
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--theme-primary, #1f5c9d) 35%, transparent);
}

.tabulation-sheet input.referenced-cell[b-l4vbcv4mw0] {
    background: #fff6c7;
    box-shadow: inset 0 0 0 2px #d7aa2d;
}

.tabulation-sheet input.changed-cell[b-l4vbcv4mw0],
.tabulation-sheet input.changed-cell.selected-cell[b-l4vbcv4mw0],
.tabulation-sheet input.changed-cell.referenced-cell[b-l4vbcv4mw0] {
    --changed-cell-color: var(--theme-warning, #8a5d00);
    background: linear-gradient(90deg, var(--changed-cell-color) 0 3px, color-mix(in srgb, var(--changed-cell-color) 16%, var(--theme-input-bg, #ffffff)) 3px) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--changed-cell-color) 35%, transparent);
    color: var(--theme-heading, #1d2731) !important;
}

.tabulation-reference-dragging .tabulation-sheet input[readonly][b-l4vbcv4mw0] {
    cursor: crosshair;
}

.tabulation-sheet input.formula-reference-preview[b-l4vbcv4mw0] {
    --formula-reference-top: inset 0 0 0 transparent;
    --formula-reference-right: inset 0 0 0 transparent;
    --formula-reference-bottom: inset 0 0 0 transparent;
    --formula-reference-left: inset 0 0 0 transparent;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 18%, var(--theme-input-bg, #ffffff)) !important;
    box-shadow: var(--formula-reference-top),
        var(--formula-reference-right),
        var(--formula-reference-bottom),
        var(--formula-reference-left) !important;
}

.tabulation-sheet input.formula-reference-preview-top[b-l4vbcv4mw0] {
    --formula-reference-top: inset 0 2px 0 var(--theme-primary, #1f5c9d);
}

.tabulation-sheet input.formula-reference-preview-right[b-l4vbcv4mw0] {
    --formula-reference-right: inset -2px 0 0 var(--theme-primary, #1f5c9d);
}

.tabulation-sheet input.formula-reference-preview-bottom[b-l4vbcv4mw0] {
    --formula-reference-bottom: inset 0 -2px 0 var(--theme-primary, #1f5c9d);
}

.tabulation-sheet input.formula-reference-preview-left[b-l4vbcv4mw0] {
    --formula-reference-left: inset 2px 0 0 var(--theme-primary, #1f5c9d);
}

.tabulation-add-row td[b-l4vbcv4mw0] {
    background: #f8fbfe;
    padding: 3px 6px;
    text-align: left;
}

.tabulation-add-row-button[b-l4vbcv4mw0] {
    align-items: center;
    background: #eef6ff;
    border: 1px solid #9fc0e1;
    border-radius: 4px;
    color: #0b3f75;
    display: inline-flex;
    height: 24px;
    justify-content: center;
    padding: 0;
    width: 28px;
}

.tabulation-add-row-button:hover[b-l4vbcv4mw0] {
    background: #dceeff;
    color: #073866;
}

.tabulation-footer-actions[b-l4vbcv4mw0] {
    background: #ffffff;
    border-top: 1px solid #cfdbe7;
    flex: 0 0 auto;
    justify-content: flex-end;
    padding: 6px 8px;
}

.project-cost-head[b-l4vbcv4mw0] {
    align-items: center;
    background: #f6f9fc;
    border-bottom: 1px solid #dce5ef;
    display: flex;
    gap: 14px;
    padding: 8px 10px;
}

.project-cost-head span[b-l4vbcv4mw0] {
    color: #53667b;
    font-weight: 800;
}

.project-cost-head strong[b-l4vbcv4mw0] {
    color: #1d2731;
}

.project-cost-layout[b-l4vbcv4mw0] {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 14px;
    min-height: 0;
    overflow: auto;
    padding: 12px;
}

.project-cost-columns[b-l4vbcv4mw0] {
    display: grid;
    gap: 12px 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.project-cost-stack[b-l4vbcv4mw0] {
    align-content: start;
    display: grid;
    gap: 6px;
    min-width: 0;
}

.project-cost-field[b-l4vbcv4mw0] {
    align-items: center;
    display: grid;
    gap: 5px;
    grid-template-columns: minmax(94px, max-content) 12px minmax(74px, 1fr) 18px;
    min-width: 0;
}

.project-cost-label[b-l4vbcv4mw0] {
    color: #53667b;
    font-size: 12px;
    font-weight: 800;
    min-width: 0;
}

.project-cost-label[b-l4vbcv4mw0]::after {
    content: ":";
}

.project-cost-prefix[b-l4vbcv4mw0],
.project-cost-suffix[b-l4vbcv4mw0] {
    color: #1f5c9d;
    font-size: 12px;
    font-weight: 900;
    min-width: 0;
}

.project-cost-field input[b-l4vbcv4mw0] {
    width: 100%;
}

.project-cost-field input.changed-project-cost-input[b-l4vbcv4mw0],
.project-cost-field input.changed-project-cost-input:read-only[b-l4vbcv4mw0] {
    --changed-cell-color: var(--theme-warning, #c58a12);
    background: linear-gradient(90deg, var(--changed-cell-color) 0 3px, color-mix(in srgb, var(--changed-cell-color) 18%, var(--theme-input-bg, #ffffff)) 3px) !important;
    border-color: color-mix(in srgb, var(--changed-cell-color) 48%, var(--theme-input-border, #b8c8d8)) !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--changed-cell-color) 24%, transparent);
    color: var(--theme-input-text, var(--theme-text, #10233a)) !important;
    cursor: help;
}

.project-cost-meta[b-l4vbcv4mw0] {
    display: grid;
    gap: 4px;
    margin-top: auto;
    padding-top: 10px;
}

.project-cost-meta span[b-l4vbcv4mw0] {
    color: #53667b;
    font-weight: 800;
}

.project-cost-meta strong[b-l4vbcv4mw0] {
    color: #1f5c9d;
}

.project-cost-actions[b-l4vbcv4mw0] {
    justify-content: flex-end;
}

.project-cost-history-content[b-l4vbcv4mw0] {
    overflow: hidden;
}

.project-cost-history-grid[b-l4vbcv4mw0] {
    max-height: min(520px, calc(100vh - 180px));
    overflow: auto;
}

.project-cost-history-grid table[b-l4vbcv4mw0] {
    min-width: 760px;
}

.cost-grid[b-l4vbcv4mw0],
.project-info-grid[b-l4vbcv4mw0] {
    grid-template-columns: 1fr 1fr;
    overflow-y: auto;
    padding: 10px;
}

.detailing-grid[b-l4vbcv4mw0] {
    grid-template-columns: 1fr;
}

.project-info-card[b-l4vbcv4mw0] {
    overflow: hidden;
}

.project-info-card .project-info-grid[b-l4vbcv4mw0] {
    align-content: start;
    flex: 0 0 auto;
    grid-auto-rows: max-content;
    min-height: 0;
    overflow-y: visible;
    row-gap: 10px;
}

.project-info-card .project-info-grid label[b-l4vbcv4mw0] {
    align-content: start;
    min-height: 0;
}

.workflow-summary-card[b-l4vbcv4mw0] {
    min-width: 420px;
}

.workflow-summary-content[b-l4vbcv4mw0] {
    display: grid;
    gap: 14px;
    min-height: 0;
    overflow: auto;
    padding: 14px;
}

.workflow-summary-block[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #b8c9dc);
    border-radius: 9px;
    box-shadow: 0 5px 14px rgba(20, 34, 49, 0.07);
    min-width: 0;
    overflow: hidden;
}

.workflow-summary-block-title[b-l4vbcv4mw0] {
    align-items: center;
    background: linear-gradient(135deg, var(--theme-primary-soft, #e7f1fb), var(--theme-surface-soft, #f7fafc));
    border-bottom: 1px solid var(--theme-border-strong, #b8c9dc);
    color: var(--theme-heading, #1d2731);
    display: flex;
    gap: 8px;
    min-height: 42px;
    padding: 8px 11px;
}

.workflow-summary-block-title .button-icon[b-l4vbcv4mw0] {
    color: var(--theme-primary, #1f5c9d);
    flex: 0 0 auto;
    height: 16px;
    width: 16px;
}

.workflow-summary-block-title strong[b-l4vbcv4mw0] {
    font-size: 13px;
    font-weight: 800;
}

.workflow-summary-block-title small[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 10px;
    font-weight: 600;
    margin-left: auto;
    text-align: right;
}

.workflow-stage-summary-scroll[b-l4vbcv4mw0] {
    overflow-x: auto;
}

.workflow-stage-summary-grid[b-l4vbcv4mw0] {
    display: grid;
    grid-template-columns: repeat(4, minmax(122px, 1fr));
    min-width: 488px;
}

.workflow-stage-column[b-l4vbcv4mw0] {
    border-right: 1px solid var(--theme-border-strong, #b8c9dc);
    min-width: 0;
}

.workflow-stage-column:last-child[b-l4vbcv4mw0] {
    border-right: 0;
}

.workflow-stage-column h3[b-l4vbcv4mw0] {
    background: linear-gradient(135deg, var(--theme-primary, #1f5c9d), var(--theme-primary-strong, #184c84));
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    margin: 0;
    min-height: 35px;
    padding: 10px 8px;
    text-align: center;
}

.workflow-summary-metric-list[b-l4vbcv4mw0] {
    display: grid;
}

.workflow-summary-metric-row[b-l4vbcv4mw0] {
    align-items: center;
    border-top: 1px solid var(--theme-border, #d7e0ea);
    color: var(--theme-text, #263546);
    display: grid;
    font-size: 12px;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 36px;
    padding: 7px 11px;
}

.workflow-stage-column .workflow-summary-metric-row:first-of-type[b-l4vbcv4mw0],
.workflow-summary-metric-list .workflow-summary-metric-row:first-child[b-l4vbcv4mw0] {
    border-top: 0;
}

.workflow-summary-metric-row span[b-l4vbcv4mw0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.workflow-summary-metric-row strong[b-l4vbcv4mw0] {
    color: var(--theme-success, #157347);
    font-size: 14px;
    font-variant-numeric: tabular-nums;
    font-weight: 900;
    min-width: 30px;
    text-align: right;
}

.workflow-summary-total-row[b-l4vbcv4mw0] {
    background: var(--theme-primary-soft, #e7f1fb);
    color: var(--theme-heading, #1d2731);
    font-weight: 800;
}

.workflow-summary-secondary-grid[b-l4vbcv4mw0] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.workflow-summary-note[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 10px;
    line-height: 1.4;
    margin: -3px 2px 0;
}

.checking-stage-summary[b-l4vbcv4mw0] {
    border-top: 1px solid var(--theme-border, #d7e0ea);
    display: grid;
    flex: 0 0 auto;
    gap: 7px;
    margin: 16px 10px 8px;
    min-width: 0;
    overflow-x: auto;
    padding-top: 12px;
}

.checking-stage-summary-title[b-l4vbcv4mw0] {
    align-items: center;
    color: var(--theme-heading, #1d2731);
    display: inline-flex;
    gap: 7px;
    min-height: 24px;
}

.checking-stage-summary-title .button-icon[b-l4vbcv4mw0] {
    color: var(--theme-primary, #1f5c9d);
    height: 15px;
    width: 15px;
}

.checking-stage-summary-title strong[b-l4vbcv4mw0] {
    font-size: 13px;
    font-weight: 600;
}

.checking-stage-summary-grid[b-l4vbcv4mw0] {
    border: 1px solid var(--theme-border-strong, #b8c9dc);
    border-radius: 6px;
    display: grid;
    grid-template-columns: repeat(4, minmax(104px, 1fr));
    min-width: 416px;
    overflow: hidden;
}

.checking-stage-heading[b-l4vbcv4mw0],
.checking-stage-cell[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    border-right: 1px solid var(--theme-border, #d7e0ea);
    color: var(--theme-text, #263546);
    display: grid;
    min-height: 30px;
    padding: 0 9px;
}

.checking-stage-heading:nth-child(4n)[b-l4vbcv4mw0],
.checking-stage-cell:nth-child(4n)[b-l4vbcv4mw0] {
    border-right: 0;
}

.checking-stage-heading[b-l4vbcv4mw0] {
    background: var(--theme-table-head, #f1f5f9);
    color: var(--theme-muted, #45586c);
    font-size: 12px;
    font-weight: 600;
    justify-content: center;
    text-align: center;
}

.checking-stage-cell[b-l4vbcv4mw0] {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
}

.checking-stage-cell span[b-l4vbcv4mw0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.checking-stage-cell strong[b-l4vbcv4mw0] {
    color: var(--theme-success, #14675c);
    font-size: 13px;
    font-weight: 700;
    min-width: 24px;
    text-align: right;
}

.project-cost-card[b-l4vbcv4mw0],
.detailing-card[b-l4vbcv4mw0],
.project-info-card[b-l4vbcv4mw0] {
    min-width: 360px;
}

.summary-table[b-l4vbcv4mw0] {
    flex: 1 1 auto;
    overflow: auto;
}

.paint-summary-table table[b-l4vbcv4mw0] {
    min-width: 760px;
}

.paint-summary-table th:last-child[b-l4vbcv4mw0] {
    background: #fff2bd;
    color: #6f5a00;
}

.paint-summary-table td:last-child[b-l4vbcv4mw0] {
    background: #fff9d8;
    color: #5f4a00;
    font-weight: 800;
}

.display-summary-table table[b-l4vbcv4mw0] {
    min-width: 920px;
}

.display-summary-table td.summary-high-value-cell[b-l4vbcv4mw0] {
    background: var(--theme-warning-soft, #fff3d9) !important;
    box-shadow: inset 3px 0 0 var(--theme-warning, #8a5d00);
    color: var(--theme-warning, #8a5d00) !important;
    font-weight: 700;
}

.summary-matrix-table table[b-l4vbcv4mw0] {
    min-width: 2920px;
}

.freeze-first-column table[b-l4vbcv4mw0] {
    border-collapse: separate;
    border-spacing: 0;
}

.freeze-first-column th:first-child[b-l4vbcv4mw0],
.freeze-first-column td:first-child[b-l4vbcv4mw0] {
    background: #ffffff;
    box-shadow: 1px 0 0 #d7e0ea;
    left: 0;
    min-width: 140px;
    position: sticky;
    text-align: left;
    z-index: 2;
}

.freeze-first-column th:first-child[b-l4vbcv4mw0] {
    background: #f3f7fb;
    z-index: 3;
}

.summary-card > .panel-actions[b-l4vbcv4mw0] {
    border-top: 1px solid #dce5ef;
    padding: 8px 10px;
}

.takeoff-workspace .scope-panel[b-l4vbcv4mw0],
.takeoff-workspace .entry-panel[b-l4vbcv4mw0],
.takeoff-workspace .side-tools[b-l4vbcv4mw0],
.takeoff-workspace .estimate-grid-panel[b-l4vbcv4mw0] {
    min-height: 0;
    position: relative;
    z-index: 1;
}

.takeoff-workspace .scope-panel[b-l4vbcv4mw0] {
    background: transparent;
    border: 0;
    border-right: 1px solid #dce5ef;
    grid-column: 1;
    grid-row: 1;
}

.takeoff-workspace .estimate-panel[b-l4vbcv4mw0] {
    display: contents;
}

.takeoff-workspace .entry-panel[b-l4vbcv4mw0] {
    background: transparent;
    border: 0;
    grid-column: 2;
    grid-row: 1;
    overflow-x: hidden;
    overflow-y: auto;
}

.takeoff-workspace .entry-section[b-l4vbcv4mw0] {
    background: transparent;
}

.takeoff-workspace .side-tools[b-l4vbcv4mw0] {
    background: transparent;
    border: 0;
    border-left: 1px solid #dce5ef;
    grid-column: 3;
    grid-row: 1;
}

.takeoff-workspace .estimate-grid-panel[b-l4vbcv4mw0] {
    background: #ffffff;
    border: 1px solid #cfdbe7;
    border-radius: 4px;
    grid-column: 1 / 4;
    grid-row: 2;
}

.scope-panel .scope-form[b-l4vbcv4mw0] {
    overflow: auto;
}

.summary-floating[b-l4vbcv4mw0] {
    align-items: stretch;
    background: transparent;
    border: 0;
    border-radius: 0;
    bottom: 8px;
    box-shadow: none;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    gap: 4px;
    min-height: 0;
    overflow: visible;
    position: absolute;
    right: 8px;
    top: 8px;
    max-width: calc(75vw + var(--summary-rail-width) + 4px);
    width: min(calc(var(--summary-panel-width) + var(--summary-rail-width) + 4px), calc(75vw + var(--summary-rail-width) + 4px));
    z-index: 22;
}

.summary-floating[b-l4vbcv4mw0],
.summary-drawer-surface[b-l4vbcv4mw0],
.summary-tab-rail[b-l4vbcv4mw0] {
    box-sizing: border-box;
}

.summary-floating.collapsed[b-l4vbcv4mw0] {
    width: var(--summary-rail-width);
}

.summary-floating.summary-restoring[b-l4vbcv4mw0] {
    opacity: 0;
    pointer-events: none;
    transition: none;
    visibility: hidden;
}

.summary-drawer-surface[b-l4vbcv4mw0] {
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border, #d4dde7);
    border-radius: 14px 0 0 14px;
    box-shadow: 0 14px 34px rgba(20, 34, 49, 0.28);
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    overflow: hidden;
    position: relative;
    max-width: 75vw;
    width: min(var(--summary-panel-width), 75vw);
}

.summary-resize-handle[b-l4vbcv4mw0] {
    bottom: 0;
    cursor: col-resize;
    left: -5px;
    position: absolute;
    top: 0;
    width: 10px;
    z-index: 3;
}

.summary-resize-handle[b-l4vbcv4mw0]::after {
    background: #9fb7d0;
    border-radius: 999px;
    content: "";
    height: 42px;
    left: 4px;
    opacity: 0.72;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
}

.summary-resize-handle:hover[b-l4vbcv4mw0]::after {
    background: #1f5c9d;
    opacity: 1;
}

.takeoff-drawer-resizing[b-l4vbcv4mw0] {
    cursor: col-resize;
    user-select: none;
}

.summary-drawer-header[b-l4vbcv4mw0] {
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #e7edf4;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
    justify-content: space-between;
    min-height: 64px;
    padding: 10px 14px 9px;
}

.summary-drawer-title[b-l4vbcv4mw0] {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.summary-drawer-title > span[b-l4vbcv4mw0] {
    color: #6d7784;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: 0;
    text-transform: uppercase;
}

.summary-drawer-title strong[b-l4vbcv4mw0] {
    color: #1d2731;
    display: block;
    font-size: 17px;
    font-weight: 800;
    max-width: 270px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.summary-tab-picker[b-l4vbcv4mw0] {
    align-items: center;
    display: inline-flex;
    max-width: 260px;
    min-width: 0;
    position: relative;
}

.summary-tab-picker[b-l4vbcv4mw0]::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid #41556b;
    content: "";
    pointer-events: none;
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-35%);
}

.summary-tab-picker select[b-l4vbcv4mw0] {
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #1d2731;
    cursor: pointer;
    font-size: 17px;
    font-weight: 800;
    min-height: 23px;
    overflow: hidden;
    padding: 0 18px 0 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.summary-tab-picker select:focus[b-l4vbcv4mw0] {
    box-shadow: none;
    outline: 0;
}

.summary-drawer-actions[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 6px;
}

.summary-floating-actions[b-l4vbcv4mw0] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #c7d4e2);
    border-radius: 10px;
    box-shadow: 0 8px 18px rgba(20, 34, 49, 0.14);
    gap: 3px;
    padding: 3px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 5;
}

.summary-icon-button[b-l4vbcv4mw0] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: var(--theme-muted, #4b5563);
    display: inline-flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    transition: background-color 0.14s ease, color 0.14s ease, transform 0.14s ease;
    width: 30px;
}

.summary-icon-button:hover[b-l4vbcv4mw0] {
    background: var(--theme-primary-soft, #eef3f8);
    color: var(--theme-primary-strong, #1f5c9d);
    transform: translateY(-1px);
}

.summary-icon-button[aria-pressed="true"][b-l4vbcv4mw0] {
    background: var(--theme-primary, #1f5c9d);
    color: #ffffff;
}

.summary-tab-rail[b-l4vbcv4mw0] {
    align-items: center;
    background: #071f46;
    border: 1px solid #163f75;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 14px 34px rgba(20, 34, 49, 0.28);
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
    height: 100%;
    justify-content: flex-start;
    min-height: 0;
    overflow: visible;
    padding: 9px 6px;
    scrollbar-width: none;
    width: var(--summary-rail-width);
    z-index: 8;
}

.summary-tab-rail[b-l4vbcv4mw0]::-webkit-scrollbar {
    display: none;
}

.summary-floating.collapsed .summary-tab-rail[b-l4vbcv4mw0] {
    border-radius: 8px;
}

.summary-tab-rail button[b-l4vbcv4mw0] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 999px;
    color: #b7c9df;
    display: inline-flex;
    flex: 0 0 auto;
    height: 34px;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 34px;
}

.summary-tab-rail button[b-l4vbcv4mw0]::after {
    background: #0f1f33;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 8px;
    box-shadow: 0 10px 24px rgba(15, 31, 51, 0.26);
    color: #ffffff;
    content: attr(data-tooltip);
    font-size: 0.78rem;
    font-weight: 700;
    line-height: 1.2;
    max-width: 220px;
    opacity: 0;
    padding: 7px 10px;
    pointer-events: none;
    position: absolute;
    right: calc(100% + 10px);
    text-align: left;
    top: 50%;
    transform: translate(4px, -50%);
    transition: opacity 0.12s ease, transform 0.12s ease;
    white-space: nowrap;
    z-index: 40;
}

.summary-tab-rail button[b-l4vbcv4mw0]::before {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #0f1f33;
    border-top: 6px solid transparent;
    content: "";
    opacity: 0;
    pointer-events: none;
    position: absolute;
    right: calc(100% + 4px);
    top: 50%;
    transform: translate(4px, -50%);
    transition: opacity 0.12s ease, transform 0.12s ease;
    z-index: 41;
}

.summary-tab-rail button:hover[b-l4vbcv4mw0]::after,
.summary-tab-rail button:focus-visible[b-l4vbcv4mw0]::after,
.summary-tab-rail button:hover[b-l4vbcv4mw0]::before,
.summary-tab-rail button:focus-visible[b-l4vbcv4mw0]::before {
    opacity: 1;
    transform: translate(0, -50%);
}

.summary-tab-rail .button-icon[b-l4vbcv4mw0] {
    height: 17.5px;
    width: 17.5px;
}

.summary-tab-rail button:hover[b-l4vbcv4mw0] {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.summary-tab-rail button.active[b-l4vbcv4mw0] {
    background: #e7f1fb;
    color: #1f5c9d;
}

.summary-tab-rail button.online-users-rail-tab[b-l4vbcv4mw0] {
    margin-top: auto;
}

.summary-floating .summary-content[b-l4vbcv4mw0] {
    background: var(--theme-surface-soft, #ffffff);
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    padding: 12px;
}

.summary-floating .summary-content .summary-card > .panel-heading:first-child[b-l4vbcv4mw0] {
    padding-right: 96px;
}

.drawer-tab-title[b-l4vbcv4mw0] {
    background: linear-gradient(135deg, var(--theme-surface-raised, #ffffff), var(--theme-surface-soft, #f7fafc));
    border-bottom: 1px solid var(--theme-border, #dce5ef);
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.34);
    gap: 10px;
    justify-content: flex-start;
    min-height: 58px;
    overflow: visible;
    position: relative;
}

.drawer-tab-title[b-l4vbcv4mw0]::before {
    background: var(--theme-primary, #1f5c9d);
    border-radius: 999px;
    bottom: 10px;
    content: "";
    left: 0;
    position: absolute;
    top: 10px;
    width: 3px;
}

.drawer-tab-title .drawer-tab-icon-shell[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-primary-soft, #e7f1fb);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 9px;
    color: var(--theme-primary-strong, #184c84);
    display: inline-flex;
    flex: 0 0 auto;
    height: 30px;
    justify-content: center;
    width: 30px;
}

.drawer-tab-title .drawer-tab-icon[b-l4vbcv4mw0] {
    color: inherit;
    height: 15px;
    width: 15px;
}

.drawer-tab-title strong[b-l4vbcv4mw0] {
    color: var(--theme-heading, #1d2731);
    flex: 0 1 auto;
    font-size: 16px;
    line-height: 1.35;
    min-width: 0;
    overflow: hidden;
    padding-bottom: 1px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.drawer-tab-title .drawer-export-button[b-l4vbcv4mw0] {
    align-self: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    box-shadow: 0 4px 10px rgba(20, 34, 49, 0.08);
    color: var(--theme-primary-strong, #184c84);
    flex: 0 0 auto;
    height: 32px;
    margin-left: 2px;
    width: 32px;
}

.drawer-tab-title .drawer-export-button .button-icon[b-l4vbcv4mw0] {
    height: 16px;
    width: 16px;
}

.drawer-tab-title .drawer-export-button:hover[b-l4vbcv4mw0] {
    background: var(--theme-primary-soft, #e7f1fb);
    border-color: var(--theme-primary, #1f5c9d);
    color: var(--theme-primary-strong, #184c84);
    transform: translateY(-1px);
}

.summary-floating .summary-card[b-l4vbcv4mw0] {
    border: 0;
    border-radius: 0;
    flex: 1 1 auto;
    height: 100%;
    max-height: 100%;
    min-height: 0;
    overflow: hidden;
}

.project-online-users-card[b-l4vbcv4mw0] {
    display: flex;
    flex-direction: column;
}

.project-online-users-summary[b-l4vbcv4mw0] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-success-soft, #e9f6f4) 72%, var(--theme-surface, #ffffff));
    border-bottom: 1px solid var(--theme-border, #dce5ef);
    color: var(--theme-muted, #5a728f);
    display: flex;
    flex: 0 0 auto;
    font-size: 12px;
    gap: 7px;
    min-height: 42px;
    padding: 8px 12px;
}

.project-online-users-summary strong[b-l4vbcv4mw0] {
    color: var(--theme-success, #087a42);
    font-size: 14px;
}

.project-online-pulse[b-l4vbcv4mw0],
.project-online-status > span[b-l4vbcv4mw0] {
    background: #16a864;
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(22, 168, 100, 0.14);
    display: inline-block;
    height: 8px;
    width: 8px;
}

.project-online-users-list[b-l4vbcv4mw0] {
    align-content: start;
    display: grid;
    flex: 1 1 auto;
    gap: 6px;
    grid-auto-rows: min-content;
    min-height: 0;
    overflow-y: auto;
    padding: 10px;
}

.project-online-user[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #dce5ef);
    border-radius: 6px;
    display: grid;
    gap: 9px;
    grid-template-columns: 34px minmax(0, 1fr) auto auto;
    height: 54px;
    min-height: 54px;
    padding: 7px 8px;
}

.project-online-user-avatar[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-primary-soft, #e7f1fb);
    border-radius: 50%;
    color: var(--theme-primary-strong, #184c84);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.project-online-user-copy[b-l4vbcv4mw0],
.project-online-user-name[b-l4vbcv4mw0] {
    min-width: 0;
}

.project-online-user-copy[b-l4vbcv4mw0] {
    display: grid;
    gap: 2px;
}

.project-online-user-name[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    gap: 6px;
}

.project-online-user-name strong[b-l4vbcv4mw0],
.project-online-user-copy small[b-l4vbcv4mw0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.project-online-user-name strong[b-l4vbcv4mw0] {
    color: var(--theme-heading, #17283b);
    font-size: 12px;
}

.project-online-user-name em[b-l4vbcv4mw0] {
    background: var(--theme-primary-soft, #e7f1fb);
    border-radius: 999px;
    color: var(--theme-primary-strong, #184c84);
    font-size: 9px;
    font-style: normal;
    padding: 2px 5px;
}

.project-online-user-copy small[b-l4vbcv4mw0] {
    color: var(--theme-muted, #66798e);
    font-size: 10px;
}

.project-online-status[b-l4vbcv4mw0] {
    align-items: center;
    color: #087a42;
    display: inline-flex;
    font-size: 10px;
    gap: 5px;
}

.project-online-status > span[b-l4vbcv4mw0] {
    box-shadow: none;
    height: 6px;
    width: 6px;
}

.project-buzz-button[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-primary-soft, #e7f1fb);
    border: 1px solid var(--theme-border-strong, #b8c9da);
    border-radius: 5px;
    color: var(--theme-primary-strong, #184c84);
    display: inline-flex;
    font-size: 10px;
    gap: 5px;
    height: 28px;
    padding: 0 8px;
}

.project-buzz-button:hover:not(:disabled)[b-l4vbcv4mw0] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary, #1f5c9d);
    color: #ffffff;
}

.project-buzz-button:disabled[b-l4vbcv4mw0] {
    cursor: default;
    opacity: 0.42;
}

.project-buzz-button .button-icon[b-l4vbcv4mw0] {
    height: 13px;
    width: 13px;
}

.project-online-users-empty[b-l4vbcv4mw0] {
    align-items: center;
    align-self: center;
    color: var(--theme-muted, #66798e);
    display: flex;
    flex-direction: column;
    gap: 7px;
    justify-self: center;
    max-width: 240px;
    padding: 36px 16px;
    text-align: center;
}

.project-online-users-empty .button-icon[b-l4vbcv4mw0] {
    color: var(--theme-primary, #1f5c9d);
    height: 28px;
    width: 28px;
}

.project-online-users-empty strong[b-l4vbcv4mw0] {
    color: var(--theme-heading, #17283b);
    font-size: 13px;
}

.project-online-users-empty span:last-child[b-l4vbcv4mw0] {
    font-size: 11px;
    line-height: 1.45;
}

.summary-floating .summary-table[b-l4vbcv4mw0] {
    min-height: 0;
}

.summary-floating.summary-pinned .summary-drawer-surface[b-l4vbcv4mw0] {
    border-radius: 6px 0 0 6px;
    box-shadow: 0 8px 20px rgba(20, 34, 49, 0.16);
}

.summary-floating .tabulation-summary[b-l4vbcv4mw0],
.summary-floating .project-cost-card[b-l4vbcv4mw0],
.summary-floating .project-info-card[b-l4vbcv4mw0] {
    min-width: 0;
}

.takeoff-status[b-l4vbcv4mw0] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border-top: 1px solid #cfdbe7;
    color: #44586c;
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 34px;
    padding: 4px 10px;
}

.takeoff-status .status-tag[b-l4vbcv4mw0] {
    align-items: center;
    background: rgba(31, 92, 157, 0.08);
    border: 1px solid rgba(31, 92, 157, 0.18);
    border-radius: 4px;
    color: var(--theme-text, #263747);
    display: inline-flex;
    gap: 6px;
    min-height: 24px;
    padding: 3px 9px;
}

.takeoff-status .status-message[b-l4vbcv4mw0] {
    max-width: min(680px, 52vw);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.takeoff-status .status-spacer[b-l4vbcv4mw0] {
    flex: 1 1 auto;
    min-width: 12px;
}

.takeoff-status .status-tag span[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5f7286);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.takeoff-status strong[b-l4vbcv4mw0] {
    color: var(--brand-blue, #1f5c9d);
    font-size: 12px;
    font-weight: 900;
}

@media (max-width: 1280px) {
    .takeoff-workspace[b-l4vbcv4mw0] {
        --component-panel-width: 428px;
        --summary-panel-width: 340px;
        grid-template-columns: 245px minmax(0, 1fr) minmax(340px, var(--component-panel-width));
    }

    .entry-panel[b-l4vbcv4mw0] {
        overflow-y: auto;
    }

    .entry-section[b-l4vbcv4mw0] {
        padding-left: 7px;
        padding-right: 7px;
    }

    .product-section .entry-grid[b-l4vbcv4mw0],
    .labor-section .entry-grid.compact[b-l4vbcv4mw0] {
        grid-template-columns: repeat(3, minmax(58px, 1fr));
    }

    .product-section .entry-grid label[b-l4vbcv4mw0] {
        grid-column: auto;
    }

    .quantity-section .entry-grid.compact[b-l4vbcv4mw0] {
        grid-template-columns: repeat(4, minmax(64px, 1fr));
    }

    .product-section .entry-grid .sub-description[b-l4vbcv4mw0],
    .product-section .entry-grid .reference-detail[b-l4vbcv4mw0] {
        grid-column: 1 / -1;
    }
}

@media (min-width: 901px) {
    .takeoff-workspace.estimate-grid-expanded .entry-panel[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .entry-panel[b-l4vbcv4mw0] {
        overflow-x: hidden;
        overflow-y: auto;
    }

    .takeoff-workspace.estimate-grid-expanded .quantity-section[b-l4vbcv4mw0],
    .takeoff-workspace.estimate-grid-expanded .labor-section[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .quantity-section[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .labor-section[b-l4vbcv4mw0] {
        padding: 4px 6px 5px;
    }

    .takeoff-workspace.estimate-grid-expanded .quantity-section .entry-grid.compact[b-l4vbcv4mw0],
    .takeoff-workspace.estimate-grid-expanded .labor-section .entry-grid.compact[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .quantity-section .entry-grid.compact[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .labor-section .entry-grid.compact[b-l4vbcv4mw0] {
        gap: 3px 5px;
        grid-template-columns: repeat(5, minmax(54px, 1fr));
    }

    .takeoff-workspace.estimate-grid-expanded .quantity-section .entry-grid.compact label[b-l4vbcv4mw0],
    .takeoff-workspace.estimate-grid-expanded .labor-section .entry-grid.compact label[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .quantity-section .entry-grid.compact label[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .labor-section .entry-grid.compact label[b-l4vbcv4mw0] {
        grid-template-rows: 22px 25px;
    }

    .takeoff-workspace.estimate-grid-expanded .quantity-section .entry-grid.compact label span[b-l4vbcv4mw0],
    .takeoff-workspace.estimate-grid-expanded .labor-section .entry-grid.compact label span[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .quantity-section .entry-grid.compact label span[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .labor-section .entry-grid.compact label span[b-l4vbcv4mw0] {
        font-size: 10px;
        height: 22px;
        line-height: 10px;
    }

    .takeoff-workspace.estimate-grid-expanded .quantity-section input[b-l4vbcv4mw0],
    .takeoff-workspace.estimate-grid-expanded .quantity-section select[b-l4vbcv4mw0],
    .takeoff-workspace.estimate-grid-expanded .labor-section input[b-l4vbcv4mw0],
    .takeoff-workspace.estimate-grid-expanded .labor-section select[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .quantity-section input[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .quantity-section select[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .labor-section input[b-l4vbcv4mw0],
    .takeoff-workspace[data-compact-input="true"] .labor-section select[b-l4vbcv4mw0] {
        height: 25px;
        padding-left: 5px;
        padding-right: 5px;
    }
}

@media (max-width: 900px) {
    .takeoff-page[b-l4vbcv4mw0] {
        height: auto;
        min-height: calc(100vh - 36px);
        overflow-y: auto;
    }

    .takeoff-header[b-l4vbcv4mw0],
    .action-bar[b-l4vbcv4mw0] {
        align-items: stretch;
        flex-direction: column;
    }

    .search-tools[b-l4vbcv4mw0] {
        align-items: stretch;
    }

    .function-buttons[b-l4vbcv4mw0] {
        justify-content: flex-start;
    }

    .advanced-search-window[b-l4vbcv4mw0] {
        left: 0;
        margin-top: 4px;
        top: 100%;
        width: min(760px, calc(100vw - 24px));
    }

    .advanced-topline[b-l4vbcv4mw0],
    .advanced-checks[b-l4vbcv4mw0] {
        grid-template-columns: 1fr;
    }

    .takeoff-workspace[b-l4vbcv4mw0] {
        display: flex;
        flex-direction: column;
        overflow: visible;
        padding: 8px;
    }

    .component-resize-handle[b-l4vbcv4mw0],
    .estimate-grid-resize-handle[b-l4vbcv4mw0] {
        display: none;
    }

    .takeoff-workspace.summary-open.summary-pinned[b-l4vbcv4mw0] {
        padding: 8px;
    }

    .scope-panel[b-l4vbcv4mw0],
    .estimate-panel[b-l4vbcv4mw0],
    .side-tools[b-l4vbcv4mw0] {
        overflow: visible;
    }

    .takeoff-workspace[b-l4vbcv4mw0]::before {
        display: none;
    }

    .takeoff-workspace .scope-panel[b-l4vbcv4mw0],
    .takeoff-workspace .entry-panel[b-l4vbcv4mw0],
    .takeoff-workspace .side-tools[b-l4vbcv4mw0],
    .takeoff-workspace .estimate-grid-panel[b-l4vbcv4mw0] {
        border: 1px solid #cfdbe7;
        border-radius: 4px;
        grid-column: auto;
        grid-row: auto;
    }

    .summary-floating[b-l4vbcv4mw0] {
        bottom: auto;
        display: flex;
        min-height: 460px;
        position: relative;
        right: auto;
        top: auto;
        width: 100%;
    }

    .summary-floating.collapsed[b-l4vbcv4mw0] {
        min-height: 58px;
        width: 100%;
    }

    .summary-drawer-surface[b-l4vbcv4mw0] {
        flex: 1 1 auto;
        width: auto;
    }

    .summary-tab-rail[b-l4vbcv4mw0] {
        flex: 0 0 var(--summary-rail-width);
    }

    .summary-floating .summary-content[b-l4vbcv4mw0] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .entry-grid[b-l4vbcv4mw0],
    .entry-grid.compact[b-l4vbcv4mw0],
    .cost-grid[b-l4vbcv4mw0],
    .project-info-grid[b-l4vbcv4mw0] {
        grid-template-columns: 1fr;
    }

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

    .component-form-actions[b-l4vbcv4mw0] {
        align-self: end;
    }

    .takeoff-dialog-backdrop[b-l4vbcv4mw0] {
        align-items: stretch;
        padding: 12px;
    }

    .takeoff-dialog[b-l4vbcv4mw0],
    .category-dialog[b-l4vbcv4mw0],
    .scope-dialog[b-l4vbcv4mw0] {
        max-height: calc(100vh - 24px);
        width: 100%;
    }

    .category-dialog[b-l4vbcv4mw0] {
        height: calc(100vh - 24px);
    }

    .sketch-preview-dialog[b-l4vbcv4mw0] {
        height: calc(100vh - 24px);
    }

    .sketch-preview-dialog-header[b-l4vbcv4mw0] {
        align-items: stretch;
        flex-direction: column;
    }

    .sketch-preview-dialog-actions[b-l4vbcv4mw0] {
        justify-content: space-between;
    }

    .sketch-preview-viewer[b-l4vbcv4mw0] {
        padding: 8px;
    }

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

    .dialog-filter-cluster[b-l4vbcv4mw0] {
        align-items: stretch;
        flex-direction: column;
    }

    .dialog-toolbar-actions[b-l4vbcv4mw0] {
        justify-content: flex-start;
    }

    .takeoff-dialog-body[b-l4vbcv4mw0] {
        grid-template-columns: 1fr;
        overflow-y: auto;
    }

    .dialog-table[b-l4vbcv4mw0] {
        min-height: 260px;
    }

    .scope-form-grid[b-l4vbcv4mw0],
    .category-form-grid[b-l4vbcv4mw0] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/TransferItems.razor.rz.scp.css */
.transfer-items-page[b-inqhl7ft6b] {
    background: var(--theme-bg, #eef3f7);
    color: var(--theme-text, #1d2731);
    display: flex;
    flex-direction: column;
    height: calc(100vh - 36px);
    min-height: 0;
    overflow: hidden;
}

.transfer-header[b-inqhl7ft6b] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    min-height: 62px;
    padding: 12px 18px;
}

.transfer-project-tags[b-inqhl7ft6b] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.transfer-project-tags span[b-inqhl7ft6b],
.transfer-project-tags strong[b-inqhl7ft6b] {
    background: var(--theme-elevated, #f7fafc);
    border: 1px solid var(--theme-border, #c9d6e4);
    border-radius: 4px;
    color: var(--theme-muted, #405368);
    font-size: 12px;
    font-weight: 600;
    padding: 6px 9px;
}

.transfer-project-tags strong[b-inqhl7ft6b] {
    color: var(--theme-heading, #172334);
}

.transfer-toolbar[b-inqhl7ft6b] {
    align-items: end;
    background: var(--theme-toolbar, #f9fbfd);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: grid;
    flex: 0 0 auto;
    gap: 8px;
    grid-template-columns: auto minmax(240px, 1.1fr) minmax(145px, 0.7fr) minmax(145px, 0.7fr) minmax(190px, 0.85fr) minmax(190px, 0.85fr) minmax(190px, 0.85fr) auto;
    padding: 8px 12px;
}

.toolbar-field[b-inqhl7ft6b] {
    display: grid;
    gap: 4px;
    min-width: 0;
}

.toolbar-field span[b-inqhl7ft6b],
.panel-heading span[b-inqhl7ft6b],
.details-grid dt[b-inqhl7ft6b] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 10px;
    font-weight: 400;
    text-transform: uppercase;
}

.toolbar-field input[b-inqhl7ft6b],
.toolbar-field select[b-inqhl7ft6b],
.notes-field input[b-inqhl7ft6b] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-input-border, #bfccda);
    border-radius: 4px;
    color: var(--theme-text, #1d2731);
    min-height: 31px;
    padding: 0 8px;
}

.toolbar-field input:focus[b-inqhl7ft6b],
.toolbar-field select:focus[b-inqhl7ft6b],
.notes-box textarea:focus[b-inqhl7ft6b] {
    border-color: var(--theme-accent, #1f5c9d);
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.tool-button[b-inqhl7ft6b] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-button-border, #aebed0);
    border-radius: 4px;
    color: var(--theme-button-text, #243242);
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 7px;
    height: 32px;
    justify-content: center;
    min-width: 90px;
    padding: 0 10px;
}

.tool-button.primary[b-inqhl7ft6b],
.tool-button.transfer-command[b-inqhl7ft6b] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary-border, #184c84);
    color: #ffffff;
}

.tool-button:disabled[b-inqhl7ft6b] {
    cursor: not-allowed;
    opacity: 0.5;
}

.tool-icon[b-inqhl7ft6b],
.empty-icon[b-inqhl7ft6b] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.empty-icon[b-inqhl7ft6b] {
    color: var(--theme-primary, #1f5c9d);
    height: 24px;
    width: 24px;
}

.icon-open-project[b-inqhl7ft6b] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h7l2 2h9v11H3V6zm2 4v7h14v-7H5z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h7l2 2h9v11H3V6zm2 4v7h14v-7H5z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.icon-transfer[b-inqhl7ft6b] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h12l-3-3 1.4-1.4L20.8 9l-6.4 6.4L13 14l3-3H4V7zm16 10H8l3 3-1.4 1.4L3.2 15l6.4-6.4L11 10l-3 3h12v4z'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 7h12l-3-3 1.4-1.4L20.8 9l-6.4 6.4L13 14l3-3H4V7zm16 10H8l3 3-1.4 1.4L3.2 15l6.4-6.4L11 10l-3 3h12v4z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.transfer-progress[b-inqhl7ft6b] {
    align-items: center;
    background: rgba(31, 92, 157, 0.08);
    border-bottom: 1px solid rgba(31, 92, 157, 0.2);
    color: var(--theme-primary, #1f5c9d);
    display: flex;
    flex: 0 0 auto;
    gap: 10px;
    padding: 7px 12px;
}

.transfer-progress span[b-inqhl7ft6b] {
    animation: progress-slide-b-inqhl7ft6b 0.9s infinite ease-in-out;
    background: currentColor;
    border-radius: 999px;
    display: block;
    height: 4px;
    width: 90px;
}

.transfer-progress strong[b-inqhl7ft6b] {
    font-size: 12px;
    font-weight: 600;
}

.transfer-workspace[b-inqhl7ft6b] {
    display: grid;
    flex: 1 1 auto;
    grid-template-columns: minmax(360px, 1fr) 54px minmax(360px, 1fr);
    min-height: 0;
    overflow: hidden;
}

.transfer-list[b-inqhl7ft6b] {
    background: var(--theme-surface, #ffffff);
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
}

.transfer-list + .transfer-list[b-inqhl7ft6b] {
    border-left: 1px solid var(--theme-border, #cfdbe7);
}

.panel-heading[b-inqhl7ft6b] {
    align-items: center;
    border-bottom: 1px solid var(--theme-border, #dce5ef);
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    min-height: 38px;
    padding: 6px 10px;
}

.panel-heading strong[b-inqhl7ft6b] {
    color: var(--theme-heading, #1d2731);
    display: block;
    font-size: 15px;
    font-weight: 600;
    margin-top: 1px;
}

.panel-mini-button[b-inqhl7ft6b] {
    background: var(--theme-elevated, #f7fafc);
    border: 1px solid var(--theme-button-border, #aebed0);
    border-radius: 4px;
    color: var(--theme-primary, #1f5c9d);
    font-size: 12px;
    font-weight: 600;
    min-height: 28px;
    padding: 0 9px;
}

.panel-mini-button:disabled[b-inqhl7ft6b] {
    opacity: 0.5;
}

.panel-button-group[b-inqhl7ft6b] {
    align-items: center;
    display: flex;
    gap: 6px;
}

.transfer-grid-scroll[b-inqhl7ft6b] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

table[b-inqhl7ft6b] {
    background: var(--theme-surface, #ffffff);
    border-collapse: separate;
    border-spacing: 0;
    min-width: 860px;
    width: max-content;
}

th[b-inqhl7ft6b] {
    background: var(--theme-grid-header-bg, #f1f5f9);
    border-bottom: 1px solid var(--theme-border, #cfdbe7);
    border-right: 1px solid var(--theme-border-soft, #dde6ef);
    color: var(--theme-grid-header-text, #45586c);
    font-size: 11px;
    font-weight: 400;
    height: 30px;
    padding: 0 7px;
    position: sticky;
    text-align: left;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

td[b-inqhl7ft6b] {
    border-bottom: 1px solid var(--theme-grid-line, #edf2f7);
    border-right: 1px solid var(--theme-grid-line-soft, #f0f4f8);
    color: var(--theme-text, #263546);
    font-size: 12px;
    height: 28px;
    max-width: 220px;
    overflow: hidden;
    padding: 0 7px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

td span[b-inqhl7ft6b] {
    color: var(--theme-muted, #66788d);
    display: block;
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
}

tbody tr[b-inqhl7ft6b] {
    cursor: pointer;
}

tbody tr:hover[b-inqhl7ft6b] {
    background: var(--theme-row-hover, #f5fbff);
}

tbody tr.selected[b-inqhl7ft6b] {
    background: var(--theme-row-selected, #1392d3);
}

tbody tr.selected td[b-inqhl7ft6b],
tbody tr.selected td span[b-inqhl7ft6b],
tbody tr.selected td strong[b-inqhl7ft6b] {
    color: #ffffff;
}

.selector-column[b-inqhl7ft6b] {
    max-width: 38px;
    min-width: 38px;
    text-align: center;
    width: 38px;
}

.selector-column input[b-inqhl7ft6b] {
    cursor: pointer;
}

.empty-cell[b-inqhl7ft6b] {
    color: var(--theme-muted, #62748a);
    cursor: default;
    font-style: italic;
    text-align: center;
}

.stage-tag[b-inqhl7ft6b] {
    background: rgba(29, 160, 121, 0.12);
    border: 1px solid rgba(29, 160, 121, 0.24);
    border-radius: 999px;
    color: #147a5d;
    display: inline-block;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    padding: 3px 6px;
}

.transfer-actions[b-inqhl7ft6b] {
    align-items: center;
    background: var(--theme-toolbar, #f5f8fb);
    border-left: 1px solid var(--theme-border, #d7e0ea);
    border-right: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}

.transfer-actions button[b-inqhl7ft6b] {
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-button-border, #afbfd1);
    border-radius: 4px;
    color: var(--theme-primary, #1f5c9d);
    font-weight: 700;
    height: 28px;
    width: 32px;
}

.transfer-actions button:disabled[b-inqhl7ft6b] {
    cursor: not-allowed;
    opacity: 0.45;
}

.transfer-empty-state[b-inqhl7ft6b] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    display: grid;
    flex: 1 1 auto;
    gap: 10px;
    justify-items: center;
    min-height: 0;
    padding: 28px;
    text-align: center;
}

.transfer-empty-state strong[b-inqhl7ft6b] {
    color: var(--theme-heading, #1d2731);
    font-size: 18px;
    font-weight: 600;
}

.transfer-empty-state span:not(.empty-icon)[b-inqhl7ft6b] {
    color: var(--theme-muted, #66788d);
}

@keyframes progress-slide-b-inqhl7ft6b {
    0% {
        transform: translateX(0);
        width: 42px;
    }

    50% {
        transform: translateX(48px);
        width: 90px;
    }

    100% {
        transform: translateX(0);
        width: 42px;
    }
}

@media (max-width: 1280px) {
    .transfer-toolbar[b-inqhl7ft6b] {
        grid-template-columns: auto minmax(220px, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);
    }

    .scope-field[b-inqhl7ft6b],
    .search-field[b-inqhl7ft6b],
    .notes-field[b-inqhl7ft6b],
    .transfer-command[b-inqhl7ft6b] {
        grid-column: auto;
    }

    .transfer-workspace[b-inqhl7ft6b] {
        grid-template-columns: minmax(300px, 1fr) 50px minmax(300px, 1fr);
    }
}

@media (max-width: 900px) {
    .transfer-toolbar[b-inqhl7ft6b] {
        grid-template-columns: 1fr;
    }

    .transfer-workspace[b-inqhl7ft6b] {
        grid-template-columns: 1fr;
        overflow: auto;
    }

    .transfer-actions[b-inqhl7ft6b] {
        border: 0;
        border-bottom: 1px solid var(--theme-border, #d7e0ea);
        border-top: 1px solid var(--theme-border, #d7e0ea);
        flex-direction: row;
        min-height: 48px;
    }
}
/* /Components/Pages/UserAccounts.razor.rz.scp.css */
.user-workspace.utility-workspace[b-dm5fwiww79] {
    grid-template-columns: minmax(620px, 1.55fr) minmax(435px, 1fr);
    grid-template-rows: minmax(0, 1fr);
}

.user-grid-panel[b-dm5fwiww79] {
    border-right: 1px solid var(--theme-border, #d7e0ea);
}

.user-table[b-dm5fwiww79] {
    min-width: 1260px;
}

.user-table th[b-dm5fwiww79],
.user-table td[b-dm5fwiww79] {
    height: 30px;
}

.user-table th:first-child[b-dm5fwiww79],
.user-table td:first-child[b-dm5fwiww79] {
    min-width: 82px;
    width: 82px;
}

.user-form-panel[b-dm5fwiww79] {
    background: var(--theme-surface, #ffffff);
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
    padding: 12px;
}

.user-form-scroll[b-dm5fwiww79] {
    display: grid;
    gap: 10px;
    min-height: 0;
    overflow: auto;
    padding-right: 4px;
}

.form-section[b-dm5fwiww79] {
    background: var(--theme-surface-soft, #f9fbfd);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 4px;
    padding: 10px;
}

.section-title[b-dm5fwiww79] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 9px;
}

.section-title span[b-dm5fwiww79] {
    color: var(--theme-muted, #5a728f);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.identity-grid[b-dm5fwiww79] {
    align-items: end;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(3, minmax(130px, 1fr));
}

.identity-grid .compact[b-dm5fwiww79] {
    min-width: 120px;
}

.color-picker-row[b-dm5fwiww79] {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.color-picker-row[b-dm5fwiww79] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border-strong, #b7c6d6);
    border-radius: 4px;
    height: 32px;
    padding: 3px 8px 3px 4px;
}

.color-input[b-dm5fwiww79] {
    background: transparent;
    border: 0;
    cursor: pointer;
    height: 24px;
    padding: 0;
    width: 34px;
}

.color-input:disabled[b-dm5fwiww79] {
    cursor: default;
    opacity: 0.72;
}

.color-value[b-dm5fwiww79] {
    color: var(--theme-text, #0d2238);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

.color-tag[b-dm5fwiww79] {
    border: 1px solid rgba(255, 255, 255, 0.55);
    border-radius: 999px;
    box-shadow:
        inset 0 0 0 1px rgba(0, 0, 0, 0.16),
        0 0 0 1px var(--theme-border-strong, #b7c6d6);
    display: inline-flex;
    height: 20px;
    vertical-align: middle;
    width: 54px;
}

.role-filter[b-dm5fwiww79] {
    width: 150px;
}

.access-type-filter[b-dm5fwiww79] {
    width: 122px;
}

.access-section[b-dm5fwiww79] {
    align-items: center;
    display: flex;
    gap: 14px;
    justify-content: space-between;
}

.access-filter[b-dm5fwiww79] {
    flex: 0 0 auto;
}

.permission-grid[b-dm5fwiww79] {
    display: grid;
    gap: 8px 12px;
    grid-template-columns: repeat(3, minmax(150px, 1fr));
}

.permission-check[b-dm5fwiww79] {
    justify-content: flex-start;
}

.permission-check span[b-dm5fwiww79] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.status-pill[b-dm5fwiww79],
.access-pill[b-dm5fwiww79] {
    border-radius: 4px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    justify-content: center;
    min-width: 56px;
    padding: 4px 7px;
}

.presence-pill[b-dm5fwiww79] {
    align-items: center;
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    gap: 6px;
    justify-content: center;
    min-width: 66px;
    padding: 4px 7px;
}

.presence-dot[b-dm5fwiww79] {
    background: currentColor;
    border-radius: 50%;
    box-shadow: 0 0 0 2px color-mix(in srgb, currentColor 18%, transparent);
    height: 7px;
    width: 7px;
}

.presence-pill.online[b-dm5fwiww79] {
    background: var(--theme-success-soft, #e9f6f4);
    color: var(--theme-success, #14675c);
}

.presence-pill.offline[b-dm5fwiww79] {
    background: var(--theme-surface-muted, #edf2f7);
    color: var(--theme-muted, #5a728f);
}

.status-pill.active[b-dm5fwiww79] {
    background: var(--theme-success-soft, #e9f6f4);
    color: var(--theme-success, #14675c);
}

.status-pill.inactive[b-dm5fwiww79] {
    background: rgba(255, 82, 82, 0.12);
    color: var(--theme-danger, #c33535);
}

.access-pill.misc[b-dm5fwiww79] {
    background: rgba(47, 111, 183, 0.12);
    color: var(--theme-primary-strong, #184c84);
}

.access-pill.cod[b-dm5fwiww79] {
    background: rgba(36, 174, 124, 0.14);
    color: var(--theme-success, #14675c);
}

.access-pill.both[b-dm5fwiww79] {
    background: color-mix(in srgb, var(--theme-primary, #2f6fb7) 14%, var(--theme-success-soft, #e9f6f4));
    color: var(--theme-primary-strong, #184c84);
}

.icon-activate[b-dm5fwiww79] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-deactivate[b-dm5fwiww79] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6.4 5 5.6 5.6L17.6 5 19 6.4 13.4 12l5.6 5.6-1.4 1.4-5.6-5.6L6.4 19 5 17.6l5.6-5.6L5 6.4 6.4 5z'/%3E%3C/svg%3E") center/contain no-repeat;
}

.icon-reset-password[b-dm5fwiww79] {
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 9.8-1.4l-1.9.6A3 3 0 0 0 9 7v3h9v5h-2v-3H7v7h7v2H5V10h2zm10.5 6H15v-2h6v6h-2v-2.4A5 5 0 0 1 10.3 20l1.4-1.4A3 3 0 0 0 17.5 16z'/%3E%3C/svg%3E") center/contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10V7a5 5 0 0 1 9.8-1.4l-1.9.6A3 3 0 0 0 9 7v3h9v5h-2v-3H7v7h7v2H5V10h2zm10.5 6H15v-2h6v6h-2v-2.4A5 5 0 0 1 10.3 20l1.4-1.4A3 3 0 0 0 17.5 16z'/%3E%3C/svg%3E") center/contain no-repeat;
}

@media (max-width: 1280px) {
    .user-workspace.utility-workspace[b-dm5fwiww79] {
        grid-template-columns: minmax(430px, 0.85fr) minmax(520px, 1.15fr);
    }

    .identity-grid[b-dm5fwiww79] {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
    }

    .permission-grid[b-dm5fwiww79] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

@media (max-width: 980px) {
    .user-workspace.utility-workspace[b-dm5fwiww79] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(260px, 0.9fr) minmax(360px, 1.1fr);
    }

    .user-grid-panel[b-dm5fwiww79] {
        border-right: 0;
        border-bottom: 1px solid var(--theme-border, #d7e0ea);
    }
}
/* /Components/Shared/AppErrorPanel.razor.rz.scp.css */
.app-error-panel[b-abj8tby111] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border, #c8d6e5);
    border-left: 4px solid #d33b54;
    color: var(--theme-text, #18263a);
    display: grid;
    gap: 14px;
    grid-template-columns: 42px minmax(0, 1fr) auto;
    margin: 16px;
    padding: 16px;
}

.app-error-icon[b-abj8tby111] {
    background: #d33b54;
    height: 30px;
    justify-self: center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 1 21h22L12 2Zm0 5.5 6.5 11.5h-13L12 7.5ZM11 10v5h2v-5h-2Zm0 6.5v2h2v-2h-2Z'/%3E%3C/svg%3E") center / contain no-repeat;
    width: 30px;
}

.app-error-copy strong[b-abj8tby111] {
    display: block;
    font-size: 15px;
    margin-bottom: 4px;
}

.app-error-copy p[b-abj8tby111] {
    color: var(--theme-muted, #596b80);
    font-size: 13px;
    margin: 0;
}

.app-error-copy small[b-abj8tby111] {
    color: var(--theme-muted, #596b80);
    display: block;
    font-size: 11px;
    margin-top: 6px;
}

.app-error-actions[b-abj8tby111] {
    display: flex;
    gap: 8px;
}

.app-error-actions button[b-abj8tby111] {
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border, #b9cbe0);
    color: var(--theme-text, #18263a);
    min-height: 34px;
    padding: 0 13px;
}

.app-error-actions button.primary[b-abj8tby111] {
    background: #1f5c9d;
    border-color: #1f5c9d;
    color: #ffffff;
}

@media (max-width: 760px) {
    .app-error-panel[b-abj8tby111] {
        grid-template-columns: 34px minmax(0, 1fr);
    }

    .app-error-actions[b-abj8tby111] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}
/* /Components/Shared/ConfirmationDialog.razor.rz.scp.css */
.confirmation-dialog[b-hk9nhtcn8o] {
    --confirm-surface: #fff;
    --confirm-text: #1d2731;
    --confirm-muted: #5c6c7d;
    --confirm-border: #d7e0ea;
    --confirm-soft: #f1f5f9;
    --confirm-accent: #1f5c9d;
    --confirm-icon-bg: #e7f1fb;
    box-sizing: border-box;
    background: var(--confirm-surface);
    border: 1px solid var(--confirm-border);
    border-radius: 14px;
    box-shadow: 0 24px 80px #07172b55;
    color: var(--confirm-text);
    color-scheme: light;
    margin: auto;
    max-height: calc(100dvh - 32px);
    max-width: calc(100vw - 32px);
    overflow: auto;
    padding: 0;
    width: 520px;
}

.confirmation-dialog[open][b-hk9nhtcn8o] { display: flex; flex-direction: column; }

.confirmation-dialog[data-theme="dark"][b-hk9nhtcn8o] {
    --confirm-surface: #1a2636;
    --confirm-text: #f5f9ff;
    --confirm-muted: #9badc2;
    --confirm-border: #3a4c62;
    --confirm-soft: #111a27;
    --confirm-accent: #2874bf;
    --confirm-icon-bg: #203a57;
    color-scheme: dark;
}

.confirmation-dialog.warning[b-hk9nhtcn8o] { --confirm-icon-bg: #fff3d9; }
.confirmation-dialog.danger[b-hk9nhtcn8o] { --confirm-accent: #b32626; --confirm-icon-bg: #fff1f1; }
.confirmation-dialog[b-hk9nhtcn8o]::backdrop { background: #07132380; backdrop-filter: blur(3px); }
.confirmation-header[b-hk9nhtcn8o] { flex-shrink: 0; align-items: center; display: flex; gap: 14px; padding: 24px 24px 0; }
.confirmation-icon[b-hk9nhtcn8o] { align-items: center; background: var(--confirm-icon-bg); border-radius: 12px; color: var(--confirm-accent); display: flex; flex: 0 0 44px; font-size: 24px; font-weight: 700; height: 44px; justify-content: center; }
.warning .confirmation-icon[b-hk9nhtcn8o] { color: #8a5d00; }
.confirmation-eyebrow[b-hk9nhtcn8o] { color: var(--confirm-muted); font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
.confirmation-header h2[b-hk9nhtcn8o] { color: var(--confirm-text); font-size: 18px; font-weight: 700; line-height: 1.35; margin: 3px 0 0; }
.confirmation-close[b-hk9nhtcn8o] { align-self: flex-start; background: transparent; border: 0; border-radius: 6px; color: var(--confirm-muted); font-size: 25px; line-height: 28px; margin-left: auto; padding: 0 7px; }
.confirmation-message[b-hk9nhtcn8o] { min-height: 0; overflow-y: auto; font-size: 14px; line-height: 1.65; overflow-wrap: anywhere; padding: 22px 24px 26px; white-space: pre-line; }
.confirmation-message[b-hk9nhtcn8o]  p { color: var(--confirm-muted); margin: 12px 0 0; }
.confirmation-actions[b-hk9nhtcn8o] { flex-shrink: 0; background: var(--confirm-soft); border-top: 1px solid var(--confirm-border); display: flex; flex-wrap: wrap; gap: 10px; justify-content: flex-end; padding: 16px 24px; }
.confirmation-button[b-hk9nhtcn8o] { background: var(--confirm-surface); border: 1px solid var(--confirm-border); border-radius: 7px; color: var(--confirm-text); font-size: 13px; font-weight: 600; min-height: 38px; padding: 8px 18px; }
.confirmation-button.primary[b-hk9nhtcn8o] { background: var(--confirm-accent); border-color: var(--confirm-accent); color: #fff; }
.confirmation-button:hover[b-hk9nhtcn8o], .confirmation-close:hover[b-hk9nhtcn8o] { filter: brightness(0.93); }
.confirmation-button:focus-visible[b-hk9nhtcn8o], .confirmation-close:focus-visible[b-hk9nhtcn8o] { outline: 3px solid #60a5fa; outline-offset: 3px; }
.confirmation-button:disabled[b-hk9nhtcn8o] { cursor: wait; opacity: 0.65; }
@media (max-width: 540px) {
    .confirmation-header[b-hk9nhtcn8o] { padding: 20px 18px 0; }
    .confirmation-message[b-hk9nhtcn8o] { padding: 18px; }
    .confirmation-actions[b-hk9nhtcn8o] { padding: 14px 18px; }
    .confirmation-button[b-hk9nhtcn8o] { flex: 1 1 auto; }
}
/* /Components/Shared/DecimalField.razor.rz.scp.css */
.decimal-field[b-jqauthmhha] {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.decimal-field span[b-jqauthmhha] {
    color: #5d6d7d;
    font-size: 10px;
    font-weight: 800;
}

.decimal-field input[b-jqauthmhha] {
    background: #fff;
    border: 1px solid #bfccda;
    border-radius: 4px;
    color: #1d2731;
    height: 27px;
    padding: 0 7px;
}

.decimal-field input:focus[b-jqauthmhha] {
    border-color: #1f5c9d;
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}
/* /Components/Shared/EstimatingReportExportDialog.razor.rz.scp.css */
.project-selector-backdrop[b-03618882h2] {
    align-items: center;
    background: rgba(3, 10, 22, 0.46);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 24px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 430;
}

.project-selector-dialog[b-03618882h2] {
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    box-shadow: 0 24px 70px rgba(6, 20, 79, 0.28);
    color: var(--theme-text, #1d2731);
    display: flex;
    flex-direction: column;
    max-height: min(780px, calc(100vh - 48px));
    min-height: 560px;
    min-width: min(1120px, calc(100vw - 48px));
    overflow: hidden;
    width: min(1240px, calc(100vw - 48px));
}

.selector-header[b-03618882h2] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: grid;
    flex: 0 0 auto;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    min-height: 64px;
    padding: 12px 16px;
}

.eyebrow[b-03618882h2] {
    color: var(--theme-muted, #5a728f);
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 3px;
    text-transform: uppercase;
}

.selector-stage-chip[b-03618882h2] {
    align-items: center;
    background: var(--theme-primary-soft, #e7f1fb);
    border: 1px solid rgba(31, 92, 157, 0.22);
    color: var(--theme-primary-strong, #184c84);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
}

.selector-close[b-03618882h2] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    color: var(--theme-muted, #405368);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.selector-toolbar[b-03618882h2] {
    align-items: end;
    background: var(--theme-surface-soft, #f9fbfd);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 12px;
}

.selector-field[b-03618882h2] {
    display: grid;
    gap: 4px;
    min-width: 150px;
}

.selector-field.compact[b-03618882h2] {
    min-width: 90px;
}

.selector-field.search-field[b-03618882h2] {
    min-width: 230px;
}

.selector-field.wide[b-03618882h2] {
    grid-column: 1 / -1;
}

.selector-field span[b-03618882h2],
.selector-subtitle span[b-03618882h2] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.selector-field input[b-03618882h2],
.selector-field select[b-03618882h2] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--theme-text, #1d2731);
    height: 28px;
    min-width: 0;
    padding: 0 7px;
    width: 100%;
}

.selector-field input:focus[b-03618882h2],
.selector-field select:focus[b-03618882h2] {
    border-color: var(--theme-primary, #1f5c9d);
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.selector-field input:disabled[b-03618882h2],
.selector-field select:disabled[b-03618882h2],
.segmented-filter button:disabled[b-03618882h2] {
    cursor: not-allowed;
    opacity: 0.62;
}

.selector-check[b-03618882h2] {
    margin-left: auto;
}

.selector-body[b-03618882h2] {
    background: var(--theme-bg, #eef3f7);
    display: grid;
    flex: 1 1 auto;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) 410px;
    min-height: 0;
    padding: 10px;
}

.selector-project-list[b-03618882h2],
.selector-details[b-03618882h2] {
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    min-height: 0;
}

.selector-project-list[b-03618882h2] {
    display: flex;
    flex-direction: column;
}

.selector-list-head[b-03618882h2] {
    align-items: center;
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    justify-content: space-between;
    min-height: 38px;
    padding: 0 10px;
}

.selector-list-head span[b-03618882h2],
.selector-list-head strong[b-03618882h2] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #c9d6e4);
    border-radius: 4px;
    color: var(--theme-muted, #405368);
    font-size: 12px;
    font-weight: 700;
    padding: 5px 8px;
}

.selector-list-head strong[b-03618882h2] {
    background: var(--theme-success-soft, #e9f6f4);
    border-color: rgba(20, 103, 92, 0.26);
    color: var(--theme-success, #14675c);
}

.selector-table-scroll[b-03618882h2] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.selector-table-scroll table[b-03618882h2] {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

.selector-table-scroll th[b-03618882h2],
.selector-table-scroll td[b-03618882h2] {
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    color: var(--theme-text, #1d2731);
    font-size: 12px;
    padding: 7px 9px;
    text-align: left;
    white-space: nowrap;
}

.selector-table-scroll th[b-03618882h2] {
    background: var(--theme-table-head, #f1f5f9);
    color: var(--theme-muted, #455a75);
    font-size: 11px;
    font-weight: 500;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.selector-table-scroll tbody tr[b-03618882h2] {
    cursor: pointer;
}

.selector-table-scroll tbody tr:hover[b-03618882h2] {
    background: var(--theme-table-hover, #f5fbff);
}

.selector-table-scroll tbody tr.selected[b-03618882h2],
.selector-table-scroll tbody tr.selected td[b-03618882h2] {
    background: var(--theme-table-selected, #dbeeff);
}

.empty-cell[b-03618882h2] {
    color: var(--theme-muted, #5c6c7d);
    height: 120px;
    text-align: center !important;
}

.selector-details[b-03618882h2] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    padding: 12px;
}

.selector-empty-state[b-03618882h2] {
    align-items: center;
    color: var(--theme-muted, #5c6c7d);
    display: grid;
    gap: 8px;
    justify-items: center;
    margin: auto;
    max-width: 240px;
    text-align: center;
}

.selector-empty-state strong[b-03618882h2] {
    color: var(--theme-heading, #1d2731);
    font-size: 16px;
}

.selector-project-title[b-03618882h2] {
    display: grid;
    gap: 3px;
}

.selector-project-title span[b-03618882h2] {
    color: var(--theme-primary-strong, #184c84);
    font-size: 12px;
    font-weight: 800;
}

.selector-project-title strong[b-03618882h2] {
    color: var(--theme-heading, #1d2731);
    font-size: 18px;
    line-height: 1.25;
}

.selector-detail-grid[b-03618882h2] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    margin: 0;
}

.selector-detail-grid div[b-03618882h2] {
    background: var(--theme-surface-muted, #f1f5f9);
    border: 1px solid var(--theme-border, #d7e0ea);
    padding: 7px 8px;
}

.selector-detail-grid dt[b-03618882h2] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 10px;
    font-weight: 500;
    margin: 0 0 3px;
    text-transform: uppercase;
}

.selector-detail-grid dd[b-03618882h2] {
    color: var(--theme-text, #1d2731);
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    min-height: 16px;
}

.selector-description[b-03618882h2] {
    border-left: 3px solid var(--theme-primary, #1f5c9d);
    color: var(--theme-muted, #455a75);
    font-size: 12px;
    line-height: 1.45;
    padding: 4px 0 4px 10px;
}

.report-options-panel[b-03618882h2] {
    border-top: 1px solid var(--theme-border, #d7e0ea);
    display: grid;
    gap: 10px;
    margin-top: auto;
    padding-top: 10px;
}

.selector-subtitle[b-03618882h2] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.selector-subtitle strong[b-03618882h2] {
    color: var(--theme-primary-strong, #184c84);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.report-option-fields[b-03618882h2] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
}

.report-filter-panel[b-03618882h2] {
    display: grid;
    gap: 8px;
}

.report-filter-mode[b-03618882h2] {
    justify-content: flex-start;
    width: max-content;
}

.multi-filter-list[b-03618882h2] {
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 4px;
    display: grid;
    gap: 6px;
    max-height: 160px;
    overflow: auto;
    padding: 8px;
}

.multi-filter-head[b-03618882h2] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.multi-filter-head span[b-03618882h2] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
}

.multi-filter-head div[b-03618882h2] {
    display: inline-flex;
    gap: 5px;
}

.multi-filter-head button[b-03618882h2] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 4px;
    color: var(--theme-primary-strong, #184c84);
    font-size: 11px;
    height: 24px;
    padding: 0 7px;
}

.multi-filter-head button:hover:not(:disabled)[b-03618882h2] {
    border-color: var(--theme-primary, #1f5c9d);
}

.filter-check[b-03618882h2] {
    min-height: 28px;
}

.export-option-grid[b-03618882h2] {
    display: grid;
    gap: 7px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.export-option-separator[b-03618882h2] {
    border-top: 1px solid var(--theme-border, #d7e0ea);
    grid-column: 1 / -1;
    height: 0;
    margin: 2px 0 3px;
}

.custom-check[b-03618882h2] {
    align-items: center;
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 4px;
    color: var(--theme-text, #10233a);
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    min-height: 30px;
    padding: 0 9px;
}

.custom-check.compact[b-03618882h2] {
    justify-content: flex-start;
}

.custom-check input[b-03618882h2] {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0;
}

.custom-check > span[b-03618882h2] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #b8c8d8);
    border-radius: 4px;
    display: inline-flex;
    flex: 0 0 18px;
    height: 18px;
    justify-content: center;
    width: 18px;
}

.custom-check > span[b-03618882h2]::after {
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: "";
    display: none;
    height: 9px;
    transform: rotate(45deg) translate(-1px, -1px);
    width: 5px;
}

.custom-check input:checked + span[b-03618882h2] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary, #1f5c9d);
}

.custom-check input:checked + span[b-03618882h2]::after {
    display: block;
}

.custom-check strong[b-03618882h2] {
    font-size: 12px;
    font-weight: 500;
}

.selector-footer[b-03618882h2] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border-top: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    min-height: 54px;
    padding: 10px 12px;
}

.selector-note[b-03618882h2] {
    align-items: center;
    color: var(--theme-muted, #5c6c7d);
    display: inline-flex;
    font-size: 12px;
    gap: 8px;
    min-width: 0;
}

.selector-actions[b-03618882h2] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.tool-button[b-03618882h2] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    color: var(--theme-text, #243242);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 7px;
    height: 32px;
    justify-content: center;
    min-width: 76px;
    padding: 0 10px;
}

.tool-button:hover:not(:disabled)[b-03618882h2],
.selector-close:hover[b-03618882h2] {
    background: var(--theme-table-hover, #eef5fd);
    border-color: var(--theme-primary, #8ab0d8);
    color: var(--theme-primary-strong, #184c84);
}

.tool-button.primary[b-03618882h2] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary-strong, #184c84);
    color: #ffffff;
}

.tool-button:disabled[b-03618882h2],
.selector-close:disabled[b-03618882h2] {
    cursor: not-allowed;
    opacity: 0.48;
}

.selector-tag[b-03618882h2] {
    border-radius: 4px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 700;
    justify-content: center;
    min-width: 54px;
    padding: 3px 6px;
    text-transform: uppercase;
}

.selector-tag.success[b-03618882h2],
.selector-tag.checked[b-03618882h2] {
    background: var(--theme-success-soft, #e9f6f4);
    color: var(--theme-success, #14675c);
}

.selector-tag.open[b-03618882h2] {
    background: var(--theme-warning-soft, #fff3d9);
    color: var(--theme-warning, #8a5d00);
}

.selector-icon[b-03618882h2],
.tool-icon[b-03618882h2] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 16px;
    -webkit-mask: var(--selector-icon) center / contain no-repeat;
    mask: var(--selector-icon) center / contain no-repeat;
    width: 16px;
}

.tool-icon[b-03618882h2] {
    height: 14px;
    width: 14px;
}

.icon-open-project[b-03618882h2] {
    --selector-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h7l2 2h9v11H3V6zm2 4v7h14v-7H5zm7 1 5 3-5 3v-2H8v-2h4v-2z'/%3E%3C/svg%3E");
}

.icon-export[b-03618882h2] {
    --selector-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v10.2l3.6-3.6L17 11l-6 6-6-6 1.4-1.4 3.6 3.6V3h2zM5 19h14v2H5v-2z'/%3E%3C/svg%3E");
}

.icon-cancel[b-03618882h2],
.icon-selector-close[b-03618882h2] {
    --selector-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-selector-info[b-03618882h2] {
    --selector-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 11v6M12 7h.01' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

@media (max-width: 980px) {
    .project-selector-dialog[b-03618882h2] {
        min-height: 0;
        min-width: 0;
        width: calc(100vw - 28px);
    }

    .selector-body[b-03618882h2] {
        grid-template-columns: 1fr;
    }

    .selector-details[b-03618882h2] {
        max-height: 420px;
    }

    .selector-footer[b-03618882h2] {
        align-items: stretch;
        flex-direction: column;
    }

    .selector-actions[b-03618882h2] {
        justify-content: flex-end;
        width: 100%;
    }

    .export-option-grid[b-03618882h2] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/GlobalActionGuardOverlay.razor.rz.scp.css */
.global-action-guard[b-e5ru9bwigi] {
    cursor: wait;
    inset: 0;
    pointer-events: all;
    position: fixed;
    z-index: 4990;
}

.global-action-guard-status[b-e5ru9bwigi] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-surface-raised, #1f2743) 96%, transparent);
    border: 1px solid color-mix(in srgb, var(--theme-primary, #3384ff) 38%, transparent);
    border-radius: 5px;
    box-shadow: 0 10px 26px rgba(14, 24, 38, 0.3);
    color: var(--theme-heading, #f4f8ff);
    display: flex;
    font-size: 12px;
    font-weight: 700;
    gap: 8px;
    padding: 9px 12px;
    position: absolute;
    right: 16px;
    top: 48px;
}

.global-action-guard-spinner[b-e5ru9bwigi] {
    animation: globalActionGuardSpin-b-e5ru9bwigi 0.8s linear infinite;
    border: 2px solid color-mix(in srgb, var(--theme-primary, #3384ff) 30%, transparent);
    border-radius: 50%;
    border-top-color: var(--theme-primary, #58a6ff);
    height: 13px;
    width: 13px;
}

@keyframes globalActionGuardSpin-b-e5ru9bwigi {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Shared/GlobalAlertStack.razor.rz.scp.css */
.global-alert-stack[b-o7yaze3nqt] {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
    position: fixed;
    right: 16px;
    top: 48px;
    z-index: 1000;
}

.global-alert[b-o7yaze3nqt] {
    align-items: center;
    background: #202538;
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 4px;
    box-shadow: 0 10px 24px rgba(20, 34, 49, 0.22);
    color: #d7dde7;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 11px;
    min-height: 44px;
    max-width: min(360px, calc(100vw - 32px));
    padding: 0 10px 0 14px;
    pointer-events: auto;
}

.global-alert.neutral[b-o7yaze3nqt] {
    background: #202538;
    color: #d7dde7;
}

.global-alert.info[b-o7yaze3nqt] {
    background: #1f2743;
    color: #3384ff;
}

.global-alert.success[b-o7yaze3nqt] {
    background: #1d2e2d;
    color: #24c878;
}

.global-alert.warning[b-o7yaze3nqt] {
    background: #332b28;
    color: #ffac28;
}

.global-alert.error[b-o7yaze3nqt] {
    background: #311f2b;
    color: #ff3b63;
}

.global-alert-icon[b-o7yaze3nqt] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 18px;
    width: 18px;
    -webkit-mask: var(--alert-icon) center / contain no-repeat;
    mask: var(--alert-icon) center / contain no-repeat;
}

.icon-neutral[b-o7yaze3nqt] {
    --alert-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='5' y='5' width='14' height='14' rx='2' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' d='M9 12h6'/%3E%3C/svg%3E");
}

.icon-info[b-o7yaze3nqt] {
    --alert-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='M12 17v-6M12 8h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-success[b-o7yaze3nqt] {
    --alert-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M5 12l4 4L19 6'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-warning[b-o7yaze3nqt] {
    --alert-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linejoin='round' d='M12 3l10 18H2z'/%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' d='M12 9v5M12 17h.01'/%3E%3C/svg%3E");
}

.icon-error[b-o7yaze3nqt] {
    --alert-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' d='M12 8v5M12 17h.01'/%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-cancel[b-o7yaze3nqt] {
    --alert-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
}

.global-alert-close[b-o7yaze3nqt] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 4px;
    color: currentColor;
    display: inline-flex;
    height: 26px;
    justify-content: center;
    margin-left: 2px;
    opacity: 0.72;
    padding: 0;
    width: 26px;
}

.global-alert-close:hover[b-o7yaze3nqt] {
    background: rgba(255, 255, 255, 0.08);
    opacity: 1;
}

.global-alert-close .global-alert-icon[b-o7yaze3nqt] {
    height: 13px;
    width: 13px;
}
/* /Components/Shared/GlobalProgressBar.razor.rz.scp.css */
.global-progress-shell[b-n9m92ealhx] {
    left: 50%;
    pointer-events: none;
    position: fixed;
    top: 48px;
    transform: translateX(-50%);
    width: min(440px, calc(100vw - 32px));
    z-index: 1001;
}

.global-progress-card[b-n9m92ealhx] {
    background: color-mix(in srgb, var(--theme-surface-raised, #1f2743) 94%, transparent);
    border: 1px solid color-mix(in srgb, var(--theme-primary, #3384ff) 34%, transparent);
    border-radius: 5px;
    box-shadow: 0 14px 30px rgba(14, 24, 38, 0.26);
    color: var(--theme-text, #dce7f7);
    overflow: hidden;
    padding: 11px 12px 10px;
}

.global-progress-text[b-n9m92ealhx] {
    align-items: center;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    line-height: 1.15;
}

.global-progress-text span[b-n9m92ealhx] {
    color: var(--theme-heading, #f4f8ff);
    font-size: 12px;
    font-weight: 700;
}

.global-progress-text small[b-n9m92ealhx] {
    color: var(--theme-muted, rgba(220, 231, 247, 0.74));
    font-size: 11px;
    font-weight: 500;
}

.global-progress-track[b-n9m92ealhx] {
    background: var(--theme-primary-soft, rgba(255, 255, 255, 0.1));
    border-radius: 999px;
    height: 4px;
    margin-top: 9px;
    overflow: hidden;
}

.global-progress-track span[b-n9m92ealhx] {
    animation: globalProgressSlide-b-n9m92ealhx 1.25s ease-in-out infinite;
    background: linear-gradient(90deg, transparent, var(--theme-primary, #58a6ff), var(--theme-success, #42d98a), transparent);
    border-radius: inherit;
    display: block;
    height: 100%;
    width: 54%;
}

@keyframes globalProgressSlide-b-n9m92ealhx {
    0% {
        transform: translateX(-110%);
    }

    50% {
        transform: translateX(45%);
    }

    100% {
        transform: translateX(210%);
    }
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.notification-bell-shell[b-cxdm7sncdj] {
    align-self: stretch;
    display: inline-flex;
    flex: 0 0 auto;
    position: relative;
}

.notification-bell[b-cxdm7sncdj] {
    align-items: center;
    align-self: stretch;
    background: rgba(8, 20, 40, 0.16);
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.14);
    color: #ffffff;
    display: inline-flex;
    justify-content: center;
    min-width: 44px;
    padding: 0 12px;
    position: relative;
}

.notification-bell:hover[b-cxdm7sncdj],
.notification-bell.has-unread[b-cxdm7sncdj] {
    background: rgba(255, 255, 255, 0.15);
}

.notification-bell-icon[b-cxdm7sncdj] {
    background: currentColor;
    display: inline-block;
    height: 18px;
    width: 18px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M18 8a6 6 0 1 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M18 8a6 6 0 1 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4'/%3E%3C/svg%3E") center / contain no-repeat;
}

.notification-bell.notification-alert[b-cxdm7sncdj] {
    color: #fff4c4;
}

.notification-bell.notification-alert[b-cxdm7sncdj]::after {
    border: 2px solid rgba(255, 207, 90, 0.88);
    border-radius: 50%;
    content: "";
    height: 26px;
    left: 50%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.55);
    width: 26px;
}

.notification-bell.notification-alert-a .notification-bell-icon[b-cxdm7sncdj] {
    animation: notification-bell-ring-a-b-cxdm7sncdj 0.9s ease-in-out 4;
    transform-origin: 50% 12%;
}

.notification-bell.notification-alert-b .notification-bell-icon[b-cxdm7sncdj] {
    animation: notification-bell-ring-b-b-cxdm7sncdj 0.9s ease-in-out 4;
    transform-origin: 50% 12%;
}

.notification-bell.notification-alert-a[b-cxdm7sncdj]::after {
    animation: notification-alert-pulse-a-b-cxdm7sncdj 1.1s ease-out 4;
}

.notification-bell.notification-alert-b[b-cxdm7sncdj]::after {
    animation: notification-alert-pulse-b-b-cxdm7sncdj 1.1s ease-out 4;
}

.notification-bell.notification-alert .notification-badge[b-cxdm7sncdj] {
    animation: notification-badge-pop-b-cxdm7sncdj 0.55s ease-out 4;
}

@keyframes notification-bell-ring-a-b-cxdm7sncdj {
    0%, 100% { transform: rotate(0deg); }
    15% { transform: rotate(18deg); }
    30% { transform: rotate(-16deg); }
    45% { transform: rotate(12deg); }
    60% { transform: rotate(-8deg); }
    75% { transform: rotate(4deg); }
}

@keyframes notification-bell-ring-b-b-cxdm7sncdj {
    0%, 100% { transform: rotate(0deg); }
    15% { transform: rotate(18deg); }
    30% { transform: rotate(-16deg); }
    45% { transform: rotate(12deg); }
    60% { transform: rotate(-8deg); }
    75% { transform: rotate(4deg); }
}

@keyframes notification-alert-pulse-a-b-cxdm7sncdj {
    0% {
        opacity: 0.9;
        transform: translate(-50%, -50%) scale(0.55);
    }
    75%, 100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.65);
    }
}

@keyframes notification-alert-pulse-b-b-cxdm7sncdj {
    0% {
        opacity: 0.9;
        transform: translate(-50%, -50%) scale(0.55);
    }
    75%, 100% {
        opacity: 0;
        transform: translate(-50%, -50%) scale(1.65);
    }
}

@keyframes notification-badge-pop-b-cxdm7sncdj {
    0%, 100% { transform: scale(1); }
    45% { transform: scale(1.25); }
}

@media (prefers-reduced-motion: reduce) {
    .notification-bell.notification-alert-a .notification-bell-icon[b-cxdm7sncdj],
    .notification-bell.notification-alert-b .notification-bell-icon[b-cxdm7sncdj],
    .notification-bell.notification-alert .notification-badge[b-cxdm7sncdj],
    .notification-bell.notification-alert-a[b-cxdm7sncdj]::after,
    .notification-bell.notification-alert-b[b-cxdm7sncdj]::after {
        animation: none;
    }

    .notification-bell.notification-alert[b-cxdm7sncdj]::after {
        opacity: 0.55;
    }
}

.notification-badge[b-cxdm7sncdj] {
    align-items: center;
    background: #ff385c;
    border: 2px solid #1f5c9d;
    border-radius: 999px;
    color: #ffffff;
    display: inline-flex;
    font-size: 10px;
    font-weight: 800;
    height: 17px;
    justify-content: center;
    line-height: 1;
    min-width: 17px;
    padding: 0 4px;
    position: absolute;
    right: 6px;
    top: 3px;
}

.notification-panel[b-cxdm7sncdj] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #c8d6e5);
    border-radius: 10px;
    box-shadow: 0 18px 42px rgba(15, 29, 44, 0.26);
    color: var(--theme-text, #10233a);
    display: flex;
    flex-direction: column;
    max-height: 50vh;
    min-width: 390px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: calc(100% + 6px);
    z-index: 240;
}

.notification-panel header[b-cxdm7sncdj] {
    align-items: center;
    background: linear-gradient(135deg, color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, var(--theme-surface-raised, #ffffff)), var(--theme-surface-raised, #ffffff));
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    justify-content: space-between;
    padding: 12px 14px;
}

.notification-heading[b-cxdm7sncdj] {
    display: grid;
    gap: 2px;
}

.notification-panel header strong[b-cxdm7sncdj] {
    color: var(--theme-heading, #10233a);
    font-size: 14px;
}

.notification-heading small[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 11px;
}

.notification-panel header button[b-cxdm7sncdj] {
    background: transparent;
    border: 0;
    color: var(--theme-primary, #1f5c9d);
    font-size: 11px;
    font-weight: 700;
    padding: 3px 0;
}

.notification-panel header button:disabled[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
}

.notification-header-actions[b-cxdm7sncdj] {
    align-items: center;
    display: inline-flex;
    gap: 12px;
}

.notification-list[b-cxdm7sncdj] {
    display: grid;
    gap: 7px;
    flex: 1 1 auto;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    padding: 8px;
}

.notification-item[b-cxdm7sncdj] {
    align-items: flex-start;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 8px;
    color: inherit;
    display: grid;
    gap: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 8px;
    position: relative;
    text-align: left;
}

.notification-item:hover[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 6%, var(--theme-surface-raised, #ffffff));
    border-color: color-mix(in srgb, var(--theme-primary, #1f5c9d) 32%, var(--theme-border, #d7e0ea));
}

.notification-item.unread[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, var(--theme-surface-raised, #ffffff));
    border-color: color-mix(in srgb, var(--theme-primary, #1f5c9d) 38%, var(--theme-border, #d7e0ea));
}

.notification-item.resolved[b-cxdm7sncdj] {
    border-color: color-mix(in srgb, var(--theme-success, #14675c) 28%, var(--theme-border, #d7e0ea));
}

.notification-item-main[b-cxdm7sncdj] {
    align-items: flex-start;
    background: transparent;
    border: 0;
    color: inherit;
    display: grid;
    gap: 10px;
    grid-template-columns: 30px minmax(0, 1fr) 8px;
    min-width: 0;
    padding: 2px;
    text-align: left;
}

.notification-item-main:focus-visible[b-cxdm7sncdj],
.notification-resolve-button:focus-visible[b-cxdm7sncdj] {
    outline: 2px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 70%, #ffffff);
    outline-offset: 2px;
}

.notification-avatar[b-cxdm7sncdj] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 18%, var(--theme-surface-soft, #f6f9fc));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 30%, var(--theme-border, #d7e0ea));
    border-radius: 999px;
    color: var(--theme-primary-strong, #0b3f75);
    display: inline-flex;
    font-size: 11px;
    font-weight: 800;
    height: 30px;
    justify-content: center;
    line-height: 1;
    width: 30px;
}

.notification-unread-dot[b-cxdm7sncdj] {
    background: var(--theme-primary, #1f5c9d);
    border-radius: 999px;
    height: 8px;
    margin-top: 11px;
    width: 8px;
}

.notification-item-copy[b-cxdm7sncdj] {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.notification-item-topline[b-cxdm7sncdj] {
    align-items: baseline;
    display: flex;
    gap: 5px;
    min-width: 0;
}

.notification-item-topline strong[b-cxdm7sncdj] {
    color: var(--theme-heading, #10233a);
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 800;
}

.notification-item-topline em[b-cxdm7sncdj] {
    color: var(--theme-text, #10233a);
    font-size: 12px;
    font-style: normal;
    overflow: hidden;
    overflow-wrap: anywhere;
    white-space: normal;
}

.notification-cell-summary[b-cxdm7sncdj] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.notification-project-quote[b-cxdm7sncdj],
.notification-scope-number[b-cxdm7sncdj],
.notification-cell-name[b-cxdm7sncdj],
.notification-cell-value[b-cxdm7sncdj] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 11px;
    line-height: 1;
    max-width: 100%;
    min-height: 22px;
    padding: 5px 8px;
}

.notification-project-quote[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 18%, var(--theme-surface-soft, #f6f9fc));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 30%, var(--theme-border, #d7e0ea));
    color: var(--theme-primary-strong, #0b3f75);
    font-weight: 800;
}

.notification-scope-number[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-success, #14675c) 14%, var(--theme-surface-soft, #f6f9fc));
    border: 1px solid color-mix(in srgb, var(--theme-success, #14675c) 24%, var(--theme-border, #d7e0ea));
    color: var(--theme-success, #14675c);
    font-weight: 800;
}

.notification-cell-name[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, var(--theme-surface-soft, #f6f9fc));
    color: var(--theme-primary-strong, #0b3f75);
    font-weight: 800;
}

.notification-cell-value[b-cxdm7sncdj] {
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    color: var(--theme-text, #10233a);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-resolved-chip[b-cxdm7sncdj] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-success, #14675c) 14%, var(--theme-surface-soft, #f6f9fc));
    border: 1px solid color-mix(in srgb, var(--theme-success, #14675c) 28%, var(--theme-border, #d7e0ea));
    border-radius: 999px;
    color: var(--theme-success, #14675c);
    display: inline-flex;
    font-size: 11px;
    gap: 5px;
    line-height: 1;
    min-height: 22px;
    padding: 5px 8px;
}

.notification-resolve-button[b-cxdm7sncdj] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-success, #14675c) 10%, var(--theme-surface-soft, #f6f9fc));
    border: 1px solid color-mix(in srgb, var(--theme-success, #14675c) 26%, var(--theme-border, #d7e0ea));
    border-radius: 999px;
    color: var(--theme-success, #14675c);
    display: inline-flex;
    height: 28px;
    justify-content: center;
    margin-top: 3px;
    width: 28px;
}

.notification-resolve-button:hover[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-success, #14675c) 20%, var(--theme-surface-soft, #f6f9fc));
    border-color: color-mix(in srgb, var(--theme-success, #14675c) 46%, var(--theme-border, #d7e0ea));
}

.notification-check-icon[b-cxdm7sncdj] {
    background: currentColor;
    display: inline-block;
    height: 14px;
    width: 14px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / contain no-repeat;
}

.notification-note[b-cxdm7sncdj] {
    color: var(--theme-text, #10233a);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.notification-note strong[b-cxdm7sncdj],
.notification-resolution-note strong[b-cxdm7sncdj] {
    font-weight: 700;
}

.notification-resolution-note[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-success, #14675c) 9%, transparent);
    border-left: 3px solid var(--theme-success, #14675c);
    color: var(--theme-text, #10233a);
    font-size: 12px;
    line-height: 1.35;
    overflow-wrap: anywhere;
    padding: 5px 8px;
}

.notification-item-copy small[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 10px;
}

.notification-empty[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 12px;
    padding: 18px 12px;
    text-align: center;
}

.notification-resolve-backdrop[b-cxdm7sncdj] {
    align-items: center;
    background: rgba(6, 15, 27, 0.56);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 18px;
    position: fixed;
    z-index: 4200;
}

.notification-resolve-dialog[b-cxdm7sncdj] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #b9c9da);
    border-radius: 8px;
    box-shadow: 0 24px 60px rgba(7, 20, 36, 0.34);
    color: var(--theme-text, #10233a);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 36px);
    overflow: hidden;
    width: min(460px, calc(100vw - 36px));
}

.notification-resolve-header[b-cxdm7sncdj] {
    align-items: center;
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    justify-content: space-between;
    min-height: 64px;
    padding: 10px 14px;
}

.notification-resolve-header > div[b-cxdm7sncdj] {
    display: grid;
    gap: 2px;
}

.notification-resolve-header span[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 10px;
    text-transform: uppercase;
}

.notification-resolve-header h2[b-cxdm7sncdj] {
    color: var(--theme-heading, #10233a);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    margin: 0;
}

.notification-resolve-header button[b-cxdm7sncdj] {
    align-items: center;
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    color: var(--theme-muted, #6d7b8d);
    display: inline-flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    width: 30px;
}

.notification-resolve-content[b-cxdm7sncdj] {
    display: grid;
    gap: 14px;
    overflow-y: auto;
    padding: 14px;
}

.notification-resolve-target[b-cxdm7sncdj] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 8%, var(--theme-surface-soft, #f6f9fc));
    border-left: 3px solid var(--theme-primary, #1f5c9d);
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 9px 10px;
}

.notification-resolve-target span[b-cxdm7sncdj],
.notification-resolve-target strong[b-cxdm7sncdj],
.notification-resolve-target em[b-cxdm7sncdj] {
    border-radius: 4px;
    font-size: 11px;
    font-style: normal;
    line-height: 1.2;
    padding: 4px 6px;
}

.notification-resolve-target span[b-cxdm7sncdj] {
    background: var(--theme-primary, #1f5c9d);
    color: #ffffff;
}

.notification-resolve-target strong[b-cxdm7sncdj] {
    background: var(--theme-surface-raised, #ffffff);
    color: var(--theme-primary-strong, #0b3f75);
}

.notification-resolve-target em[b-cxdm7sncdj] {
    color: var(--theme-text, #10233a);
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notification-resolution-field[b-cxdm7sncdj] {
    display: grid;
    gap: 6px;
}

.notification-resolution-field > span[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 11px;
}

.notification-resolution-field textarea[b-cxdm7sncdj] {
    background: var(--theme-input, var(--theme-surface-raised, #ffffff));
    border: 1px solid var(--theme-border-strong, #b9c9da);
    border-radius: 5px;
    color: var(--theme-text, #10233a);
    font: inherit;
    min-height: 104px;
    padding: 9px 10px;
    resize: vertical;
    width: 100%;
}

.notification-resolution-field textarea:focus[b-cxdm7sncdj] {
    border-color: var(--theme-primary, #1f5c9d);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--theme-primary, #1f5c9d) 18%, transparent);
    outline: 0;
}

.notification-resolution-validation[b-cxdm7sncdj] {
    color: var(--theme-danger, #c73845);
    font-size: 11px;
}

.notification-resolve-actions[b-cxdm7sncdj] {
    align-items: center;
    border-top: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    padding: 10px 14px;
}

.notification-resolve-actions button[b-cxdm7sncdj] {
    align-items: center;
    border: 1px solid var(--theme-border-strong, #b9c9da);
    border-radius: 5px;
    display: inline-flex;
    font-size: 12px;
    gap: 6px;
    min-height: 32px;
    padding: 0 12px;
}

.notification-resolve-confirm[b-cxdm7sncdj] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary, #1f5c9d) !important;
    color: #ffffff;
}

.notification-resolve-cancel[b-cxdm7sncdj] {
    background: var(--theme-surface-raised, #ffffff);
    color: var(--theme-text, #10233a);
}

.notification-resolve-actions button:disabled[b-cxdm7sncdj] {
    cursor: not-allowed;
    opacity: 0.55;
}

.notification-close-icon[b-cxdm7sncdj] {
    background: currentColor;
    display: inline-block;
    height: 14px;
    width: 14px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='m6 6 12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat;
}

.notification-tags-backdrop[b-cxdm7sncdj],
.notification-compose-backdrop[b-cxdm7sncdj] {
    align-items: center;
    background: rgba(6, 15, 27, 0.6);
    display: flex;
    inset: 0;
    justify-content: center;
    padding: 16px;
    position: fixed;
}

.notification-tags-backdrop[b-cxdm7sncdj] {
    z-index: 4100;
}

.notification-compose-backdrop[b-cxdm7sncdj] {
    z-index: 4300;
}

.notification-tags-dialog[b-cxdm7sncdj] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #b9c9da);
    border-radius: 8px;
    box-shadow: 0 26px 70px rgba(7, 20, 36, 0.38);
    color: var(--theme-text, #10233a);
    display: grid;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
    height: min(78vh, 760px);
    max-height: calc(100vh - 32px);
    overflow: hidden;
    width: min(1220px, calc(100vw - 32px));
}

.notification-tags-header[b-cxdm7sncdj] {
    align-items: center;
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    justify-content: space-between;
    min-height: 66px;
    padding: 9px 14px;
}

.notification-tags-header > div[b-cxdm7sncdj] {
    display: grid;
    gap: 1px;
}

.notification-tags-header > div > span[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 10px;
    text-transform: uppercase;
}

.notification-tags-header h2[b-cxdm7sncdj] {
    color: var(--theme-heading, #10233a);
    font-size: 18px;
    line-height: 1.2;
    margin: 0;
}

.notification-tags-header small[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 11px;
}

.notification-tags-header > button[b-cxdm7sncdj] {
    align-items: center;
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    color: var(--theme-muted, #6d7b8d);
    display: inline-flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    width: 30px;
}

.notification-tags-toolbar[b-cxdm7sncdj] {
    align-items: end;
    background: var(--theme-surface-soft, #f6f9fc);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(240px, 1fr) auto auto auto auto;
    padding: 9px 12px;
}

.notification-tags-search[b-cxdm7sncdj] {
    display: grid;
    gap: 4px;
}

.notification-tags-search > span[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 10px;
}

.notification-tags-search input[b-cxdm7sncdj],
.notification-compose-field input[b-cxdm7sncdj],
.notification-compose-field textarea[b-cxdm7sncdj] {
    background: var(--theme-input, var(--theme-surface-raised, #ffffff));
    border: 1px solid var(--theme-border-strong, #b9c9da);
    border-radius: 5px;
    color: var(--theme-text, #10233a);
    font: inherit;
}

.notification-tags-search input[b-cxdm7sncdj],
.notification-compose-field input[b-cxdm7sncdj] {
    height: 32px;
    padding: 0 9px;
}

.notification-tags-view-filter[b-cxdm7sncdj] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 8%, var(--theme-surface-raised, #ffffff));
    border: 1px solid var(--theme-border-strong, #b9c9da);
    border-radius: 5px;
    display: inline-flex;
    height: 32px;
    padding: 2px;
}

.notification-tags-view-filter button[b-cxdm7sncdj] {
    background: transparent;
    border: 0;
    border-radius: 3px;
    color: var(--theme-muted, #52657a);
    font-size: 11px;
    height: 26px;
    padding: 0 9px;
    white-space: nowrap;
}

.notification-tags-view-filter button.active[b-cxdm7sncdj] {
    background: var(--theme-primary, #1f5c9d);
    color: #ffffff;
}

.notification-tags-status-filter[b-cxdm7sncdj] {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    font-size: 11px;
    gap: 6px;
    min-height: 32px;
    white-space: nowrap;
}

.notification-tags-status-filter input[b-cxdm7sncdj],
.notification-tags-grid input[type="checkbox"][b-cxdm7sncdj] {
    cursor: pointer;
}

.notification-tags-selection-count[b-cxdm7sncdj] {
    align-items: center;
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 10%, var(--theme-surface-raised, #ffffff));
    border: 1px solid color-mix(in srgb, var(--theme-primary, #1f5c9d) 24%, var(--theme-border, #d7e0ea));
    border-radius: 4px;
    color: var(--theme-primary-strong, #0b3f75);
    display: inline-flex;
    font-size: 11px;
    height: 32px;
    padding: 0 9px;
    white-space: nowrap;
}

.notification-send-selected[b-cxdm7sncdj],
.notification-tags-footer button[b-cxdm7sncdj] {
    align-items: center;
    border: 1px solid var(--theme-border-strong, #b9c9da);
    border-radius: 5px;
    display: inline-flex;
    font-size: 11px;
    gap: 6px;
    height: 32px;
    justify-content: center;
    padding: 0 11px;
}

.notification-send-selected[b-cxdm7sncdj],
.notification-tags-footer button.primary[b-cxdm7sncdj] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary, #1f5c9d);
    color: #ffffff;
}

.notification-tags-grid-shell[b-cxdm7sncdj] {
    min-height: 0;
    overflow: auto;
}

.notification-tags-grid[b-cxdm7sncdj] {
    border-collapse: separate;
    border-spacing: 0;
    font-size: 11px;
    min-width: 1120px;
    table-layout: fixed;
    width: 100%;
}

.notification-tags-grid th[b-cxdm7sncdj] {
    background: var(--theme-surface-soft, #eef4fa);
    border-bottom: 1px solid var(--theme-border-strong, #b9c9da);
    color: var(--theme-muted, #52657a);
    font-weight: 400;
    height: 32px;
    padding: 5px 8px;
    position: sticky;
    text-align: left;
    top: 0;
    white-space: nowrap;
    z-index: 2;
}

.notification-tags-grid td[b-cxdm7sncdj] {
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    color: var(--theme-text, #10233a);
    height: 38px;
    overflow: hidden;
    padding: 5px 8px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
}

.notification-tags-grid tbody tr[b-cxdm7sncdj] {
    background: var(--theme-surface-raised, #ffffff);
    cursor: pointer;
}

.notification-tags-grid tbody tr:hover[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 7%, var(--theme-surface-raised, #ffffff));
}

.notification-tags-grid tbody tr.selected[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-primary, #1f5c9d) 14%, var(--theme-surface-raised, #ffffff));
}

.notification-tags-grid tbody tr.resolved:not(.selected)[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    opacity: 0.82;
}

.notification-tags-grid td:nth-child(2)[b-cxdm7sncdj] {
    width: 165px;
}

.notification-tags-grid td:nth-child(2) strong[b-cxdm7sncdj],
.notification-tags-grid td:nth-child(2) span[b-cxdm7sncdj] {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.notification-tags-grid td:nth-child(2) span[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 10px;
    margin-top: 2px;
}

.notification-tags-grid th:nth-child(3)[b-cxdm7sncdj],
.notification-tags-grid td:nth-child(3)[b-cxdm7sncdj] {
    width: 84px;
}

.notification-tags-grid th:nth-child(4)[b-cxdm7sncdj],
.notification-tags-grid td:nth-child(4)[b-cxdm7sncdj] {
    width: 120px;
}

.notification-tags-grid th:nth-child(5)[b-cxdm7sncdj],
.notification-tags-grid td:nth-child(5)[b-cxdm7sncdj] {
    width: 150px;
}

.notification-tags-grid th:nth-child(6)[b-cxdm7sncdj],
.notification-tags-grid td:nth-child(6)[b-cxdm7sncdj] {
    width: 210px;
}

.notification-tags-grid th:nth-child(7)[b-cxdm7sncdj],
.notification-tags-grid td:nth-child(7)[b-cxdm7sncdj],
.notification-tags-grid th:nth-child(8)[b-cxdm7sncdj],
.notification-tags-grid td:nth-child(8)[b-cxdm7sncdj] {
    width: 112px;
}

.notification-tags-grid th:nth-child(9)[b-cxdm7sncdj],
.notification-tags-grid td:nth-child(9)[b-cxdm7sncdj] {
    width: 92px;
}

.notification-tags-grid th:nth-child(10)[b-cxdm7sncdj],
.notification-tags-grid td:nth-child(10)[b-cxdm7sncdj] {
    width: 82px;
}

.notification-tags-select-column[b-cxdm7sncdj] {
    text-align: center !important;
    width: 38px;
}

.notification-tags-current-value[b-cxdm7sncdj] {
    font-variant-numeric: tabular-nums;
}

.notification-tag-status[b-cxdm7sncdj] {
    border-radius: 999px;
    display: inline-flex;
    font-size: 10px;
    justify-content: center;
    min-width: 58px;
    padding: 4px 7px;
}

.notification-tag-status.open[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-warning, #c88a14) 14%, var(--theme-surface-soft, #f6f9fc));
    color: var(--theme-warning, #9b6500);
}

.notification-tag-status.resolved[b-cxdm7sncdj] {
    background: color-mix(in srgb, var(--theme-success, #14675c) 14%, var(--theme-surface-soft, #f6f9fc));
    color: var(--theme-success, #14675c);
}

.notification-tags-empty[b-cxdm7sncdj] {
    align-items: center;
    color: var(--theme-muted, #6d7b8d);
    display: flex;
    height: 100%;
    justify-content: center;
    min-height: 220px;
}

.notification-tags-footer[b-cxdm7sncdj] {
    align-items: center;
    border-top: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    justify-content: space-between;
    min-height: 48px;
    padding: 8px 12px;
}

.notification-tags-footer > span[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 11px;
}

.notification-tags-footer > div[b-cxdm7sncdj] {
    display: inline-flex;
    gap: 8px;
}

.notification-tags-footer button:not(.primary)[b-cxdm7sncdj] {
    background: var(--theme-surface-raised, #ffffff);
    color: var(--theme-text, #10233a);
}

.notification-send-selected:disabled[b-cxdm7sncdj],
.notification-tags-footer button:disabled[b-cxdm7sncdj] {
    cursor: not-allowed;
    opacity: 0.5;
}

.notification-compose-dialog[b-cxdm7sncdj] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #b9c9da);
    border-radius: 8px;
    box-shadow: 0 26px 70px rgba(7, 20, 36, 0.38);
    color: var(--theme-text, #10233a);
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 36px);
    overflow: hidden;
    width: min(520px, calc(100vw - 36px));
}

.notification-compose-content[b-cxdm7sncdj] {
    display: grid;
    gap: 13px;
    overflow-y: auto;
    padding: 14px;
}

.notification-compose-field[b-cxdm7sncdj] {
    display: grid;
    gap: 5px;
}

.notification-compose-field > span[b-cxdm7sncdj] {
    color: var(--theme-muted, #6d7b8d);
    font-size: 11px;
}

.notification-compose-field textarea[b-cxdm7sncdj] {
    min-height: 120px;
    padding: 9px 10px;
    resize: vertical;
}

.notification-email-icon[b-cxdm7sncdj] {
    background: currentColor;
    display: inline-block;
    height: 14px;
    width: 14px;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 4h16v16H4zM4 6l8 7 8-7'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 4h16v16H4zM4 6l8 7 8-7'/%3E%3C/svg%3E") center / contain no-repeat;
}

@media (max-width: 760px) {
    .notification-tags-dialog[b-cxdm7sncdj] {
        height: calc(100vh - 20px);
        max-height: calc(100vh - 20px);
        width: calc(100vw - 20px);
    }

    .notification-tags-toolbar[b-cxdm7sncdj] {
        align-items: stretch;
        grid-template-columns: 1fr 1fr;
    }

    .notification-tags-search[b-cxdm7sncdj] {
        grid-column: 1 / -1;
    }

    .notification-tags-footer[b-cxdm7sncdj] {
        align-items: stretch;
        flex-direction: column;
        gap: 7px;
    }

    .notification-tags-footer > div[b-cxdm7sncdj] {
        justify-content: flex-end;
    }
}

[data-theme="dark"] .notification-badge[b-cxdm7sncdj] {
    border-color: #10263d;
}
/* /Components/Shared/ProjectSelectorDialog.razor.rz.scp.css */
.project-selector-backdrop[b-wu5is5cl72] {
    align-items: center;
    background: rgba(3, 10, 22, 0.46);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    padding: 24px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 400;
}

.project-selector-dialog[b-wu5is5cl72] {
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    box-shadow: 0 24px 70px rgba(6, 20, 79, 0.28);
    color: var(--theme-text, #1d2731);
    display: flex;
    flex-direction: column;
    max-height: min(760px, calc(100vh - 48px));
    min-height: 540px;
    min-width: min(1080px, calc(100vw - 48px));
    overflow: hidden;
    width: min(1180px, calc(100vw - 48px));
}

.selector-header[b-wu5is5cl72] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: grid;
    flex: 0 0 auto;
    gap: 14px;
    grid-template-columns: minmax(0, 1fr) auto auto;
    min-height: 64px;
    padding: 12px 16px;
}

.eyebrow[b-wu5is5cl72] {
    color: var(--theme-muted, #5a728f);
    font-size: 11px;
    font-weight: 800;
    margin: 0 0 3px;
    text-transform: uppercase;
}

.selector-header h2[b-wu5is5cl72] {
    color: var(--theme-heading, #1d2731);
    font-size: 22px;
    font-weight: 800;
    margin: 0;
}

.selector-stage-chip[b-wu5is5cl72] {
    align-items: center;
    background: var(--theme-primary-soft, #e7f1fb);
    border: 1px solid rgba(31, 92, 157, 0.22);
    color: var(--theme-primary-strong, #184c84);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 8px;
    min-height: 34px;
    padding: 0 12px;
}

.selector-close[b-wu5is5cl72] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    color: var(--theme-muted, #405368);
    display: inline-flex;
    height: 32px;
    justify-content: center;
    padding: 0;
    width: 32px;
}

.selector-toolbar[b-wu5is5cl72] {
    align-items: end;
    background: var(--theme-surface-soft, #f9fbfd);
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 12px;
}

.selector-field[b-wu5is5cl72] {
    display: grid;
    gap: 4px;
    min-width: 160px;
}

.selector-field.compact[b-wu5is5cl72] {
    min-width: 90px;
}

.selector-field.search-field[b-wu5is5cl72] {
    min-width: 230px;
}

.selector-field span[b-wu5is5cl72],
.selector-subtitle span[b-wu5is5cl72] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
    font-weight: 800;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.selector-field input[b-wu5is5cl72],
.selector-field select[b-wu5is5cl72] {
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border-strong, #bfccda);
    border-radius: 4px;
    box-sizing: border-box;
    color: var(--theme-text, #1d2731);
    height: 28px;
    min-width: 0;
    padding: 0 7px;
    width: 100%;
}

.selector-field input:focus[b-wu5is5cl72],
.selector-field select:focus[b-wu5is5cl72] {
    border-color: var(--theme-primary, #1f5c9d);
    box-shadow: 0 0 0 2px rgba(31, 92, 157, 0.14);
    outline: 0;
}

.selector-check[b-wu5is5cl72] {
    margin-left: auto;
}

.selector-body[b-wu5is5cl72] {
    background: var(--theme-bg, #eef3f7);
    display: grid;
    flex: 1 1 auto;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) 340px;
    min-height: 0;
    padding: 10px;
}

.selector-project-list[b-wu5is5cl72],
.selector-details[b-wu5is5cl72] {
    background: var(--theme-surface, #ffffff);
    border: 1px solid var(--theme-border, #d7e0ea);
    min-height: 0;
}

.selector-project-list[b-wu5is5cl72] {
    display: flex;
    flex-direction: column;
}

.selector-list-head[b-wu5is5cl72] {
    align-items: center;
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    justify-content: space-between;
    min-height: 38px;
    padding: 0 10px;
}

.selector-list-head span[b-wu5is5cl72],
.selector-list-head strong[b-wu5is5cl72] {
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #c9d6e4);
    border-radius: 4px;
    color: var(--theme-muted, #405368);
    font-size: 12px;
    font-weight: 800;
    padding: 5px 8px;
}

.selector-list-head strong[b-wu5is5cl72] {
    background: var(--theme-success-soft, #e9f6f4);
    border-color: rgba(20, 103, 92, 0.26);
    color: var(--theme-success, #14675c);
}

.selector-table-scroll[b-wu5is5cl72] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: auto;
}

.selector-table-scroll table[b-wu5is5cl72] {
    border-collapse: collapse;
    min-width: 760px;
    width: 100%;
}

.selector-table-scroll th[b-wu5is5cl72],
.selector-table-scroll td[b-wu5is5cl72] {
    border-bottom: 1px solid var(--theme-border, #d7e0ea);
    color: var(--theme-text, #1d2731);
    font-size: 12px;
    padding: 7px 9px;
    text-align: left;
    white-space: nowrap;
}

.selector-table-scroll th[b-wu5is5cl72] {
    background: var(--theme-table-head, #f1f5f9);
    color: var(--theme-muted, #455a75);
    font-size: 11px;
    font-weight: 800;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 1;
}

.selector-table-scroll tbody tr[b-wu5is5cl72] {
    cursor: pointer;
}

.selector-table-scroll tbody tr:hover[b-wu5is5cl72] {
    background: var(--theme-table-hover, #f5fbff);
}

.selector-table-scroll tbody tr.selected[b-wu5is5cl72],
.selector-table-scroll tbody tr.selected td[b-wu5is5cl72] {
    background: var(--theme-table-selected, #dbeeff);
}

.empty-cell[b-wu5is5cl72] {
    color: var(--theme-muted, #5c6c7d);
    height: 120px;
    text-align: center !important;
}

.selector-details[b-wu5is5cl72] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    overflow: auto;
    padding: 12px;
}

.selector-empty-state[b-wu5is5cl72] {
    align-items: center;
    color: var(--theme-muted, #5c6c7d);
    display: grid;
    gap: 8px;
    justify-items: center;
    margin: auto;
    max-width: 240px;
    text-align: center;
}

.selector-empty-state strong[b-wu5is5cl72] {
    color: var(--theme-heading, #1d2731);
    font-size: 16px;
}

.selector-project-title[b-wu5is5cl72] {
    display: grid;
    gap: 3px;
}

.selector-project-title span[b-wu5is5cl72] {
    color: var(--theme-primary-strong, #184c84);
    font-size: 12px;
    font-weight: 900;
}

.selector-project-title strong[b-wu5is5cl72] {
    color: var(--theme-heading, #1d2731);
    font-size: 18px;
    line-height: 1.25;
}

.selector-detail-grid[b-wu5is5cl72] {
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr 1fr;
    margin: 0;
}

.selector-detail-grid div[b-wu5is5cl72] {
    background: var(--theme-surface-muted, #f1f5f9);
    border: 1px solid var(--theme-border, #d7e0ea);
    padding: 7px 8px;
}

.selector-detail-grid dt[b-wu5is5cl72] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 10px;
    font-weight: 800;
    margin: 0 0 3px;
    text-transform: uppercase;
}

.selector-detail-grid dd[b-wu5is5cl72] {
    color: var(--theme-text, #1d2731);
    font-size: 12px;
    font-weight: 800;
    margin: 0;
    min-height: 16px;
}

.selector-stage-filter[b-wu5is5cl72] {
    border-top: 1px solid var(--theme-border, #d7e0ea);
    display: grid;
    gap: 9px;
    padding-top: 10px;
}

.selector-subtitle[b-wu5is5cl72] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.selector-subtitle strong[b-wu5is5cl72] {
    color: var(--theme-primary-strong, #184c84);
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selector-filter-mode[b-wu5is5cl72] {
    justify-content: flex-start;
    width: max-content;
}

.selector-footer[b-wu5is5cl72] {
    align-items: center;
    background: var(--theme-surface, #ffffff);
    border-top: 1px solid var(--theme-border, #d7e0ea);
    display: flex;
    flex: 0 0 auto;
    gap: 16px;
    justify-content: space-between;
    min-height: 54px;
    padding: 10px 12px;
}

.selector-note[b-wu5is5cl72] {
    align-items: center;
    color: var(--theme-muted, #5c6c7d);
    display: inline-flex;
    font-size: 12px;
    gap: 8px;
    min-width: 0;
}

.selector-actions[b-wu5is5cl72] {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.tool-button[b-wu5is5cl72] {
    align-items: center;
    background: var(--theme-surface-raised, #ffffff);
    border: 1px solid var(--theme-border-strong, #aebed0);
    border-radius: 4px;
    color: var(--theme-text, #243242);
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    gap: 7px;
    height: 32px;
    justify-content: center;
    min-width: 76px;
    padding: 0 10px;
}

.tool-button:hover:not(:disabled)[b-wu5is5cl72],
.selector-close:hover[b-wu5is5cl72] {
    background: var(--theme-table-hover, #eef5fd);
    border-color: var(--theme-primary, #8ab0d8);
    color: var(--theme-primary-strong, #184c84);
}

.tool-button.primary[b-wu5is5cl72] {
    background: var(--theme-primary, #1f5c9d);
    border-color: var(--theme-primary-strong, #184c84);
    color: #ffffff;
}

.tool-button:disabled[b-wu5is5cl72] {
    cursor: not-allowed;
    opacity: 0.48;
}

.selector-tag[b-wu5is5cl72] {
    border-radius: 4px;
    display: inline-flex;
    font-size: 11px;
    font-weight: 900;
    justify-content: center;
    min-width: 54px;
    padding: 3px 6px;
    text-transform: uppercase;
}

.selector-tag.success[b-wu5is5cl72],
.selector-tag.checked[b-wu5is5cl72] {
    background: var(--theme-success-soft, #e9f6f4);
    color: var(--theme-success, #14675c);
}

.selector-tag.open[b-wu5is5cl72] {
    background: var(--theme-warning-soft, #fff3d9);
    color: var(--theme-warning, #8a5d00);
}

.selector-icon[b-wu5is5cl72],
.tool-icon[b-wu5is5cl72] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 16px;
    -webkit-mask: var(--selector-icon) center / contain no-repeat;
    mask: var(--selector-icon) center / contain no-repeat;
    width: 16px;
}

.tool-icon[b-wu5is5cl72] {
    height: 14px;
    width: 14px;
}

.icon-open-project[b-wu5is5cl72] {
    --selector-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 6h7l2 2h9v11H3V6zm2 4v7h14v-7H5zm7 1 5 3-5 3v-2H8v-2h4v-2z'/%3E%3C/svg%3E");
}

.icon-cancel[b-wu5is5cl72],
.icon-selector-close[b-wu5is5cl72] {
    --selector-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 6 12 12M18 6 6 18' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-selector-info[b-wu5is5cl72] {
    --selector-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M12 11v6M12 7h.01' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-stage-takeoff[b-wu5is5cl72] {
    --selector-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h14v18H5V3zm2 2v14h10V5H7zm2 3h6v2H9V8zm0 4h6v2H9v-2z'/%3E%3C/svg%3E");
}

.icon-stage-checking[b-wu5is5cl72],
.icon-stage-review[b-wu5is5cl72],
.icon-stage-sales[b-wu5is5cl72] {
    --selector-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 6 9 17l-5-5 2-2 3 3 9-9 2 2z'/%3E%3C/svg%3E");
}

.icon-stage-pricing[b-wu5is5cl72] {
    --selector-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 3h2v3h3v2h-3v3h-2V8H8V6h3V3zM5 13h14v8H5v-8zm2 2v4h10v-4H7z'/%3E%3C/svg%3E");
}

@media (max-width: 940px) {
    .project-selector-dialog[b-wu5is5cl72] {
        min-height: 0;
        min-width: 0;
        width: calc(100vw - 28px);
    }

    .selector-body[b-wu5is5cl72] {
        grid-template-columns: 1fr;
    }

    .selector-details[b-wu5is5cl72] {
        max-height: 340px;
    }

    .selector-footer[b-wu5is5cl72] {
        align-items: stretch;
        flex-direction: column;
    }

    .selector-actions[b-wu5is5cl72] {
        justify-content: flex-end;
        width: 100%;
    }
}