/* /Layout/MainLayout.razor.rz.scp.css */
.page[b-f4i8v43yqa] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-f4i8v43yqa] {
    flex: 1;
    background-color: var(--color-bg);
    min-height: 100vh;
}

.sidebar[b-f4i8v43yqa] {
    background-color: var(--color-sidebar);
    background-image: none;
}

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

    .sidebar[b-f4i8v43yqa] {
        width: 240px;
        height: 100vh;
        position: sticky;
        top: 0;
        flex-shrink: 0;
    }

    article[b-f4i8v43yqa] {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
        max-width: 1100px;
    }
}

#blazor-error-ui[b-f4i8v43yqa] {
    color-scheme: light only;
    background: #fff3cd;
    border-top: 1px solid #ffc107;
    bottom: 0;
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.75rem 1.5rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
    font-size: 0.9rem;
}

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

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

.top-row[b-ultjlngd5g] {
    min-height: 4rem;
    background-color: var(--color-sidebar);
    border-bottom: 1px solid var(--color-border);
    display: flex;
    align-items: center;
    padding: 0 1.25rem;
}

.navbar-brand[b-ultjlngd5g] {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: var(--color-text) !important;
    text-transform: uppercase;
}

.nav-section-label[b-ultjlngd5g] {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--color-muted);
    padding: 1.5rem 1.25rem 0.4rem;
}

.bi[b-ultjlngd5g] {
    display: inline-block;
    position: relative;
    width: 1rem;
    height: 1rem;
    margin-right: 0.65rem;
    top: -1px;
    background-size: cover;
    opacity: 0.7;
}

.bi-speedometer2-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z'/%3E%3Cpath fill-rule='evenodd' d='M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z'/%3E%3C/svg%3E");
}

.bi-calendar-day-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.684 11.523v-2.3h2.261v-.61H4.684V6.801h2.464v-.61H4v5.332h.684zm3.296 0h.676V8.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105zm2.805-5.093c0 .238.192.425.43.425a.428.428 0 1 0 0-.855.426.426 0 0 0-.43.43zm.094 5.093h.672V7.418h-.672v4.105z'/%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zm-1 3.5A1.5 1.5 0 0 0 1 5v9.5A1.5 1.5 0 0 0 2.5 16h11a1.5 1.5 0 0 0 1.5-1.5V5a1.5 1.5 0 0 0-1.5-1.5h-11z'/%3E%3C/svg%3E");
}

.bi-people-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1h8zm-7.978-1A.261.261 0 0 1 7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002H7.022zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0zM6.936 9.28a5.88 5.88 0 0 0-1.23-.247A7.35 7.35 0 0 0 5 9c-4 0-5 3-5 4 0 .667.333 1 1 1h4.216A2.238 2.238 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816zM4.92 10A5.493 5.493 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275zM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0zm3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E");
}

.bi-list-check-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M5 11.5a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h9a.5.5 0 0 1 0 1h-9a.5.5 0 0 1-.5-.5zM3.854 2.146a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 3.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 1 1 .708-.708L2 7.293l1.146-1.147a.5.5 0 0 1 .708 0zm0 4a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0l-.5-.5a.5.5 0 0 1 .708-.708l.146.147 1.146-1.147a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
}

.bi-search-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.099zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");
}

.bi-plus-circle-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
}

.bi-gear-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.892 3.433-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.892-1.64-.901-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z'/%3E%3C/svg%3E");
}

.bi-archive-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M0 2a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v7.5a2.5 2.5 0 0 1-2.5 2.5h-9A2.5 2.5 0 0 1 1 12.5V5a1 1 0 0 1-1-1V2zm2 3v7.5A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5V5H2zm13-3H1v2h14V2zM5 7.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-bar-chart-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4 11H2v3h2v-3zm5-4H7v7h2V7zm5-5v12h-2V2h2zm-2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2zM6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm-5 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3z'/%3E%3C/svg%3E");
}

.bi-inbox-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M4.98 4a.5.5 0 0 0-.39.188L1.54 8H6a.5.5 0 0 1 .5.5 1.5 1.5 0 1 0 3 0A.5.5 0 0 1 10 8h4.46l-3.05-3.812A.5.5 0 0 0 11.02 4H4.98zm9.954 5H10.45a2.5 2.5 0 0 1-4.9 0H1.066l.32 2.562a.5.5 0 0 0 .497.438h12.234a.5.5 0 0 0 .496-.438L14.933 9zM3.809 3.563A1.5 1.5 0 0 1 4.981 3h6.038a1.5 1.5 0 0 1 1.172.563l3.7 4.625a.5.5 0 0 1 .105.374l-.39 3.124A1.5 1.5 0 0 1 14.117 13H1.883a1.5 1.5 0 0 1-1.489-1.314l-.39-3.124a.5.5 0 0 1 .106-.374l3.7-4.625z'/%3E%3C/svg%3E");
}

.bi-person-circle-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath fill-rule='evenodd' d='M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z'/%3E%3C/svg%3E");
}

.bi-box-arrow-right-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M10 12.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-9a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v2a.5.5 0 0 0 1 0v-2A1.5 1.5 0 0 0 9.5 2h-8A1.5 1.5 0 0 0 0 3.5v9A1.5 1.5 0 0 0 1.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-2a.5.5 0 0 0-1 0v2z'/%3E%3Cpath fill-rule='evenodd' d='M15.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L14.293 7.5H5.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
}

.bi-box-arrow-in-right-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 3.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 0 6.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-8A1.5 1.5 0 0 0 5 3.5v2a.5.5 0 0 0 1 0v-2z'/%3E%3Cpath fill-rule='evenodd' d='M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 0 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3z'/%3E%3C/svg%3E");
}

.bi-wifi-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M15.384 6.115a.485.485 0 0 0-.047-.736A12.444 12.444 0 0 0 8 3C5.259 3 2.723 3.882.663 5.379a.485.485 0 0 0-.048.736.518.518 0 0 0 .668.05A11.448 11.448 0 0 1 8 4c2.507 0 4.827.802 6.716 2.165.205.148.49.13.668-.05z'/%3E%3Cpath d='M13.229 8.271a.482.482 0 0 0-.063-.745A9.455 9.455 0 0 0 8 6c-1.905 0-3.68.56-5.166 1.526a.48.48 0 0 0-.063.745.525.525 0 0 0 .652.065A8.46 8.46 0 0 1 8 7a8.46 8.46 0 0 1 4.576 1.336c.206.132.48.108.653-.065zm-2.183 2.183c.226-.226.185-.605-.1-.75A6.473 6.473 0 0 0 8 9c-1.06 0-2.062.254-2.946.704-.285.145-.326.524-.1.75l.015.015c.16.16.407.19.611.09A5.478 5.478 0 0 1 8 10c.868 0 1.69.201 2.42.56.203.1.45.07.61-.091l.016-.015zM9.06 12.44c.196-.196.198-.52-.04-.66A1.99 1.99 0 0 0 8 11.5a1.99 1.99 0 0 0-1.02.28c-.238.14-.236.464-.04.66l.706.706a.5.5 0 0 0 .707 0l.707-.707z'/%3E%3C/svg%3E");
}

.bi-chat-dots-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm3 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'/%3E%3Cpath d='m2.165 15.803.02-.004c1.83-.363 2.948-.842 3.468-1.105A9.06 9.06 0 0 0 8 15c4.418 0 8-3.134 8-7s-3.582-7-8-7-8 3.134-8 7c0 1.76.743 3.37 1.97 4.6a10.437 10.437 0 0 1-.524 2.318l-.003.011a10.722 10.722 0 0 1-.244.637c-.079.186.074.394.273.362a21.673 21.673 0 0 0 .693-.125zm.8-3.108a1 1 0 0 0-.287-.801C1.618 10.83 1 9.468 1 8c0-3.192 3.004-6 7-6s7 2.808 7 6c0 3.193-3.004 6-7 6a8.06 8.06 0 0 1-2.088-.272 1 1 0 0 0-.711.074c-.387.196-1.24.57-2.634.893a10.97 10.97 0 0 0 .398-2z'/%3E%3C/svg%3E");
}

.bi-flag-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M14.778.085A.5.5 0 0 1 15 .5V8a.5.5 0 0 1-.314.464L14.5 8l.186.464-.003.001-.006.003-.023.009a12.435 12.435 0 0 1-.397.15c-.264.095-.631.223-1.047.35-.816.252-1.879.523-2.71.523-.847 0-1.548-.28-2.158-.525l-.028-.01C7.68 8.71 7.14 8.5 6.5 8.5c-.7 0-1.638.23-2.437.477A19.626 19.626 0 0 0 3 9.342V15.5a.5.5 0 0 1-1 0V.5a.5.5 0 0 1 1 0v.282c.226-.079.496-.17.79-.26C4.606.272 5.67 0 6.5 0c.84 0 1.524.277 2.121.519l.043.018C9.286.788 9.828 1 10.5 1c.7 0 1.638-.23 2.437-.477a19.587 19.587 0 0 0 1.349-.476l.019-.007.004-.002h.001'/%3E%3C/svg%3E");
}

.bi-book-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1 2.828c.885-.37 2.154-.769 3.388-.893 1.33-.134 2.458.063 3.112.752v9.746c-.935-.53-2.12-.603-3.213-.493-1.18.12-2.37.461-3.287.811V2.828zm7.5-.141c.654-.689 1.782-.886 3.112-.752 1.234.124 2.503.523 3.388.893v9.923c-.918-.35-2.107-.692-3.287-.81-1.094-.111-2.278-.039-3.213.492V2.687zM8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783z'/%3E%3C/svg%3E");
}

.bi-journal-code-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M8.646 5.646a.5.5 0 0 1 .708 0l2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 8 8.646 6.354a.5.5 0 0 1 0-.708zm-1.292 0a.5.5 0 0 0-.708 0l-2 2a.5.5 0 0 0 0 .708l2 2a.5.5 0 0 0 .708-.708L5.707 8l1.647-1.646a.5.5 0 0 0 0-.708z'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2z'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1H1z'/%3E%3C/svg%3E");
}

.bi-shield-lock-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M5.338 1.59a61.44 61.44 0 0 0-2.837.856.481.481 0 0 0-.328.39c-.554 4.157.726 7.19 2.253 9.188a10.725 10.725 0 0 0 2.287 2.233c.346.244.652.42.893.533.12.057.218.095.293.118a.55.55 0 0 0 .101.025.615.615 0 0 0 .1-.025c.076-.023.174-.061.294-.118.24-.113.547-.29.893-.533a10.726 10.726 0 0 0 2.287-2.233c1.527-1.997 2.807-5.031 2.253-9.188a.48.48 0 0 0-.328-.39c-.651-.213-1.75-.56-2.837-.855C9.552 1.29 8.531 1.067 8 1.067c-.53 0-1.552.223-2.662.524zM5.072.56C6.157.265 7.31 0 8 0s1.843.265 2.928.56c1.11.3 2.229.655 2.887.87a1.54 1.54 0 0 1 1.044 1.262c.596 4.477-.787 7.795-2.465 9.99a11.775 11.775 0 0 1-2.517 2.453 7.159 7.159 0 0 1-1.048.625c-.28.132-.581.24-.829.24s-.548-.108-.829-.24a7.158 7.158 0 0 1-1.048-.625 11.777 11.777 0 0 1-2.517-2.453C1.928 10.487.545 7.169 1.141 2.692A1.54 1.54 0 0 1 2.185 1.43 62.456 62.456 0 0 1 5.072.56z'/%3E%3Cpath d='M9.5 6.5a1.5 1.5 0 0 1-1 1.415l.385 1.99a.5.5 0 0 1-.491.595h-.788a.5.5 0 0 1-.49-.595l.384-1.99A1.5 1.5 0 1 1 9.5 6.5z'/%3E%3C/svg%3E");
}

.bi-arrow-repeat-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z'/%3E%3Cpath fill-rule='evenodd' d='M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z'/%3E%3C/svg%3E");
}

/* Theme toggle icon -- sun/moon SVG that adapts based on current theme */
.bi-theme-nav-menu[b-ultjlngd5g] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M8 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0 1a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM8 0a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 0zm0 13a.5.5 0 0 1 .5.5v2a.5.5 0 0 1-1 0v-2A.5.5 0 0 1 8 13zm8-5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2a.5.5 0 0 1 .5.5zM3 8a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1 0-1h2A.5.5 0 0 1 3 8zm10.657-5.657a.5.5 0 0 1 0 .707l-1.414 1.415a.5.5 0 1 1-.707-.708l1.414-1.414a.5.5 0 0 1 .707 0zm-9.193 9.193a.5.5 0 0 1 0 .707L3.05 13.657a.5.5 0 0 1-.707-.707l1.414-1.414a.5.5 0 0 1 .707 0zm9.193 2.121a.5.5 0 0 1-.707 0l-1.414-1.414a.5.5 0 0 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .707zM4.464 4.465a.5.5 0 0 1-.707 0L2.343 3.05a.5.5 0 1 1 .707-.707l1.414 1.414a.5.5 0 0 1 0 .708z'/%3E%3C/svg%3E");
    filter: opacity(0.7);
}

