/* /Components/Layout/ConversationSidebar.razor.rz.scp.css */
.conversation-sidebar[b-dn72ue30x4] {
    background-color: #1e1f22;
    color: #d1d3d8;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.sidebar-top-bar[b-dn72ue30x4] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem;
    border-bottom: 1px solid #2b2d31;
}

.btn-new-chat[b-dn72ue30x4] {
    background: none;
    border: 1px solid #2b2d31;
    border-radius: 4px;
    color: #555860;
    padding: 4px 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: color 0.15s, border-color 0.15s;
}

.btn-new-chat:hover[b-dn72ue30x4] {
    color: #b0b0b0;
    border-color: #3b3d44;
}

.sidebar-search[b-dn72ue30x4] {
    flex: 1;
    background: #1a1b1e;
    border: 1px solid #2b2d31;
    border-radius: 4px;
    color: #d1d3d8;
    font-size: 0.78rem;
    padding: 0.25rem 0.5rem;
    min-width: 0;
}

.sidebar-search:focus[b-dn72ue30x4] {
    outline: none;
    border-color: #3b3d44;
}

.sidebar-search[b-dn72ue30x4]::placeholder {
    color: #555860;
}

.result-count[b-dn72ue30x4] {
    font-size: 0.68rem;
    color: #555860;
    padding: 0.25rem 0.25rem 0.15rem;
}

.group-label[b-dn72ue30x4] {
    font-size: 0.68rem;
    color: #4a4d55;
    font-weight: 500;
    padding: 0.5rem 0.25rem 0.2rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.conversation-entry[b-dn72ue30x4] {
    cursor: pointer;
    padding: 0.35rem 0.4rem;
    border-radius: 4px;
    margin-bottom: 1px;
    transition: background-color 0.1s;
}

.conversation-entry:hover[b-dn72ue30x4] {
    background-color: rgba(255, 255, 255, 0.05);
}

.conversation-entry.active[b-dn72ue30x4] {
    background-color: rgba(255, 255, 255, 0.08);
}

.conv-title-row[b-dn72ue30x4] {
    display: flex;
    align-items: center;
    min-width: 0;
}

.conv-title[b-dn72ue30x4] {
    font-size: 0.8rem;
    color: #b0b0b0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

.conv-title-input[b-dn72ue30x4] {
    flex: 1;
    min-width: 0;
    background: #1a1b1e;
    border: 1px solid #3b3d44;
    border-radius: 3px;
    color: #b0b0b0;
    font-size: 0.8rem;
    padding: 0.05rem 0.3rem;
    outline: none;
}

.conv-time[b-dn72ue30x4] {
    font-size: 0.65rem;
    color: #4a4d55;
}

.conversation-entry[b-dn72ue30x4] {
    position: relative;
}

.conv-dropdown[b-dn72ue30x4] {
    position: absolute;
    top: 100%;
    right: 0.25rem;
    background: #222325;
    border: 1px solid #2b2d31;
    border-radius: 4px;
    padding: 0.2rem 0;
    min-width: 120px;
    z-index: 100;
    box-shadow: 0 2px 8px rgba(0,0,0,0.4);
}

.conv-dropdown button[b-dn72ue30x4] {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    color: #b0b0b0;
    padding: 0.3rem 0.6rem;
    font-size: 0.78rem;
    cursor: pointer;
}

.conv-dropdown button:hover[b-dn72ue30x4] {
    background: rgba(255, 255, 255, 0.05);
}

.model-dot[b-dn72ue30x4] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.conv-dropdown-divider[b-dn72ue30x4] {
    height: 1px;
    background: #2b2d31;
    margin: 0.15rem 0;
}

.significance-dot[b-dn72ue30x4] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
    margin-right: 2px;
}

.sig-important[b-dn72ue30x4] { background-color: #e06c75; }
.sig-reference[b-dn72ue30x4] { background-color: #61afef; }
.sig-gem[b-dn72ue30x4] { background-color: #e5c07b; }
.sig-obsolete[b-dn72ue30x4] { background-color: #5c6370; }
.sig-test[b-dn72ue30x4] { background-color: #98c379; }
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-c7sjk5uo1v] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-c7sjk5uo1v] {
    flex: 1;
    background-color: #1a1b1e;
    color: #e0e0e0;
    min-height: 100vh;
}

.sidebar-nav[b-c7sjk5uo1v] {
    background-color: #1a1b1e;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #2b2d31;
}

.sidebar-conversations[b-c7sjk5uo1v] {
    background-color: #1e1f22;
    display: flex;
    flex-direction: column;
    transition: width 0.2s ease, min-width 0.2s ease;
    overflow: hidden;
}

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

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

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

    .sidebar-nav[b-c7sjk5uo1v] {
        width: 48px;
        min-width: 48px;
        height: 100vh;
        position: sticky;
        top: 0;
        overflow: hidden;
    }

    .sidebar-conversations[b-c7sjk5uo1v] {
        width: 240px;
        min-width: 240px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .sidebar-conversations.collapsed[b-c7sjk5uo1v] {
        width: 0;
        min-width: 0;
    }
}

.sidebar-toggle-area[b-c7sjk5uo1v] {
    border-top: 1px solid #2b2d31;
    display: flex;
    justify-content: center;
}

.btn-sidebar-toggle[b-c7sjk5uo1v] {
    background: none;
    border: none;
    color: #4a4d55;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s;
}

.btn-sidebar-toggle:hover[b-c7sjk5uo1v] {
    color: #8e919a;
}

.visibility-toggle[b-c7sjk5uo1v] {
    border-top: 1px solid #2b2d31;
    display: flex;
    justify-content: center;
}

.btn-visibility[b-c7sjk5uo1v] {
    background: none;
    border: none;
    color: #4a4d55;
    cursor: pointer;
    padding: 4px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s;
}

.btn-visibility:hover[b-c7sjk5uo1v] {
    color: #8e919a;
}

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

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

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

.top-row[b-93k8iyaaca] {
    min-height: 2.75rem;
    background-color: #1a1b1e;
}

.navbar-brand[b-93k8iyaaca] {
    font-size: 0.8rem;
    color: #555860;
    letter-spacing: 0.05em;
    font-weight: 400;
}

.bi[b-93k8iyaaca] {
    display: inline-block;
    position: relative;
    width: 1.1rem;
    height: 1.1rem;
    margin: 0;
    top: -1px;
    background-size: cover;
}

.bi-chat-nav-menu[b-93k8iyaaca] {
    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 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.6-.097 1.016-.417 2.13-.771 2.966-.079.186.074.394.273.362 2.256-.37 3.597-.938 4.18-1.234A9 9 0 0 0 8 15'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-93k8iyaaca] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-93k8iyaaca] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.bi-gear-nav-menu[b-93k8iyaaca] {
    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.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0'/%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.893 3.434-.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.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.658.06a1 1 0 0 1 1.724 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16a1 1 0 0 1 1.219 1.218l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094a1 1 0 0 1 0 1.724l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291a1 1 0 0 1-1.218 1.219l-.292-.159a1.873 1.873 0 0 0-2.692 1.116l-.094.318a1 1 0 0 1-1.724 0l-.094-.319a1.873 1.873 0 0 0-2.693-1.115l-.291.16a1 1 0 0 1-1.219-1.218l.159-.292a1.873 1.873 0 0 0-1.116-2.692l-.318-.094a1 1 0 0 1 0-1.724l.319-.094a1.873 1.873 0 0 0 1.115-2.693l-.16-.291a1 1 0 0 1 1.218-1.219l.292.159a1.873 1.873 0 0 0 2.692-1.116z'/%3E%3C/svg%3E");
}

.bi-file-text-nav-menu[b-93k8iyaaca] {
    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 4a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H5zm-.5 2.5A.5.5 0 0 1 5 6h6a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5M5 8a.5.5 0 0 0 0 1h6a.5.5 0 0 0 0-1H5zm0 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1H5z'/%3E%3Cpath d='M2 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V2zm10-1H4a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1z'/%3E%3C/svg%3E");
}

.bi-grid-nav-menu[b-93k8iyaaca] {
    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.5A1.5 1.5 0 0 1 2.5 1h3A1.5 1.5 0 0 1 7 2.5v3A1.5 1.5 0 0 1 5.5 7h-3A1.5 1.5 0 0 1 1 5.5v-3zM2.5 2a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 1h3A1.5 1.5 0 0 1 15 2.5v3A1.5 1.5 0 0 1 13.5 7h-3A1.5 1.5 0 0 1 9 5.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zM1 10.5A1.5 1.5 0 0 1 2.5 9h3A1.5 1.5 0 0 1 7 10.5v3A1.5 1.5 0 0 1 5.5 15h-3A1.5 1.5 0 0 1 1 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3zm6.5.5A1.5 1.5 0 0 1 10.5 9h3a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-1.5 1.5h-3A1.5 1.5 0 0 1 9 13.5v-3zm1.5-.5a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5h-3z'/%3E%3C/svg%3E");
}

.bi-music-note-nav-menu[b-93k8iyaaca] {
    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='M9 13c0 1.105-1.12 2-2.5 2S4 14.105 4 13s1.12-2 2.5-2 2.5.895 2.5 2'/%3E%3Cpath fill-rule='evenodd' d='M9 3v10H8V3z'/%3E%3Cpath d='M8 2.82a1 1 0 0 1 .804-.98l3-.6A1 1 0 0 1 13 2.22V4L8 5z'/%3E%3C/svg%3E");
}

.model-dot[b-93k8iyaaca] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.model-indicator[b-93k8iyaaca] {
    border-top: 1px solid rgba(255, 255, 255, 0.04);
}

.model-selector[b-93k8iyaaca] {
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.15s;
}

.model-selector:hover[b-93k8iyaaca] {
    background-color: rgba(255, 255, 255, 0.08);
}

.model-dropdown[b-93k8iyaaca] {
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 0;
    background-color: #2b2d31;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 6px;
    padding: 0.25rem;
    margin-top: 0.25rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    z-index: 1000;
    min-width: 200px;
}

.model-dropdown.drop-up[b-93k8iyaaca] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 0.25rem;
}

.model-option[b-93k8iyaaca] {
    display: flex;
    align-items: center;
    padding: 0.3rem 0.5rem;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.15s;
    font-size: 0.78rem;
}

.model-option:hover[b-93k8iyaaca] {
    background-color: rgba(255, 255, 255, 0.08);
}

.model-option.active[b-93k8iyaaca] {
    background-color: rgba(88, 101, 242, 0.18);
}

.nav-item[b-93k8iyaaca] {
    font-size: 0.9rem;
    padding-bottom: 0.15rem;
}

    .nav-item:first-of-type[b-93k8iyaaca] {
        padding-top: 0.5rem;
    }

    .nav-item[b-93k8iyaaca]  .nav-link {
        color: #555860;
        background: none;
        border: none;
        border-radius: 4px;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 2rem;
        width: 100%;
        transition: color 0.15s;
    }

.nav-item[b-93k8iyaaca]  a.active {
    background-color: rgba(255,255,255,0.06);
    color: #b0b0b0;
}

.nav-item[b-93k8iyaaca]  .nav-link:hover {
    background-color: rgba(255,255,255,0.05);
    color: #b0b0b0;
}

.nav-item-bottom[b-93k8iyaaca] {
    margin-top: auto;
    padding-bottom: 0.25rem;
}

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

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

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

    .nav-scrollable[b-93k8iyaaca] {
        display: flex;
        flex-direction: column;
        overflow-y: auto;
        flex: 1;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-hc6imp8ci8],
.components-reconnect-repeated-attempt-visible[b-hc6imp8ci8],
.components-reconnect-failed-visible[b-hc6imp8ci8],
.components-pause-visible[b-hc6imp8ci8],
.components-resume-failed-visible[b-hc6imp8ci8],
.components-rejoining-animation[b-hc6imp8ci8] {
    display: none;
}

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


#components-reconnect-modal[b-hc6imp8ci8] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-hc6imp8ci8 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-hc6imp8ci8 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Audio.razor.rz.scp.css */
.audio-page[b-f42xux435a] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 1rem;
    max-width: 600px;
    margin: 0 auto;
    gap: 1rem;
}

.audio-header h5[b-f42xux435a] {
    margin: 0;
    color: #b0b0b0;
    font-size: 1rem;
}

.upload-zone[b-f42xux435a] {
    position: relative;
    border: 2px dashed #3b3d44;
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
    transition: border-color 0.2s, background-color 0.2s;
}

.upload-zone.dragging[b-f42xux435a] {
    border-color: #5865f2;
    background-color: rgba(88, 101, 242, 0.1);
}

.upload-zone:hover[b-f42xux435a] {
    border-color: #4a4d55;
}

.file-input[b-f42xux435a] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
}

.upload-label[b-f42xux435a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    color: #4a4d55;
    cursor: pointer;
    pointer-events: none;
}

.upload-label svg[b-f42xux435a] {
    opacity: 0.6;
}

.upload-label span[b-f42xux435a] {
    font-size: 0.85rem;
}

.upload-progress[b-f42xux435a] {
    margin-top: 0.5rem;
    color: #5865f2;
    font-size: 0.8rem;
}

.audio-list[b-f42xux435a] {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.audio-empty[b-f42xux435a] {
    color: #3b3d44;
    text-align: center;
    padding: 2rem;
    font-size: 0.85rem;
}

.audio-item[b-f42xux435a] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.6rem 0.75rem;
    background: #222325;
    border-radius: 6px;
    transition: background-color 0.15s;
}

.audio-item:hover[b-f42xux435a] {
    background: #2b2d31;
}

.audio-item.playing[b-f42xux435a] {
    background: rgba(88, 101, 242, 0.15);
}

.play-btn[b-f42xux435a] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: none;
    background: #3b3d44;
    color: #d1d3d8;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: background-color 0.15s;
}

.play-btn:hover[b-f42xux435a] {
    background: #4a4d55;
}

.audio-item.playing .play-btn[b-f42xux435a] {
    background: #5865f2;
    color: white;
}

.audio-info[b-f42xux435a] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.audio-name[b-f42xux435a] {
    color: #b0b0b0;
    font-size: 0.85rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.audio-date[b-f42xux435a] {
    color: #4a4d55;
    font-size: 0.7rem;
}

.delete-btn[b-f42xux435a] {
    background: none;
    border: none;
    color: #4a4d55;
    cursor: pointer;
    padding: 0.4rem;
    border-radius: 4px;
    opacity: 0;
    transition: opacity 0.15s, color 0.15s;
}

.audio-item:hover .delete-btn[b-f42xux435a] {
    opacity: 1;
}

.delete-btn:hover[b-f42xux435a] {
    color: #f87171;
}

audio[b-f42xux435a] {
    width: 100%;
    margin-top: 1rem;
}

/* Processing state */
.audio-item.processing[b-f42xux435a] {
    opacity: 0.7;
}

.audio-item.processing .play-btn[b-f42xux435a] {
    cursor: not-allowed;
}

.audio-item.processing .audio-date[b-f42xux435a] {
    color: #5865f2;
}

/* Error state */
.audio-item.error .play-btn[b-f42xux435a] {
    background: #3b2828;
    color: #f87171;
    cursor: not-allowed;
}

.audio-item.error .audio-date[b-f42xux435a] {
    color: #f87171;
}

/* Disabled button */
.play-btn:disabled[b-f42xux435a] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Spin animation */
@keyframes spin-b-f42xux435a {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.spin[b-f42xux435a] {
    animation: spin-b-f42xux435a 1s linear infinite;
}
/* /Components/Pages/Chat.razor.rz.scp.css */
/* Container */
.chat-container[b-8iy6uue0it] {
    height: 100vh;
    background-color: #1a1b1e;
    position: relative;
}

.chat-messages[b-8iy6uue0it] {
    scroll-behavior: smooth;
}

/* Blog-post style message thread */
.message-thread[b-8iy6uue0it] {
    max-width: 800px;
    margin: 0 auto;
    padding: 1.5rem 1rem;
}

.message-block[b-8iy6uue0it] {
    padding: 0.6rem 0.9rem;
    margin-bottom: 0.15rem;
    border-radius: 4px;
    border-left: 2px solid transparent;
}

.message-user[b-8iy6uue0it] {
    background-color: #202225;
    border-left-color: #4a4d55;
}

.message-assistant[b-8iy6uue0it] {
    background-color: #26282d;
    border-left-color: #3b3d44;
}

.message-meta[b-8iy6uue0it] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.4rem;
    font-size: 0.75rem;
    color: #6c6f78;
}

.message-author[b-8iy6uue0it] {
    font-weight: 600;
    color: #8e919a;
}

.message-time[b-8iy6uue0it] {
    color: #555860;
}

.message-model[b-8iy6uue0it] {
    color: #555860;
    font-family: monospace;
    font-size: 0.7rem;
}

.message-body[b-8iy6uue0it] {
    color: #d1d3d8;
    line-height: 1.65;
    font-size: 0.925rem;
}

/* Actions row */
.message-actions[b-8iy6uue0it] {
    display: flex;
    gap: 0.35rem;
    margin-top: 0.35rem;
}

.action-btn[b-8iy6uue0it] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    border-radius: 3px;
    background: transparent;
    color: #4a4d55;
    cursor: pointer;
    transition: color 0.15s, background-color 0.15s;
}

.action-btn:hover[b-8iy6uue0it] {
    color: #8e919a;
    background-color: rgba(255, 255, 255, 0.05);
}

.action-btn.active-up[b-8iy6uue0it] {
    color: #4ade80;
}

.action-btn.active-down[b-8iy6uue0it] {
    color: #f87171;
}

.action-btn.speaking[b-8iy6uue0it] {
    color: #60a5fa;
    animation: pulse-speaking-b-8iy6uue0it 1.5s ease-in-out infinite;
}

