/* /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);
}

.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] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

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

@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-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-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 .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/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 .secondary[b-n7vtjompva] {
    background: var(--surface-panel, #ffffff);
    color: var(--text-main, #243242);
}

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

.save-icon[b-n7vtjompva],
.cancel-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;
}

.cancel-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='m18.3 5.71-1.41-1.41L12 9.17 7.11 4.3 5.7 5.71 10.59 10.6 5.7 15.49l1.41 1.41L12 12.01l4.89 4.89 1.41-1.41-4.89-4.89 4.89-4.89Z'/%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='m18.3 5.71-1.41-1.41L12 9.17 7.11 4.3 5.7 5.71 10.59 10.6 5.7 15.49l1.41 1.41L12 12.01l4.89 4.89 1.41-1.41-4.89-4.89 4.89-4.89Z'/%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],
[data-theme="dark"] .change-password-actions .secondary[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);
    overflow: auto;
    padding: 12px;
}

.gmail-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;
    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/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/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/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-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-button-icon[b-eg0qjr5fea],
.login-button-spinner[b-eg0qjr5fea] {
    background: currentColor;
    display: inline-block;
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

.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;
}

.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],
.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],
.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, 1fr) minmax(390px, 430px);
    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(190px, 1.25fr) repeat(3, minmax(126px, 0.72fr)) minmax(320px, 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: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-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-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-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-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-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-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] {
    --summary-panel-width: 390px;
    --summary-rail-width: 50px;
    display: grid;
    flex: 1 1 auto;
    gap: 8px;
    grid-template-columns: 285px minmax(0, 1fr) 495px;
    grid-template-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), 50vw) + 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-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-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] {
    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: auto auto;
    min-height: 0;
    overflow: hidden;
}

.entry-section[b-l4vbcv4mw0] {
    border-right: 1px solid #e2eaf2;
    display: flex;
    flex-direction: column;
    min-height: 0;
    min-width: 0;
    overflow: hidden;
    padding: 8px 10px 10px;
}

.product-section[b-l4vbcv4mw0] {
    border-bottom: 1px solid #e2eaf2;
    border-right: 0;
    grid-column: 1 / -1;
    grid-row: 1;
    overflow: visible;
}

.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: 6px 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;
    grid-template-columns: repeat(5, minmax(96px, 1fr));
}

.product-section .entry-grid label[b-l4vbcv4mw0] {
    align-self: start;
    grid-column: auto;
}

.product-section .entry-grid .sub-description[b-l4vbcv4mw0] {
    grid-column: span 1;
}

.product-section .entry-grid .reference-detail[b-l4vbcv4mw0] {
    grid-column: span 2;
}

.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] {
    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 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: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;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, calc(-100% - 5px)) scale(.98);
    transition: opacity .12s ease, transform .12s ease;
    z-index: 15;
    min-height: 24px;
}

.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: translate(-50%, calc(-100% - 5px)) scale(1);
}

.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: 5px 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-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;
    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-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] {
    align-items: center;
    background: var(--theme-input-bg, #ffffff);
    border: 1px solid var(--theme-border-strong, #b8c9dc);
    border-radius: 3px;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #f5f9fc;
    color: var(--theme-soft-muted, #526579);
    display: flex;
    flex: 0 0 auto;
    height: 30px;
    justify-content: center;
    overflow: visible;
    position: relative;
    width: 44px;
}

.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-upload-control:hover .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;
}

.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;
}

.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;
    min-height: 0;
    overflow: auto;
    scrollbar-gutter: stable;
}

.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;
    max-height: min(430px, calc(100vh - 24px));
    min-width: 240px;
    overflow: visible;
    padding: 6px;
    position: fixed;
    z-index: 1000;
}

.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-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);
    min-width: 224px;
    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;
}

.grid-context-menu.open-up .context-submenu[b-l4vbcv4mw0] {
    bottom: -6px;
    top: auto;
}

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: pointer;
    user-select: none;
}

.estimate-grid-table .estimate-column-header.sorted[b-l4vbcv4mw0] {
    color: var(--theme-accent, #1f5c9d);
}

.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-sort-indicator[b-l4vbcv4mw0] {
    flex: 0 0 auto;
    display: inline-block;
    font-size: 10px;
    font-weight: 900;
    margin-left: 1px;
}

.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-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 .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.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-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: 5px;
    grid-template-columns: minmax(0, 1fr) 70px 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;
}

.quantity-section .entry-grid.compact label[b-l4vbcv4mw0],
.labor-section .entry-grid.compact label[b-l4vbcv4mw0] {
    align-content: start;
    grid-template-rows: 30px 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: 30px;
    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;
}

.template-form[b-l4vbcv4mw0] {
    display: grid;
    grid-template-columns: 1fr 90px;
}

.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));
}

.category-dialog[b-l4vbcv4mw0] {
    width: min(980px, calc(100vw - 44px));
}

.command-dialog[b-l4vbcv4mw0] {
    width: min(1120px, calc(100vw - 44px));
}

.small-command-dialog[b-l4vbcv4mw0] {
    width: min(720px, 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] {
    width: min(920px, calc(100vw - 44px));
}

.cost-code-groups[b-l4vbcv4mw0] {
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: min(62vh, 560px);
    overflow: auto;
    padding-right: 2px;
}

.cost-code-group[b-l4vbcv4mw0] {
    background: var(--theme-surface-soft, #f6f9fc);
    border: 1px solid var(--theme-border, #d7e0ea);
    border-radius: 6px;
    display: grid;
    gap: 7px;
    min-width: 0;
    padding: 8px;
}

.cost-code-group header[b-l4vbcv4mw0] {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: space-between;
}

.cost-code-group header strong[b-l4vbcv4mw0] {
    color: var(--theme-text, #10233a);
    font-size: 13px;
    font-weight: 700;
}

.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: 11px;
    min-height: 20px;
    padding: 0 7px;
}

.cost-code-option-list[b-l4vbcv4mw0] {
    display: grid;
    gap: 5px;
}

.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: 7px;
    grid-template-columns: auto minmax(0, 1fr) max-content;
    min-height: 34px;
    padding: 5px 7px;
}

.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: 12px;
    font-weight: 700;
}

.cost-code-option small[b-l4vbcv4mw0] {
    color: var(--theme-muted, #5c6c7d);
    font-size: 11px;
}

.cost-code-option em[b-l4vbcv4mw0] {
    color: var(--theme-primary, #1f5c9d);
    font-size: 10px;
    font-style: normal;
    white-space: nowrap;
}

.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;
}

.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-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: repeat(2, minmax(0, 1fr));
}

.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;
}

.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-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 th:first-child[b-l4vbcv4mw0],
.scope-dialog .dialog-table td:first-child[b-l4vbcv4mw0] {
    min-width: 132px;
    width: 132px;
}

.scope-dialog .dialog-table th:nth-child(2)[b-l4vbcv4mw0],
.scope-dialog .dialog-table td:nth-child(2)[b-l4vbcv4mw0] {
    min-width: 92px;
    width: 92px;
}

.scope-dialog .dialog-table th:nth-child(3)[b-l4vbcv4mw0],
.scope-dialog .dialog-table td:nth-child(3)[b-l4vbcv4mw0],
.scope-dialog .dialog-table th:nth-child(4)[b-l4vbcv4mw0],
.scope-dialog .dialog-table td:nth-child(4)[b-l4vbcv4mw0],
.scope-dialog .dialog-table th:nth-child(5)[b-l4vbcv4mw0],
.scope-dialog .dialog-table td:nth-child(5)[b-l4vbcv4mw0],
.scope-dialog .dialog-table th:nth-child(6)[b-l4vbcv4mw0],
.scope-dialog .dialog-table td:nth-child(6)[b-l4vbcv4mw0] {
    min-width: 132px;
    width: 132px;
}

.scope-dialog .dialog-table th:nth-child(7)[b-l4vbcv4mw0],
.scope-dialog .dialog-table td:nth-child(7)[b-l4vbcv4mw0],
.scope-dialog .dialog-table th:nth-child(8)[b-l4vbcv4mw0],
.scope-dialog .dialog-table td:nth-child(8)[b-l4vbcv4mw0] {
    min-width: 220px;
}

.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-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: 30px;
    min-width: 30px;
    padding: 0;
    width: 30px;
}

.tabulation-row-header-col[b-l4vbcv4mw0] {
    width: 30px;
}

.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 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-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;
}

.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(5, minmax(104px, 1fr));
    min-width: 560px;
    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(5n)[b-l4vbcv4mw0],
.checking-stage-cell:nth-child(5n)[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: hidden;
}

.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(50vw + var(--summary-rail-width) + 4px);
    width: min(calc(var(--summary-panel-width) + var(--summary-rail-width) + 4px), calc(50vw + 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: 50vw;
    width: min(var(--summary-panel-width), 50vw);
}

.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-x: hidden;
    overflow-y: auto;
    padding: 9px 6px;
    scrollbar-width: none;
    width: var(--summary-rail-width);
}

.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;
    width: 34px;
}

.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-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;
}

.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] {
        --summary-panel-width: 340px;
        grid-template-columns: 245px minmax(0, 1fr) 428px;
    }

    .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));
    }

    .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 (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;
    }

    .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] {
        max-height: calc(100vh - 24px);
        width: 100%;
    }

    .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(520px, 0.95fr) minmax(580px, 1.05fr);
    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: 1180px;
}

.user-table th[b-dm5fwiww79],
.user-table td[b-dm5fwiww79] {
    height: 30px;
}

.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-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;
}

.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/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/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-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-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-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;
}

[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%;
    }
}