/* Theme toggle button — same visual treatment as nav links */
.theme-toggle-btn[b-ultjlngd5g] {
    cursor: pointer;
    color: var(--color-muted);
    border-radius: 6px;
    height: 2.6rem;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 0.75rem;
    transition: background 0.15s, color 0.15s;
    font-weight: 500;
    font-size: 0.875rem;
}

.theme-toggle-btn:hover[b-ultjlngd5g] {
    background-color: color-mix(in srgb, var(--color-accent) 8%, transparent);
    color: var(--color-text);
}

.nav-item[b-ultjlngd5g] {
    font-size: 0.875rem;
    padding-bottom: 0.15rem;
}

.nav-item[b-ultjlngd5g]  .nav-link {
    color: var(--color-muted);
    background: none;
    border: none;
    border-radius: 6px;
    height: 2.6rem;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 0.75rem;
    transition: background 0.15s, color 0.15s;
    font-weight: 500;
}

.nav-item[b-ultjlngd5g]  a.active {
    background-color: color-mix(in srgb, var(--color-accent) 15%, transparent);
    color: var(--color-text);
}

.nav-item[b-ultjlngd5g]  a.active .bi {
    opacity: 1;
}

.nav-item[b-ultjlngd5g]  .nav-link:hover {
    background-color: color-mix(in srgb, var(--color-accent) 8%, transparent);
    color: var(--color-text);
}

.nav-scrollable[b-ultjlngd5g] {
    display: none;
    padding: 0.5rem 0.75rem;
}

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

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

    .nav-scrollable[b-ultjlngd5g] {
        display: block;
        height: calc(100vh - 4rem);
        overflow-y: auto;
    }
}
/* /Pages/AdminLogins.razor.rz.scp.css */
/* Plan 207 / item 891 -- AdminLogins page styles */

.al-page[b-kdgxvlsjyq] {
    background: var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
    padding: 2rem 2.5rem 3rem;
    margin: -1.5rem -1.5rem -2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* Header */
.al-header[b-kdgxvlsjyq] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.al-title[b-kdgxvlsjyq] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
    line-height: 1.1;
}

.al-subtitle[b-kdgxvlsjyq] {
    font-size: 0.85rem;
    color: var(--color-muted);
    margin-top: 0.25rem;
}

/* Stats */
.al-stats[b-kdgxvlsjyq] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.al-stat[b-kdgxvlsjyq] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 0.7rem 1.1rem;
    text-align: center;
    min-width: 80px;
    background: var(--color-surface);
}

.al-stat-num[b-kdgxvlsjyq] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.3rem;
    color: var(--color-text);
}

.al-stat-label[b-kdgxvlsjyq] {
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
}

.al-num-ok[b-kdgxvlsjyq]   { color: var(--color-alive); }
.al-num-fail[b-kdgxvlsjyq] { color: var(--color-danger); }

/* Filter bar */
.al-filter-bar[b-kdgxvlsjyq] {
    margin-bottom: 1rem;
}

.al-filter-input[b-kdgxvlsjyq] {
    width: 100%;
    max-width: 400px;
    padding: 0.45rem 0.85rem;
    border: 1px solid var(--color-border);
    border-radius: 6px;
    background: var(--color-surface);
    color: var(--color-text);
    font-size: 0.875rem;
    outline: none;
}

.al-filter-input:focus[b-kdgxvlsjyq] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-accent) 20%, transparent);
}

/* Grid header */
.al-grid-header[b-kdgxvlsjyq] {
    display: grid;
    grid-template-columns: 90px 60px 2fr 100px 130px 140px 160px;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-border);
}

/* Rows */
.al-row[b-kdgxvlsjyq] {
    display: grid;
    grid-template-columns: 90px 60px 2fr 100px 130px 140px 160px;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    font-size: 0.85rem;
}

.al-row:hover[b-kdgxvlsjyq] { background: color-mix(in srgb, var(--color-accent) 5%, var(--color-surface)); }

.al-cell-time[b-kdgxvlsjyq] {
    font-size: 0.8rem;
    color: var(--color-muted);
    white-space: nowrap;
}

/* Kind badge */
.al-kind-badge[b-kdgxvlsjyq] {
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 4px;
    padding: 0.15rem 0.45rem;
    border: 1px solid transparent;
}

.al-kind-web[b-kdgxvlsjyq] {
    background: color-mix(in srgb, var(--color-accent) 15%, var(--color-surface));
    color: var(--color-accent);
    border-color: color-mix(in srgb, var(--color-accent) 35%, transparent);
}

.al-kind-mcp[b-kdgxvlsjyq] {
    background: color-mix(in srgb, var(--color-inprogress) 15%, var(--color-surface));
    color: var(--color-inprogress);
    border-color: color-mix(in srgb, var(--color-inprogress) 35%, transparent);
}

.al-cell-upn[b-kdgxvlsjyq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.al-mono[b-kdgxvlsjyq] {
    font-family: monospace;
    font-size: 0.78rem;
    color: var(--color-muted);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.al-cell-client[b-kdgxvlsjyq] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.8rem;
    color: var(--color-muted);
}

/* Outcome */
.al-cell-outcome[b-kdgxvlsjyq] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.al-outcome[b-kdgxvlsjyq] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 4px;
    padding: 0.2rem 0.5rem;
    border: 1px solid transparent;
    flex-shrink: 0;
}

.al-outcome-ok[b-kdgxvlsjyq] {
    background: color-mix(in srgb, var(--color-alive) 15%, var(--color-surface));
    color: var(--color-alive);
    border-color: color-mix(in srgb, var(--color-alive) 35%, transparent);
}

.al-outcome-fail[b-kdgxvlsjyq] {
    background: color-mix(in srgb, var(--color-danger) 15%, var(--color-surface));
    color: var(--color-danger);
    border-color: color-mix(in srgb, var(--color-danger) 35%, transparent);
}

.al-fail-reason[b-kdgxvlsjyq] {
    font-size: 0.75rem;
    color: var(--color-danger);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Empty state */
.al-empty[b-kdgxvlsjyq] {
    text-align: center;
    color: var(--color-muted);
    padding: 3rem 1rem;
    font-size: 0.875rem;
}
/* /Pages/AdminSync.razor.rz.scp.css */
/* Plan 228 / item 1047 -- AdminSync page styles */
/* Shares al-* classes from AdminLogins.razor.css for header/stats/row patterns. */
/* as-* classes below are local additions for sync-specific sections. */

.al-page[b-f92ai2gww2] {
    background: var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
    padding: 2rem 2.5rem 3rem;
    margin: -1.5rem -1.5rem -2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

.al-header[b-f92ai2gww2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.al-title[b-f92ai2gww2] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
    line-height: 1.1;
}

.al-subtitle[b-f92ai2gww2] {
    font-size: 0.85rem;
    color: var(--color-muted);
    margin-top: 0.25rem;
}

.al-stats[b-f92ai2gww2] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.al-stat[b-f92ai2gww2] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 0.7rem 1.1rem;
    text-align: center;
    min-width: 80px;
    background: var(--color-surface);
}

.al-stat-num[b-f92ai2gww2] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.3rem;
    color: var(--color-text);
}

.al-stat-label[b-f92ai2gww2] {
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
}

.al-num-ok[b-f92ai2gww2]   { color: var(--color-alive); }
.al-num-warn[b-f92ai2gww2] { color: var(--color-warn,  #f59e0b); }
.al-num-fail[b-f92ai2gww2] { color: var(--color-danger); }

/* Top-line counter table */
.as-counters[b-f92ai2gww2] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.as-counter-row[b-f92ai2gww2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.65rem 1.1rem;
    border-bottom: 1px solid var(--color-border);
    font-size: 0.875rem;
}

.as-counter-row:last-child[b-f92ai2gww2] { border-bottom: none; }

.as-counter-label[b-f92ai2gww2] {
    color: var(--color-muted);
    font-size: 0.8rem;
}

.as-counter-value[b-f92ai2gww2] {
    font-weight: 500;
    color: var(--color-text);
}

.as-value-warn[b-f92ai2gww2] { color: var(--color-warn, #f59e0b); }

/* Entity type breakdown grid */
.as-section-title[b-f92ai2gww2] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text);
    margin: 1.5rem 0 0.75rem;
}

.as-entity-grid[b-f92ai2gww2] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.as-entity-row[b-f92ai2gww2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.55rem 1.1rem;
    border-bottom: 1px solid var(--color-border);
    font-size: 0.85rem;
}

.as-entity-row:last-child[b-f92ai2gww2] { border-bottom: none; }

.as-entity-type[b-f92ai2gww2] {
    color: var(--color-muted);
}

.as-entity-count[b-f92ai2gww2] {
    font-weight: 600;
    color: var(--color-text);
}

/* Push attempts grid */
.as-grid-header[b-f92ai2gww2] {
    display: grid;
    grid-template-columns: 90px 160px 80px 110px 90px;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-border);
}

.al-row[b-f92ai2gww2] {
    display: grid;
    grid-template-columns: 90px 160px 80px 110px 90px;
    gap: 0.75rem;
    align-items: center;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    font-size: 0.85rem;
}

.al-row:hover[b-f92ai2gww2] { background: color-mix(in srgb, var(--color-accent) 5%, var(--color-surface)); }

.al-cell-time[b-f92ai2gww2] {
    font-size: 0.8rem;
    color: var(--color-muted);
    white-space: nowrap;
}

.al-cell-kind[b-f92ai2gww2] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.al-cell-oid[b-f92ai2gww2]  { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.as-mono[b-f92ai2gww2] {
    font-family: monospace;
    font-size: 0.78rem;
    color: var(--color-muted);
}

.al-mono[b-f92ai2gww2] {
    font-family: monospace;
    font-size: 0.78rem;
    color: var(--color-muted);
}

.al-cell-outcome[b-f92ai2gww2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.al-outcome[b-f92ai2gww2] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 4px;
    padding: 0.2rem 0.5rem;
    border: 1px solid transparent;
    flex-shrink: 0;
}

.al-outcome-ok[b-f92ai2gww2] {
    background: color-mix(in srgb, var(--color-alive) 15%, var(--color-surface));
    color: var(--color-alive);
    border-color: color-mix(in srgb, var(--color-alive) 35%, transparent);
}

.al-outcome-fail[b-f92ai2gww2] {
    background: color-mix(in srgb, var(--color-danger) 15%, var(--color-surface));
    color: var(--color-danger);
    border-color: color-mix(in srgb, var(--color-danger) 35%, transparent);
}

.al-kind-badge[b-f92ai2gww2] {
    display: inline-block;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    border-radius: 4px;
    padding: 0.15rem 0.45rem;
    border: 1px solid transparent;
}

.al-kind-pending[b-f92ai2gww2] {
    background: color-mix(in srgb, var(--color-inprogress) 15%, var(--color-surface));
    color: var(--color-inprogress);
    border-color: color-mix(in srgb, var(--color-inprogress) 35%, transparent);
}

.al-empty[b-f92ai2gww2] {
    text-align: center;
    color: var(--color-muted);
    padding: 3rem 1rem;
    font-size: 0.875rem;
}
/* /Pages/Agents.razor.rz.scp.css */
/* Page wrapper */
.ag-page[b-wlv1lo25tl] {
    background: var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
    padding: 2rem 2.5rem 3rem;
    margin: -1.5rem -1.5rem -2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* Header */
.ag-back[b-wlv1lo25tl] {
    display: inline-block;
    font-size: 0.75rem;
    color: var(--color-muted);
    text-decoration: none;
    margin-bottom: 0.5rem;
}
.ag-back:hover[b-wlv1lo25tl] { color: var(--color-text); }

.ag-header[b-wlv1lo25tl] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.ag-title[b-wlv1lo25tl] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
    line-height: 1.1;
}

.ag-subtitle[b-wlv1lo25tl] {
    font-size: 0.85rem;
    color: var(--color-muted);
    margin-top: 0.25rem;
}

/* Stats */
.ag-stats[b-wlv1lo25tl] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}
.ag-stat[b-wlv1lo25tl] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 0.7rem 1.1rem;
    text-align: center;
    min-width: 80px;
    background: var(--color-surface);
}
.ag-stat-num[b-wlv1lo25tl] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.3rem;
}
.ag-stat-label[b-wlv1lo25tl] {
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
}
.ag-num-alive[b-wlv1lo25tl]   { color: var(--color-alive); }
.ag-num-idle[b-wlv1lo25tl]    { color: var(--color-idle); }
.ag-num-stale[b-wlv1lo25tl]   { color: var(--color-stale); }
.ag-num-dormant[b-wlv1lo25tl] { color: var(--color-muted); }
.ag-num-total[b-wlv1lo25tl]   { color: var(--color-text); }