@keyframes pulse-speaking-b-8iy6uue0it {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Input area */
.chat-input-area[b-8iy6uue0it] {
    background-color: #1a1b1e;
    border-top: 1px solid #2b2d31;
    max-width: 800px;
    margin: 0 auto;
    width: 100%;
    position: sticky;
    bottom: 0;
    z-index: 10;
}

.input-row[b-8iy6uue0it] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.chat-input-area textarea[b-8iy6uue0it] {
    resize: none;
    min-height: 44px;
    max-height: 400px;
    overflow-y: auto;
}

/* Model lock dropdown */
.model-lock-wrapper[b-8iy6uue0it] {
    flex-shrink: 0;
}

.model-lock-btn[b-8iy6uue0it] {
    display: flex;
    align-items: center;
    gap: 4px;
    background: #2b2d31;
    border: 1px solid #3b3d44;
    border-radius: 6px;
    color: #8e919a;
    padding: 8px 10px;
    cursor: pointer;
    line-height: 0;
    transition: background 0.15s;
}

.model-lock-btn:hover[b-8iy6uue0it] {
    background: #3b3d44;
    color: #d1d3d8;
}

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

.model-lock-dropdown[b-8iy6uue0it] {
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 0;
    margin-top: 4px;
    background: #2b2d31;
    border: 1px solid #3b3d44;
    border-radius: 6px;
    padding: 4px 0;
    min-width: 180px;
    z-index: 20;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.model-lock-dropdown.drop-up[b-8iy6uue0it] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: 4px;
}

.model-lock-option[b-8iy6uue0it] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 12px;
    font-size: 0.8rem;
    color: #b0b0b0;
    cursor: pointer;
    transition: background 0.1s;
}

.model-lock-option:hover[b-8iy6uue0it] {
    background: #3b3d44;
    color: #e0e0e0;
}

.model-lock-option.active[b-8iy6uue0it] {
    color: #e0e0e0;
    background: rgba(88, 101, 242, 0.15);
}

.unlock-option[b-8iy6uue0it] {
    border-top: 1px solid #3b3d44;
    margin-top: 2px;
    padding-top: 8px;
}

/* Archive button */
.archive-btn[b-8iy6uue0it] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #2b2d31;
    border: 1px solid #3b3d44;
    border-radius: 6px;
    color: #8e919a;
    padding: 8px 10px;
    cursor: pointer;
    flex-shrink: 0;
    line-height: 0;
    transition: background 0.15s;
}

.archive-btn:hover[b-8iy6uue0it] {
    background: #3b3d44;
    color: #d1d3d8;
}

/* Partition bar */
.partition-bar[b-8iy6uue0it] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 0;
    cursor: pointer;
    user-select: none;
}

.partition-line[b-8iy6uue0it] {
    flex: 1;
    height: 1px;
    background: linear-gradient(to right, transparent, #4a4d55, transparent);
}

.partition-label[b-8iy6uue0it] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #555860;
    white-space: nowrap;
}

.partition-bar:hover .partition-label[b-8iy6uue0it] {
    color: #8e919a;
}

.partition-bar:hover .partition-line[b-8iy6uue0it] {
    background: linear-gradient(to right, transparent, #6c6f78, transparent);
}

.partition-summary[b-8iy6uue0it] {
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
    background: #1e1f22;
    border-radius: 4px;
    border: 1px solid #2b2d31;
}

.partition-summary-text[b-8iy6uue0it] {
    font-size: 0.82rem;
    color: #b0b0b0;
    line-height: 1.5;
    white-space: pre-wrap;
}

/* Context bar */
.context-bar[b-8iy6uue0it] {
    background-color: #1a1b1e;
    border-bottom: 1px solid #2b2d31;
    position: sticky;
    top: 0;
    z-index: 10;
}

.context-bar-track[b-8iy6uue0it] {
    height: 4px;
    background-color: #2b2d31;
    border-radius: 2px;
    overflow: hidden;
    max-width: 200px;
}

.context-bar-fill[b-8iy6uue0it] {
    height: 100%;
    background-color: #5865f2;
    border-radius: 2px;
    transition: width 0.3s ease;
}

.context-bar-fill.warning[b-8iy6uue0it] {
    background-color: #f0b232;
}

/* Typing indicator */
.typing-indicator[b-8iy6uue0it] {
    display: flex;
    gap: 4px;
    padding: 4px 0;
}

.typing-indicator span[b-8iy6uue0it] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #555860;
    animation: typing-b-8iy6uue0it 1.4s infinite ease-in-out;
}

.typing-indicator span:nth-child(2)[b-8iy6uue0it] { animation-delay: 0.2s; }
.typing-indicator span:nth-child(3)[b-8iy6uue0it] { animation-delay: 0.4s; }

@keyframes typing-b-8iy6uue0it {
    0%, 60%, 100% { opacity: 0.3; transform: scale(0.8); }
    30% { opacity: 1; transform: scale(1); }
}

/* ── Markdown content ── */
[b-8iy6uue0it] .markdown-content p {
    margin: 0 0 0.5rem 0;
}

[b-8iy6uue0it] .markdown-content p:last-child {
    margin-bottom: 0;
}

[b-8iy6uue0it] .markdown-content h1,
[b-8iy6uue0it] .markdown-content h2,
[b-8iy6uue0it] .markdown-content h3,
[b-8iy6uue0it] .markdown-content h4,
[b-8iy6uue0it] .markdown-content h5,
[b-8iy6uue0it] .markdown-content h6 {
    margin: 0.75rem 0 0.25rem 0;
    font-weight: 600;
    color: #e4e6eb;
}

[b-8iy6uue0it] .markdown-content h1 { font-size: 1.4rem; }
[b-8iy6uue0it] .markdown-content h2 { font-size: 1.25rem; }
[b-8iy6uue0it] .markdown-content h3 { font-size: 1.1rem; }
[b-8iy6uue0it] .markdown-content h4 { font-size: 1rem; }

[b-8iy6uue0it] .markdown-content ul,
[b-8iy6uue0it] .markdown-content ol {
    margin: 0.25rem 0 0.5rem 0;
    padding-left: 1.5rem;
}

[b-8iy6uue0it] .markdown-content li {
    margin-bottom: 0.15rem;
}

[b-8iy6uue0it] .markdown-content code {
    background-color: rgba(255, 255, 255, 0.07);
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
    font-size: 0.85em;
    color: #e0e0e0;
}

[b-8iy6uue0it] .markdown-content pre {
    background-color: #16171a;
    border: 1px solid #2b2d31;
    border-radius: 0 0 6px 6px;
    padding: 0.75rem;
    margin: 0;
    overflow-x: auto;
}

[b-8iy6uue0it] .markdown-content pre code {
    background: none;
    padding: 0;
    font-size: 0.82em;
    color: #c9cbcf;
}

[b-8iy6uue0it] .markdown-content strong {
    font-weight: 700;
    color: #e4e6eb;
}

[b-8iy6uue0it] .markdown-content em {
    font-style: italic;
}

[b-8iy6uue0it] .markdown-content a {
    color: #7cacf8;
    text-decoration: underline;
}

[b-8iy6uue0it] .markdown-content hr {
    border: none;
    border-top: 1px solid #2b2d31;
    margin: 0.5rem 0;
}

/* ── Code block with copy button ── */
[b-8iy6uue0it] .code-block-wrapper {
    margin: 0.5rem 0;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #2b2d31;
}

[b-8iy6uue0it] .code-block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.3rem 0.75rem;
    background-color: #202225;
    font-size: 0.75rem;
}

[b-8iy6uue0it] .code-lang {
    color: #6c6f78;
    font-family: monospace;
}

[b-8iy6uue0it] .code-copy-btn {
    background: none;
    border: 1px solid #3b3d44;
    border-radius: 3px;
    color: #8e919a;
    font-size: 0.7rem;
    padding: 0.1rem 0.5rem;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

[b-8iy6uue0it] .code-copy-btn:hover {
    color: #d1d3d8;
    border-color: #6c6f78;
}

[b-8iy6uue0it] .code-block-wrapper pre {
    border: none;
    border-radius: 0;
    margin: 0;
}

/* ── Metadata drawer ── */
.metadata-drawer[b-8iy6uue0it] {
    margin-top: 0.35rem;
    padding: 0.5rem 0.75rem;
    background: #1e1f22;
    border: 1px solid #2b2d31;
    border-radius: 4px;
    font-size: 0.75rem;
    font-family: monospace;
    color: #8e919a;
}

.metadata-row[b-8iy6uue0it] {
    display: flex;
    justify-content: space-between;
    padding: 0.15rem 0;
}

.metadata-label[b-8iy6uue0it] {
    color: #555860;
    margin-right: 1rem;
}

/* Scroll to bottom */
.scroll-to-bottom-btn[b-8iy6uue0it] {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 15;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #3b3d44;
    background: #2b2d31;
    color: #8e919a;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.15s, color 0.15s;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.scroll-to-bottom-btn:hover[b-8iy6uue0it] {
    background: #3b3d44;
    color: #d1d3d8;
}

/* ── KaTeX ── */
[b-8iy6uue0it] .katex-display {
    margin: 0.75rem 0;
    overflow-x: auto;
}

[b-8iy6uue0it] .katex-pending {
    font-family: monospace;
    color: #8e919a;
}
/* /Components/Pages/Documents.razor.rz.scp.css */
.documents-page[b-3gokxzdw6w] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 0.75rem 1rem;
    max-width: 800px;
    margin: 0 auto;
    gap: 0;
}

.doc-top-bar[b-3gokxzdw6w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-default);
    margin-bottom: 0.25rem;
    flex-shrink: 0;
    position: sticky;
    top: 0;
    background: var(--bg-primary);
    z-index: 10;
}

.doc-filters[b-3gokxzdw6w] {
    display: flex;
    gap: 0.25rem;
}

.filter-btn[b-3gokxzdw6w] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.78rem;
    transition: color 0.15s;
}

.filter-btn:hover[b-3gokxzdw6w] { color: var(--text-secondary); }

.filter-btn.active[b-3gokxzdw6w] {
    background: var(--accent-bg);
    color: var(--text-secondary);
}

.doc-top-actions[b-3gokxzdw6w] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
}

.btn-copy-all[b-3gokxzdw6w] { color: var(--text-muted); padding: 3px 5px; }
.btn-copy-all:hover[b-3gokxzdw6w] { color: var(--text-secondary); }

.btn-add-doc[b-3gokxzdw6w] {
    background: none;
    border: 1px solid var(--border-default);
    border-radius: 4px;
    color: var(--text-muted);
    padding: 3px 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s, border-color 0.15s;
}

.btn-add-doc:hover[b-3gokxzdw6w] { color: var(--text-secondary); border-color: var(--border-input); }

.btn-archive-all[b-3gokxzdw6w] {
    background: none;
    border: 1px solid var(--border-default);
    border-radius: 4px;
    color: var(--text-muted);
    padding: 3px 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s, border-color 0.15s;
}

.btn-archive-all:hover[b-3gokxzdw6w] { color: var(--danger); border-color: var(--danger); }

.doc-list[b-3gokxzdw6w] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
}

.doc-list[b-3gokxzdw6w]::-webkit-scrollbar { width: 4px; }
.doc-list[b-3gokxzdw6w]::-webkit-scrollbar-track { background: transparent; }
.doc-list[b-3gokxzdw6w]::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 2px; }

.doc-empty[b-3gokxzdw6w] { color: var(--text-faint); text-align: center; padding: 2rem; font-size: 0.8rem; }

/* Archived document inline rendering */
.doc-panel[b-3gokxzdw6w] { border-bottom: 1px solid var(--border-subtle); }
.doc-row[b-3gokxzdw6w] { display: flex; align-items: center; padding: 0.3rem 0.4rem; cursor: pointer; gap: 0.5rem; user-select: none; }
.doc-row:hover[b-3gokxzdw6w] { background: var(--bg-hover); }
.doc-title[b-3gokxzdw6w] { color: var(--text-primary); font-size: 0.82rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1; min-width: 0; }
.doc-meta[b-3gokxzdw6w] { display: flex; align-items: center; gap: 0.4rem; flex-shrink: 0; }
.doc-badge[b-3gokxzdw6w] { font-size: 0.62rem; padding: 0.05rem 0.35rem; border-radius: 3px; text-transform: lowercase; color: var(--badge-text); }
.doc-badge.scratchpad[b-3gokxzdw6w] { color: var(--badge-scratchpad); }
.doc-badge.research[b-3gokxzdw6w] { color: var(--badge-research); }
.doc-badge.reference[b-3gokxzdw6w] { color: var(--badge-reference); }
.doc-date[b-3gokxzdw6w] { color: var(--text-faint); font-size: 0.68rem; }
.doc-archive-icon[b-3gokxzdw6w] { color: var(--text-muted); flex-shrink: 0; }
.archived-doc[b-3gokxzdw6w] { opacity: 0.5; }
.archived-doc:hover[b-3gokxzdw6w] { opacity: 0.7; }
.archived-title[b-3gokxzdw6w] { font-style: italic; }
.doc-body[b-3gokxzdw6w] { padding: 0.25rem 0.5rem 0.5rem 0.75rem; display: flex; flex-direction: column; gap: 0.3rem; }
.doc-body-toolbar[b-3gokxzdw6w] { display: flex; align-items: center; gap: 0.4rem; }
.doc-title-edit[b-3gokxzdw6w] { flex: 1; background: transparent; border: none; border-bottom: 1px solid transparent; color: var(--text-primary); font-size: 0.82rem; padding: 0.15rem 0; outline: none; }
.doc-title-edit:disabled[b-3gokxzdw6w] { opacity: 0.6; cursor: default; }
.doc-toolbar-right[b-3gokxzdw6w] { display: flex; align-items: center; gap: 0.2rem; flex-shrink: 0; }
.btn-icon[b-3gokxzdw6w] { background: none; border: none; color: var(--text-muted); cursor: pointer; padding: 2px; border-radius: 3px; display: flex; align-items: center; justify-content: center; line-height: 1; }
.btn-icon:hover:not(:disabled)[b-3gokxzdw6w] { color: var(--text-secondary); }
.doc-content-area[b-3gokxzdw6w] { display: flex; flex-direction: column; }
.doc-textarea[b-3gokxzdw6w] { background: transparent; border: none; border-left: 1px solid var(--border-default); color: var(--text-secondary); padding: 0.3rem 0.5rem; font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace; font-size: 0.8rem; line-height: 1.5; resize: none; min-height: 60px; width: 100%; }
.doc-textarea:disabled[b-3gokxzdw6w] { opacity: 0.6; cursor: default; }
.doc-textarea[b-3gokxzdw6w]::placeholder { color: var(--text-placeholder); }

/* Archive all confirmation bar */
.archive-confirm-bar[b-3gokxzdw6w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.6rem;
    background: var(--danger-bg);
    border: 1px solid var(--danger-border);
    border-radius: 4px;
    margin-bottom: 0.25rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.archive-confirm-bar .btn-continue[b-3gokxzdw6w],
.archive-confirm-bar .btn-cancel[b-3gokxzdw6w] {
    background: none;
    border: 1px solid var(--border-input);
    border-radius: 4px;
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
    cursor: pointer;
}

.archive-confirm-bar .btn-continue[b-3gokxzdw6w] { color: var(--danger); border-color: var(--danger); }
.archive-confirm-bar .btn-continue:hover[b-3gokxzdw6w] { background: var(--danger-bg-hover); }
.archive-confirm-bar .btn-cancel[b-3gokxzdw6w] { color: var(--text-secondary); }
.archive-confirm-bar .btn-cancel:hover[b-3gokxzdw6w] { background: var(--bg-hover-btn); }
/* /Components/Pages/ManagementDashboard.razor.rz.scp.css */
.dashboard-page[b-6jegrqlam0] {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0.75rem 1rem;
    max-width: 1000px;
    margin: 0 auto;
    gap: 0;
}

.dashboard-top-bar[b-6jegrqlam0] {
    display: flex;
    align-items: center;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-default);
    margin-bottom: 0.25rem;
    flex-shrink: 0;
    position: sticky;
    top: 0;
    background: var(--bg-primary);
    z-index: 10;
}

.dashboard-tabs[b-6jegrqlam0] {
    display: flex;
    gap: 0.25rem;
}

.tab-btn[b-6jegrqlam0] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    padding: 0.3rem 0.8rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.8rem;
    transition: color 0.15s, background 0.15s;
}

.tab-btn:hover[b-6jegrqlam0] { color: var(--text-secondary); }

.tab-btn.active[b-6jegrqlam0] {
    background: var(--accent-bg);
    color: var(--text-secondary);
}

.filter-bar[b-6jegrqlam0] {
    display: flex;
    gap: 0.4rem;
    padding: 0.4rem 0;
    flex-wrap: wrap;
    align-items: center;
    flex-shrink: 0;
}

.filter-select[b-6jegrqlam0] {
    background: var(--bg-input);
    border: 1px solid var(--border-default);
    border-radius: 4px;
    color: var(--text-secondary);
    padding: 0.25rem 0.4rem;
    font-size: 0.75rem;
    outline: none;
}

.filter-select:focus[b-6jegrqlam0] { border-color: var(--accent); }

.list-section[b-6jegrqlam0] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
}

.list-section[b-6jegrqlam0]::-webkit-scrollbar { width: 4px; }
.list-section[b-6jegrqlam0]::-webkit-scrollbar-track { background: transparent; }
.list-section[b-6jegrqlam0]::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 2px; }

.empty-state[b-6jegrqlam0] {
    color: var(--text-faint);
    text-align: center;
    padding: 2rem;
    font-size: 0.8rem;
}

.list-header[b-6jegrqlam0] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.3rem 0.4rem;
    font-size: 0.72rem;
    color: var(--text-muted);
}

.selection-count[b-6jegrqlam0] { color: var(--accent); }

.group-header[b-6jegrqlam0] {
    padding: 0.4rem 0.4rem 0.2rem;
    font-size: 0.72rem;
    color: var(--text-muted);
    text-transform: lowercase;
    border-top: 1px solid var(--border-subtle);
    margin-top: 0.3rem;
}

.item-list[b-6jegrqlam0] {
    display: flex;
    flex-direction: column;
}

.list-row[b-6jegrqlam0] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 0.35rem 0.4rem;
    border-bottom: 1px solid var(--border-subtle);
    cursor: pointer;
    transition: background 0.1s;
}

.list-row:hover[b-6jegrqlam0] { background: var(--bg-hover); }
.list-row.selected[b-6jegrqlam0] { background: var(--accent-bg); }

.row-checkbox[b-6jegrqlam0] {
    margin-top: 0.2rem;
    accent-color: var(--accent);
    flex-shrink: 0;
}

.row-content[b-6jegrqlam0] {
    flex: 1;
    min-width: 0;
}

.row-title[b-6jegrqlam0] {
    color: var(--text-primary);
    font-size: 0.82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.row-meta[b-6jegrqlam0] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
    margin-top: 0.15rem;
}

.meta-badge[b-6jegrqlam0] {
    font-size: 0.62rem;
    padding: 0.05rem 0.3rem;
    border-radius: 3px;
    text-transform: lowercase;
}

.space-badge[b-6jegrqlam0] { color: var(--badge-text); background: var(--bg-hover); }