/* Warning banner */
.ag-warning-banner[b-wlv1lo25tl] {
    background: var(--color-stale-bg);
    border: 1px solid var(--color-stale-border);
    color: var(--color-danger);
    border-radius: 8px;
    padding: 0.75rem 1rem;
    margin-bottom: 1.5rem;
    font-size: 0.85rem;
}
.ag-warning-banner code[b-wlv1lo25tl] {
    background: var(--color-stale-bg);
    padding: 0.05rem 0.4rem;
    border-radius: 3px;
    color: var(--color-danger);
    font-size: 0.8rem;
}

/* Grid header */
.ag-grid-header[b-wlv1lo25tl] {
    display: grid;
    grid-template-columns: 2fr 100px 130px 2fr 80px;
    gap: 1rem;
    padding: 0.6rem 1rem;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-border);
}

/* Rows */
.ag-row[b-wlv1lo25tl] {
    display: grid;
    grid-template-columns: 2fr 100px 130px 2fr 80px;
    gap: 1rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
}
.ag-row:hover[b-wlv1lo25tl] { background: color-mix(in srgb, var(--color-accent) 5%, var(--color-surface)); }

.ag-row-alive[b-wlv1lo25tl]        { border-left: 3px solid var(--color-alive); }
.ag-row-idle[b-wlv1lo25tl]         { border-left: 3px solid var(--color-idle); }
.ag-row-stale[b-wlv1lo25tl]        { border-left: 3px solid var(--color-stale); }
.ag-row-dormant[b-wlv1lo25tl]      { border-left: 3px solid var(--color-muted); opacity: 0.65; }
.ag-row-unregistered[b-wlv1lo25tl] { border-left: 3px solid transparent; opacity: 0.7; }

.ag-name[b-wlv1lo25tl] {
    color: var(--color-text);
    font-weight: 600;
    text-decoration: none;
    font-size: 0.95rem;
}
.ag-name:hover[b-wlv1lo25tl] { color: var(--color-inprogress); }

.ag-slug[b-wlv1lo25tl] {
    color: var(--color-muted);
    font-size: 0.78rem;
    margin-left: 0.4rem;
    font-family: monospace;
}

.ag-path[b-wlv1lo25tl] {
    font-family: monospace;
    font-size: 0.7rem;
    color: var(--color-muted-dim);
    margin-top: 0.2rem;
}

/* Status badges */
.ag-badge[b-wlv1lo25tl] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    border-radius: 4px;
    padding: 0.2rem 0.55rem;
    border: 1px solid transparent;
}
.ag-badge-alive[b-wlv1lo25tl]        { background: var(--color-alive-bg);  color: var(--color-alive); border-color: var(--color-alive-border); }
.ag-badge-idle[b-wlv1lo25tl]         { background: var(--color-idle-bg);   color: var(--color-idle);  border-color: var(--color-idle-border); }
.ag-badge-stale[b-wlv1lo25tl]        { background: var(--color-stale-bg);  color: var(--color-stale); border-color: var(--color-stale-border); }
.ag-badge-dormant[b-wlv1lo25tl]      { background: var(--color-surface);   color: var(--color-muted); border-color: var(--color-border); }
.ag-badge-unregistered[b-wlv1lo25tl] { background: var(--color-surface);   color: var(--color-muted); border-color: var(--color-border); }

.ag-cell-seen[b-wlv1lo25tl] {
    font-size: 0.8rem;
    color: var(--color-text);
}

.ag-cell-item .ag-item-link[b-wlv1lo25tl] {
    color: var(--color-inprogress);
    text-decoration: none;
    font-size: 0.85rem;
}
.ag-cell-item .ag-item-link:hover[b-wlv1lo25tl] { color: var(--color-accent); text-decoration: underline; }

.ag-warn[b-wlv1lo25tl] {
    color: var(--color-danger);
    font-size: 0.78rem;
}

.ag-muted[b-wlv1lo25tl] { color: var(--color-muted-dim); }

.ag-r[b-wlv1lo25tl] { text-align: right; }

.ag-pending-num[b-wlv1lo25tl] {
    color: var(--color-warning);
    font-weight: 600;
    font-size: 0.95rem;
}

/* Empty state */
.ag-empty[b-wlv1lo25tl] {
    text-align: center;
    color: var(--color-muted);
    padding: 3rem 1rem;
    font-size: 0.875rem;
}
.ag-empty code[b-wlv1lo25tl] {
    background: var(--color-border);
    padding: 0.1rem 0.4rem;
    border-radius: 3px;
    color: var(--color-text);
}

/* Actions bar (links above the grid) */
.ag-actions-bar[b-wlv1lo25tl] {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 0.75rem;
}
.ag-connected-link[b-wlv1lo25tl] {
    font-size: 0.78rem;
    color: var(--color-accent);
    text-decoration: none;
}
.ag-connected-link:hover[b-wlv1lo25tl] {
    text-decoration: underline;
    color: var(--color-text);
}

/* Legend */
.ag-legend[b-wlv1lo25tl] {
    margin-top: 2rem;
    padding: 1rem 1.25rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 8px;
}
.ag-legend-row[b-wlv1lo25tl] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.78rem;
    color: var(--color-muted);
    padding: 0.25rem 0;
}
.ag-legend-note[b-wlv1lo25tl] {
    font-size: 0.72rem;
    color: var(--color-muted-dim);
    font-style: italic;
}
/* /Pages/Connected.razor.rz.scp.css */
/* Page wrapper */
.cn-page[b-7xjij2wguf] {
    background: var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
    padding: 2rem 2.5rem 3rem;
    margin: -1.5rem -1.5rem -2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* Header */
.cn-back[b-7xjij2wguf] {
    display: inline-block;
    font-size: 0.75rem;
    color: var(--color-muted);
    text-decoration: none;
    margin-bottom: 0.5rem;
}
.cn-back:hover[b-7xjij2wguf] { color: var(--color-text); }

.cn-header[b-7xjij2wguf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.cn-title[b-7xjij2wguf] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
    line-height: 1.1;
}

.cn-subtitle[b-7xjij2wguf] {
    font-size: 0.85rem;
    color: var(--color-muted);
    margin-top: 0.25rem;
}

/* Stats */
.cn-stats[b-7xjij2wguf] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}
.cn-stat[b-7xjij2wguf] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 0.7rem 1.1rem;
    text-align: center;
    min-width: 80px;
    background: var(--color-surface);
}
.cn-stat-num[b-7xjij2wguf] {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.3rem;
    color: var(--color-alive);
}
.cn-stat-label[b-7xjij2wguf] {
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
}

/* Loading */
.cn-loading[b-7xjij2wguf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    color: var(--color-muted);
    padding: 2rem 0;
    font-size: 0.875rem;
}

/* Empty state */
.cn-empty[b-7xjij2wguf] {
    text-align: center;
    color: var(--color-muted);
    padding: 3rem 1rem;
    font-size: 0.875rem;
    line-height: 1.6;
}

/* Grid header */
.cn-grid-header[b-7xjij2wguf] {
    display: grid;
    grid-template-columns: 2.5fr 110px 110px 2fr 130px;
    gap: 1rem;
    padding: 0.6rem 1rem;
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
    text-transform: uppercase;
    border-bottom: 1px solid var(--color-border);
}

/* Rows */
.cn-row[b-7xjij2wguf] {
    display: grid;
    grid-template-columns: 2.5fr 110px 110px 2fr 130px;
    gap: 1rem;
    align-items: center;
    padding: 0.85rem 1rem;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
    border-left: 3px solid var(--color-alive);
}
.cn-row:hover[b-7xjij2wguf] {
    background: color-mix(in srgb, var(--color-accent) 5%, var(--color-surface));
}

/* User cell */
.cn-display-name[b-7xjij2wguf] {
    font-weight: 600;
    font-size: 0.95rem;
    color: var(--color-text);
}

.cn-oid[b-7xjij2wguf] {
    font-family: monospace;
    font-size: 0.68rem;
    color: var(--color-muted-dim);
    margin-top: 0.15rem;
}

.cn-ua[b-7xjij2wguf] {
    font-size: 0.7rem;
    color: var(--color-muted);
    margin-top: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 300px;
}

/* Time cells */
.cn-cell-time[b-7xjij2wguf] {
    font-size: 0.8rem;
    color: var(--color-text);
}

/* Topics */
.cn-cell-topics[b-7xjij2wguf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.cn-topic-badge[b-7xjij2wguf] {
    display: inline-block;
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    border-radius: 4px;
    padding: 0.15rem 0.45rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    color: var(--color-text);
}

/* IP cell */
.cn-cell-ip[b-7xjij2wguf] {
    font-family: monospace;
    font-size: 0.78rem;
}

.cn-muted[b-7xjij2wguf] {
    color: var(--color-muted-dim);
}

/* Footer */
.cn-footer[b-7xjij2wguf] {
    margin-top: 1.5rem;
    font-size: 0.75rem;
    color: var(--color-muted-dim);
    text-align: right;
}
/* /Pages/Dashboard.razor.rz.scp.css */
/* -- Project box grid (plan 220 / item 982) -------------------------------- */

.pb-section-label[b-nm2h4x1z8s] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-muted);
    margin-bottom: 0.75rem;
}

.pb-grid[b-nm2h4x1z8s] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 0.75rem;
}

.pb-card[b-nm2h4x1z8s] {
    display: flex;
    flex-direction: column;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 0.85rem 1rem;
    text-decoration: none;
    color: var(--color-text);
    box-shadow: var(--shadow-sm);
    transition: border-color 0.15s, box-shadow 0.15s;
    cursor: pointer;
}

.pb-card:hover[b-nm2h4x1z8s] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 1px var(--color-accent), var(--shadow-sm);
    color: var(--color-text);
    text-decoration: none;
}

.pb-card-header[b-nm2h4x1z8s] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
    margin-bottom: 0.75rem;
}

.pb-card-name[b-nm2h4x1z8s] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pb-card-slug[b-nm2h4x1z8s] {
    font-size: 0.7rem;
    color: var(--color-muted);
    font-family: monospace;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pb-card-metrics[b-nm2h4x1z8s] {
    display: flex;
    align-items: center;
    gap: 0;
    justify-content: space-between;
}

.pb-metric[b-nm2h4x1z8s] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.15rem;
    flex: 1;
}

.pb-metric-value[b-nm2h4x1z8s] {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color-muted);
}

.pb-metric-label[b-nm2h4x1z8s] {
    font-size: 0.65rem;
    color: var(--color-muted);
    font-weight: 500;
    letter-spacing: 0.03em;
}

.pb-metric-active[b-nm2h4x1z8s]  { color: var(--color-accent); }
.pb-metric-done[b-nm2h4x1z8s]    { color: var(--color-success); }
.pb-metric-tokens[b-nm2h4x1z8s]  { color: var(--color-text); }

.pb-metric-divider[b-nm2h4x1z8s] {
    width: 1px;
    height: 1.75rem;
    background: var(--color-border);
    flex-shrink: 0;
}

/* -- Summary bar ----------------------------------------------------------- */

.summary-bar[b-nm2h4x1z8s] {
    display: flex;
    align-items: center;
    gap: 0;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 0.75rem 1.5rem;
    box-shadow: var(--shadow-sm);
    flex-wrap: wrap;
}

.summary-stat[b-nm2h4x1z8s] {
    display: flex;
    align-items: baseline;
    gap: 0.4rem;
    padding: 0.1rem 0.75rem;
}

.summary-value[b-nm2h4x1z8s] {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1;
    color: var(--color-text);
}

.summary-label[b-nm2h4x1z8s] {
    font-size: 0.75rem;
    color: var(--color-muted);
    font-weight: 500;
}

.summary-divider[b-nm2h4x1z8s] {
    width: 1px;
    height: 1.5rem;
    background: var(--color-border);
    flex-shrink: 0;
}

/* -- Project block --------------------------------------------------------- */

.project-block[b-nm2h4x1z8s] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    overflow: hidden;
    background: var(--color-surface);
    box-shadow: var(--shadow-sm);
}

.project-header[b-nm2h4x1z8s] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.65rem 1.25rem;
    background: var(--color-sidebar);
    border-bottom: 1px solid var(--color-border);
}

.project-name[b-nm2h4x1z8s] {
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-text);
    text-decoration: none;
}

.project-name:hover[b-nm2h4x1z8s] {
    color: var(--color-accent);
}

.project-path[b-nm2h4x1z8s] {
    font-size: 0.72rem;
    color: var(--color-muted);
    font-family: monospace;
}

.project-meta[b-nm2h4x1z8s] {
    font-size: 0.72rem;
    color: var(--color-muted);
}

/* -- Plan rows ------------------------------------------------------------- */

.plan-row[b-nm2h4x1z8s] {
    border-bottom: 1px solid var(--color-border);
    cursor: pointer;
    transition: background 0.1s;
}

.plan-row:last-child[b-nm2h4x1z8s] {
    border-bottom: none;
}

.plan-row:hover[b-nm2h4x1z8s] {
    background: color-mix(in srgb, var(--color-accent) 4%, transparent);
}

.plan-row-expanded[b-nm2h4x1z8s] {
    background: color-mix(in srgb, var(--color-accent) 4%, transparent);
}

.plan-row-main[b-nm2h4x1z8s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.65rem 1.25rem;
}

.plan-chevron[b-nm2h4x1z8s] {
    font-size: 0.7rem;
    color: var(--color-muted);
    width: 10px;
    flex-shrink: 0;
    user-select: none;
}

.plan-info[b-nm2h4x1z8s] {
    flex: 1;
    min-width: 0;
    display: flex;
    align-items: center;
}

.plan-title[b-nm2h4x1z8s] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}

.plan-title:hover[b-nm2h4x1z8s] {
    color: var(--color-accent);
    text-decoration: underline;
}

.plan-dots[b-nm2h4x1z8s] {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-shrink: 0;
}

.plan-progress-wrap[b-nm2h4x1z8s] {
    width: 80px;
    flex-shrink: 0;
}

.plan-progress-bar[b-nm2h4x1z8s] {
    height: 4px;
    background: var(--color-border);
    border-radius: 2px;
    overflow: hidden;
}

.plan-progress-fill[b-nm2h4x1z8s] {
    height: 100%;
    background: var(--color-success);
    border-radius: 2px;
    transition: width 0.3s;
}

.plan-counts[b-nm2h4x1z8s] {
    font-size: 0.75rem;
    color: var(--color-muted);
    width: 36px;
    text-align: right;
    flex-shrink: 0;
}

/* -- Status dots ----------------------------------------------------------- */

.status-dot[b-nm2h4x1z8s] {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot-approved[b-nm2h4x1z8s]    { background: var(--color-success); }
.status-dot-done[b-nm2h4x1z8s]        { background: var(--color-warning); }
.status-dot-in_progress[b-nm2h4x1z8s] { background: var(--color-accent); }
.status-dot-pending[b-nm2h4x1z8s]     { background: var(--color-border); border: 1px solid var(--color-border); }
.status-dot-blocked[b-nm2h4x1z8s]     { background: var(--color-danger); }
.status-dot-rejected[b-nm2h4x1z8s]    { background: var(--color-danger); }

/* -- Expanded item rows ---------------------------------------------------- */

.plan-items[b-nm2h4x1z8s] {
    border-top: 1px solid var(--color-border);
}

.item-row[b-nm2h4x1z8s] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.45rem 1.25rem 0.45rem 2.75rem;
    text-decoration: none;
    color: var(--color-text);
    border-bottom: 1px solid var(--color-border);
    transition: background 0.1s;
}

.item-row:last-child[b-nm2h4x1z8s] {
    border-bottom: none;
}

.item-row:hover[b-nm2h4x1z8s] {
    background: color-mix(in srgb, var(--color-accent) 6%, transparent);
    color: var(--color-accent);
}

.item-row-title[b-nm2h4x1z8s] {
    flex: 1;
    font-size: 0.825rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.item-row-meta[b-nm2h4x1z8s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: var(--color-muted);
    flex-shrink: 0;
}

/* -- Project footer summary ------------------------------------------------ */

.project-footer[b-nm2h4x1z8s] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 0.4rem 1.25rem;
    border-top: 1px solid var(--color-border);
    background: var(--color-surface);
    flex-wrap: wrap;
}

.pf-stat[b-nm2h4x1z8s] {
    font-size: 0.72rem;
    color: var(--color-muted);
    padding: 0 0.5rem;
}

.pf-stat:first-child[b-nm2h4x1z8s] { padding-left: 0; }

.pf-divider[b-nm2h4x1z8s] {
    width: 1px;
    height: 0.85rem;
    background: var(--color-border);
    flex-shrink: 0;
}

.pf-approved[b-nm2h4x1z8s] { color: var(--color-success); font-weight: 600; }
.pf-active[b-nm2h4x1z8s]   { color: var(--color-accent);  font-weight: 600; }
.pf-review[b-nm2h4x1z8s]   { color: var(--color-warning);  font-weight: 600; }
.pf-today[b-nm2h4x1z8s]    { color: var(--color-accent); }

/* -- Enlarged dots for blocked / done-awaiting-approval -------------------- */

/* 1.5x the base 8px = 12px */
.status-dot-lg[b-nm2h4x1z8s] {
    width: 12px;
    height: 12px;
}

/* -- Overflow chip ("+N more") for capped dot rows ------------------------- */

.plan-dots-overflow[b-nm2h4x1z8s] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6rem;
    font-weight: 700;
    color: var(--color-muted);
    background: var(--color-border);
    border-radius: 8px;
    padding: 0 4px;
    height: 14px;
    min-width: 20px;
    flex-shrink: 0;
    white-space: nowrap;
}

/* -- Lane labels (Plan 327 / items 7230+7231) ------------------------------ */

.lane-label[b-nm2h4x1z8s] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.lane-a[b-nm2h4x1z8s] { color: var(--color-warning); }
.lane-b[b-nm2h4x1z8s] { color: var(--color-accent); }
.lane-c[b-nm2h4x1z8s] { color: var(--color-success); }

/* -- Lane A: Needs Action item rows --------------------------------------- */

.action-row[b-nm2h4x1z8s] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1.25rem;
    border-bottom: 1px solid var(--color-border);
}

.action-row:last-child[b-nm2h4x1z8s] {
    border-bottom: none;
}

.action-row-blocked[b-nm2h4x1z8s] {
    background: color-mix(in srgb, var(--color-danger) 4%, transparent);
}

.action-row-review[b-nm2h4x1z8s] {
    background: color-mix(in srgb, var(--color-warning) 4%, transparent);
}

.action-row-body[b-nm2h4x1z8s] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.action-row-title[b-nm2h4x1z8s] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.action-row-title:hover[b-nm2h4x1z8s] {
    color: var(--color-accent);
    text-decoration: underline;
}

.action-row-meta[b-nm2h4x1z8s] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    color: var(--color-muted);
    flex-wrap: wrap;
}

.action-row-buttons[b-nm2h4x1z8s] {
    display: flex;
    gap: 0.4rem;
    flex-shrink: 0;
}

/* -- Stale-active plan rows (Plan 327 / item 7230) ------------------------- */

.stale-section-header[b-nm2h4x1z8s] {
    cursor: pointer;
    border-top: 1px dashed var(--color-border);
}

.stale-plan-row[b-nm2h4x1z8s] {
    cursor: default;
}

.stale-plan-row:hover[b-nm2h4x1z8s] {
    background: none;
}

.stale-complete-btn[b-nm2h4x1z8s] {
    font-size: 0.7rem;
    padding: 0.15rem 0.6rem;
    flex-shrink: 0;
}

/* -- Empty-plans toggle row ------------------------------------------------ */

.empty-plans-toggle[b-nm2h4x1z8s] {
    border-top: 1px dashed var(--color-border);
    opacity: 0.65;
}

/* -- Lane C: Recently Shipped tier headers --------------------------------- */

.shipped-tier-header[b-nm2h4x1z8s] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-muted);
    padding: 0.4rem 1.25rem 0.2rem;
    border-top: 1px solid var(--color-border);
}

.shipped-tier-header:first-child[b-nm2h4x1z8s] {
    border-top: none;
}
/* /Pages/InboxSubmit.razor.rz.scp.css */
/* Scoped styles for InboxSubmit.razor
   Dark-theme tokens come from wwwroot/app.css (:root).
   These override Bootstrap defaults that assume a light background. */

/* Optional-details collapsible panel */
.optional-panel[b-dvhf5k3wbq] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    padding: 1rem;
    margin-top: 0.5rem;
}

/* Form controls inside the panel need explicit dark backgrounds.
   Bootstrap 5 defaults to white; override here so the inputs
   blend with the dark surface rather than floating as white islands. */
.optional-panel .form-control[b-dvhf5k3wbq],
.optional-panel .form-select[b-dvhf5k3wbq] {
    background-color: var(--color-bg);
    color: var(--color-text);
    border-color: var(--color-border);
}

.optional-panel .form-control:focus[b-dvhf5k3wbq],
.optional-panel .form-select:focus[b-dvhf5k3wbq] {
    background-color: var(--color-bg);
    color: var(--color-text);
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.15);
}

.optional-panel .form-control[b-dvhf5k3wbq]::placeholder {
    color: var(--color-muted);
    opacity: 0.7;
}

/* Select option text is rendered by the OS/browser; set color on the element
   so at least the selected value is readable on Windows. */
.optional-panel .form-select option[b-dvhf5k3wbq] {
    background-color: var(--color-surface);
    color: var(--color-text);
}

/* Checkbox labels */
.optional-panel .form-check-label[b-dvhf5k3wbq] {
    color: var(--color-text);
}

/* Disabled state — slightly dimmed but still readable on dark surface */
.optional-panel .form-control:disabled[b-dvhf5k3wbq],
.optional-panel .form-select:disabled[b-dvhf5k3wbq] {
    background-color: var(--color-border);
    color: var(--color-muted);
    border-color: var(--color-border);
    opacity: 1;
}
/* /Pages/InitiativeDetail.razor.rz.scp.css */
/* Plan 345 / item 7284 -- scoped styles for InitiativeDetail per-plan status spread. */

/* Small status dots for the plan spread rows */
.status-dot-sm[b-w9hilem3p5] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