.status-needs_summary[b-6jegrqlam0],
.status-needssummary[b-6jegrqlam0] { color: var(--danger); }
.status-stale[b-6jegrqlam0] { color: var(--badge-scratchpad); }
.status-up_to_date[b-6jegrqlam0],
.status-uptodate[b-6jegrqlam0] { color: var(--success); }
.status-uncompacted[b-6jegrqlam0] { color: var(--text-muted); }

.type-scratchpad[b-6jegrqlam0] { color: var(--badge-scratchpad); }
.type-research[b-6jegrqlam0] { color: var(--badge-research); }
.type-reference[b-6jegrqlam0] { color: var(--badge-reference); }

.pinned-badge[b-6jegrqlam0] { color: var(--accent); }
.locked-badge[b-6jegrqlam0] { color: var(--text-muted); }
.archived-badge[b-6jegrqlam0] { color: var(--text-faint); font-style: italic; }
.active-badge[b-6jegrqlam0] { color: var(--success); }
.inactive-badge[b-6jegrqlam0] { color: var(--text-faint); }

.source-conversation_summary[b-6jegrqlam0] { color: var(--badge-research); }
.source-document_status[b-6jegrqlam0] { color: var(--badge-scratchpad); }
.source-merged[b-6jegrqlam0] { color: var(--accent); }
.source-manual[b-6jegrqlam0] { color: var(--text-muted); }

.meta-text[b-6jegrqlam0] { color: var(--text-faint); font-size: 0.68rem; }
.meta-date[b-6jegrqlam0] { color: var(--text-faint); font-size: 0.68rem; margin-left: auto; }
.model-lock[b-6jegrqlam0] { font-style: italic; }

.row-usernote[b-6jegrqlam0] {
    color: var(--text-muted);
    font-size: 0.7rem;
    font-style: italic;
    margin-top: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.row-preview[b-6jegrqlam0] {
    color: var(--text-faint);
    font-size: 0.7rem;
    margin-top: 0.1rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.significance-dot[b-6jegrqlam0] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 0.3rem;
    vertical-align: middle;
}

.sig-important[b-6jegrqlam0] { background: #c09040; }
.sig-reference[b-6jegrqlam0] { background: var(--text-muted); }
.sig-gem[b-6jegrqlam0] { background: #60a080; }
.sig-obsolete[b-6jegrqlam0] { background: var(--text-faint); }

.pin-indicator[b-6jegrqlam0] {
    color: var(--accent);
    font-size: 0.62rem;
    margin-right: 0.3rem;
}

/* Preview panel */
.preview-panel[b-6jegrqlam0] {
    border-top: 1px solid var(--border-default);
    max-height: 40vh;
    overflow-y: auto;
    flex-shrink: 0;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
}

.preview-header[b-6jegrqlam0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.4rem 0.5rem;
    border-bottom: 1px solid var(--border-subtle);
    position: sticky;
    top: 0;
    background: var(--bg-primary);
}

.preview-title[b-6jegrqlam0] {
    color: var(--text-primary);
    font-size: 0.82rem;
    font-weight: 500;
}

.preview-actions[b-6jegrqlam0] {
    display: flex;
    gap: 0.3rem;
    align-items: center;
}

.btn-close-preview[b-6jegrqlam0] {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 0.75rem;
}

.btn-close-preview:hover[b-6jegrqlam0] { color: var(--text-secondary); }

.preview-body[b-6jegrqlam0] {
    padding: 0.5rem;
}

.preview-content[b-6jegrqlam0] {
    color: var(--text-secondary);
    font-size: 0.78rem;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    line-height: 1.5;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
}

.preview-content.summary[b-6jegrqlam0] {
    border-left: 2px solid var(--accent);
    padding-left: 0.5rem;
    margin-top: 0.5rem;
}

.preview-summary-header[b-6jegrqlam0],
.preview-partitions-header[b-6jegrqlam0] {
    color: var(--text-muted);
    font-size: 0.72rem;
    margin-top: 0.75rem;
    margin-bottom: 0.25rem;
    text-transform: lowercase;
}

.preview-message[b-6jegrqlam0] {
    padding: 0.3rem 0;
    border-bottom: 1px solid var(--border-subtle);
}

.preview-message .msg-role[b-6jegrqlam0] {
    color: var(--text-muted);
    font-size: 0.68rem;
    text-transform: lowercase;
    display: block;
}

.preview-message .msg-content[b-6jegrqlam0] {
    color: var(--text-secondary);
    font-size: 0.78rem;
    display: block;
    white-space: pre-wrap;
    word-break: break-word;
}

.preview-message.assistant .msg-role[b-6jegrqlam0] { color: var(--accent); }

.partition-date[b-6jegrqlam0] {
    color: var(--text-faint);
    font-size: 0.65rem;
}

/* Action buttons */
.btn-action[b-6jegrqlam0] {
    background: none;
    border: 1px solid var(--border-default);
    border-radius: 4px;
    color: var(--text-muted);
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.btn-action:hover[b-6jegrqlam0] {
    color: var(--accent);
    border-color: var(--accent);
}

.btn-action-sm[b-6jegrqlam0] {
    background: none;
    border: 1px solid var(--border-default);
    border-radius: 3px;
    color: var(--text-muted);
    padding: 0.15rem 0.4rem;
    font-size: 0.72rem;
    cursor: pointer;
    transition: color 0.15s, border-color 0.15s;
}

.btn-action-sm:hover[b-6jegrqlam0] {
    color: var(--text-secondary);
    border-color: var(--border-input);
}

.btn-action-sm:disabled[b-6jegrqlam0] {
    opacity: 0.5;
    cursor: not-allowed;
}

.btn-danger-sm:hover[b-6jegrqlam0] {
    color: var(--danger);
    border-color: var(--danger);
}

/* Briefing edit */
.briefing-title-input[b-6jegrqlam0] {
    width: 100%;
    background: var(--bg-input);
    border: 1px solid var(--border-input);
    border-radius: 3px;
    color: var(--text-primary);
    font-size: 0.82rem;
    padding: 0.3rem 0.4rem;
    margin-bottom: 0.5rem;
    outline: none;
}

.briefing-title-input:focus[b-6jegrqlam0] { border-color: var(--accent); }

.briefing-content-input[b-6jegrqlam0] {
    width: 100%;
    min-height: 150px;
    background: var(--bg-input);
    border: 1px solid var(--border-input);
    border-radius: 3px;
    color: var(--text-secondary);
    font-size: 0.78rem;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    padding: 0.3rem 0.5rem;
    line-height: 1.5;
    resize: vertical;
    outline: none;
}

.briefing-content-input:focus[b-6jegrqlam0] { border-color: var(--accent); }

.preview-edit-actions[b-6jegrqlam0] {
    display: flex;
    gap: 0.3rem;
    margin-top: 0.5rem;
}

/* Operations log */
.ops-log-section[b-6jegrqlam0] {
    border-top: 1px solid var(--border-default);
    margin-top: 0.5rem;
    flex-shrink: 0;
}

.ops-log-toggle[b-6jegrqlam0] {
    color: var(--text-muted);
    font-size: 0.72rem;
    cursor: pointer;
    padding: 0.3rem 0.4rem;
    user-select: none;
}

.ops-log-toggle:hover[b-6jegrqlam0] { color: var(--text-secondary); }

.ops-log-list[b-6jegrqlam0] {
    max-height: 200px;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
}

.ops-log-row[b-6jegrqlam0] {
    display: flex;
    gap: 0.5rem;
    padding: 0.2rem 0.4rem;
    font-size: 0.68rem;
    color: var(--text-faint);
    border-bottom: 1px solid var(--border-subtle);
}

.log-date[b-6jegrqlam0] { min-width: 100px; }
.log-action[b-6jegrqlam0] { color: var(--text-muted); min-width: 80px; }
.log-trigger[b-6jegrqlam0] { color: var(--text-faint); min-width: 80px; }
.log-model[b-6jegrqlam0] { min-width: 100px; }
.log-provider[b-6jegrqlam0] { min-width: 60px; }
.log-tokens[b-6jegrqlam0] { min-width: 120px; }
.log-cost[b-6jegrqlam0] { margin-left: auto; color: var(--text-muted); }

/* Significance test color */
.sig-test[b-6jegrqlam0] { background: #98c379; }

/* Error bar */
.error-bar[b-6jegrqlam0] {
    color: var(--danger);
    font-size: 0.72rem;
    padding: 0.3rem 0.5rem;
    border-top: 1px solid var(--danger);
    background: rgba(224, 108, 117, 0.1);
    flex-shrink: 0;
}

/* Partition expand/collapse */
.partition-header-row[b-6jegrqlam0] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    cursor: pointer;
}

.partition-toggle[b-6jegrqlam0] {
    color: var(--text-muted);
    font-size: 0.62rem;
    width: 10px;
    flex-shrink: 0;
    font-family: monospace;
}

.partition-preview-text[b-6jegrqlam0] {
    color: var(--text-faint);
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

.partition-full-summary[b-6jegrqlam0] {
    color: var(--text-secondary);
    font-size: 0.75rem;
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0.3rem 0 0.2rem 1rem;
    padding: 0.3rem 0.5rem;
    border-left: 2px solid var(--accent);
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    line-height: 1.5;
}

.partition-meta[b-6jegrqlam0] {
    display: flex;
    gap: 0.5rem;
    margin-left: 1rem;
    padding-top: 0.15rem;
}

.preview-partition[b-6jegrqlam0] {
    padding: 0.25rem 0;
    border-bottom: 1px solid var(--border-subtle);
}

.preview-partition.expanded[b-6jegrqlam0] {
    padding-bottom: 0.4rem;
    background: rgba(255, 255, 255, 0.02);
}

.partition-edit-area[b-6jegrqlam0] {
    width: 100%;
    min-height: 100px;
    background: var(--bg-input);
    border: 1px solid var(--border-input);
    border-radius: 3px;
    color: var(--text-secondary);
    font-size: 0.75rem;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    padding: 0.3rem 0.5rem;
    line-height: 1.5;
    resize: vertical;
    outline: none;
    margin: 0.3rem 0 0 1rem;
}

.partition-edit-area:focus[b-6jegrqlam0] { border-color: var(--accent); }

.partition-edit-actions[b-6jegrqlam0] {
    display: flex;
    gap: 0.3rem;
    margin: 0.3rem 0 0 1rem;
}

.btn-inline[b-6jegrqlam0] {
    font-size: 0.65rem;
    padding: 0.1rem 0.3rem;
    margin-left: auto;
}

/* Partition tags */
.partition-tags[b-6jegrqlam0] {
    color: var(--accent);
    font-size: 0.65rem;
    margin-top: 0;
}

/* Preview tags */
.preview-tags[b-6jegrqlam0] {
    color: var(--accent);
    font-size: 0.72rem;
    margin-top: 0.3rem;
}

/* Preview summary result */
.preview-summary-result[b-6jegrqlam0] {
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-default);
}

/* Bulk confirm modal */
.modal-backdrop[b-6jegrqlam0] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-dialog[b-6jegrqlam0] {
    background: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: 6px;
    padding: 0;
    min-width: 350px;
    max-width: 450px;
}

.modal-header[b-6jegrqlam0] {
    color: var(--text-primary);
    font-size: 0.88rem;
    font-weight: 500;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-subtle);
}

.modal-body[b-6jegrqlam0] {
    padding: 0.75rem 1rem;
    color: var(--text-secondary);
    font-size: 0.8rem;
}

.modal-field[b-6jegrqlam0] {
    margin: 0.5rem 0 0.25rem;
}

.modal-label[b-6jegrqlam0] {
    display: block;
    color: var(--text-muted);
    font-size: 0.72rem;
    margin-bottom: 0.2rem;
}

.modal-field-meta[b-6jegrqlam0] {
    color: var(--text-faint);
    font-size: 0.68rem;
    margin-bottom: 0.4rem;
}

.modal-checkbox[b-6jegrqlam0] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--text-secondary);
    font-size: 0.78rem;
    cursor: pointer;
    margin-top: 0.3rem;
}

.modal-checkbox input[type="checkbox"][b-6jegrqlam0] {
    accent-color: var(--accent);
}

.modal-footer[b-6jegrqlam0] {
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-top: 1px solid var(--border-subtle);
}

.btn-primary-sm[b-6jegrqlam0] {
    background: var(--accent);
    color: white;
    border-color: var(--accent);
}

.btn-primary-sm:hover[b-6jegrqlam0] {
    background: var(--accent);
    color: white;
    opacity: 0.9;
}

/* Progress bar */
.progress-bar-section[b-6jegrqlam0] {
    padding: 0.4rem 0.5rem;
    border-top: 1px solid var(--border-default);
    flex-shrink: 0;
}

.progress-text[b-6jegrqlam0] {
    color: var(--text-muted);
    font-size: 0.72rem;
    margin-bottom: 0.25rem;
}

.progress-track[b-6jegrqlam0] {
    height: 4px;
    background: var(--bg-hover);
    border-radius: 2px;
    overflow: hidden;
}

.progress-fill[b-6jegrqlam0] {
    height: 100%;
    background: var(--accent);
    border-radius: 2px;
    transition: width 0.3s ease;
}
/* /Components/Pages/SpaceDetail.razor.rz.scp.css */
.space-detail-page[b-027wv8pp2d] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 0.75rem 1rem;
    max-width: 800px;
    margin: 0 auto;
    gap: 0;
}

/* Space header */
.space-header[b-027wv8pp2d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.5rem;
    flex-shrink: 0;
}

.space-header-left[b-027wv8pp2d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-back[b-027wv8pp2d] {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s;
}

.btn-back:hover[b-027wv8pp2d] {
    color: var(--text-secondary);
}

.space-icon[b-027wv8pp2d] {
    font-size: 1.2rem;
}

.space-name[b-027wv8pp2d] {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 500;
}

.space-header-right[b-027wv8pp2d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-edit[b-027wv8pp2d] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    background: none;
    border: 1px solid var(--border-default);
    border-radius: 4px;
    color: var(--text-secondary);
    padding: 0.3rem 0.6rem;
    font-size: 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-edit:hover[b-027wv8pp2d] {
    border-color: var(--border-input);
    color: var(--text-primary);
}

/* Top bar */
.doc-top-bar[b-027wv8pp2d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--border-default);
    margin-bottom: 0.25rem;
    flex-shrink: 0;
    position: sticky;
    top: 0;
    background: var(--bg-primary);
    z-index: 10;
}

.doc-filters[b-027wv8pp2d] {
    display: flex;
    gap: 0.25rem;
}

.filter-btn[b-027wv8pp2d] {
    background: transparent;
    border: none;
    color: var(--text-muted);
    padding: 0.2rem 0.6rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.78rem;
    transition: color 0.15s;
}

.filter-btn:hover[b-027wv8pp2d] { color: var(--text-secondary); }

.filter-btn.active[b-027wv8pp2d] {
    background: var(--accent-bg);
    color: var(--text-secondary);
}

.doc-top-actions[b-027wv8pp2d] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
}

.btn-copy-all[b-027wv8pp2d] { color: var(--text-muted); padding: 3px 5px; }
.btn-copy-all:hover[b-027wv8pp2d] { color: var(--text-secondary); }

.btn-add-doc[b-027wv8pp2d] {
    background: none;
    border: 1px solid var(--border-default);
    border-radius: 4px;
    color: var(--text-muted);
    padding: 3px 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s, border-color 0.15s;
}

.btn-add-doc:hover[b-027wv8pp2d] { color: var(--text-secondary); border-color: var(--border-input); }

.btn-archive-all[b-027wv8pp2d] {
    background: none;
    border: 1px solid var(--border-default);
    border-radius: 4px;
    color: var(--text-muted);
    padding: 3px 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s, border-color 0.15s;
}

.btn-archive-all:hover[b-027wv8pp2d] { color: var(--danger); border-color: var(--danger); }

/* Document list */
.doc-list[b-027wv8pp2d] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    flex: 1;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
}

.doc-list[b-027wv8pp2d]::-webkit-scrollbar { width: 4px; }
.doc-list[b-027wv8pp2d]::-webkit-scrollbar-track { background: transparent; }
.doc-list[b-027wv8pp2d]::-webkit-scrollbar-thumb { background: var(--scrollbar-thumb); border-radius: 2px; }

.doc-empty[b-027wv8pp2d] { color: var(--text-faint); text-align: center; padding: 2rem; font-size: 0.8rem; }

.btn-icon[b-027wv8pp2d] { background: none; border: none; color: var(--text-muted); cursor: pointer; padding: 2px; border-radius: 3px; display: flex; align-items: center; justify-content: center; line-height: 1; }
.btn-icon:hover:not(:disabled)[b-027wv8pp2d] { color: var(--text-secondary); }

/* Archive all confirmation bar */
.archive-confirm-bar[b-027wv8pp2d] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.6rem;
    background: var(--danger-bg);
    border: 1px solid var(--danger-border);
    border-radius: 4px;
    margin-bottom: 0.25rem;
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.archive-confirm-bar .btn-continue[b-027wv8pp2d],
.archive-confirm-bar .btn-cancel[b-027wv8pp2d] {
    background: none;
    border: 1px solid var(--border-input);
    border-radius: 4px;
    padding: 0.2rem 0.5rem;
    font-size: 0.75rem;
    cursor: pointer;
}

.archive-confirm-bar .btn-continue[b-027wv8pp2d] { color: var(--danger); border-color: var(--danger); }
.archive-confirm-bar .btn-continue:hover[b-027wv8pp2d] { background: var(--danger-bg-hover); }
.archive-confirm-bar .btn-cancel[b-027wv8pp2d] { color: var(--text-secondary); }
.archive-confirm-bar .btn-cancel:hover[b-027wv8pp2d] { background: var(--bg-hover-btn); }

/* Modal styles */
.modal-overlay[b-027wv8pp2d] {
    position: fixed;
    inset: 0;
    background: var(--bg-overlay);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-027wv8pp2d] {
    background: var(--bg-primary);
    border: 1px solid var(--border-default);
    border-radius: 8px;
    width: 90%;
    max-width: 450px;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-confirm[b-027wv8pp2d] {
    max-width: 350px;
}

.modal-header[b-027wv8pp2d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--border-default);
}

.modal-header h2[b-027wv8pp2d] {
    color: var(--text-primary);
    font-size: 0.95rem;
    font-weight: 500;
    margin: 0;
}