/* Status dot base + colours (mirrored from Dashboard.razor.css, scoped here) */
.status-dot[b-w9hilem3p5] { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.status-dot-approved[b-w9hilem3p5]    { background: var(--color-success); }
.status-dot-done[b-w9hilem3p5]        { background: var(--color-warning); }
.status-dot-in_progress[b-w9hilem3p5] { background: var(--color-accent); }
.status-dot-pending[b-w9hilem3p5]     { background: var(--color-border); border: 1px solid var(--color-border); }
.status-dot-blocked[b-w9hilem3p5]     { background: var(--color-danger); }
.status-dot-rejected[b-w9hilem3p5]    { background: var(--color-danger); }

/* Mini bar (reused from Initiatives) */
.ini-mini-bar[b-w9hilem3p5] {
    height: 4px;
    background: var(--color-border);
    border-radius: 2px;
    overflow: hidden;
    width: 100%;
    max-width: 200px;
}

.ini-mini-bar-fill[b-w9hilem3p5] {
    height: 100%;
    background: var(--color-success, #1a7f37);
    border-radius: 2px;
    transition: width 0.3s ease;
    min-width: 2px;
}
/* /Pages/Initiatives.razor.rz.scp.css */
/* Plan 327 / item 7235 -- Initiatives page scoped styles.
   Reuses lb-* classes from Library.razor.css (both pages share the same class names
   via Blazor CSS isolation -- each file is scoped to its component). */

/* Page wrapper */
.lb-page[b-pgts92owu9] {
    background: var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
    padding: 2rem 2.5rem 3rem;
    margin: -1.5rem -1.5rem -2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* Header */
.lb-back[b-pgts92owu9] {
    display: inline-block;
    font-size: 0.75rem;
    color: var(--color-muted);
    text-decoration: none;
    margin-bottom: 0.5rem;
}
.lb-back:hover[b-pgts92owu9] { color: var(--color-text); }

.lb-header[b-pgts92owu9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.lb-title[b-pgts92owu9] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
    line-height: 1.1;
}

.lb-subtitle[b-pgts92owu9] {
    font-size: 0.85rem;
    color: var(--color-muted);
    margin-top: 0.25rem;
}

/* Empty state */
.lb-empty[b-pgts92owu9] {
    text-align: center;
    color: var(--color-muted);
    padding: 2rem 1rem;
    font-size: 0.875rem;
    margin-top: 1rem;
}

/* Loading state */
.lb-loading[b-pgts92owu9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 2rem 1rem;
    color: var(--color-muted);
    font-size: 0.875rem;
}

.lb-spinner[b-pgts92owu9] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--color-border);
    border-top-color: var(--color-accent);
    border-radius: 50%;
    animation: lb-spin-b-pgts92owu9 0.7s linear infinite;
    flex-shrink: 0;
}

@keyframes lb-spin-b-pgts92owu9 {
    to { transform: rotate(360deg); }
}

/* Error state */
.lb-error[b-pgts92owu9] {
    color: var(--color-danger, #e05c5c);
    padding: 1rem;
    border: 1px solid var(--color-danger, #e05c5c);
    border-radius: 6px;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* Toolbar */
.lb-toolbar[b-pgts92owu9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

/* Table */
.lb-table-wrap[b-pgts92owu9] {
    overflow-x: auto;
}

.lb-table[b-pgts92owu9] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.lb-table th[b-pgts92owu9] {
    text-align: left;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-muted);
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
}

.lb-row[b-pgts92owu9] {
    cursor: pointer;
    transition: background 0.1s;
}

.lb-row:hover[b-pgts92owu9],
.lb-row:focus[b-pgts92owu9] {
    background: var(--color-surface);
    outline: none;
}

.lb-row:focus-visible[b-pgts92owu9] {
    outline: 2px solid var(--color-accent);
    outline-offset: -2px;
}

.lb-row td[b-pgts92owu9] {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--color-border);
    vertical-align: middle;
}

/* Tags */
.lb-tags[b-pgts92owu9] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.lb-tag[b-pgts92owu9] {
    display: inline-block;
    font-size: 0.7rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 3px;
    padding: 0.1rem 0.4rem;
    color: var(--color-muted);
}

/* ---- Section group headers ---- */

.ini-group-header[b-pgts92owu9] {
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-muted);
    margin-bottom: 0.5rem;
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--color-border);
    cursor: default;
}

.ini-group-stalled[b-pgts92owu9] {
    color: #b45309;
}

.ini-group-closed[b-pgts92owu9] {
    cursor: pointer;
    user-select: none;
}

.ini-group-closed:hover[b-pgts92owu9] {
    color: var(--color-text);
}

.ini-closed-details > summary[b-pgts92owu9] {
    list-style: none;
}

.ini-closed-details > summary[b-pgts92owu9]::before {
    content: '+ ';
    font-weight: 700;
}

.ini-closed-details[open] > summary[b-pgts92owu9]::before {
    content: '- ';
}

/* Reduced opacity for closed rows */
.ini-closed-table .lb-row[b-pgts92owu9] {
    opacity: 0.6;
}

.ini-closed-table .lb-row:hover[b-pgts92owu9],
.ini-closed-table .lb-row:focus[b-pgts92owu9] {
    opacity: 1;
}

/* ---- Stalled row tint ---- */

.ini-row-stalled[b-pgts92owu9] {
    background: color-mix(in srgb, #f59e0b 6%, transparent);
}

.ini-row-stalled:hover[b-pgts92owu9],
.ini-row-stalled:focus[b-pgts92owu9] {
    background: color-mix(in srgb, #f59e0b 12%, transparent);
}

/* ---- Stalled badge ---- */

.ini-stalled-badge[b-pgts92owu9] {
    font-size: 0.65rem;
    vertical-align: middle;
}

/* ---- Stalled banner ---- */

.ini-stalled-banner[b-pgts92owu9] {
    border-left: 4px solid #f59e0b;
}

/* ---- Inline approve button ---- */

.ini-approve-btn[b-pgts92owu9] {
    font-size: 0.75rem;
    padding: 0.2rem 0.6rem;
    white-space: nowrap;
}

/* Bootstrap does not ship btn-xs; define it here */
.btn-xs[b-pgts92owu9] {
    font-size: 0.75rem;
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
    line-height: 1.4;
}

/* ---- Progress column ---- */

.ini-progress-cell[b-pgts92owu9] {
    min-width: 130px;
    max-width: 180px;
}

.ini-progress[b-pgts92owu9] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.ini-progress-counts[b-pgts92owu9] {
    font-size: 0.75rem;
    white-space: nowrap;
}

.ini-mini-bar[b-pgts92owu9] {
    height: 4px;
    background: var(--color-border);
    border-radius: 2px;
    overflow: hidden;
    width: 100%;
    max-width: 120px;
}

.ini-mini-bar-fill[b-pgts92owu9] {
    height: 100%;
    background: var(--color-success, #1a7f37);
    border-radius: 2px;
    transition: width 0.3s ease;
    min-width: 2px;
}

.ini-last-activity[b-pgts92owu9] {
    font-size: 0.72rem;
    color: var(--color-muted);
    white-space: nowrap;
}

/* ---- Plan 345 / item 7284: per-plan status spread ---- */

.ini-plan-spreads[b-pgts92owu9] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    margin-top: 0.25rem;
}

.ini-plan-spread-row[b-pgts92owu9] {
    display: flex;
    align-items: center;
}

/* Small dots used inside the plan spread rows */
.status-dot-sm[b-pgts92owu9] {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

/* Status dot colours (mirrored from Dashboard.razor.css, scoped here) */
.status-dot[b-pgts92owu9] { display: inline-block; width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; }
.status-dot-approved[b-pgts92owu9]    { background: var(--color-success); }
.status-dot-done[b-pgts92owu9]        { background: var(--color-warning); }
.status-dot-in_progress[b-pgts92owu9] { background: var(--color-accent); }
.status-dot-pending[b-pgts92owu9]     { background: var(--color-border); border: 1px solid var(--color-border); }
.status-dot-blocked[b-pgts92owu9]     { background: var(--color-danger); }
.status-dot-rejected[b-pgts92owu9]    { background: var(--color-danger); }
/* /Pages/InitiativeTimeline.razor.rz.scp.css */
/* Plan 211 / item 937 -- scoped styles for the initiative timeline page. */

.timeline-icon[b-ctxr39rcj8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.timeline-connector[b-ctxr39rcj8] {
    width: 2px;
    background-color: #dee2e6;
    min-height: 1rem;
    margin-top: 0.25rem;
}

.timeline-row:last-child .timeline-connector[b-ctxr39rcj8] {
    display: none;
}
/* /Pages/ItemDetail.razor.rz.scp.css */
.item-breadcrumb[b-qee6wti6fp] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--color-muted);
}

.item-breadcrumb a[b-qee6wti6fp] {
    color: var(--color-muted);
    text-decoration: none;
}

.item-breadcrumb a:hover[b-qee6wti6fp] {
    color: var(--color-accent);
}

.item-breadcrumb span[b-qee6wti6fp] {
    color: var(--color-border);
}

.item-meta-chip[b-qee6wti6fp] {
    display: flex;
    flex-direction: column;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    padding: 0.4rem 0.75rem;
    min-width: 80px;
}

.item-meta-label[b-qee6wti6fp] {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-muted);
}

.item-meta-value[b-qee6wti6fp] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--color-text);
    margin-top: 0.1rem;
}

/* Ask Agent section */
.ask-agent-section[b-qee6wti6fp] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    overflow: hidden;
}

.ask-agent-header[b-qee6wti6fp] {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-muted);
    background: var(--color-surface);
    border-bottom: 1px solid var(--color-border);
}

.ask-agent-body[b-qee6wti6fp] {
    padding: 0.875rem 1rem;
    background: var(--color-bg);
}

.ask-agent-input[b-qee6wti6fp] {
    width: 100%;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text);
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    resize: vertical;
    outline: none;
}

.ask-agent-input:focus[b-qee6wti6fp] {
    border-color: var(--color-accent);
}

.ask-agent-footer[b-qee6wti6fp] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.ask-agent-btn[b-qee6wti6fp] {
    background: var(--color-accent);
    color: var(--color-bg);
    border: none;
    border-radius: 5px;
    padding: 0.35rem 0.9rem;
    font-size: 0.8rem;
    font-weight: 600;
    cursor: pointer;
}

.ask-agent-btn:disabled[b-qee6wti6fp] {
    opacity: 0.4;
    cursor: default;
}

.ask-agent-btn:hover:not(:disabled)[b-qee6wti6fp] {
    filter: brightness(1.15);
}

.ask-agent-hint[b-qee6wti6fp] {
    font-size: 0.75rem;
    color: var(--color-muted);
}

.ask-agent-confirm[b-qee6wti6fp] {
    font-size: 0.875rem;
    color: var(--color-success);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.ask-agent-again[b-qee6wti6fp] {
    background: none;
    border: none;
    color: var(--color-accent);
    font-size: 0.8rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 0;
}

.ask-agent-pending-badge[b-qee6wti6fp] {
    margin-left: 0.5rem;
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--color-accent);
    opacity: 0.8;
}

.ask-agent-thread[b-qee6wti6fp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 0.875rem;
}

.ask-agent-qa[b-qee6wti6fp] {
    border-left: 2px solid var(--color-border);
    padding-left: 0.75rem;
}

.ask-agent-qa--answered[b-qee6wti6fp] {
    border-left-color: var(--color-success);
}

.ask-agent-q[b-qee6wti6fp] {
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--color-text);
    margin-bottom: 0.35rem;
}

.ask-agent-a[b-qee6wti6fp] {
    font-size: 0.85rem;
    color: var(--color-muted);
    background: var(--color-surface);
    border-radius: 4px;
    padding: 0.4rem 0.6rem;
}

.ask-agent-a-pending[b-qee6wti6fp] {
    font-size: 0.8rem;
    color: var(--color-muted);
    font-style: italic;
}
/* /Pages/Library.razor.rz.scp.css */
/* Page wrapper */
.lb-page[b-glz3urdr96] {
    background: var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
    padding: 2rem 2.5rem 3rem;
    margin: -1.5rem -1.5rem -2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* Header */
.lb-back[b-glz3urdr96] {
    display: inline-block;
    font-size: 0.75rem;
    color: var(--color-muted);
    text-decoration: none;
    margin-bottom: 0.5rem;
}
.lb-back:hover[b-glz3urdr96] { color: var(--color-text); }

.lb-header[b-glz3urdr96] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.lb-title[b-glz3urdr96] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0;
    line-height: 1.1;
}

.lb-subtitle[b-glz3urdr96] {
    font-size: 0.85rem;
    color: var(--color-muted);
    margin-top: 0.25rem;
}

/* Tabs */
.lb-tabs[b-glz3urdr96] {
    display: flex;
    gap: 0;
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 1.5rem;
}

.lb-tab[b-glz3urdr96] {
    background: none;
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.6rem 1.25rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-muted);
    cursor: pointer;
    margin-bottom: -1px;
    transition: color 0.15s, border-color 0.15s;
    letter-spacing: 0.02em;
}

.lb-tab:hover[b-glz3urdr96] {
    color: var(--color-text);
}

.lb-tab-active[b-glz3urdr96] {
    color: var(--color-text);
    border-bottom-color: var(--color-accent);
}

/* Tab content pane */
.lb-pane[b-glz3urdr96] {
    padding: 1.5rem 0;
}

.lb-pane-placeholder[b-glz3urdr96] {
    text-align: center;
    color: var(--color-muted);
    padding: 3rem 1rem;
    font-size: 0.875rem;
    background: var(--color-surface);
    border: 1px dashed var(--color-border);
    border-radius: 8px;
}

/* Empty state */
.lb-empty[b-glz3urdr96] {
    text-align: center;
    color: var(--color-muted);
    padding: 2rem 1rem;
    font-size: 0.875rem;
    margin-top: 1rem;
}

/* Loading state */
.lb-loading[b-glz3urdr96] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 2rem 1rem;
    color: var(--color-muted);
    font-size: 0.875rem;
}

.lb-spinner[b-glz3urdr96] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid var(--color-border);
    border-top-color: var(--color-accent);
    border-radius: 50%;
    animation: lb-spin-b-glz3urdr96 0.7s linear infinite;
    flex-shrink: 0;
}

@keyframes lb-spin-b-glz3urdr96 {
    to { transform: rotate(360deg); }
}

/* Error state */
.lb-error[b-glz3urdr96] {
    color: var(--color-danger, #e05c5c);
    padding: 1rem;
    border: 1px solid var(--color-danger, #e05c5c);
    border-radius: 6px;
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* Toolbar: filter input + count */
.lb-toolbar[b-glz3urdr96] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.lb-filter[b-glz3urdr96] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text);
    font-size: 0.875rem;
    padding: 0.4rem 0.75rem;
    width: 280px;
    outline: none;
}

.lb-filter:focus[b-glz3urdr96] {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-accent) 25%, transparent);
}

.lb-filter-count[b-glz3urdr96] {
    font-size: 0.75rem;
    color: var(--color-muted);
    white-space: nowrap;
}

/* Agents table */
.lb-table-wrap[b-glz3urdr96] {
    overflow-x: auto;
}

.lb-table[b-glz3urdr96] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.lb-table th[b-glz3urdr96] {
    text-align: left;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--color-muted);
    padding: 0.5rem 0.75rem;
    border-bottom: 1px solid var(--color-border);
    white-space: nowrap;
}

.lb-th-name[b-glz3urdr96]    { width: 15%; }
.lb-th-desc[b-glz3urdr96]    { width: 55%; }
.lb-th-status[b-glz3urdr96]  { width: 10%; }
.lb-th-updated[b-glz3urdr96] { width: 20%; }

.lb-row[b-glz3urdr96] {
    cursor: pointer;
    transition: background 0.1s;
}

.lb-row:hover[b-glz3urdr96],
.lb-row:focus[b-glz3urdr96] {
    background: var(--color-surface);
    outline: none;
}

.lb-row:focus-visible[b-glz3urdr96] {
    outline: 2px solid var(--color-accent);
    outline-offset: -2px;
}

.lb-row td[b-glz3urdr96] {
    padding: 0.6rem 0.75rem;
    border-bottom: 1px solid var(--color-border);
    vertical-align: top;
}

.lb-td-name[b-glz3urdr96] {
    font-weight: 600;
    color: var(--color-text);
    white-space: nowrap;
}

.lb-td-desc[b-glz3urdr96] {
    color: var(--color-muted);
    line-height: 1.4;
}

.lb-td-status[b-glz3urdr96] { white-space: nowrap; }

.lb-td-updated[b-glz3urdr96] {
    color: var(--color-muted);
    white-space: nowrap;
    font-size: 0.8rem;
}

/* Status pill */
.lb-status-pill[b-glz3urdr96] {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    padding: 0.15rem 0.5rem;
    border-radius: 3px;
}

.lb-status-active[b-glz3urdr96]   { background: color-mix(in srgb, #4caf50 15%, transparent); color: #4caf50; }
.lb-status-proposed[b-glz3urdr96] { background: color-mix(in srgb, #ff9800 15%, transparent); color: #ff9800; }
.lb-status-inactive[b-glz3urdr96] { background: color-mix(in srgb, #9e9e9e 15%, transparent); color: #9e9e9e; }

/* Tags */
.lb-tags[b-glz3urdr96] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
}

.lb-tag[b-glz3urdr96] {
    display: inline-block;
    font-size: 0.7rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 3px;
    padding: 0.1rem 0.4rem;
    color: var(--color-muted);
}

/* Drawer overlay */
.lb-drawer-overlay[b-glz3urdr96] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    z-index: 200;
}

/* Drawer panel -- slides in from the right */
.lb-drawer[b-glz3urdr96] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 440px;
    max-width: 95vw;
    background: var(--color-bg);
    border-left: 1px solid var(--color-border);
    z-index: 201;
    display: flex;
    flex-direction: column;
    animation: lb-slide-in-b-glz3urdr96 0.18s ease-out;
    overflow: hidden;
}

@keyframes lb-slide-in-b-glz3urdr96 {
    from { transform: translateX(100%); }
    to   { transform: translateX(0); }
}

.lb-drawer-header[b-glz3urdr96] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1.25rem 1.5rem 1rem;
    border-bottom: 1px solid var(--color-border);
    gap: 1rem;
}

.lb-drawer-title[b-glz3urdr96] {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--color-text);
    line-height: 1.3;
    word-break: break-word;
}

.lb-drawer-close[b-glz3urdr96] {
    background: none;
    border: none;
    font-size: 1.4rem;
    line-height: 1;
    color: var(--color-muted);
    cursor: pointer;
    flex-shrink: 0;
    padding: 0 0.2rem;
}

.lb-drawer-close:hover[b-glz3urdr96] { color: var(--color-text); }

.lb-drawer-body[b-glz3urdr96] {
    flex: 1;
    overflow-y: auto;
    padding: 1rem 1.5rem 2rem;
}

.lb-drawer-row[b-glz3urdr96] {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.lb-drawer-tags[b-glz3urdr96] {
    align-items: flex-start;
}

.lb-drawer-label[b-glz3urdr96] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--color-muted);
    min-width: 6rem;
    flex-shrink: 0;
}

.lb-drawer-section[b-glz3urdr96] {
    margin-top: 1.25rem;
    border-top: 1px solid var(--color-border);
    padding-top: 1rem;
}

.lb-drawer-section-label[b-glz3urdr96] {
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--color-muted);
    margin-bottom: 0.5rem;
}

.lb-drawer-desc[b-glz3urdr96] {
    font-size: 0.875rem;
    color: var(--color-text);
    line-height: 1.6;
    white-space: pre-wrap;
    word-break: break-word;
}
/* /Pages/Orchestration.razor.rz.scp.css */
/* Plan 256 / item 1160 -- /orchestration page styles. */
/* Item 1831 -- visual polish + card/collapse layout. */

/* ---- Page shell ---- */

.or-page[b-tyag225pex] {
    max-width: 900px;
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
}

/* ---- Header ---- */

.or-header[b-tyag225pex] {
    margin-bottom: 1.25rem;
}

.or-back[b-tyag225pex] {
    font-size: 0.75rem;
    color: var(--color-muted);
    text-decoration: none;
    letter-spacing: 0.04em;
}

.or-back:hover[b-tyag225pex] {
    color: var(--color-accent);
}

.or-org[b-tyag225pex] {
    font-size: 0.65rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-muted);
    margin-top: 0.5rem;
}

.or-title[b-tyag225pex] {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0.25rem 0 0.15rem;
    letter-spacing: -0.01em;
}

.or-subtitle[b-tyag225pex] {
    font-size: 0.8rem;
    color: var(--color-muted);
}

/* ---- Loading / error / empty ---- */

.or-loading[b-tyag225pex] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 2rem 0;
    color: var(--color-muted);
}

.or-spinner[b-tyag225pex] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--color-border);
    border-top-color: var(--color-accent);
    border-radius: 50%;
    animation: or-spin-b-tyag225pex 0.7s linear infinite;
}

@keyframes or-spin-b-tyag225pex {
    to { transform: rotate(360deg); }
}

.or-error[b-tyag225pex] {
    padding: 1rem;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.3);
    border-radius: 6px;
    color: #ef4444;
    font-size: 0.875rem;
}

.or-empty[b-tyag225pex] {
    padding: 1.5rem 0;
    color: var(--color-muted);
    font-size: 0.875rem;
}

/* ---- Summary chips ---- */

.or-summary[b-tyag225pex] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.or-summary-chip[b-tyag225pex] {
    font-size: 0.7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    border: 1px solid transparent;
}

.or-chip-auth[b-tyag225pex] {
    background: rgba(34, 197, 94, 0.1);
    border-color: rgba(34, 197, 94, 0.3);
    color: #22c55e;
}

.or-chip-active[b-tyag225pex] {
    background: rgba(99, 102, 241, 0.1);
    border-color: rgba(99, 102, 241, 0.3);
    color: #818cf8;
}

.or-chip-deprecated[b-tyag225pex] {
    background: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-muted);
}

/* ---- Toolbar ---- */

.or-toolbar[b-tyag225pex] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem;
    padding: 0.6rem 0.75rem;
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    margin-bottom: 1.25rem;
    font-size: 0.8rem;
    color: var(--color-text);
}

.or-toggle[b-tyag225pex] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
    user-select: none;
}

.or-toggle input[b-tyag225pex] {
    accent-color: var(--color-accent);
}

.or-tag-filter[b-tyag225pex] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.or-tag-filter-label[b-tyag225pex] {
    color: var(--color-muted);
    font-size: 0.75rem;
}

.or-select[b-tyag225pex] {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    color: var(--color-text);
    font-size: 0.78rem;
    padding: 0.2rem 0.5rem;
    outline: none;
}

.or-select:focus[b-tyag225pex] {
    border-color: var(--color-accent);
}

.or-filter-count[b-tyag225pex] {
    margin-left: auto;
    color: var(--color-muted);
    font-size: 0.75rem;
}

/* ---- Group / section label ---- */

.or-group[b-tyag225pex] {
    margin-bottom: 1.5rem;
}

.or-section-label[b-tyag225pex] {
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--color-muted);
    margin-bottom: 0.5rem;
}

/* ---- Card list ---- */

.or-card-list[b-tyag225pex] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

/* ---- Card (details/summary collapse) ---- */

.or-card[b-tyag225pex] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    overflow: hidden;
    transition: border-color 0.15s;
}

.or-card:hover[b-tyag225pex] {
    border-color: var(--color-accent);
}

.or-card[open][b-tyag225pex] {
    border-color: var(--color-accent);
}

.or-card-auth[b-tyag225pex] {
    border-left: 3px solid #22c55e;
}

.or-card-deprecated[b-tyag225pex] {
    opacity: 0.6;
}

/* ---- Summary row (always visible) ---- */

.or-card-summary[b-tyag225pex] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.75rem;
    cursor: pointer;
    list-style: none;
    user-select: none;
    min-height: 2.4rem;
}

.or-card-summary[b-tyag225pex]::-webkit-details-marker {
    display: none;
}

.or-card-badges[b-tyag225pex] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    flex-shrink: 0;
}

.or-card-preview[b-tyag225pex] {
    flex: 1;
    font-size: 0.82rem;
    color: var(--color-text);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.or-card-tags[b-tyag225pex] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    flex-shrink: 0;
}

.or-expand-hint[b-tyag225pex] {
    flex-shrink: 0;
    width: 0.6rem;
    height: 0.6rem;
    border-right: 2px solid var(--color-muted);
    border-bottom: 2px solid var(--color-muted);
    transform: rotate(-45deg);
    transition: transform 0.15s;
    margin-right: 0.1rem;
}

.or-card[open] .or-expand-hint[b-tyag225pex] {
    transform: rotate(45deg);
    margin-top: -0.25rem;
}

/* ---- Expanded body ---- */

.or-card-body[b-tyag225pex] {
    padding: 0.75rem 0.875rem 0.875rem;
    border-top: 1px solid var(--color-border);
    background: var(--color-bg);
}

.or-card-meta[b-tyag225pex] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-bottom: 0.5rem;
}

.or-meta-label[b-tyag225pex] {
    font-size: 0.7rem;
    color: var(--color-muted);
    letter-spacing: 0.04em;
}

.or-meta-sep[b-tyag225pex] {
    color: var(--color-border);
    font-size: 0.7rem;
}

.or-content[b-tyag225pex] {
    font-size: 0.8rem;
    line-height: 1.55;
    color: var(--color-text);
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: inherit;
}

.or-body-tags[b-tyag225pex] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    margin-top: 0.6rem;
}

/* ---- Badges ---- */

.or-badge[b-tyag225pex] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
}

.or-badge-auth[b-tyag225pex] {
    background: rgba(34, 197, 94, 0.15);
    color: #22c55e;
}

.or-badge-override[b-tyag225pex] {
    background: rgba(99, 102, 241, 0.15);
    color: #818cf8;
}

.or-badge-deprecated[b-tyag225pex] {
    background: var(--color-surface);
    color: var(--color-muted);
    border: 1px solid var(--color-border);
}

.or-imp-badge[b-tyag225pex] {
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    padding: 0.15rem 0.4rem;
    border-radius: 3px;
    background: var(--color-surface);
    color: var(--color-muted);
    border: 1px solid var(--color-border);
}

/* ---- Tags ---- */

.or-tag[b-tyag225pex] {
    font-size: 0.65rem;
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    background: rgba(99, 102, 241, 0.1);
    color: #818cf8;
    white-space: nowrap;
}

.or-tag-more[b-tyag225pex] {
    background: var(--color-surface);
    color: var(--color-muted);
}
/* /Pages/PlanDetail.razor.rz.scp.css */
.item-breadcrumb[b-eknm1o4toh] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.8rem;
    color: var(--color-muted);
}

.item-breadcrumb a[b-eknm1o4toh] {
    color: var(--color-muted);
    text-decoration: none;
}

.item-breadcrumb a:hover[b-eknm1o4toh] {
    color: var(--color-accent);
}

.item-breadcrumb span[b-eknm1o4toh] {
    color: var(--color-border);
}

.item-card-done[b-eknm1o4toh] {
    border-left: 3px solid var(--color-warning) !important;
}

.item-card-blocked[b-eknm1o4toh] {
    border-left: 3px solid var(--color-danger) !important;
}

.item-card-paused[b-eknm1o4toh] {
    border-left: 3px solid #d97706 !important;
}

.merge-auth-panel[b-eknm1o4toh] {
    border-left: 3px solid var(--color-success) !important;
}
/* /Pages/PlanHistory.razor.rz.scp.css */
/* Plan History — timeline page */

.ph-item-block[b-00auqi6m6b] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius);
    background: var(--color-surface);
    overflow: hidden;
}

.ph-item-header[b-00auqi6m6b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
}

.ph-no-sessions[b-00auqi6m6b] {
    font-size: 0.8rem;
    color: var(--color-muted);
    padding: 0.75rem 1.25rem;
    font-style: italic;
}

.ph-timeline[b-00auqi6m6b] {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0.5rem 0;
}

.ph-event[b-00auqi6m6b] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.6rem 1.25rem;
    position: relative;
}

/* Vertical line connecting events */
.ph-event:not(:last-child)[b-00auqi6m6b]::after {
    content: '';
    position: absolute;
    left: calc(1.25rem + 5px);  /* dot center: padding-left + half dot width */
    top: calc(0.6rem + 12px);   /* below dot center */
    bottom: 0;
    width: 1px;
    background: var(--color-border);
}

.ph-event-dot[b-00auqi6m6b] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    margin-top: 0.35rem;
    background: var(--color-border);
}