.btn-close-modal[b-027wv8pp2d] {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-close-modal:hover[b-027wv8pp2d] {
    color: var(--text-secondary);
}

.modal-body[b-027wv8pp2d] {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.modal-body p[b-027wv8pp2d] {
    color: var(--text-secondary);
    font-size: 0.85rem;
    margin: 0;
}

.modal-body .warning[b-027wv8pp2d] {
    color: var(--danger);
    font-size: 0.78rem;
}

.form-group[b-027wv8pp2d] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.form-group label[b-027wv8pp2d] {
    color: var(--text-label);
    font-size: 0.75rem;
}

.form-group input[b-027wv8pp2d],
.form-group textarea[b-027wv8pp2d] {
    background: var(--bg-input);
    border: 1px solid var(--border-input);
    border-radius: 4px;
    color: var(--text-primary);
    padding: 0.5rem 0.6rem;
    font-size: 0.82rem;
    outline: none;
    font-family: inherit;
}

.form-group input:focus[b-027wv8pp2d],
.form-group textarea:focus[b-027wv8pp2d] {
    border-color: var(--accent);
}

.form-group textarea[b-027wv8pp2d] {
    resize: vertical;
    min-height: 60px;
}

.preferences-section[b-027wv8pp2d] {
    margin-top: 0.25rem;
}

.preferences-section summary[b-027wv8pp2d] {
    color: var(--text-muted);
    font-size: 0.75rem;
    cursor: pointer;
    padding: 0.25rem 0;
}

.preferences-section summary:hover[b-027wv8pp2d] {
    color: var(--text-label);
}

.preferences-section .form-group[b-027wv8pp2d] {
    margin-top: 0.5rem;
}

.modal-footer[b-027wv8pp2d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    border-top: 1px solid var(--border-default);
    gap: 0.5rem;
}

.modal-actions[b-027wv8pp2d] {
    display: flex;
    gap: 0.5rem;
    margin-left: auto;
}

.btn-save[b-027wv8pp2d],
.btn-cancel[b-027wv8pp2d],
.btn-delete[b-027wv8pp2d],
.btn-delete-confirm[b-027wv8pp2d] {
    background: none;
    border: 1px solid var(--border-input);
    border-radius: 4px;
    padding: 0.4rem 0.8rem;
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-save[b-027wv8pp2d] {
    color: var(--accent);
    border-color: var(--accent);
}

.btn-save:hover[b-027wv8pp2d] {
    background: var(--accent-bg);
}

.btn-cancel[b-027wv8pp2d] {
    color: var(--text-secondary);
}

.btn-cancel:hover[b-027wv8pp2d] {
    background: var(--bg-hover-btn);
}

.btn-delete[b-027wv8pp2d] {
    color: var(--danger);
    border-color: transparent;
}

.btn-delete:hover[b-027wv8pp2d] {
    background: var(--danger-bg);
}

.btn-delete-confirm[b-027wv8pp2d] {
    color: var(--text-inverse);
    background: var(--danger);
    border-color: var(--danger);
}

.btn-delete-confirm:hover[b-027wv8pp2d] {
    background: var(--danger-hover);
}
/* /Components/Pages/Spaces.razor.rz.scp.css */
.spaces-page[b-uasp3xb92a] {
    display: flex;
    flex-direction: column;
    height: 100vh;
    padding: 0.75rem 1rem;
    max-width: 900px;
    margin: 0 auto;
    gap: 1rem;
    overflow-y: auto;
}

.spaces-header[b-uasp3xb92a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #2b2d31;
    flex-shrink: 0;
}

.spaces-header h1[b-uasp3xb92a] {
    color: #b0b0b0;
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

.btn-new-space[b-uasp3xb92a] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    background: none;
    border: 1px solid #2b2d31;
    border-radius: 4px;
    color: #8e919a;
    padding: 0.4rem 0.75rem;
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-new-space:hover[b-uasp3xb92a] {
    border-color: #5865f2;
    color: #5865f2;
}

/* Create space form */
.space-create-form[b-uasp3xb92a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #2b2d31;
    border-radius: 6px;
    flex-shrink: 0;
}

.space-name-input[b-uasp3xb92a] {
    flex: 1;
    background: transparent;
    border: 1px solid #3b3d44;
    border-radius: 4px;
    color: #b0b0b0;
    padding: 0.4rem 0.6rem;
    font-size: 0.82rem;
    outline: none;
}

.space-name-input:focus[b-uasp3xb92a] {
    border-color: #5865f2;
}

.space-icon-input[b-uasp3xb92a] {
    width: 60px;
    background: transparent;
    border: 1px solid #3b3d44;
    border-radius: 4px;
    color: #b0b0b0;
    padding: 0.4rem 0.6rem;
    font-size: 0.82rem;
    text-align: center;
    outline: none;
}

.space-icon-input:focus[b-uasp3xb92a] {
    border-color: #5865f2;
}

.space-form-actions[b-uasp3xb92a] {
    display: flex;
    gap: 0.3rem;
}

.btn-create[b-uasp3xb92a],
.btn-cancel[b-uasp3xb92a] {
    background: none;
    border: 1px solid #3b3d44;
    border-radius: 4px;
    padding: 0.4rem 0.75rem;
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-create[b-uasp3xb92a] {
    color: #5865f2;
    border-color: #5865f2;
}

.btn-create:hover[b-uasp3xb92a] {
    background: rgba(88, 101, 242, 0.15);
}

.btn-cancel[b-uasp3xb92a] {
    color: #8e919a;
}

.btn-cancel:hover[b-uasp3xb92a] {
    background: rgba(255, 255, 255, 0.05);
}

/* Space cards grid */
.spaces-grid[b-uasp3xb92a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 0.75rem;
    flex-shrink: 0;
}

.space-card[b-uasp3xb92a] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #2b2d31;
    border-radius: 8px;
    padding: 1rem;
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    position: relative;
}

.space-card:hover[b-uasp3xb92a] {
    border-color: #3b3d44;
    background: rgba(255, 255, 255, 0.04);
}

.space-card.default[b-uasp3xb92a] {
    border-color: rgba(88, 101, 242, 0.3);
}

.space-icon[b-uasp3xb92a] {
    font-size: 2rem;
    line-height: 1;
}

.space-name[b-uasp3xb92a] {
    color: #b0b0b0;
    font-size: 0.88rem;
    font-weight: 500;
}

.space-stats[b-uasp3xb92a] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    color: #4a4d55;
    font-size: 0.72rem;
}

.space-stats .active-items[b-uasp3xb92a] {
    color: #706040;
}

.default-badge[b-uasp3xb92a] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
    font-size: 0.6rem;
    color: #5865f2;
    background: rgba(88, 101, 242, 0.15);
    padding: 0.1rem 0.35rem;
    border-radius: 3px;
}

/* Search section */
.search-section[b-uasp3xb92a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.search-divider[b-uasp3xb92a] {
    border-top: 1px solid #2b2d31;
    margin-bottom: 1rem;
}

.search-input-wrapper[b-uasp3xb92a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #2b2d31;
    border-radius: 6px;
    padding: 0.5rem 0.75rem;
    flex-shrink: 0;
}

.search-input-wrapper svg[b-uasp3xb92a] {
    color: #4a4d55;
    flex-shrink: 0;
}

.search-input[b-uasp3xb92a] {
    flex: 1;
    background: transparent;
    border: none;
    color: #b0b0b0;
    font-size: 0.85rem;
    outline: none;
}

.search-input[b-uasp3xb92a]::placeholder {
    color: #4a4d55;
}

/* Search results */
.search-results[b-uasp3xb92a] {
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    overflow-y: auto;
    flex: 1;
    scrollbar-width: thin;
    scrollbar-color: #2b2d31 transparent;
}

.search-results[b-uasp3xb92a]::-webkit-scrollbar {
    width: 4px;
}

.search-results[b-uasp3xb92a]::-webkit-scrollbar-track {
    background: transparent;
}

.search-results[b-uasp3xb92a]::-webkit-scrollbar-thumb {
    background: #2b2d31;
    border-radius: 2px;
}

.search-result[b-uasp3xb92a] {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #2b2d31;
    border-radius: 6px;
    padding: 0.75rem;
    cursor: pointer;
    transition: all 0.15s;
}

.search-result:hover[b-uasp3xb92a] {
    border-color: #3b3d44;
    background: rgba(255, 255, 255, 0.04);
}

.result-title[b-uasp3xb92a] {
    color: #b0b0b0;
    font-size: 0.85rem;
    font-weight: 500;
    margin-bottom: 0.3rem;
}

.result-snippet[b-uasp3xb92a] {
    color: #6a6d75;
    font-size: 0.78rem;
    line-height: 1.4;
    margin-bottom: 0.4rem;
    word-break: break-word;
}

.result-meta[b-uasp3xb92a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.result-space[b-uasp3xb92a] {
    color: #5a5d65;
    font-size: 0.72rem;
}

.result-badge[b-uasp3xb92a] {
    font-size: 0.62rem;
    padding: 0.05rem 0.35rem;
    border-radius: 3px;
    text-transform: lowercase;
    letter-spacing: 0.02em;
    color: #555860;
    background: transparent;
}

.result-badge.scratchpad[b-uasp3xb92a] { color: #706040; }
.result-badge.research[b-uasp3xb92a] { color: #406050; }
.result-badge.reference[b-uasp3xb92a] { color: #405070; }

.result-date[b-uasp3xb92a] {
    color: #3b3d44;
    font-size: 0.68rem;
    margin-left: auto;
}

.search-empty[b-uasp3xb92a] {
    color: #4a4d55;
    text-align: center;
    padding: 2rem;
    font-size: 0.82rem;
}

/* Responsive */
@media (max-width: 600px) {
    .spaces-grid[b-uasp3xb92a] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 400px) {
    .spaces-grid[b-uasp3xb92a] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/DocumentDropdown.razor.rz.scp.css */
.doc-menu-wrapper[b-hik6e3enyt] {
    position: relative;
}

.btn-icon[b-hik6e3enyt] {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 2px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.btn-icon:hover:not(:disabled)[b-hik6e3enyt] {
    color: var(--text-secondary);
}

.doc-dropdown[b-hik6e3enyt] {
    position: absolute;
    top: 100%;
    right: 0;
    background: var(--bg-surface);
    border: 1px solid var(--border-default);
    border-radius: 4px;
    padding: 0.2rem 0;
    min-width: 140px;
    z-index: 100;
    box-shadow: var(--shadow-dropdown);
}

.doc-dropdown button[b-hik6e3enyt] {
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: none;
    color: var(--text-primary);
    padding: 0.3rem 0.6rem;
    font-size: 0.78rem;
    cursor: pointer;
}

.doc-dropdown button:hover[b-hik6e3enyt] {
    background: var(--bg-hover-btn);
}

.dropdown-divider[b-hik6e3enyt] {
    border-top: 1px solid var(--border-default);
    margin: 0.15rem 0;
}

.dropdown-label[b-hik6e3enyt] {
    display: block;
    padding: 0.2rem 0.6rem 0.05rem;
    font-size: 0.65rem;
    color: var(--text-muted);
    text-transform: lowercase;
}

.annotate-panel[b-hik6e3enyt] {
    padding: 0.3rem 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.annotate-select[b-hik6e3enyt] {
    background: var(--bg-input);
    border: 1px solid var(--border-input);
    border-radius: 3px;
    color: var(--text-secondary);
    font-size: 0.75rem;
    padding: 0.2rem 0.3rem;
    outline: none;
}

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

.annotate-note-input[b-hik6e3enyt] {
    background: var(--bg-input);
    border: 1px solid var(--border-input);
    border-radius: 3px;
    color: var(--text-secondary);
    font-size: 0.75rem;
    padding: 0.2rem 0.3rem;
    outline: none;
    width: 100%;
}

.annotate-note-input:focus[b-hik6e3enyt] { border-color: var(--accent); }
.annotate-note-input[b-hik6e3enyt]::placeholder { color: var(--text-faint); }

.annotate-actions[b-hik6e3enyt] {
    display: flex;
    gap: 0.3rem;
}

.annotate-save[b-hik6e3enyt],
.annotate-cancel[b-hik6e3enyt] {
    background: none;
    border: 1px solid var(--border-input);
    border-radius: 3px;
    padding: 0.15rem 0.4rem;
    font-size: 0.7rem;
    cursor: pointer;
}

.annotate-save[b-hik6e3enyt] { color: var(--success); border-color: var(--success); }
.annotate-save:hover[b-hik6e3enyt] { background: var(--success-bg); }
.annotate-cancel[b-hik6e3enyt] { color: var(--text-muted); }
.annotate-cancel:hover[b-hik6e3enyt] { color: var(--text-secondary); }
/* /Components/Shared/DocumentPanel.razor.rz.scp.css */
.doc-panel[b-d7hwum163o] {
    border-bottom: 1px solid var(--border-subtle);
}

.doc-panel.expanded[b-d7hwum163o] {
    border-left: 2px solid var(--border-default);
    border-bottom: 1px solid var(--border-default);
    margin-bottom: 2px;
}

.doc-row[b-d7hwum163o] {
    display: flex;
    align-items: center;
    padding: 0.3rem 0.4rem;
    cursor: pointer;
    gap: 0.5rem;
    user-select: none;
    min-height: 0;
}

.doc-row:hover[b-d7hwum163o] {
    background: var(--bg-hover);
}

.doc-row:hover .doc-row-actions[b-d7hwum163o] {
    opacity: 1;
}

.doc-title[b-d7hwum163o] {
    color: var(--text-primary);
    font-size: 0.82rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    min-width: 0;
}

.doc-meta[b-d7hwum163o] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

.doc-meta-expanded[b-d7hwum163o] {
    flex: 1;
}

.doc-badge[b-d7hwum163o] {
    font-size: 0.62rem;
    padding: 0.05rem 0.35rem;
    border-radius: 3px;
    text-transform: lowercase;
    letter-spacing: 0.02em;
    color: var(--badge-text);
    background: transparent;
}

.doc-badge.scratchpad[b-d7hwum163o] { color: var(--badge-scratchpad); }
.doc-badge.research[b-d7hwum163o] { color: var(--badge-research); }
.doc-badge.reference[b-d7hwum163o] { color: var(--badge-reference); }

.doc-lock-icon[b-d7hwum163o] {
    color: var(--lock-active);
}

.doc-pin-icon[b-d7hwum163o] {
    color: var(--text-muted);
}

.doc-pin-icon.pinned[b-d7hwum163o] {
    color: var(--pin-active);
}

.doc-date[b-d7hwum163o] {
    color: var(--text-faint);
    font-size: 0.68rem;
}

.doc-row-actions[b-d7hwum163o] {
    display: flex;
    align-items: center;
    gap: 1px;
    opacity: 0;
    transition: opacity 0.1s;
}

.doc-row:hover .doc-row-actions[b-d7hwum163o] {
    opacity: 1;
}

@media (max-width: 767.98px) {
    .doc-row-actions[b-d7hwum163o] {
        opacity: 1;
    }
}

.btn-icon[b-d7hwum163o] {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 2px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.btn-icon:hover:not(:disabled)[b-d7hwum163o] {
    color: var(--text-secondary);
}

.btn-icon:disabled[b-d7hwum163o] {
    opacity: 0.2;
    cursor: default;
}

.pinned[b-d7hwum163o] {
    color: var(--pin-active);
}

.doc-body[b-d7hwum163o] {
    padding: 0.25rem 0.5rem 0.5rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

.doc-body-toolbar[b-d7hwum163o] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.doc-title-edit[b-d7hwum163o] {
    flex: 1;
    background: transparent;
    border: none;
    border-bottom: 1px solid transparent;
    color: var(--text-primary);
    font-size: 0.82rem;
    padding: 0.15rem 0;
    outline: none;
}

.doc-title-edit:focus[b-d7hwum163o] {
    border-bottom-color: var(--border-input);
}

.doc-title-edit:disabled[b-d7hwum163o] {
    opacity: 0.6;
    cursor: default;
}

.doc-toolbar-right[b-d7hwum163o] {
    display: flex;
    align-items: center;
    gap: 0.2rem;
    flex-shrink: 0;
}

.doc-save-indicator[b-d7hwum163o] {
    display: flex;
    align-items: center;
    color: var(--text-faint);
    transition: color 0.3s;
}

.doc-save-indicator.saved[b-d7hwum163o] {
    color: var(--success);
}

.doc-textarea[b-d7hwum163o] {
    background: transparent;
    border: none;
    border-left: 1px solid var(--border-default);
    color: var(--text-secondary);
    padding: 0.3rem 0.5rem;
    font-family: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
    font-size: 0.8rem;
    line-height: 1.5;
    resize: none;
    min-height: 60px;
    width: 100%;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: var(--scrollbar-thumb) transparent;
}

.doc-textarea:focus[b-d7hwum163o] {
    outline: none;
    border-left-color: var(--border-input);
}

.doc-textarea:disabled[b-d7hwum163o] {
    opacity: 0.6;
    cursor: default;
}

.doc-textarea[b-d7hwum163o]::placeholder {
    color: var(--text-placeholder);
}

.doc-content-area[b-d7hwum163o] {
    display: flex;
    flex-direction: column;
}

.doc-content-area .doc-textarea[b-d7hwum163o] {
    max-height: none;
}

.notes-section[b-d7hwum163o] {
    margin-top: 0.4rem;
    border-top: 1px solid var(--border-subtle);
    padding-top: 0.2rem;
}

.notes-summary[b-d7hwum163o] {
    color: var(--text-faint);
    font-size: 0.72rem;
    cursor: pointer;
    padding: 0.2rem 0.3rem;
    user-select: none;
}

.notes-summary:hover[b-d7hwum163o] {
    color: var(--text-muted);
}

.continuation-prompt[b-d7hwum163o] {
    background: var(--bg-overlay-light);
    border: 1px solid var(--border-default);
    border-radius: 6px;
    padding: 0.75rem;
    margin: 0.3rem 0;
}

.continuation-content p[b-d7hwum163o] {
    color: var(--text-secondary);
    font-size: 0.82rem;
    margin: 0 0 0.5rem 0;
}

.continuation-actions[b-d7hwum163o] {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.btn-continue[b-d7hwum163o],
.btn-archive-only[b-d7hwum163o],
.btn-cancel[b-d7hwum163o] {
    background: none;
    border: 1px solid var(--border-input);
    border-radius: 4px;
    padding: 0.3rem 0.6rem;
    font-size: 0.78rem;
    cursor: pointer;
    transition: all 0.15s;
}

.btn-continue[b-d7hwum163o] {
    color: var(--accent);
    border-color: var(--accent);
}

.btn-continue:hover[b-d7hwum163o] {
    background: var(--accent-bg);
}

.btn-archive-only[b-d7hwum163o] {
    color: var(--text-secondary);
}

.btn-archive-only:hover[b-d7hwum163o] {
    background: var(--bg-hover-btn);
}

.btn-cancel[b-d7hwum163o] {
    color: var(--text-muted);
}

.btn-cancel:hover[b-d7hwum163o] {
    color: var(--text-secondary);
    background: var(--bg-hover-muted);
}

.significance-dot[b-d7hwum163o] {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 0.3rem;
    flex-shrink: 0;
}

.sig-important[b-d7hwum163o] { background: #c09040; }
.sig-reference[b-d7hwum163o] { background: var(--text-muted); }
.sig-gem[b-d7hwum163o] { background: #60a080; }
.sig-obsolete[b-d7hwum163o] { background: var(--text-faint); }

.doc-usernote[b-d7hwum163o] {
    color: var(--text-muted);
    font-size: 0.7rem;
    font-style: italic;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
    flex-shrink: 1;
}
/* /Components/Shared/ItemList.razor.rz.scp.css */
.items-section[b-8r0zgk8435] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.items-list[b-8r0zgk8435] {
    display: flex;
    flex-direction: column;
}

/* Dismissed items within ItemList (not handled by ItemRow) */
.item-row[b-8r0zgk8435] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 0.25rem 0.3rem;
    border-radius: 3px;
    transition: background 0.1s;
}

.item-row:hover[b-8r0zgk8435] {
    background: var(--bg-hover-subtle);
}

.item-row:hover .item-actions[b-8r0zgk8435] {
    opacity: 1;
}

.item-content.dismissed[b-8r0zgk8435] {
    color: var(--text-faint);
    font-style: italic;
    flex: 1;
    font-size: 0.82rem;
    line-height: 1.4;
    padding: 0.1rem 0;
}

.item-actions[b-8r0zgk8435] {
    display: flex;
    align-items: center;
    gap: 2px;
    opacity: 0;
    transition: opacity 0.1s;
    flex-shrink: 0;
}

@media (max-width: 767.98px) {
    .item-actions[b-8r0zgk8435] {
        opacity: 1;
    }
}

.btn-item-action[b-8r0zgk8435] {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s;
}

.btn-item-action:hover[b-8r0zgk8435] {
    color: var(--text-secondary);
}

.btn-item-action.btn-item-delete:hover[b-8r0zgk8435] {
    color: var(--danger);
}

.dismissed-section[b-8r0zgk8435] {
    margin-top: 0.3rem;
    border-top: 1px solid var(--border-subtle);
    padding-top: 0.2rem;
}

.dismissed-summary[b-8r0zgk8435] {
    color: var(--text-faint);
    font-size: 0.72rem;
    cursor: pointer;
    padding: 0.2rem 0.3rem;
    user-select: none;
}

.dismissed-summary:hover[b-8r0zgk8435] {
    color: var(--text-muted);
}

.add-item-row[b-8r0zgk8435] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.3rem 0.3rem;
    margin-top: 0.2rem;
}

.add-item-input[b-8r0zgk8435] {
    flex: 1;
    background: transparent;
    border: none;
    border-bottom: 1px solid var(--border-default);
    color: var(--text-secondary);
    font-size: 0.82rem;
    padding: 0.2rem 0.3rem;
    outline: none;
}

.add-item-input:focus[b-8r0zgk8435] {
    border-bottom-color: var(--accent);
}

.add-item-input[b-8r0zgk8435]::placeholder {
    color: var(--text-faint);
}

.btn-add-item[b-8r0zgk8435] {
    background: none;
    border: 1px solid var(--border-default);
    border-radius: 4px;
    color: var(--text-muted);
    padding: 3px 5px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s, border-color 0.15s;
}

.btn-add-item:hover[b-8r0zgk8435] {
    color: var(--accent);
    border-color: var(--accent);
}
/* /Components/Shared/ItemRow.razor.rz.scp.css */
.item-row[b-gmlao97ocs] {
    display: flex;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 0.25rem 0.3rem;
    border-radius: 3px;
    transition: background 0.1s;
}

.item-row:hover[b-gmlao97ocs] {
    background: var(--bg-hover-subtle);
}

.item-row:hover .item-actions[b-gmlao97ocs] {
    opacity: 1;
}

.item-checkbox[b-gmlao97ocs] {
    width: 18px;
    height: 18px;
    min-width: 18px;
    border: 1px solid var(--border-input);
    border-radius: 3px;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    transition: all 0.15s;
    margin-top: 1px;
}

.item-checkbox:hover:not(:disabled)[b-gmlao97ocs] {
    border-color: var(--accent);
}

.item-checkbox.checked[b-gmlao97ocs] {
    background: var(--checkbox-accent);
    border-color: var(--checkbox-accent);
    color: var(--text-inverse);
}

.item-checkbox:disabled[b-gmlao97ocs] {
    opacity: 0.3;
    cursor: default;
}

.item-content[b-gmlao97ocs] {
    flex: 1;
    color: var(--text-secondary);
    font-size: 0.82rem;
    line-height: 1.4;
    word-break: break-word;
    cursor: default;
    padding: 0.1rem 0;
}

.item-content.done[b-gmlao97ocs] {
    text-decoration: line-through;
    color: var(--text-muted);
}

.item-content.dismissed[b-gmlao97ocs] {
    color: var(--text-faint);
    font-style: italic;
}

.item-continued-badge[b-gmlao97ocs],
.item-promoted-badge[b-gmlao97ocs] {
    display: inline-block;
    font-size: 0.6rem;
    padding: 0.05rem 0.3rem;
    margin-left: 0.3rem;
    border-radius: 3px;
    vertical-align: middle;
}

.item-continued-badge[b-gmlao97ocs] {
    background: var(--accent-bg);
    color: var(--accent);
}

.item-promoted-badge[b-gmlao97ocs] {
    background: var(--success-bg);
    color: var(--success);
}

.item-edit-input[b-gmlao97ocs] {
    flex: 1;
    background: var(--bg-input);
    border: 1px solid var(--border-input);
    border-radius: 3px;
    color: var(--text-secondary);
    font-size: 0.82rem;
    padding: 0.2rem 0.4rem;
    outline: none;
}

.item-edit-input:focus[b-gmlao97ocs] {
    border-color: var(--accent);
}

.item-actions[b-gmlao97ocs] {
    display: flex;
    align-items: center;
    gap: 2px;
    opacity: 0;
    transition: opacity 0.1s;
    flex-shrink: 0;
}

@media (max-width: 767.98px) {
    .item-actions[b-gmlao97ocs] {
        opacity: 1;
    }
}

.btn-item-action[b-gmlao97ocs] {
    background: none;
    border: none;
    color: var(--text-muted);
    cursor: pointer;
    padding: 3px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.15s;
}

.btn-item-action:hover[b-gmlao97ocs] {
    color: var(--text-secondary);
}

.btn-item-action.btn-item-delete:hover[b-gmlao97ocs] {
    color: var(--danger);
}

.promote-inline[b-gmlao97ocs] {
    display: flex;
    align-items: center;
    gap: 4px;
}

.promote-title-input[b-gmlao97ocs] {
    background: var(--bg-input);
    border: 1px solid var(--border-input);
    border-radius: 3px;
    color: var(--text-secondary);
    font-size: 0.75rem;
    padding: 0.15rem 0.3rem;
    width: 140px;
    outline: none;
}

.promote-title-input:focus[b-gmlao97ocs] {
    border-color: var(--accent);
}

.btn-promote-confirm[b-gmlao97ocs],
.btn-promote-cancel[b-gmlao97ocs] {
    background: none;
    border: none;
    padding: 3px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.btn-promote-confirm[b-gmlao97ocs] {
    color: var(--success);
}

.btn-promote-confirm:hover[b-gmlao97ocs] {
    color: var(--success-hover);
}

.btn-promote-cancel[b-gmlao97ocs] {
    color: var(--text-muted);
}

.btn-promote-cancel:hover[b-gmlao97ocs] {
    color: var(--danger);
}

.item-checkbox.in-progress[b-gmlao97ocs] {
    border-color: var(--accent);
    color: var(--accent);
}

.item-content.in_progress[b-gmlao97ocs] {
    color: var(--accent);
}

.item-content.deferred[b-gmlao97ocs] {
    color: var(--text-muted);
    font-style: italic;
}

.item-content.obsolete[b-gmlao97ocs] {
    text-decoration: line-through;
    color: var(--text-faint);
}

.item-deferred-badge[b-gmlao97ocs],
.item-obsolete-badge[b-gmlao97ocs] {
    display: inline-block;
    font-size: 0.6rem;
    padding: 0.05rem 0.3rem;
    margin-left: 0.3rem;
    border-radius: 3px;
    vertical-align: middle;
}

.item-deferred-badge[b-gmlao97ocs] {
    background: var(--bg-hover);
    color: var(--text-muted);
}

.item-obsolete-badge[b-gmlao97ocs] {
    background: var(--bg-hover);
    color: var(--text-faint);
}

.status-menu[b-gmlao97ocs] {
    display: flex;
    gap: 2px;
    align-items: center;
}

.status-menu-btn[b-gmlao97ocs] {
    background: none;
    border: 1px solid var(--border-default);
    border-radius: 3px;
    color: var(--text-muted);
    font-size: 0.65rem;
    padding: 0.1rem 0.3rem;
    cursor: pointer;
    white-space: nowrap;
}

.status-menu-btn:hover[b-gmlao97ocs] {
    color: var(--text-secondary);
    border-color: var(--border-input);
}
/* /Components/V2/Archives/LoomArchiveBrowser.razor.rz.scp.css */
.loom-browser[b-5v9xk4xkbg] { margin-top:1rem; color:rgb(var(--ghost-text)); font-size:.85rem; }
.loom-toolbar[b-5v9xk4xkbg] { display:grid; gap:1rem; padding:1rem 0; border-top:1px solid rgb(var(--ghost-border)); }
.loom-tabs[b-5v9xk4xkbg], .loom-task-sections[b-5v9xk4xkbg] { display:flex; flex-wrap:wrap; gap:.35rem; }
.loom-browser button[b-5v9xk4xkbg], .loom-browser[b-5v9xk4xkbg]  button { padding:.45rem .7rem; color:rgb(var(--ghost-text)); border:1px solid rgb(var(--ghost-border)); border-radius:.6rem; background:rgb(var(--ghost-elevated)); font-size:.75rem; cursor:pointer; text-align:left; }
.loom-browser button:hover[b-5v9xk4xkbg], .loom-browser[b-5v9xk4xkbg]  button:hover { border-color:rgb(var(--ghost-accent) / .6); }
.loom-browser button[aria-pressed=true][b-5v9xk4xkbg], .loom-browser[b-5v9xk4xkbg]  button[aria-pressed=true] { background:rgb(var(--ghost-accent) / .12); color:rgb(var(--ghost-accent)); border-color:rgb(var(--ghost-accent) / .4); }
.loom-browser button:disabled[b-5v9xk4xkbg], .loom-browser[b-5v9xk4xkbg]  button:disabled { opacity:.45; cursor:default; }
.loom-browser :focus-visible[b-5v9xk4xkbg], .loom-browser[b-5v9xk4xkbg]  :focus-visible { outline:2px solid rgb(var(--ghost-accent)); outline-offset:3px; }
.loom-search-row[b-5v9xk4xkbg] { display:flex; flex-wrap:wrap; gap:1rem; align-items:end; }
.loom-search[b-5v9xk4xkbg] { flex:1; min-width:12rem; font-size:.7rem; color:rgb(var(--ghost-muted)); }
.loom-search input[b-5v9xk4xkbg], .loom-browser[b-5v9xk4xkbg]  select, .loom-browser[b-5v9xk4xkbg]  textarea { width:100%; display:block; margin-top:.35rem; border:1px solid rgb(var(--ghost-border)); border-radius:.65rem; padding:.65rem .8rem; background:rgb(var(--ghost-bg)); color:rgb(var(--ghost-text)); font-size:.85rem; }
.loom-check[b-5v9xk4xkbg] { display:flex; align-items:center; gap:.5rem; font-size:.75rem; padding:.5rem 0; }
.loom-check input[b-5v9xk4xkbg] { accent-color:rgb(var(--ghost-accent)); }
.loom-snapshot-line[b-5v9xk4xkbg], .loom-content-toolbar[b-5v9xk4xkbg] { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.6rem; font-size:.7rem; color:rgb(var(--ghost-muted)); }
.loom-scan-layout[b-5v9xk4xkbg] { display:grid; grid-template-columns:minmax(14rem,22rem) minmax(0,1fr); border-top:1px solid rgb(var(--ghost-border)); margin-top:.5rem; }
.loom-index[b-5v9xk4xkbg] { min-width:0; padding:1rem 1rem 1rem 0; border-right:1px solid rgb(var(--ghost-border)); align-self:start; }
.loom-count[b-5v9xk4xkbg] { color:rgb(var(--ghost-muted)); font-size:.7rem; margin:0 0 .7rem; }
.loom-index .loom-index-entry[b-5v9xk4xkbg] { display:block; width:100%; margin-bottom:.5rem; padding:.9rem; background:transparent; }
.loom-index-entry strong[b-5v9xk4xkbg], .loom-index-entry span[b-5v9xk4xkbg], .loom-index-entry small[b-5v9xk4xkbg] { display:block; overflow-wrap:anywhere; }
.loom-index-entry strong[b-5v9xk4xkbg] { font-size:.85rem; font-weight:500; line-height:1.4; }
.loom-index-entry span[b-5v9xk4xkbg] { margin-top:.4rem; color:rgb(var(--ghost-muted)); font-size:.75rem; line-height:1.5; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.loom-index-entry small[b-5v9xk4xkbg] { color:rgb(var(--ghost-muted)); font-size:.65rem; margin-top:.7rem; }
.loom-reading[b-5v9xk4xkbg] { min-width:0; padding:1.2rem clamp(.8rem,3vw,2.5rem); overflow-wrap:anywhere; }
.loom-reading h2[b-5v9xk4xkbg] { font-size:1.5rem; font-weight:500; letter-spacing:-.02em; line-height:1.25; margin:.65rem 0; }
.loom-reading h3[b-5v9xk4xkbg], .loom-guide h3[b-5v9xk4xkbg] { font-size:1rem; font-weight:500; margin:1.25rem 0 .7rem; }
.loom-eyebrow[b-5v9xk4xkbg] { color:rgb(var(--ghost-accent)); letter-spacing:.1em; font-size:.6rem; margin:1rem 0 .5rem; }
.loom-lead[b-5v9xk4xkbg] { color:rgb(var(--ghost-muted)); }
.loom-note[b-5v9xk4xkbg], .loom-browser[b-5v9xk4xkbg]  .loom-note { color:rgb(var(--ghost-muted)); font-size:.73rem; line-height:1.6; margin:.65rem 0; overflow-wrap:anywhere; }
.loom-empty[b-5v9xk4xkbg] { padding:2rem .5rem; color:rgb(var(--ghost-muted)); line-height:1.6; }
.loom-view-section[b-5v9xk4xkbg] { padding:.3rem 0 1rem; border-bottom:1px solid rgb(var(--ghost-border)); }
.loom-related[b-5v9xk4xkbg] { display:flex; flex-wrap:wrap; gap:.4rem; margin:.9rem 0; }
.loom-browser[b-5v9xk4xkbg]  .loom-disclosure, .loom-label-tree[b-5v9xk4xkbg], .loom-browser[b-5v9xk4xkbg]  .loom-organization { border:1px solid rgb(var(--ghost-border)); border-radius:.8rem; margin:.65rem 0; overflow:hidden; }
.loom-browser[b-5v9xk4xkbg]  summary { cursor:pointer; padding:.85rem 1rem; font-size:.8rem; overflow-wrap:anywhere; }
.loom-browser[b-5v9xk4xkbg]  .loom-disclosure-title { font-weight:500; }
.loom-browser[b-5v9xk4xkbg]  .loom-disclosure-meta { display:block; color:rgb(var(--ghost-muted)); font-size:.65rem; margin:.4rem 0 0 1rem; }
.loom-browser[b-5v9xk4xkbg]  .loom-disclosure-body { padding:0 1rem 1rem; }
.loom-browser[b-5v9xk4xkbg]  .loom-organization > :not(summary) { margin:.8rem 1rem; }
.loom-browser[b-5v9xk4xkbg]  .loom-export-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; margin:.5rem 0; }
.loom-browser[b-5v9xk4xkbg]  .loom-export-actions span { color:rgb(var(--ghost-accent)); font-size:.7rem; }
.loom-browser[b-5v9xk4xkbg]  .loom-copy-fallback { display:block; width:100%; font-size:.75rem; }
.loom-browser[b-5v9xk4xkbg]  .loom-copy-fallback textarea { min-width:0; font-family:monospace; }
.loom-browser[b-5v9xk4xkbg]  .loom-prose { font-size:.9rem; line-height:1.8; overflow-wrap:anywhere; }
.loom-browser[b-5v9xk4xkbg]  .loom-prose p { margin:.65rem 0; }
.loom-browser[b-5v9xk4xkbg]  .loom-prose ul, .loom-browser[b-5v9xk4xkbg]  .loom-prose ol { margin:.75rem 0; padding-left:1.4rem; list-style:revert; }
.loom-browser[b-5v9xk4xkbg]  .loom-prose li { margin:.3rem 0; }
.loom-browser[b-5v9xk4xkbg]  .loom-prose h1, .loom-browser[b-5v9xk4xkbg]  .loom-prose h2, .loom-browser[b-5v9xk4xkbg]  .loom-prose h3, .loom-browser[b-5v9xk4xkbg]  .loom-prose h4 { font-weight:600; margin:1rem 0 .5rem; }
.loom-browser[b-5v9xk4xkbg]  .loom-prose a { color:rgb(var(--ghost-accent)); text-decoration:underline; }
.loom-browser[b-5v9xk4xkbg]  .loom-prose pre { overflow:auto; padding:.8rem; background:rgb(var(--ghost-bg)); border-radius:.5rem; white-space:pre; }
.loom-browser[b-5v9xk4xkbg]  .loom-prose code { font-size:.8rem; }
.loom-browser[b-5v9xk4xkbg]  .loom-prose .code-copy-btn { display:none; }
.loom-browser[b-5v9xk4xkbg]  .loom-source { border-left:2px solid rgb(var(--ghost-accent) / .35); padding:.1rem 0 .5rem 1rem; margin:.75rem 0; }
.loom-browser[b-5v9xk4xkbg]  .loom-verbatim { white-space:pre-wrap; font-size:.8rem; line-height:1.7; }
.loom-guide[b-5v9xk4xkbg] { padding:1rem 1.3rem; border:1px solid rgb(var(--ghost-accent) / .3); background:rgb(var(--ghost-accent) / .05); border-radius:.9rem; margin:.7rem 0; }
.loom-guide h3[b-5v9xk4xkbg] { margin-top:0; }
.loom-guide ol[b-5v9xk4xkbg] { list-style:decimal; padding-left:1.3rem; line-height:1.8; }
.loom-guide p[b-5v9xk4xkbg] { margin-top:.8rem; color:rgb(var(--ghost-muted)); font-size:.8rem; }
.loom-label-tree button[b-5v9xk4xkbg] { margin:.3rem; }
.loom-label-tree details[b-5v9xk4xkbg] { margin-left:1rem; }
@media(max-width:800px) {
 .loom-scan-layout[b-5v9xk4xkbg] { grid-template-columns:minmax(0,1fr); }
 .loom-index[b-5v9xk4xkbg] { max-height:18rem; overflow:auto; border-right:0; border-bottom:1px solid rgb(var(--ghost-border)); padding-right:0; }
 .loom-reading[b-5v9xk4xkbg] { padding:1rem .2rem; }
 .loom-tabs button[b-5v9xk4xkbg] { flex-grow:1; text-align:center; }
 .loom-search[b-5v9xk4xkbg] { flex-basis:100%; }
}
/* /Components/V2/Archives/LoomTaskCommandEditor.razor.rz.scp.css */
.loom-command-editor[b-hvz4fetkhz] {
    margin: .75rem 0;
    padding: .7rem .85rem;
    border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
    border-radius: .65rem;
}

.loom-command-editor summary[b-hvz4fetkhz] {
    cursor: pointer;
    font-weight: 600;
}

.loom-command-grid[b-hvz4fetkhz] {
    display: grid;
    gap: .65rem;
    margin-top: .75rem;
}

.loom-command-grid label[b-hvz4fetkhz] {
    display: grid;
    gap: .3rem;
}

.loom-command-grid input[b-hvz4fetkhz],
.loom-command-grid textarea[b-hvz4fetkhz],
.loom-command-grid select[b-hvz4fetkhz] {
    width: 100%;
}

.loom-command-complete[b-hvz4fetkhz] {
    justify-self: start;
}

.loom-command-feedback[b-hvz4fetkhz] {
    margin: .65rem 0 0;
    font-size: .9rem;
}

.loom-command-statuses[b-hvz4fetkhz] {
    display: grid;
    gap: .25rem;
    margin-top: .75rem;
}

.loom-command-statuses p[b-hvz4fetkhz] {
    margin: 0;
    font-size: .82rem;
}
/* /Components/V2/Layout/ProductModeSwitch.razor.rz.scp.css */
.product-modes[b-hjhlttrrhy] { display:flex; gap:.3rem; align-items:center; padding:.55rem 1rem; border-bottom:1px solid rgb(var(--ghost-border)); flex-shrink:0; background:rgb(var(--ghost-bg)); }
.product-modes a[b-hjhlttrrhy] { color:rgb(var(--ghost-muted)); padding:.35rem .8rem; border-radius:.65rem; font-size:.8rem; font-weight:600; text-decoration:none; }
.product-modes a[aria-current][b-hjhlttrrhy] { color:rgb(var(--ghost-text)); background:rgb(var(--ghost-elevated)); box-shadow:inset 0 0 0 1px rgb(var(--ghost-border)); }
.product-modes a:focus-visible[b-hjhlttrrhy] { outline:2px solid rgb(var(--ghost-accent)); outline-offset:2px; }
.product-modes span[b-hjhlttrrhy] { font-size:.65rem; margin-left:.25rem; color:rgb(var(--ghost-accent)); }
.product-modes small[b-hjhlttrrhy] { margin-left:auto; color:rgb(var(--ghost-muted)); font-size:.7rem; }
/* /Components/V2/Loom/LoomCommandsPage.razor.rz.scp.css */
.command-pad[b-5gozwqr34t] { box-sizing: border-box; width: 100%; height: 100%; overflow-y: auto; max-width: 900px; margin: 0 auto; padding: 2rem 1rem 5rem; color: var(--text-primary, inherit); }
.command-pad section[b-5gozwqr34t], .command-pad article[b-5gozwqr34t] { margin-block: 1.5rem; }
.command-pad article[b-5gozwqr34t] { padding: 1rem; border: 1px solid var(--border-subtle, #777); border-radius: .5rem; }
.command-pad h1[b-5gozwqr34t] { font-size: clamp(1.7rem, 4vw, 2.5rem); }
.command-pad h2[b-5gozwqr34t] { font-size: 1.3rem; }
.command-pad p[b-5gozwqr34t] { line-height: 1.6; overflow-wrap: anywhere; }
.command-pad label[b-5gozwqr34t] { display: block; margin: .8rem 0 .3rem; }
.command-pad input[b-5gozwqr34t], .command-pad textarea[b-5gozwqr34t], .command-pad select[b-5gozwqr34t] { box-sizing: border-box; width: 100%; padding: .75rem; color: inherit; background: var(--surface-raised, transparent); border: 1px solid var(--border-subtle, #777); border-radius: .4rem; font: inherit; }
.command-pad textarea[b-5gozwqr34t] { resize: vertical; }
.command-pad button[b-5gozwqr34t] { padding: .7rem 1rem; margin: .6rem .5rem .3rem 0; font: inherit; cursor: pointer; border-radius: .4rem; }
.command-pad button:disabled[b-5gozwqr34t] { cursor: default; opacity: .55; }
.command-pad summary[b-5gozwqr34t] { cursor: pointer; margin-block: 1rem; }
.command-pad :focus-visible[b-5gozwqr34t] { outline: 3px solid var(--accent, #7198ff); outline-offset: 3px; }
/* /Components/V2/Loom/LoomScanPage.razor.rz.scp.css */
.loom-page[b-3p9xm38ygq] { height:100%; overflow-y:auto; padding:1.5rem clamp(.75rem,3vw,2.5rem) 3rem; }
header[b-3p9xm38ygq] { max-width:90rem; margin:0 auto 1.4rem; }
.eyebrow[b-3p9xm38ygq] { color:rgb(var(--ghost-accent)); font-size:.65rem; font-weight:600; letter-spacing:.16em; }
h1[b-3p9xm38ygq] { font-size:clamp(1.35rem,3vw,2rem); font-weight:500; margin:.4rem 0; letter-spacing:-.025em; }
header > p:last-child[b-3p9xm38ygq] { color:rgb(var(--ghost-muted)); font-size:.85rem; }
/* /Components/V2/Loom/Navigation/LoomNavigationHost.razor.rz.scp.css */
.explore-host[b-0ca51ot1c6] { height:100%; min-height:0; display:flex; flex-direction:column; color:rgb(var(--ghost-text)); background:rgb(var(--ghost-bg)); }
.explore-sourcebar[b-0ca51ot1c6] { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1rem 1.5rem; border-bottom:1px solid rgb(var(--ghost-border)); flex-shrink:0; }
.explore-brand[b-0ca51ot1c6] { display:flex; align-items:center; gap:.75rem; white-space:nowrap; font-size:.94rem; }
.explore-eyebrow[b-0ca51ot1c6] { font-size:.65rem; letter-spacing:.16em; color:rgb(var(--ghost-accent)); }
.explore-source-actions[b-0ca51ot1c6] { display:flex; align-items:center; gap:.75rem; font-size:.75rem; }
.explore-snapshot[b-0ca51ot1c6] { display:flex; align-items:center; gap:.5rem; color:rgb(var(--ghost-muted)); }
.explore-snapshot select[b-0ca51ot1c6] { max-width:20rem; border:1px solid rgb(var(--ghost-border)); border-radius:.5rem; background:rgb(var(--ghost-surface)); color:rgb(var(--ghost-text)); padding:.5rem .75rem; font:inherit; }
.explore-upload[b-0ca51ot1c6] { position:relative; overflow:hidden; border:1px solid rgb(var(--ghost-border)); border-radius:.5rem; padding:.5rem .75rem; cursor:pointer; white-space:nowrap; }
.explore-upload[b-0ca51ot1c6]  input { position:absolute; inset:0; opacity:0; width:100%; cursor:pointer; }
.explore-upload:focus-within[b-0ca51ot1c6], a:focus-visible[b-0ca51ot1c6], select:focus-visible[b-0ca51ot1c6] { outline:2px solid rgb(var(--ghost-accent)); outline-offset:3px; }
.explore-classic[b-0ca51ot1c6] { color:rgb(var(--ghost-muted)); text-decoration:none; white-space:nowrap; }
.explore-classic:hover[b-0ca51ot1c6] { color:rgb(var(--ghost-accent)); }
.explore-demo-note[b-0ca51ot1c6] { flex-shrink:0; display:flex; gap:1rem; padding:.5rem 1.5rem; background:var(--ghost-accent-subtle); color:rgb(var(--ghost-accent)); font-size:.72rem; border-bottom:1px solid rgb(var(--ghost-border)); }
.explore-demo-note span[b-0ca51ot1c6] { color:rgb(var(--ghost-muted)); }
.explore-message[b-0ca51ot1c6] { margin:2rem; padding:1.5rem; border:1px solid rgb(var(--ghost-border)); border-radius:.75rem; font-size:.9rem; }
.explore-message p[b-0ca51ot1c6] { margin:.75rem 0; color:rgb(var(--ghost-muted)); }
.explore-message a[b-0ca51ot1c6] { color:rgb(var(--ghost-accent)); }
@media(max-width:1000px) { .explore-sourcebar[b-0ca51ot1c6] { align-items:flex-start; flex-direction:column; gap:.65rem; padding:.85rem 1rem; } .explore-source-actions[b-0ca51ot1c6] { flex-wrap:wrap; width:100%; } .explore-snapshot[b-0ca51ot1c6] { flex:1; } .explore-snapshot select[b-0ca51ot1c6] { width:100%; max-width:100%; min-width:0; } }
@media(max-width:520px) { .explore-snapshot[b-0ca51ot1c6] { flex-basis:100%; } .explore-demo-note[b-0ca51ot1c6] { padding:.5rem 1rem; gap:.35rem; flex-direction:column; } }
@media(max-width:650px) { .explore-host[b-0ca51ot1c6] { display:block; overflow-y:auto; overscroll-behavior:contain; } }
/* /Components/V2/Loom/Navigation/LoomNavigator.razor.rz.scp.css */
.ln-shell[b-ovhz3gge8q] { --ln-secondary:rgb(var(--ghost-text) / .64); height:100%; min-height:0; display:flex; flex-direction:column; color:rgb(var(--ghost-text)); font-size:.83rem; background:rgb(var(--ghost-bg)); }
.ln-shell a[b-ovhz3gge8q] { text-decoration:none; color:inherit; }
.ln-shell button[b-ovhz3gge8q] { font:inherit; cursor:pointer; }
.ln-shell a:focus-visible[b-ovhz3gge8q], .ln-shell button:focus-visible[b-ovhz3gge8q], .ln-shell input:focus-visible[b-ovhz3gge8q], .ln-shell summary:focus-visible[b-ovhz3gge8q], .ln-shell[b-ovhz3gge8q]  a:focus-visible, .ln-shell[b-ovhz3gge8q]  button:focus-visible { outline:2px solid rgb(var(--ghost-accent)); outline-offset:3px; border-radius:.3rem; }
.ln-orientation[b-ovhz3gge8q] { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:.9rem 1.4rem; border-bottom:1px solid rgb(var(--ghost-border)); background:rgb(var(--ghost-surface) / .55); flex-shrink:0; min-height:3.4rem; }
.ln-breadcrumb[b-ovhz3gge8q] { display:flex; gap:.45rem; align-items:center; min-width:0; font-size:.74rem; color:var(--ln-secondary); }
.ln-breadcrumb a[b-ovhz3gge8q] { display:inline-flex; align-items:center; gap:.45rem; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:13rem; }
.ln-breadcrumb a:hover[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); }
.ln-breadcrumb > span[b-ovhz3gge8q] { color:rgb(var(--ghost-text)); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:21rem; }
.ln-breadcrumb[b-ovhz3gge8q]  svg { flex-shrink:0; }
.ln-snapshot-stamp[b-ovhz3gge8q] { display:flex; gap:.5rem; align-items:center; flex-shrink:0; font-size:.65rem; color:var(--ln-secondary); }
.ln-live-dot[b-ovhz3gge8q] { width:.33rem; height:.33rem; border-radius:50%; background:rgb(var(--ghost-success)); }
.ln-readonly[b-ovhz3gge8q] { border:1px solid rgb(var(--ghost-border)); border-radius:.35rem; padding:.15rem .4rem; margin-left:.25rem; font-size:.61rem; }
.ln-workbench[b-ovhz3gge8q] { display:grid; grid-template-columns:14rem minmax(0,1fr); flex:1; min-height:0; }
.ln-index[b-ovhz3gge8q] { display:flex; flex-direction:column; gap:.15rem; min-height:0; overflow-y:auto; padding:1.35rem .8rem 1rem; border-right:1px solid rgb(var(--ghost-border)); background:rgb(var(--ghost-surface) / .24); scrollbar-width:thin; }
.ln-index-top[b-ovhz3gge8q] { display:flex; align-items:center; justify-content:space-between; color:var(--ln-secondary); font-size:.6rem; font-weight:600; letter-spacing:.13em; padding:0 .6rem .95rem; }
.ln-index-top span:last-child[b-ovhz3gge8q] { font-size:.62rem; letter-spacing:0; color:rgb(var(--ghost-muted)); }
.ln-index-home[b-ovhz3gge8q], .ln-index-entry[b-ovhz3gge8q] { display:flex; align-items:flex-start; gap:.65rem; padding:.6rem .7rem; border:1px solid transparent; border-radius:.55rem; color:var(--ln-secondary) !important; font-size:.77rem; line-height:1.5; transition:background .15s; }
.ln-index-home[b-ovhz3gge8q] { align-items:center; }
.ln-index-entry[b-ovhz3gge8q]  svg { flex-shrink:0; margin-top:.14rem; opacity:.8; }
.ln-index-entry span:last-child[b-ovhz3gge8q] { overflow-wrap:anywhere; }
.ln-index-home:hover[b-ovhz3gge8q], .ln-index-entry:hover[b-ovhz3gge8q] { background:rgb(var(--ghost-elevated) / .6); color:rgb(var(--ghost-text)) !important; }
.ln-index .is-active[b-ovhz3gge8q] { background:rgb(var(--ghost-accent) / .1); border-color:rgb(var(--ghost-accent) / .14); color:rgb(var(--ghost-accent)) !important; }
.ln-index-label[b-ovhz3gge8q] { display:flex; align-items:center; justify-content:space-between; margin:1.5rem .7rem .45rem; font-size:.67rem; font-weight:500; color:var(--ln-secondary); }
.ln-index-label span[b-ovhz3gge8q] { opacity:.5; font-size:.61rem; }
.ln-focus-dot[b-ovhz3gge8q] { width:.35rem; height:.35rem; border-radius:50%; background:rgb(var(--ghost-accent) / .65); flex-shrink:0; margin:.38rem .3rem 0 .2rem; }
.ln-index-footer[b-ovhz3gge8q] { display:flex; gap:.55rem; margin-top:auto; padding:2rem .65rem 0; color:rgb(var(--ghost-muted)); font-size:.64rem; line-height:1.65; }
.ln-index-footer[b-ovhz3gge8q]  svg { flex-shrink:0; margin-top:.2rem; }
.ln-index-empty[b-ovhz3gge8q] { padding:.5rem .7rem; font-size:.7rem; line-height:1.5; color:rgb(var(--ghost-muted)); }
.ln-index-more[b-ovhz3gge8q] { background:none; border:0; color:rgb(var(--ghost-accent)); font-size:.7rem !important; text-align:left; padding:.7rem; }
.ln-main[b-ovhz3gge8q] { min-width:0; min-height:0; display:flex; flex-direction:column; }
.ln-viewbar[b-ovhz3gge8q] { display:flex; gap:1rem; justify-content:space-between; align-items:center; padding:.8rem 1.5rem; border-bottom:1px solid rgb(var(--ghost-border)); flex-shrink:0; }
.ln-modes[b-ovhz3gge8q] { display:flex; align-items:center; gap:.2rem; flex-wrap:wrap; }
.ln-modes a[b-ovhz3gge8q] { display:block; padding:.45rem .65rem; color:var(--ln-secondary); font-size:.72rem; border-radius:.45rem; transition:background .15s; white-space:nowrap; }
.ln-modes a:hover[b-ovhz3gge8q] { color:rgb(var(--ghost-text)); background:rgb(var(--ghost-elevated)); }
.ln-modes a.is-active[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); background:rgb(var(--ghost-accent) / .1); }
.ln-search[b-ovhz3gge8q] { display:flex; align-items:center; gap:.45rem; border:1px solid rgb(var(--ghost-border)); border-radius:.5rem; background:rgb(var(--ghost-surface)); color:rgb(var(--ghost-muted)); padding:.45rem .65rem; flex:0 1 13rem; min-width:9rem; }
.ln-search input[b-ovhz3gge8q] { min-width:0; width:100%; border:0; outline:0; background:transparent; color:rgb(var(--ghost-text)); font-size:.72rem; }
.ln-search:focus-within[b-ovhz3gge8q] { border-color:rgb(var(--ghost-accent) / .5); }
.ln-search[b-ovhz3gge8q]  svg { flex-shrink:0; }
.ln-context-toggle[b-ovhz3gge8q] { flex-shrink:0; border:1px solid rgb(var(--ghost-border)); border-radius:.5rem; background:transparent; color:var(--ln-secondary); padding:.45rem .65rem; font-size:.66rem !important; }
.ln-context-toggle:hover[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); border-color:rgb(var(--ghost-accent) / .35); }
.ln-active-filter[b-ovhz3gge8q] { display:flex; align-items:center; gap:.5rem; padding:.65rem 1.8rem; background:rgb(var(--ghost-accent) / .05); border-bottom:1px solid rgb(var(--ghost-border)); font-size:.72rem; color:var(--ln-secondary); }
.ln-active-filter strong[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); font-weight:500; }
.ln-active-filter a[b-ovhz3gge8q] { margin-left:.25rem; }
.ln-content-grid[b-ovhz3gge8q] { flex:1; min-height:0; display:grid; grid-template-columns:minmax(0,1fr) 15rem; align-items:start; overflow-y:auto; scrollbar-width:thin; }
.ln-without-context[b-ovhz3gge8q] { grid-template-columns:minmax(0,1fr); }
.ln-canvas[b-ovhz3gge8q] { min-width:0; width:100%; max-width:92rem; padding:2rem clamp(1.1rem,2.7vw,2.8rem) 3.5rem; }
.ln-without-context .ln-canvas[b-ovhz3gge8q] { max-width:80rem; }
.ln-overview-heading[b-ovhz3gge8q] { margin-bottom:1.7rem; }
.ln-eyebrow[b-ovhz3gge8q] { font-size:.6rem; letter-spacing:.14em; color:rgb(var(--ghost-accent)); font-weight:600; margin:0 0 .6rem; }
.ln-overview-heading h1[b-ovhz3gge8q], .ln-page-heading h1[b-ovhz3gge8q] { font-size:clamp(1.6rem,2.6vw,2.15rem); font-weight:500; letter-spacing:-.045em; line-height:1.25; margin:0; max-width:40rem; }
.ln-overview-summary[b-ovhz3gge8q] { color:var(--ln-secondary); line-height:1.8; max-width:44rem; margin:.8rem 0 1rem; font-size:.84rem; }
.ln-metrics[b-ovhz3gge8q] { display:flex; flex-wrap:wrap; gap:1.5rem; padding:.4rem 0; color:var(--ln-secondary); font-size:.7rem; }
.ln-metrics strong[b-ovhz3gge8q] { color:rgb(var(--ghost-text)); font-size:.85rem; font-weight:500; margin-right:.2rem; }
.ln-text-link[b-ovhz3gge8q] { display:inline-flex; align-items:center; gap:.3rem; font-size:.73rem; color:rgb(var(--ghost-accent)) !important; margin-top:.9rem; }
.ln-theme-section[b-ovhz3gge8q] { padding:1.05rem 0 1.5rem; margin-bottom:.5rem; border-top:1px solid rgb(var(--ghost-border)); }
.ln-theme-chips[b-ovhz3gge8q] { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:.8rem; }
.ln-theme-chips a[b-ovhz3gge8q] { display:flex; align-items:center; gap:.45rem; font-size:.7rem; border:1px solid rgb(var(--ghost-border)); border-radius:2rem; padding:.4rem .7rem; background:rgb(var(--ghost-surface)); color:var(--ln-secondary); }
.ln-theme-chips a:hover[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); border-color:rgb(var(--ghost-accent) / .4); background:rgb(var(--ghost-accent) / .05); }
.ln-theme-chips small[b-ovhz3gge8q] { color:rgb(var(--ghost-muted)); font-size:.62rem; margin-left:.1rem; }
.ln-section[b-ovhz3gge8q] { margin:1.8rem 0 0; }
.ln-section-heading[b-ovhz3gge8q] { display:flex; align-items:center; justify-content:space-between; gap:.6rem; margin-bottom:.85rem; }
.ln-section-heading h2[b-ovhz3gge8q] { display:flex; gap:.5rem; align-items:center; font-size:.88rem; font-weight:500; letter-spacing:-.01em; margin:0; }
.ln-section-heading h2 > span:not(.ln-attention-dot)[b-ovhz3gge8q] { font-size:.65rem; color:rgb(var(--ghost-muted)); font-weight:400; }
.ln-section-heading > a[b-ovhz3gge8q], .ln-section-heading > span[b-ovhz3gge8q] { display:flex; align-items:center; gap:.25rem; color:var(--ln-secondary); font-size:.67rem; }
.ln-section-heading > a:hover[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); }
.ln-section-caption[b-ovhz3gge8q] { font-size:.69rem; color:var(--ln-secondary); margin:-.4rem 0 .75rem; }
.ln-attention[b-ovhz3gge8q] { padding:1.1rem 1.25rem .4rem; border:1px solid rgb(var(--ghost-gem) / .15); background:linear-gradient(110deg,rgb(var(--ghost-gem) / .035),rgb(var(--ghost-surface) / .75)); border-radius:.8rem; }
.ln-attention-dot[b-ovhz3gge8q] { width:.4rem; height:.4rem; border-radius:50%; background:rgb(var(--ghost-gem)); }
.ln-next-task[b-ovhz3gge8q] { display:flex; align-items:center; gap:.7rem; padding:.8rem 0; border-top:1px solid rgb(var(--ghost-border) / .6); }
.ln-next-task strong[b-ovhz3gge8q] { min-width:0; flex:1; font-size:.79rem; line-height:1.5; font-weight:450; }
.ln-next-task:hover strong[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); }
.ln-next-task[b-ovhz3gge8q] >  svg { color:rgb(var(--ghost-muted)); flex-shrink:0; }
.ln-task-indicator[b-ovhz3gge8q] { width:.8rem; height:.8rem; border:1px solid rgb(var(--ghost-muted) / .65); border-radius:.22rem; flex-shrink:0; display:flex; justify-content:center; align-items:center; color:rgb(var(--ghost-success)); }
.ln-priority[b-ovhz3gge8q] { font-size:.62rem; color:var(--ln-secondary); white-space:nowrap; }
.ln-priority.rank-0[b-ovhz3gge8q], .ln-priority.rank-1[b-ovhz3gge8q] { color:rgb(var(--ghost-gem)); }
.ln-priority.rank-2[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); }
.ln-card-grid[b-ovhz3gge8q] { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr)); gap:.8rem; }
.ln-shell[b-ovhz3gge8q]  .ln-card { display:flex; flex-direction:column; min-width:0; padding:1.2rem; background:rgb(var(--ghost-surface) / .75); border:1px solid rgb(var(--ghost-border)); border-radius:.8rem; text-decoration:none; color:rgb(var(--ghost-text)); transition:background .15s,border-color .15s,transform .15s; }
.ln-shell[b-ovhz3gge8q]  .ln-card:hover { background:rgb(var(--ghost-elevated) / .7); border-color:rgb(var(--ghost-accent) / .35); transform:translateY(-1px); }
.ln-shell[b-ovhz3gge8q]  .ln-card-kind { display:flex; gap:.45rem; align-items:center; color:rgb(var(--ghost-accent)); font-size:.62rem; margin-bottom:.75rem; }
.ln-shell[b-ovhz3gge8q]  .kind-document .ln-card-kind { color:rgb(var(--ghost-info)); }
.ln-shell[b-ovhz3gge8q]  .kind-item .ln-card-kind { color:rgb(var(--ghost-gem)); }
.ln-shell[b-ovhz3gge8q]  .ln-card strong { font-size:.87rem; font-weight:500; letter-spacing:-.01em; line-height:1.45; overflow-wrap:anywhere; }
.ln-shell[b-ovhz3gge8q]  .ln-card-preview { margin-top:.6rem; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; color:var(--ln-secondary); font-size:.74rem; line-height:1.7; }
.ln-shell[b-ovhz3gge8q]  .ln-card-foot { display:flex; align-items:center; flex-wrap:wrap; column-gap:.65rem; row-gap:.3rem; padding-top:1rem; margin-top:auto; font-size:.6rem; color:rgb(var(--ghost-muted)); }
.ln-shell[b-ovhz3gge8q]  .ln-card-foot time { margin-left:auto; }
.ln-shell[b-ovhz3gge8q]  .ln-history-label { color:rgb(var(--ghost-gem)); }
.ln-load-more[b-ovhz3gge8q] { display:block; margin:1rem auto; padding:.55rem .85rem; border:1px solid rgb(var(--ghost-border)); border-radius:.5rem; background:rgb(var(--ghost-surface)); color:var(--ln-secondary); font-size:.72rem !important; }
.ln-load-more:hover[b-ovhz3gge8q] { border-color:rgb(var(--ghost-accent) / .4); color:rgb(var(--ghost-accent)); }
.ln-page-heading[b-ovhz3gge8q] { margin-bottom:1.6rem; }
.ln-page-heading > p:last-child[b-ovhz3gge8q] { margin:.6rem 0 0; color:var(--ln-secondary); line-height:1.65; font-size:.77rem; }
.ln-task-table[b-ovhz3gge8q] { border:1px solid rgb(var(--ghost-border)); border-radius:.75rem; background:rgb(var(--ghost-surface) / .5); overflow:hidden; }
.ln-task-table-head[b-ovhz3gge8q], .ln-task-row[b-ovhz3gge8q] { display:grid; grid-template-columns:minmax(8rem,1fr) 4.1rem 5.5rem 3.7rem 2rem; align-items:center; column-gap:.7rem; padding:.9rem 1rem; }
.ln-task-table-head[b-ovhz3gge8q] { color:rgb(var(--ghost-muted)); font-size:.6rem; text-transform:uppercase; letter-spacing:.05em; background:rgb(var(--ghost-elevated) / .4); }
.ln-task-row[b-ovhz3gge8q] { border-top:1px solid rgb(var(--ghost-border) / .75); font-size:.67rem; color:var(--ln-secondary) !important; transition:background .15s; }
.ln-task-row:hover[b-ovhz3gge8q] { background:rgb(var(--ghost-elevated) / .55); }
.ln-task-title[b-ovhz3gge8q] { display:flex; align-items:center; gap:.7rem; min-width:0; }
.ln-task-title > span:last-child[b-ovhz3gge8q] { min-width:0; }
.ln-task-title strong[b-ovhz3gge8q] { display:block; color:rgb(var(--ghost-text)); font-size:.77rem; font-weight:450; line-height:1.5; overflow-wrap:anywhere; }
.ln-task-title small[b-ovhz3gge8q] { display:block; color:rgb(var(--ghost-muted)); font-size:.61rem; margin-top:.25rem; line-height:1.5; }
.ln-task-row.is-complete .ln-task-title strong[b-ovhz3gge8q] { color:var(--ln-secondary); }
.ln-task-row.is-complete .ln-task-indicator[b-ovhz3gge8q] { border-color:rgb(var(--ghost-success) / .4); }
.ln-link-count[b-ovhz3gge8q] { display:flex; align-items:center; justify-content:space-between; gap:.25rem; }
.ln-timeline-day[b-ovhz3gge8q] { display:grid; grid-template-columns:6.1rem minmax(0,1fr); gap:1.2rem; }
.ln-timeline-day > time[b-ovhz3gge8q] { padding-top:1rem; color:var(--ln-secondary); font-size:.69rem; }
.ln-timeline-day > time small[b-ovhz3gge8q] { display:block; font-size:.55rem; color:rgb(var(--ghost-muted)); margin-top:.25rem; }
.ln-timeline-day > div[b-ovhz3gge8q] { padding:0 0 .7rem 1.4rem; border-left:1px solid rgb(var(--ghost-border)); }
.ln-timeline-entry[b-ovhz3gge8q] { position:relative; display:flex; align-items:center; justify-content:space-between; gap:.7rem; padding:.9rem 0; }
.ln-timeline-entry > span:not(.ln-timeline-dot)[b-ovhz3gge8q] { min-width:0; }
.ln-timeline-entry small[b-ovhz3gge8q] { display:block; font-size:.6rem; color:rgb(var(--ghost-accent)); margin-bottom:.3rem; }
.ln-timeline-entry strong[b-ovhz3gge8q] { display:block; font-size:.83rem; font-weight:450; line-height:1.5; }
.ln-timeline-entry > span > span[b-ovhz3gge8q] { display:block; font-size:.67rem; color:rgb(var(--ghost-muted)); margin-top:.3rem; }
.ln-timeline-entry:hover strong[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); }
.ln-timeline-dot[b-ovhz3gge8q] { position:absolute; left:-1.66rem; top:1.05rem; width:.5rem; height:.5rem; border-radius:50%; background:rgb(var(--ghost-accent)); box-shadow:0 0 0 4px rgb(var(--ghost-bg)); }
.ln-timeline-dot.kind-task[b-ovhz3gge8q] { background:rgb(var(--ghost-gem)); }
.ln-timeline-dot.kind-document[b-ovhz3gge8q] { background:rgb(var(--ghost-info)); }
.ln-timeline-entry[b-ovhz3gge8q] >  svg { color:rgb(var(--ghost-muted)); flex-shrink:0; }
.ln-context[b-ovhz3gge8q] { position:sticky; top:0; min-width:0; padding:1.65rem 1rem 1.5rem; border-left:1px solid rgb(var(--ghost-border)); max-height:calc(100dvh - 15rem); overflow-y:auto; scrollbar-width:thin; }
.ln-context-position[b-ovhz3gge8q] { padding:0 .25rem 1.3rem; }
.ln-context-position > p[b-ovhz3gge8q] { font-size:.56rem; letter-spacing:.12em; color:rgb(var(--ghost-muted)); margin:0 0 1rem; }
.ln-context-kind[b-ovhz3gge8q] { display:flex; align-items:center; gap:.4rem; font-size:.63rem; color:rgb(var(--ghost-accent)); }
.ln-context-position h2[b-ovhz3gge8q] { font-size:.87rem; font-weight:500; line-height:1.5; margin:.55rem 0 .5rem; overflow-wrap:anywhere; }
.ln-context-position > a[b-ovhz3gge8q] { display:inline-flex; align-items:center; gap:.15rem; font-size:.64rem; color:var(--ln-secondary); }
.ln-context-position > a:hover[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); }
.ln-neighbors[b-ovhz3gge8q] { border-top:1px solid rgb(var(--ghost-border)); padding:.9rem .25rem; }
.ln-neighbors > summary[b-ovhz3gge8q] { cursor:pointer; color:var(--ln-secondary); font-size:.68rem; }
.ln-neighbors > summary > span[b-ovhz3gge8q] { font-size:.58rem; margin-left:.35rem; color:rgb(var(--ghost-muted)); }
.ln-neighbor[b-ovhz3gge8q] { display:block; padding:.8rem .4rem .65rem; border-radius:.5rem; margin-top:.2rem; }
.ln-neighbor:hover[b-ovhz3gge8q] { background:rgb(var(--ghost-elevated) / .65); }
.ln-neighbor-relation[b-ovhz3gge8q] { display:block; font-size:.56rem; color:rgb(var(--ghost-muted)); margin-bottom:.3rem; }
.ln-neighbor strong[b-ovhz3gge8q] { display:block; font-size:.74rem; font-weight:450; line-height:1.55; overflow-wrap:anywhere; }
.ln-neighbor-kind[b-ovhz3gge8q] { display:block; font-size:.58rem; color:var(--ln-secondary); margin-top:.3rem; }
.ln-more-note[b-ovhz3gge8q], .ln-context-empty[b-ovhz3gge8q] { font-size:.65rem; color:rgb(var(--ghost-muted)); line-height:1.7; }
.ln-context-history[b-ovhz3gge8q] { display:flex; align-items:center; gap:.4rem; color:rgb(var(--ghost-accent)) !important; font-size:.68rem; padding:.8rem .25rem; }
.ln-empty[b-ovhz3gge8q] { padding:3rem 1.5rem; color:var(--ln-secondary); text-align:center; line-height:1.8; }
.ln-empty[b-ovhz3gge8q] >  svg { margin:0 auto 1rem; color:rgb(var(--ghost-muted)); }
.ln-empty h2[b-ovhz3gge8q] { font-size:1.1rem; color:rgb(var(--ghost-text)); font-weight:500; margin:.3rem 0; }
.ln-empty p[b-ovhz3gge8q] { font-size:.8rem; margin:.5rem 0; }
.ln-empty a[b-ovhz3gge8q] { color:rgb(var(--ghost-accent)); font-size:.8rem; display:inline-block; margin-top:.4rem; }
@media(min-width:1700px) { .ln-workbench[b-ovhz3gge8q] { grid-template-columns:16rem minmax(0,1fr); } .ln-content-grid[b-ovhz3gge8q] { grid-template-columns:minmax(0,1fr) 17rem; } .ln-without-context[b-ovhz3gge8q] { grid-template-columns:minmax(0,1fr); } }
@media(max-width:1200px) { .ln-workbench[b-ovhz3gge8q] { grid-template-columns:12.5rem minmax(0,1fr); } .ln-content-grid[b-ovhz3gge8q] { grid-template-columns:minmax(0,1fr) 13.5rem; } .ln-without-context[b-ovhz3gge8q] { grid-template-columns:minmax(0,1fr); } .ln-viewbar[b-ovhz3gge8q] { align-items:stretch; flex-direction:column; gap:.65rem; padding:.7rem 1rem; } .ln-search[b-ovhz3gge8q] { flex:auto; max-width:22rem; } .ln-context[b-ovhz3gge8q] { max-height:calc(100dvh - 19rem); } .ln-task-table-head[b-ovhz3gge8q], .ln-task-row[b-ovhz3gge8q] { grid-template-columns:minmax(8rem,1fr) 3.2rem 3.5rem 2.8rem; gap:.5rem; padding:.8rem; } .ln-task-table-head > :last-child[b-ovhz3gge8q], .ln-task-row > :last-child[b-ovhz3gge8q] { display:none; } .ln-task-status[b-ovhz3gge8q] { overflow-wrap:anywhere; } }
@media(max-width:950px) { .ln-content-grid[b-ovhz3gge8q] { grid-template-columns:minmax(0,1fr); } .ln-context[b-ovhz3gge8q] { position:relative; top:auto; max-height:none; border-left:0; border-top:1px solid rgb(var(--ghost-border)); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 1.5rem; padding:1.5rem; } .ln-context-position[b-ovhz3gge8q] { grid-column:1/-1; } .ln-context-position h2[b-ovhz3gge8q] { max-width:35rem; } .ln-context-history[b-ovhz3gge8q] { grid-column:1/-1; } .ln-snapshot-stamp[b-ovhz3gge8q] { font-size:0; gap:.2rem; } .ln-readonly[b-ovhz3gge8q] { font-size:.58rem; } }
@media(max-width:650px) { .ln-shell[b-ovhz3gge8q] { height:auto; min-height:100%; } .ln-orientation[b-ovhz3gge8q] { position:sticky; top:0; z-index:3; padding:.8rem; background:rgb(var(--ghost-bg)); } .ln-breadcrumb[b-ovhz3gge8q] { font-size:.65rem; gap:.2rem; flex-wrap:wrap; } .ln-breadcrumb a[b-ovhz3gge8q], .ln-breadcrumb > span[b-ovhz3gge8q] { max-width:10rem; } .ln-snapshot-stamp[b-ovhz3gge8q] { display:none; } .ln-workbench[b-ovhz3gge8q] { display:flex; flex-direction:column; } .ln-index[b-ovhz3gge8q] { display:block; border-right:0; border-bottom:1px solid rgb(var(--ghost-border)); padding:.65rem; max-height:10.5rem; overflow:auto; } .ln-index-top[b-ovhz3gge8q], .ln-index-footer[b-ovhz3gge8q], .ln-index-label[b-ovhz3gge8q] { display:none; } .ln-index-home[b-ovhz3gge8q], .ln-index-entry[b-ovhz3gge8q] { display:inline-flex; vertical-align:top; align-items:center; max-width:13rem; padding:.4rem .55rem; font-size:.65rem; margin:.1rem; } .ln-index-entry span:last-child[b-ovhz3gge8q] { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .ln-index-entry[b-ovhz3gge8q]  svg { margin-top:0; } .ln-focus-dot[b-ovhz3gge8q] { margin-top:0; } .ln-viewbar[b-ovhz3gge8q] { padding:.6rem .8rem; } .ln-modes a[b-ovhz3gge8q] { padding:.4rem .5rem; font-size:.65rem; } .ln-search[b-ovhz3gge8q] { max-width:none; } .ln-content-grid[b-ovhz3gge8q] { overflow:visible; } .ln-canvas[b-ovhz3gge8q] { padding:1.5rem 1rem 2rem; } .ln-overview-heading h1[b-ovhz3gge8q] { font-size:1.65rem; } .ln-context[b-ovhz3gge8q] { padding:1.2rem 1rem; gap:0 1rem; } .ln-next-task strong[b-ovhz3gge8q] { font-size:.73rem; } .ln-next-task .ln-priority[b-ovhz3gge8q] { font-size:.57rem; } .ln-attention[b-ovhz3gge8q] { padding:1rem .85rem .3rem; } .ln-task-table-head[b-ovhz3gge8q], .ln-task-row[b-ovhz3gge8q] { grid-template-columns:minmax(8rem,1fr) 2.8rem 3.2rem; gap:.4rem; } .ln-task-table-head > :nth-child(3)[b-ovhz3gge8q], .ln-task-row > :nth-child(3)[b-ovhz3gge8q] { display:none; } .ln-task-title strong[b-ovhz3gge8q] { font-size:.7rem; } .ln-timeline-day[b-ovhz3gge8q] { grid-template-columns:4.5rem minmax(0,1fr); gap:.7rem; } .ln-timeline-day > time[b-ovhz3gge8q] { font-size:.6rem; } .ln-metrics[b-ovhz3gge8q] { gap:1rem; } }
@media(prefers-reduced-motion:reduce) { .ln-shell[b-ovhz3gge8q]  .ln-card, .ln-task-row[b-ovhz3gge8q], .ln-index-entry[b-ovhz3gge8q], .ln-modes a[b-ovhz3gge8q] { transition:none; } .ln-shell[b-ovhz3gge8q]  .ln-card:hover { transform:none; } }
/* /Components/V2/Loom/Navigation/LoomNeighborhood.razor.rz.scp.css */
.ln-neighborhood[b-j85vonz5w6] { min-width:0; }
.ln-eyebrow[b-j85vonz5w6] { color:rgb(var(--ghost-accent)); font-size:.6rem; letter-spacing:.14em; font-weight:600; margin:0 0 .6rem; }
header h1[b-j85vonz5w6] { font-size:1.85rem; letter-spacing:-.04em; font-weight:500; margin:0; }
header > p:last-child[b-j85vonz5w6] { color:rgb(var(--ghost-text) / .6); font-size:.77rem; line-height:1.7; margin:.65rem 0 1.5rem; }
.ln-map[b-j85vonz5w6] { position:relative; height:var(--map-height); min-width:0; margin-top:1rem; background-image:radial-gradient(rgb(var(--ghost-border)) 1px,transparent 1px); background-size:20px 20px; border:1px solid rgb(var(--ghost-border)); border-radius:1rem; overflow:hidden; }
.ln-map-edges[b-j85vonz5w6] { position:absolute; inset:0; width:100%; height:100%; }
.ln-map-edges path[b-j85vonz5w6] { stroke:rgb(var(--ghost-accent) / .3); stroke-width:1.5; fill:none; vector-effect:non-scaling-stroke; }
.ln-map-side[b-j85vonz5w6] { position:absolute; top:50%; width:28%; display:flex; flex-direction:column; gap:12px; transform:translateY(-50%); }
.ln-map-incoming[b-j85vonz5w6] { left:1%; }
.ln-map-outgoing[b-j85vonz5w6] { right:1%; }
.ln-map-node[b-j85vonz5w6] { display:flex; flex-direction:column; justify-content:center; height:100px; padding:.7rem; border:1px solid rgb(var(--ghost-border)); background:rgb(var(--ghost-surface)); color:rgb(var(--ghost-text)); border-radius:.65rem; text-decoration:none; overflow:hidden; }
.ln-map-node > span[b-j85vonz5w6] { display:flex; align-items:center; gap:.3rem; color:rgb(var(--ghost-accent)); font-size:.55rem; margin-bottom:.25rem; }
.ln-map-node strong[b-j85vonz5w6] { font-size:.66rem; font-weight:450; line-height:1.45; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; overflow-wrap:anywhere; }
.ln-map-node small[b-j85vonz5w6] { color:rgb(var(--ghost-muted)); font-size:.5rem; margin-top:.35rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.ln-map-node:hover[b-j85vonz5w6] { border-color:rgb(var(--ghost-accent) / .5); background:rgb(var(--ghost-elevated)); }
.ln-map-node.kind-document > span[b-j85vonz5w6] { color:rgb(var(--ghost-info)); }
.ln-map-node.kind-item > span[b-j85vonz5w6], .ln-map-node.kind-task > span[b-j85vonz5w6] { color:rgb(var(--ghost-gem)); }
.ln-map-center[b-j85vonz5w6] { position:absolute; top:50%; left:39%; transform:translateY(-50%); width:22%; display:flex; align-items:center; flex-direction:column; gap:.7rem; text-align:center; padding:1rem .6rem; border:1px solid rgb(var(--ghost-accent) / .5); box-shadow:0 0 40px rgb(var(--ghost-accent) / .08); background:rgb(var(--ghost-surface)); border-radius:.8rem; color:rgb(var(--ghost-text)); text-decoration:none; }
.ln-map-center > span[b-j85vonz5w6] { font-size:.48rem; letter-spacing:.08em; color:rgb(var(--ghost-accent)); }
.ln-map-center[b-j85vonz5w6] >  svg { color:rgb(var(--ghost-accent)); }
.ln-map-center strong[b-j85vonz5w6] { font-size:.74rem; line-height:1.5; font-weight:500; overflow-wrap:anywhere; }
.ln-map-center small[b-j85vonz5w6] { display:flex; align-items:center; font-size:.53rem; color:rgb(var(--ghost-text) / .6); }
.ln-map-center:hover[b-j85vonz5w6] { background:rgb(var(--ghost-elevated)); }
.ln-map-caption[b-j85vonz5w6] { font-size:.66rem; color:rgb(var(--ghost-muted)); margin:1rem 0; line-height:1.8; }
@media(max-width:650px) { .ln-map[b-j85vonz5w6] { display:flex; flex-direction:column; gap:1.5rem; padding:1rem; height:auto; } .ln-map-edges[b-j85vonz5w6] { display:none; } .ln-map-side[b-j85vonz5w6] { position:static; transform:none; width:100%; gap:.6rem; } .ln-map-center[b-j85vonz5w6] { position:static; transform:none; width:100%; padding:1rem; } .ln-map-node[b-j85vonz5w6] { height:auto; padding:.8rem; } .ln-map-node strong[b-j85vonz5w6] { font-size:.8rem; } .ln-map-node small[b-j85vonz5w6], .ln-map-node > span[b-j85vonz5w6] { font-size:.63rem; } .ln-map-center strong[b-j85vonz5w6] { font-size:1rem; } .ln-map-incoming:empty[b-j85vonz5w6], .ln-map-outgoing:empty[b-j85vonz5w6] { display:none; } }
/* /Components/V2/Loom/Navigation/LoomObjectReader.razor.rz.scp.css */
.ln-reader[b-0wzfhbx4ji] { max-width:46rem; margin:0 auto; color:rgb(var(--ghost-text)); }
.ln-reader-heading[b-0wzfhbx4ji] { padding-bottom:1.35rem; border-bottom:1px solid rgb(var(--ghost-border)); margin-bottom:1.6rem; }
.ln-eyebrow[b-0wzfhbx4ji] { display:flex; align-items:center; flex-wrap:wrap; gap:.45rem; color:rgb(var(--ghost-accent)); font-size:.65rem; margin:0 0 .9rem; text-transform:uppercase; letter-spacing:.08em; }
.ln-eyebrow span[b-0wzfhbx4ji] { color:rgb(var(--ghost-muted)); margin:0 .15rem; }
.ln-reader-heading h2[b-0wzfhbx4ji] { font-size:clamp(1.55rem,2.6vw,2.15rem); font-weight:500; letter-spacing:-.04em; line-height:1.3; margin:0 0 1rem; overflow-wrap:anywhere; }
.ln-reader-meta[b-0wzfhbx4ji] { display:flex; align-items:center; gap:.6rem 1.05rem; flex-wrap:wrap; font-size:.66rem; color:rgb(var(--ghost-text) / .6); }
.ln-reader-meta > span[b-0wzfhbx4ji] { display:flex; align-items:center; gap:.4rem; }
.ln-priority[b-0wzfhbx4ji], .ln-history-label[b-0wzfhbx4ji] { color:rgb(var(--ghost-gem)); }
.ln-reader-labels[b-0wzfhbx4ji] { display:flex; flex-wrap:wrap; gap:.4rem; margin:-.5rem 0 1.4rem; }
.ln-reader-labels a[b-0wzfhbx4ji] { display:inline-flex; align-items:center; gap:.35rem; color:rgb(var(--ghost-accent)); text-decoration:none; font-size:.65rem; padding:.3rem .6rem; border:1px solid rgb(var(--ghost-accent) / .18); border-radius:2rem; background:rgb(var(--ghost-accent) / .045); }
.ln-reader-labels a:hover[b-0wzfhbx4ji] { border-color:rgb(var(--ghost-accent) / .5); }
.ln-prose[b-0wzfhbx4ji] { font-size:.92rem; line-height:1.9; overflow-wrap:anywhere; color:rgb(var(--ghost-text) / .92); }
.ln-prose[b-0wzfhbx4ji]  p { margin:.9rem 0; }
.ln-prose[b-0wzfhbx4ji]  h1, .ln-prose[b-0wzfhbx4ji]  h2, .ln-prose[b-0wzfhbx4ji]  h3, .ln-prose[b-0wzfhbx4ji]  h4 { font-size:1.2rem; font-weight:500; letter-spacing:-.02em; margin:1.7rem 0 .7rem; line-height:1.5; }
.ln-prose[b-0wzfhbx4ji]  h3, .ln-prose[b-0wzfhbx4ji]  h4 { font-size:1.04rem; }
.ln-prose[b-0wzfhbx4ji]  ul, .ln-prose[b-0wzfhbx4ji]  ol { list-style:revert; padding-left:1.3rem; margin:1rem 0; }
.ln-prose[b-0wzfhbx4ji]  li { padding-left:.25rem; margin:.5rem 0; }
.ln-prose[b-0wzfhbx4ji]  a { color:rgb(var(--ghost-accent)); text-decoration:underline; text-underline-offset:.2rem; }
.ln-prose[b-0wzfhbx4ji]  strong { color:rgb(var(--ghost-text)); font-weight:600; }
.ln-prose[b-0wzfhbx4ji]  pre { white-space:pre; overflow:auto; max-width:100%; padding:1rem; background:rgb(var(--ghost-surface)); border:1px solid rgb(var(--ghost-border)); border-radius:.6rem; line-height:1.6; }
.ln-prose[b-0wzfhbx4ji]  code { font-size:.79rem; font-family:ui-monospace,SFMono-Regular,Consolas,monospace; }
.ln-prose[b-0wzfhbx4ji]  .code-copy-btn { display:none; }
.ln-prose[b-0wzfhbx4ji]  .code-lang { font-size:.63rem; color:rgb(var(--ghost-muted)); }
.ln-prose[b-0wzfhbx4ji]  hr { border:0; border-top:1px solid rgb(var(--ghost-border)); margin:1.8rem 0; }
.ln-body-state[b-0wzfhbx4ji] { padding:1rem 0; color:rgb(var(--ghost-text) / .6); font-size:.8rem; line-height:1.8; }
.ln-notice[b-0wzfhbx4ji] { border-left:2px solid rgb(var(--ghost-gem) / .65); background:rgb(var(--ghost-gem) / .04); padding:.85rem 1rem; font-size:.77rem; line-height:1.7; margin-bottom:1.4rem; }
.ln-reader-children[b-0wzfhbx4ji] { margin:2rem 0; }
.ln-reader-children h3[b-0wzfhbx4ji] { display:flex; align-items:center; gap:.5rem; font-size:.83rem; font-weight:500; margin:0 0 .8rem; }
.ln-reader-children h3 span[b-0wzfhbx4ji] { font-size:.66rem; color:rgb(var(--ghost-muted)); }
.ln-child[b-0wzfhbx4ji] { display:flex; align-items:center; gap:.8rem; padding:1rem; border:1px solid rgb(var(--ghost-border)); border-radius:.65rem; background:rgb(var(--ghost-surface) / .6); margin:.5rem 0; text-decoration:none; color:rgb(var(--ghost-text)); }
.ln-child > span[b-0wzfhbx4ji] { flex:1; min-width:0; }
.ln-child small[b-0wzfhbx4ji] { display:block; color:rgb(var(--ghost-accent)); font-size:.61rem; margin-bottom:.25rem; }
.ln-child strong[b-0wzfhbx4ji] { font-size:.81rem; font-weight:450; line-height:1.6; overflow-wrap:anywhere; }
.ln-child[b-0wzfhbx4ji] >  svg { color:rgb(var(--ghost-accent)); flex-shrink:0; }
.ln-child[b-0wzfhbx4ji] >  svg:last-child { color:rgb(var(--ghost-muted)); }
.ln-child:hover[b-0wzfhbx4ji] { border-color:rgb(var(--ghost-accent) / .35); background:rgb(var(--ghost-elevated) / .6); }
.ln-load-more[b-0wzfhbx4ji] { background:rgb(var(--ghost-surface)); border:1px solid rgb(var(--ghost-border)); color:rgb(var(--ghost-text) / .7); font-size:.73rem; border-radius:.5rem; padding:.55rem .8rem; cursor:pointer; }
.ln-provenance[b-0wzfhbx4ji] { margin-top:2rem; padding-top:1rem; border-top:1px solid rgb(var(--ghost-border)); }
.ln-provenance summary[b-0wzfhbx4ji] { color:rgb(var(--ghost-text) / .6); font-size:.73rem; cursor:pointer; }
.ln-provenance dl[b-0wzfhbx4ji] { display:grid; grid-template-columns:7rem minmax(0,1fr); column-gap:1rem; row-gap:.75rem; font-size:.68rem; line-height:1.7; margin:1.2rem 0; }
.ln-provenance dt[b-0wzfhbx4ji] { color:rgb(var(--ghost-muted)); }
.ln-provenance dd[b-0wzfhbx4ji] { margin:0; overflow-wrap:anywhere; color:rgb(var(--ghost-text) / .7); }
@media(max-width:650px) { .ln-reader[b-0wzfhbx4ji] { max-width:100%; } .ln-reader-heading h2[b-0wzfhbx4ji] { font-size:1.55rem; } .ln-prose[b-0wzfhbx4ji] { font-size:.87rem; line-height:1.85; } .ln-provenance dl[b-0wzfhbx4ji] { grid-template-columns:5rem minmax(0,1fr); gap:.65rem; } }
/* /Components/V2/Loom/Navigation/LoomPossibleWork.razor.rz.scp.css */
.dimension-scan[b-miotxklpuj] { margin-top:2rem; border-top:1px solid rgb(var(--ghost-border)); padding-top:1.5rem; color:rgb(var(--ghost-text)); }
.dimension-heading[b-miotxklpuj] { display:flex; justify-content:space-between; align-items:center; gap:1rem; }
.dimension-heading h2[b-miotxklpuj] { font-size:1.2rem; font-weight:500; }
.dimension-heading span[b-miotxklpuj], .dimension-coverage[b-miotxklpuj], .dimension-result-details small[b-miotxklpuj] { font-size:.7rem; color:rgb(var(--ghost-muted)); }
.dimension-scan p[b-miotxklpuj] { font-size:.8rem; line-height:1.6; }
.dimension-controls[b-miotxklpuj] { display:flex; flex-wrap:wrap; align-items:center; gap:1rem; margin:1rem 0; }
.dimension-controls label[b-miotxklpuj] { display:flex; align-items:center; gap:.65rem; font-size:.75rem; }
.dimension-controls select[b-miotxklpuj] { max-width:100%; color:rgb(var(--ghost-text)); background:rgb(var(--ghost-surface)); border:1px solid rgb(var(--ghost-border)); border-radius:.4rem; padding:.5rem; }
.dimension-check input[b-miotxklpuj] { width:1rem; height:1rem; }
.dimension-results[b-miotxklpuj] { display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr)); gap:.85rem; }
.dimension-result[b-miotxklpuj] { border:1px solid rgb(var(--ghost-border)); border-radius:.8rem; min-width:0; overflow:hidden; }
.dimension-result[b-miotxklpuj]  .ln-card { border:0; border-radius:0; }
.dimension-result-details[b-miotxklpuj] { padding:0 1.2rem 1rem; display:flex; flex-direction:column; gap:.5rem; }
.dimension-result-details p[b-miotxklpuj] { margin:0; font-size:.75rem; }
.dimension-result-details a[b-miotxklpuj], .dimension-similar a[b-miotxklpuj] { color:rgb(var(--ghost-accent)); font-size:.75rem; }
.dimension-more[b-miotxklpuj] { margin:1rem 0; padding:.5rem .8rem; border:1px solid rgb(var(--ghost-border)); border-radius:.4rem; background:rgb(var(--ghost-surface)); color:rgb(var(--ghost-text)); }
.dimension-diagnostics[b-miotxklpuj] { margin-top:1.25rem; color:rgb(var(--ghost-muted)); font-size:.75rem; }
.dimension-diagnostics summary[b-miotxklpuj] { cursor:pointer; }
@media(max-width:650px) { .dimension-heading[b-miotxklpuj] { align-items:flex-start; flex-direction:column; gap:0; } .dimension-controls[b-miotxklpuj] { align-items:stretch; flex-direction:column; } .dimension-controls label[b-miotxklpuj] { flex-wrap:wrap; } }