.ph-dot-started[b-00auqi6m6b]    { background: var(--color-accent); }
.ph-dot-done[b-00auqi6m6b]       { background: var(--color-warning); }
.ph-dot-blocked[b-00auqi6m6b]    { background: var(--color-danger); }
.ph-dot-rejected[b-00auqi6m6b]   { background: var(--color-danger); }
.ph-dot-handed_off[b-00auqi6m6b] { background: var(--color-handed-off); }
.ph-dot-noted[b-00auqi6m6b]      { background: var(--color-muted); }

.ph-event-body[b-00auqi6m6b] {
    flex: 1;
    min-width: 0;
}

.ph-session-summary[b-00auqi6m6b] {
    margin-top: 0.35rem;
    font-size: 0.8rem;
    color: var(--color-muted);
    white-space: pre-wrap;
    background: var(--color-bg);
    border-left: 2px solid var(--color-border);
    padding: 0.3rem 0.6rem;
    border-radius: 0 4px 4px 0;
}
/* /Pages/RepoDetail.razor.rz.scp.css */
/* ── Page wrapper ─────────────────────────────────────────────── */

.rd-page[b-grzqp5sprk] {
    background: var(--color-bg);
    color: var(--color-text);
    min-height: 100vh;
    padding: 2rem 2.5rem 3rem;
    margin: -1.5rem -1.5rem -2rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

/* ── Header ─────────────────────────────────────────────────────── */

.rd-back[b-grzqp5sprk] {
    display: inline-block;
    font-size: 0.75rem;
    color: var(--color-muted);
    text-decoration: none;
    margin-bottom: 0.75rem;
}

.rd-back:hover[b-grzqp5sprk] { color: var(--color-text); }

.rd-header[b-grzqp5sprk] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
}

.rd-org[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: var(--color-muted);
    text-transform: uppercase;
    margin-bottom: 0.25rem;
}

.rd-title[b-grzqp5sprk] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--color-text);
    margin: 0 0 0.25rem;
    line-height: 1.1;
}

.rd-subtitle[b-grzqp5sprk] {
    font-size: 0.85rem;
    color: var(--color-muted);
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.rd-sep[b-grzqp5sprk] { color: var(--color-border); }

.rd-path[b-grzqp5sprk] {
    font-family: monospace;
    font-size: 0.78rem;
}

/* ── Stats ───────────────────────────────────────────────────────── */

.rd-stats[b-grzqp5sprk] {
    display: flex;
    gap: 0.75rem;
    flex-shrink: 0;
}

.rd-stat[b-grzqp5sprk] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 0.75rem 1.1rem;
    text-align: center;
    min-width: 80px;
    background: var(--color-surface);
}

.rd-stat-num[b-grzqp5sprk] {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.3rem;
}

.rd-stat-label[b-grzqp5sprk] {
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
}

.rd-complete[b-grzqp5sprk]   { color: var(--color-alive); }
.rd-inprogress[b-grzqp5sprk] { color: var(--color-inprogress); }
.rd-review[b-grzqp5sprk]     { color: var(--color-warning); }
.rd-total[b-grzqp5sprk]      { color: var(--color-text); }

/* ── Progress bar ────────────────────────────────────────────────── */

.rd-progress-wrap[b-grzqp5sprk] {
    margin-bottom: 2rem;
}

.rd-progress-bar[b-grzqp5sprk] {
    height: 4px;
    background: var(--color-border);
    border-radius: 2px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.rd-progress-fill[b-grzqp5sprk] {
    height: 100%;
    background: var(--color-success);
    border-radius: 2px;
    transition: width 0.3s;
}

.rd-progress-label[b-grzqp5sprk] {
    font-size: 0.75rem;
    color: var(--color-muted);
}

/* -- Hold banner (plan 262 / item 1189) -- */

.rd-hold-banner[b-grzqp5sprk] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    background: color-mix(in srgb, #64748b 12%, var(--color-surface));
    border: 1px solid color-mix(in srgb, #64748b 35%, transparent);
    border-left: 4px solid #64748b;
    border-radius: 6px;
    padding: 0.85rem 1rem;
    margin-bottom: 1.5rem;
    color: var(--color-text);
}

[data-theme="dark"] .rd-hold-banner[b-grzqp5sprk] {
    background: color-mix(in srgb, #94a3b8 10%, var(--color-surface));
    border-color: color-mix(in srgb, #94a3b8 30%, transparent);
    border-left-color: #94a3b8;
}

.rd-hold-icon[b-grzqp5sprk] {
    font-size: 1.25rem;
    flex-shrink: 0;
    line-height: 1.2;
}

.rd-hold-body[b-grzqp5sprk] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.85rem;
}

.rd-hold-body strong[b-grzqp5sprk] {
    font-size: 0.78rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

[data-theme="dark"] .rd-hold-body strong[b-grzqp5sprk] {
    color: #94a3b8;
}

.rd-hold-reason[b-grzqp5sprk] {
    color: var(--color-text);
    font-size: 0.875rem;
}

.rd-hold-meta[b-grzqp5sprk] {
    color: var(--color-muted);
    font-size: 0.78rem;
    font-style: italic;
}

/* ── Phase cards (clickable, navigate to plan) ───────────────────── */

.rd-phase[b-grzqp5sprk] {
    display: block;
    border: 1px solid var(--color-border);
    border-left: 3px solid var(--phase-color);
    border-radius: 8px;
    margin-bottom: 1rem;
    background: var(--color-surface);
    overflow: hidden;
    text-decoration: none;
    color: var(--color-text);
    transition: background 0.12s, border-color 0.12s;
}

.rd-phase:hover[b-grzqp5sprk] {
    background: color-mix(in srgb, var(--color-accent) 5%, var(--color-surface));
    border-color: color-mix(in srgb, var(--phase-color) 60%, var(--color-border));
    color: var(--color-text);
}

.rd-phase-header[b-grzqp5sprk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
}

.rd-phase-left[b-grzqp5sprk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.rd-phase-badge[b-grzqp5sprk] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: var(--phase-color);
    background: color-mix(in srgb, var(--phase-color) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--phase-color) 30%, transparent);
    border-radius: 4px;
    padding: 0.2rem 0.5rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.rd-phase-title-wrap[b-grzqp5sprk] {
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.rd-phase-title[b-grzqp5sprk] {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-text);
}

.rd-phase-desc[b-grzqp5sprk] {
    font-size: 0.75rem;
    color: var(--color-muted);
}

.rd-phase-right[b-grzqp5sprk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-shrink: 0;
}

.rd-phase-count[b-grzqp5sprk] {
    font-size: 0.8rem;
    color: var(--color-muted);
    min-width: 30px;
    text-align: right;
}

.rd-arrow[b-grzqp5sprk] {
    font-size: 0.85rem;
    color: var(--color-muted-dim);
    transition: color 0.12s, transform 0.12s;
}

.rd-phase:hover .rd-arrow[b-grzqp5sprk] {
    color: var(--phase-color);
    transform: translateX(3px);
}

/* ── Plan progress bar (inside card) ────────────────────────────── */

.rd-plan-bar[b-grzqp5sprk] {
    height: 3px;
    background: var(--color-border);
}

.rd-plan-bar-fill[b-grzqp5sprk] {
    height: 100%;
    background: var(--phase-color);
    opacity: 0.6;
    transition: width 0.3s;
}

/* ── Status badges ───────────────────────────────────────────────── */

.rd-badge-review[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--color-warning) 15%, transparent);
    color: var(--color-warning);
    border: 1px solid color-mix(in srgb, var(--color-warning) 30%, transparent);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
}

.rd-badge-blocked[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--color-danger) 15%, transparent);
    color: var(--color-danger);
    border: 1px solid color-mix(in srgb, var(--color-danger) 30%, transparent);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
}

.rd-branch[b-grzqp5sprk] {
    font-size: 0.65rem;
    color: var(--color-muted);
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
    font-family: monospace;
}

.rd-badge-hold[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 600;
    background: color-mix(in srgb, #64748b 15%, transparent);
    color: #64748b;
    border: 1px solid color-mix(in srgb, #64748b 35%, transparent);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
}

[data-theme="dark"] .rd-badge-hold[b-grzqp5sprk] {
    background: color-mix(in srgb, #94a3b8 15%, transparent);
    color: #94a3b8;
    border: 1px solid color-mix(in srgb, #94a3b8 35%, transparent);
}

.rd-badge-ready[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--color-success) 15%, transparent);
    color: var(--color-success);
    border: 1px solid color-mix(in srgb, var(--color-success) 30%, transparent);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
}

.rd-badge-pr[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--color-inprogress) 15%, transparent);
    color: var(--color-inprogress);
    border: 1px solid color-mix(in srgb, var(--color-inprogress) 30%, transparent);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
}

/* ── Metrics footer ──────────────────────────────────────────────── */

.rd-empty[b-grzqp5sprk] {
    color: var(--color-muted);
    font-size: 0.875rem;
    text-align: center;
    padding: 3rem 0;
}

.rd-metrics[b-grzqp5sprk] {
    margin-top: 2rem;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    padding: 1.25rem;
}

.rd-metrics-label[b-grzqp5sprk] {
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: var(--color-muted);
    text-transform: uppercase;
    margin-bottom: 1rem;
}

.rd-metrics-grid[b-grzqp5sprk] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

@media (max-width: 768px) {
    .rd-metrics-grid[b-grzqp5sprk] { grid-template-columns: repeat(2, 1fr); }
}

.rd-metric[b-grzqp5sprk] {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    padding: 0.85rem 1rem;
}

.rd-metric-title[b-grzqp5sprk] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 0.3rem;
}

.rd-metric-desc[b-grzqp5sprk] {
    font-size: 0.72rem;
    color: var(--color-muted);
}

/* -- Section label -- */

.rd-section-label[b-grzqp5sprk] {
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: var(--color-muted);
    text-transform: uppercase;
    margin-bottom: 0.75rem;
    margin-top: 0.5rem;
}

/* -- Initiative cards grid -- */

.rd-initiative-grid[b-grzqp5sprk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.rd-icard[b-grzqp5sprk] {
    display: block;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    padding: 0.85rem 1rem;
    text-decoration: none;
    color: var(--color-text);
    transition: background 0.12s, border-color 0.12s;
    cursor: pointer;
}

.rd-icard:hover[b-grzqp5sprk] {
    background: color-mix(in srgb, var(--color-accent) 6%, var(--color-surface));
    border-color: var(--color-accent);
    color: var(--color-text);
}

.rd-icard-unclassified[b-grzqp5sprk] {
    cursor: default;
    border-style: dashed;
}

.rd-icard-unclassified:hover[b-grzqp5sprk] {
    background: var(--color-surface);
    border-color: var(--color-border);
}

.rd-icard-title[b-grzqp5sprk] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--color-text);
    margin-bottom: 0.4rem;
    line-height: 1.3;
}

.rd-icard-counts[b-grzqp5sprk] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.72rem;
    color: var(--color-muted);
}

.rd-icard-sep[b-grzqp5sprk] {
    color: var(--color-border);
}

.rd-icard-items[b-grzqp5sprk] {
    color: var(--color-alive);
}

/* -- Filter bar -- */

.rd-filter-bar[b-grzqp5sprk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.25rem;
}

.rd-filter-label[b-grzqp5sprk] {
    font-size: 0.6rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
    text-transform: uppercase;
    white-space: nowrap;
}

.rd-filter-select[b-grzqp5sprk] {
    background: var(--color-surface);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text);
    font-size: 0.8rem;
    padding: 0.3rem 0.6rem;
    cursor: pointer;
}

.rd-filter-select:focus[b-grzqp5sprk] {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-accent) 20%, transparent);
}

/* -- Initiative group heading -- */

.rd-group-header[b-grzqp5sprk] {
    display: flex;
    align-items: center;
    margin-top: 1.25rem;
    margin-bottom: 0.5rem;
}

.rd-group-link[b-grzqp5sprk] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-accent);
    text-decoration: none;
    padding: 0.2rem 0.5rem;
    border: 1px solid color-mix(in srgb, var(--color-accent) 30%, transparent);
    border-radius: 4px;
    background: color-mix(in srgb, var(--color-accent) 8%, transparent);
    transition: background 0.12s;
}

.rd-group-link:hover[b-grzqp5sprk] {
    background: color-mix(in srgb, var(--color-accent) 16%, transparent);
    color: var(--color-accent);
}

.rd-group-arrow[b-grzqp5sprk] {
    font-size: 0.7rem;
    opacity: 0.7;
}

.rd-group-label[b-grzqp5sprk] {
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-muted);
}

/* -- Ask-the-Repo chat section (item 1040) -- */

.rd-chat[b-grzqp5sprk] {
    margin-top: 2rem;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    padding: 1.25rem;
}

.rd-chat-transcript[b-grzqp5sprk] {
    max-height: 320px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    padding-right: 0.25rem;
}

.rd-chat-turn[b-grzqp5sprk] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.rd-chat-role[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--color-muted);
}

.rd-chat-user .rd-chat-role[b-grzqp5sprk] {
    color: var(--color-accent);
}

.rd-chat-agent .rd-chat-role[b-grzqp5sprk] {
    color: var(--color-success, var(--color-alive));
}

.rd-chat-body[b-grzqp5sprk] {
    font-size: 0.875rem;
    color: var(--color-text);
    line-height: 1.5;
}

.rd-chat-thinking .rd-chat-body[b-grzqp5sprk] {
    color: var(--color-muted);
    font-style: italic;
}

.rd-chat-failed .rd-chat-body[b-grzqp5sprk] {
    color: var(--color-danger, #ef4444);
}

.rd-chat-nomem[b-grzqp5sprk] {
    font-size: 0.72rem;
    color: var(--color-muted);
    font-style: italic;
    margin-bottom: 0.75rem;
    padding: 0.4rem 0.6rem;
    border-left: 2px solid var(--color-border);
}

.rd-chat-compose[b-grzqp5sprk] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rd-chat-input[b-grzqp5sprk] {
    width: 100%;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text);
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    resize: vertical;
    min-height: 4rem;
    font-family: inherit;
}

.rd-chat-input:focus[b-grzqp5sprk] {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-accent) 20%, transparent);
}

.rd-chat-input:disabled[b-grzqp5sprk] {
    opacity: 0.6;
    cursor: not-allowed;
}

.rd-chat-actions[b-grzqp5sprk] {
    display: flex;
    justify-content: flex-end;
}

.rd-chat-send[b-grzqp5sprk] {
    min-width: 80px;
}

.rd-chat-error[b-grzqp5sprk] {
    font-size: 0.8rem;
    color: var(--color-danger, #ef4444);
    background: color-mix(in srgb, var(--color-danger, #ef4444) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--color-danger, #ef4444) 30%, transparent);
    border-radius: 6px;
    padding: 0.4rem 0.6rem;
    display: flex;
    align-items: center;
}

/* -- Actions row -- */

.rd-actions[b-grzqp5sprk] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1.25rem;
    margin-bottom: 0.25rem;
}

/* -- Health tile grid (plan 264 / item 1202) -- */

.rd-health-grid[b-grzqp5sprk] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
    margin-bottom: 2rem;
}

@media (max-width: 600px) {
    .rd-health-grid[b-grzqp5sprk] { grid-template-columns: repeat(2, 1fr); }
}

.rd-health-tile[b-grzqp5sprk] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    padding: 0.85rem 1rem;
    text-align: center;
}

.rd-health-val[b-grzqp5sprk] {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 0.3rem;
}

.rd-health-key[b-grzqp5sprk] {
    font-size: 0.58rem;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: var(--color-muted);
    text-transform: uppercase;
}

.rd-val-active[b-grzqp5sprk]  { color: var(--color-inprogress); }
.rd-val-danger[b-grzqp5sprk]  { color: var(--color-danger, #ef4444); }
.rd-val-zero[b-grzqp5sprk]    { color: var(--color-muted); }
.rd-val-muted[b-grzqp5sprk]   { font-size: 0.9rem; color: var(--color-muted); }

/* -- README section (plan 264 / item 1202) -- */

.rd-readme-section[b-grzqp5sprk] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    padding: 1rem 1.25rem;
    margin-bottom: 2rem;
}

.rd-readme-header[b-grzqp5sprk] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
}

.rd-readme-meta[b-grzqp5sprk] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.72rem;
    color: var(--color-muted);
}

.rd-readme-truncated[b-grzqp5sprk] {
    background: color-mix(in srgb, var(--color-warning) 15%, transparent);
    color: var(--color-warning);
    border: 1px solid color-mix(in srgb, var(--color-warning) 30%, transparent);
    border-radius: 4px;
    padding: 0.1rem 0.4rem;
    font-size: 0.65rem;
    font-weight: 600;
}

.rd-readme-toggle[b-grzqp5sprk] {
    background: none;
    border: 1px solid var(--color-border);
    border-radius: 5px;
    color: var(--color-muted);
    font-size: 0.72rem;
    cursor: pointer;
    padding: 0.2rem 0.6rem;
    transition: border-color 0.12s, color 0.12s;
}

.rd-readme-toggle:hover[b-grzqp5sprk] {
    border-color: var(--color-accent);
    color: var(--color-accent);
}

.rd-readme-body[b-grzqp5sprk] {
    font-size: 0.875rem;
    color: var(--color-text);
    line-height: 1.65;
    overflow-x: auto;
}

.rd-readme-body h1[b-grzqp5sprk], .rd-readme-body h2[b-grzqp5sprk], .rd-readme-body h3[b-grzqp5sprk] {
    margin-top: 1rem;
    margin-bottom: 0.4rem;
    font-weight: 600;
}

.rd-readme-body pre[b-grzqp5sprk] {
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    padding: 0.75rem 1rem;
    overflow-x: auto;
    font-size: 0.8rem;
}

.rd-readme-body code[b-grzqp5sprk] {
    font-family: monospace;
    font-size: 0.85em;
    background: var(--color-bg);
    border: 1px solid var(--color-border);
    border-radius: 3px;
    padding: 0.1em 0.3em;
}

.rd-readme-body pre code[b-grzqp5sprk] {
    background: none;
    border: none;
    padding: 0;
}

.rd-readme-empty[b-grzqp5sprk] {
    color: var(--color-muted);
    font-size: 0.8rem;
    font-style: italic;
}

/* -- Activity feed (plan 264 / item 1202) -- */

.rd-activity-list[b-grzqp5sprk] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    background: var(--color-surface);
    overflow: hidden;
    margin-bottom: 0.75rem;
}

.rd-activity-row[b-grzqp5sprk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 1rem;
    border-bottom: 1px solid var(--color-border);
    font-size: 0.8rem;
}

.rd-activity-row:last-child[b-grzqp5sprk] {
    border-bottom: none;
}

.rd-activity-type[b-grzqp5sprk] {
    font-family: monospace;
    font-size: 0.75rem;
    color: var(--color-accent);
    flex-shrink: 0;
}

.rd-activity-at[b-grzqp5sprk] {
    color: var(--color-muted);
    white-space: nowrap;
    flex-shrink: 0;
}

.rd-activity-actor[b-grzqp5sprk] {
    color: var(--color-text);
    margin-left: auto;
    font-size: 0.72rem;
}

.rd-activity-more[b-grzqp5sprk] {
    text-align: center;
    padding: 0.5rem 0;
    margin-bottom: 2rem;
}

/* -- Agent affinity table (plan 264 / item 1202) -- */

.rd-agents-table[b-grzqp5sprk],
.rd-sessions-table[b-grzqp5sprk] {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--color-border);
    border-radius: 8px;
    overflow: hidden;
    font-size: 0.82rem;
    margin-bottom: 0.75rem;
}

.rd-agents-table th[b-grzqp5sprk],
.rd-sessions-table th[b-grzqp5sprk] {
    background: var(--color-surface);
    color: var(--color-muted);
    font-size: 0.62rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    text-align: left;
    border-bottom: 1px solid var(--color-border);
}

.rd-agents-table td[b-grzqp5sprk],
.rd-sessions-table td[b-grzqp5sprk] {
    padding: 0.55rem 1rem;
    color: var(--color-text);
    border-bottom: 1px solid var(--color-border);
}

.rd-agents-table tr:last-child td[b-grzqp5sprk],
.rd-sessions-table tr:last-child td[b-grzqp5sprk] {
    border-bottom: none;
}

.rd-session-id[b-grzqp5sprk] {
    font-size: 0.75rem;
    color: var(--color-muted);
}

/* -- Work queue (plan 265 / item 1208) -- */

.rd-wq-list[b-grzqp5sprk] {
    border: 1px solid var(--color-border);
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.rd-wq-row[b-grzqp5sprk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 1rem;
    border-bottom: 1px solid var(--color-border);
    font-size: 0.83rem;
    transition: background 0.15s;
}

.rd-wq-row:last-child[b-grzqp5sprk] {
    border-bottom: none;
}

.rd-wq-row:hover[b-grzqp5sprk] {
    background: var(--color-surface);
}

.rd-wq-left[b-grzqp5sprk] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    flex: 1;
}

.rd-wq-title[b-grzqp5sprk] {
    color: var(--color-text);
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rd-wq-title:hover[b-grzqp5sprk] {
    color: var(--color-accent);
    text-decoration: underline;
}

.rd-wq-sep[b-grzqp5sprk] {
    color: var(--color-border);
    flex-shrink: 0;
}

.rd-wq-plan[b-grzqp5sprk] {
    color: var(--color-muted);
    font-size: 0.76rem;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
}

.rd-wq-plan:hover[b-grzqp5sprk] {
    color: var(--color-accent);
    text-decoration: underline;
}

.rd-wq-right[b-grzqp5sprk] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
}

.rd-wq-footer[b-grzqp5sprk] {
    text-align: right;
    padding: 0.4rem 0;
    margin-bottom: 2rem;
}

.rd-wq-more-link[b-grzqp5sprk] {
    font-size: 0.75rem;
    color: var(--color-muted);
    text-decoration: none;
}

.rd-wq-more-link:hover[b-grzqp5sprk] {
    color: var(--color-accent);
    text-decoration: underline;
}

/* Work queue status badge (in_progress, done, etc.) */
.rd-badge-inprogress[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--color-inprogress) 15%, transparent);
    color: var(--color-inprogress);
    border: 1px solid color-mix(in srgb, var(--color-inprogress) 30%, transparent);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
}

.rd-badge-done[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--color-success) 12%, transparent);
    color: var(--color-success);
    border: 1px solid color-mix(in srgb, var(--color-success) 25%, transparent);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
}

.rd-badge-subtle[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 600;
    background: color-mix(in srgb, var(--color-muted) 12%, transparent);
    color: var(--color-muted);
    border: 1px solid color-mix(in srgb, var(--color-muted) 25%, transparent);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
}

/* Priority badge */
.rd-badge-priority[b-grzqp5sprk] {
    font-size: 0.65rem;
    font-weight: 700;
    background: color-mix(in srgb, var(--color-danger) 12%, transparent);
    color: var(--color-danger);
    border: 1px solid color-mix(in srgb, var(--color-danger) 25%, transparent);
    border-radius: 4px;
    padding: 0.15rem 0.5rem;
}

/* Importance badges (1=critical red -> 5=nice-to-have grey) */
.rd-badge-imp-critical[b-grzqp5sprk] {
    font-size: 0.62rem;
    font-weight: 600;
    background: color-mix(in srgb, #ef4444 12%, transparent);
    color: #ef4444;
    border: 1px solid color-mix(in srgb, #ef4444 25%, transparent);
    border-radius: 4px;
    padding: 0.12rem 0.45rem;
}

.rd-badge-imp-high[b-grzqp5sprk] {
    font-size: 0.62rem;
    font-weight: 600;
    background: color-mix(in srgb, #f97316 12%, transparent);
    color: #f97316;
    border: 1px solid color-mix(in srgb, #f97316 25%, transparent);
    border-radius: 4px;
    padding: 0.12rem 0.45rem;
}

.rd-badge-imp-medium[b-grzqp5sprk] {
    font-size: 0.62rem;
    font-weight: 600;
    background: color-mix(in srgb, #eab308 12%, transparent);
    color: #eab308;
    border: 1px solid color-mix(in srgb, #eab308 25%, transparent);
    border-radius: 4px;
    padding: 0.12rem 0.45rem;
}

.rd-badge-imp-low[b-grzqp5sprk] {
    font-size: 0.62rem;
    font-weight: 600;
    background: color-mix(in srgb, #22c55e 12%, transparent);
    color: #22c55e;
    border: 1px solid color-mix(in srgb, #22c55e 25%, transparent);
    border-radius: 4px;
    padding: 0.12rem 0.45rem;
}

.rd-badge-imp-nicetohave[b-grzqp5sprk] {
    font-size: 0.62rem;
    font-weight: 600;
    background: color-mix(in srgb, #94a3b8 12%, transparent);
    color: #94a3b8;
    border: 1px solid color-mix(in srgb, #94a3b8 25%, transparent);
    border-radius: 4px;
    padding: 0.12rem 0.45rem;
}
/* /Pages/Search.razor.rz.scp.css */
.search-bar .input-group[b-zsqwrbldvc] {
    max-width: 640px;
}

.search-result-item[b-zsqwrbldvc] {
    transition: background-color 0.1s;
}

.search-result-item:hover[b-zsqwrbldvc] {
    background-color: var(--bs-tertiary-bg);
}

.item-title[b-zsqwrbldvc] {
    color: var(--color-text);
}

.item-title:hover[b-zsqwrbldvc] {
    color: var(--color-accent);
}

.description-snippet[b-zsqwrbldvc] {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.min-width-0[b-zsqwrbldvc] {
    min-width: 0;
}