/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-ldpian60lg] {
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

main[b-ldpian60lg] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.sidebar[b-ldpian60lg] {
    background-color: var(--vscode-panel);
    border-right: 1px solid var(--vscode-border);
}

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

    .sidebar[b-ldpian60lg] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    article[b-ldpian60lg] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

@media (max-width: 640.98px) {
    article[b-ldpian60lg] {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }
}

#blazor-error-ui[b-ldpian60lg] {
    background: rgba(96, 20, 20, 0.92);
    color: white;
    bottom: 0;
    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-ldpian60lg] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Customer mode: page background only. Centering is handled by .customer-shell in Chat.razor.css. */
[b-ldpian60lg] .page.customer-mode {
    background-color: #f3f4f6;
}

[b-ldpian60lg] .page.customer-mode .content.customer-content {
    padding: 0 !important;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-m290wg1m1y] {
    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-m290wg1m1y] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-m290wg1m1y] {
    min-height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-m290wg1m1y] {
    font-size: 1.1rem;
}

.nav-top-row[b-m290wg1m1y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.nav-top-actions[b-m290wg1m1y] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.nav-top-action[b-m290wg1m1y] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    padding: 0.45rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    color: #f3f7fb;
    font-size: 0.82rem;
    font-weight: 600;
    transition: background-color 0.16s ease, border-color 0.16s ease, transform 0.16s ease;
}

.nav-top-action:hover[b-m290wg1m1y] {
    background: rgba(18, 145, 245, 0.18);
    border-color: rgba(18, 145, 245, 0.45);
    transform: translateY(-1px);
}

.nav-top-action .bi[b-m290wg1m1y] {
    margin-right: 0;
}

.bi[b-m290wg1m1y] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-m290wg1m1y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-m290wg1m1y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-m290wg1m1y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-bug-nav-menu[b-m290wg1m1y] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-bug' viewBox='0 0 16 16'%3E%3Cpath d='M4.355.522a.5.5 0 0 1 .623.333l.291.956A4.979 4.979 0 0 1 8 1c1.007 0 1.946.298 2.731.811l.29-.956a.5.5 0 1 1 .957.29l-.41 1.352A4.985 4.985 0 0 1 13 6h.5a.5.5 0 0 0 .5-.5V5a.5.5 0 0 1 1 0v.5A1.5 1.5 0 0 1 13.5 7H13v1h1.5a.5.5 0 0 1 0 1H13v1h.5a1.5 1.5 0 0 1 1.5 1.5v.5a.5.5 0 1 1-1 0v-.5a.5.5 0 0 0-.5-.5H13a5 5 0 0 1-10 0h-.5a.5.5 0 0 0-.5.5v.5a.5.5 0 1 1-1 0v-.5A1.5 1.5 0 0 1 2.5 10H3V9H1.5a.5.5 0 0 1 0-1H3V7h-.5A1.5 1.5 0 0 1 1 5.5V5a.5.5 0 0 1 1 0v.5a.5.5 0 0 0 .5.5H3c0-1.364.547-2.601 1.432-3.503l-.41-1.352a.5.5 0 0 1 .333-.623zM4 7v4a4 4 0 0 0 3.5 3.97V7H4zm4.5 0v7.97A4 4 0 0 0 12 11V7H8.5zM12 6a3.989 3.989 0 0 0-1.334-2.982A3.983 3.983 0 0 0 8 2a3.983 3.983 0 0 0-2.667 1.018A3.989 3.989 0 0 0 4 6h8z'/%3E%3C/svg%3E");
}

.nav-item[b-m290wg1m1y] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

.session-status[b-m290wg1m1y] {
    margin: 1rem 0.75rem 0.85rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),
        radial-gradient(circle at top right, rgba(0, 122, 204, 0.22), transparent 50%);
}

.session-status-label[b-m290wg1m1y] {
    color: rgba(146, 196, 255, 0.84);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.session-status-title[b-m290wg1m1y] {
    margin-top: 0.35rem;
    color: #f5f8fc;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.3;
}

.session-status-meta[b-m290wg1m1y] {
    margin-top: 0.35rem;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.82rem;
}

.mcp-switcher-card[b-m290wg1m1y] {
    margin: 0 0.75rem 1rem;
    padding: 0.95rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
}

.mcp-switcher-label-row[b-m290wg1m1y] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.mcp-switcher-status[b-m290wg1m1y] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.76rem;
    font-weight: 700;
}

.mcp-switcher-status.connected[b-m290wg1m1y] {
    color: #73c991;
}

.mcp-switcher-status.failed[b-m290wg1m1y] {
    color: #f48771;
}

.mcp-switcher-status.connecting[b-m290wg1m1y] {
    color: #9cdcfe;
}

.mcp-switcher-status.idle[b-m290wg1m1y] {
    color: rgba(255, 255, 255, 0.62);
}

.mcp-status-indicator[b-m290wg1m1y] {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 999px;
    background: currentColor;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.15);
}

.mcp-status-indicator.is-loading[b-m290wg1m1y] {
    border: 2px solid rgba(255, 255, 255, 0.18);
    border-top-color: currentColor;
    background: transparent;
    animation: nav-spin-b-m290wg1m1y 0.8s linear infinite;
}

.mcp-switcher-select[b-m290wg1m1y] {
    width: 100%;
    margin-top: 0.75rem;
    padding: 0.6rem 0.7rem;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 10px;
    background: rgba(15, 23, 35, 0.88);
    color: #f5f8fc;
    font-size: 0.88rem;
}

.mcp-switcher-select:disabled[b-m290wg1m1y] {
    opacity: 0.7;
    cursor: wait;
}

.mcp-switcher-endpoint[b-m290wg1m1y] {
    margin-top: 0.55rem;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.76rem;
    line-height: 1.35;
    word-break: break-word;
}

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

    .nav-item:first-of-type[b-m290wg1m1y] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-m290wg1m1y] {
        padding-bottom: 1rem;
    }

    .nav-item[b-m290wg1m1y]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-m290wg1m1y]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-link-button[b-m290wg1m1y] {
    justify-content: flex-start;
    cursor: pointer;
    text-align: left;
}

.nav-action-row[b-m290wg1m1y] {
    padding-bottom: 0.25rem;
}

.nav-item[b-m290wg1m1y]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

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

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

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

    .nav-top-actions[b-m290wg1m1y] {
        display: none;
    }

    .nav-scrollable[b-m290wg1m1y] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

@media (max-width: 640.98px) {
    .nav-action-row[b-m290wg1m1y] {
        display: none;
    }

    .session-status[b-m290wg1m1y] {
        margin-top: 0.5rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-0shlhh1bav],
.components-reconnect-repeated-attempt-visible[b-0shlhh1bav],
.components-reconnect-failed-visible[b-0shlhh1bav],
.components-pause-visible[b-0shlhh1bav],
.components-resume-failed-visible[b-0shlhh1bav],
.components-rejoining-animation[b-0shlhh1bav] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-0shlhh1bav {
    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/CustomerChat.razor.rz.scp.css */
.customer-chat[b-9czut6zl8i] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 52rem;
    height: calc(100vh - 5.25rem);
    margin: 0 auto;
    background-color: #ffffff;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    color: #1f2328;
    min-height: 0;
    overflow: hidden;
}

.customer-topbar[b-9czut6zl8i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.6rem 1rem;
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    flex-shrink: 0;
}

.customer-topbar-btn[b-9czut6zl8i] {
    background-color: #ffffff;
    color: #1f2328;
    border: 1px solid #d1d5db;
    border-radius: 0.4rem;
    padding: 0.35rem 0.85rem;
    font-family: inherit;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .customer-topbar-btn:hover:not(:disabled)[b-9czut6zl8i] {
        background-color: #f3f4f6;
        border-color: #9ca3af;
    }

    .customer-topbar-btn:disabled[b-9czut6zl8i] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.customer-transcript[b-9czut6zl8i] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1.5rem 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background-color: #f9fafb;
}

.customer-empty-state[b-9czut6zl8i] {
    color: #6b7280;
    text-align: center;
    margin: auto 0;
    font-size: 1rem;
}

.customer-row[b-9czut6zl8i] {
    display: flex;
    width: 100%;
}

    .customer-row.user[b-9czut6zl8i] {
        justify-content: flex-end;
    }

    .customer-row.assistant[b-9czut6zl8i] {
        justify-content: flex-start;
    }

.customer-bubble[b-9czut6zl8i] {
    max-width: 80%;
    padding: 0.6rem 0.95rem;
    border-radius: 1.125rem;
    font-size: 0.95rem;
    line-height: 1.5;
    word-break: break-word;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
}

    .customer-bubble.user[b-9czut6zl8i] {
        background-color: #2563eb;
        color: #ffffff;
        border-bottom-right-radius: 0.35rem;
        white-space: pre-wrap;
    }

    .customer-bubble.assistant[b-9czut6zl8i] {
        background-color: #ffffff;
        color: #1f2328;
        border: 1px solid #e5e7eb;
        border-bottom-left-radius: 0.35rem;
    }

    .customer-bubble.assistant.streaming[b-9czut6zl8i] {
        border-color: rgba(37, 99, 235, 0.35);
    }

.customer-bubble.assistant[b-9czut6zl8i]  p {
    margin: 0 0 0.6rem;
}

.customer-bubble.assistant[b-9czut6zl8i]  p:last-child {
    margin-bottom: 0;
}

.customer-bubble.assistant[b-9czut6zl8i]  a {
    color: #2563eb;
    text-decoration: underline;
}

.customer-bubble.assistant[b-9czut6zl8i]  code {
    background-color: #f3f4f6;
    color: #1f2328;
    padding: 0.1rem 0.3rem;
    border-radius: 0.25rem;
    font-size: 0.85em;
}

.customer-bubble.assistant[b-9czut6zl8i]  pre {
    background-color: #f3f4f6;
    border: 1px solid #e5e7eb;
    border-radius: 0.4rem;
    padding: 0.6rem 0.75rem;
    overflow-x: auto;
    margin: 0.6rem 0;
}

.customer-bubble.assistant[b-9czut6zl8i]  pre code {
    background: none;
    padding: 0;
}

.customer-bubble.assistant[b-9czut6zl8i]  ul,
.customer-bubble.assistant[b-9czut6zl8i]  ol {
    margin: 0.4rem 0;
    padding-left: 1.4rem;
}

.customer-bubble.assistant[b-9czut6zl8i]  h1,
.customer-bubble.assistant[b-9czut6zl8i]  h2,
.customer-bubble.assistant[b-9czut6zl8i]  h3,
.customer-bubble.assistant[b-9czut6zl8i]  h4,
.customer-bubble.assistant[b-9czut6zl8i]  h5,
.customer-bubble.assistant[b-9czut6zl8i]  h6 {
    margin: 0.75rem 0 0.5rem;
}

.customer-bubble.assistant[b-9czut6zl8i]  h1 {
    font-size: 1.5rem;
}

.customer-bubble.assistant[b-9czut6zl8i]  h2 {
    font-size: 1.4rem;
}

.customer-bubble.assistant[b-9czut6zl8i]  h3 {
    font-size: 1.3rem;
}

.customer-bubble.assistant[b-9czut6zl8i]  h4 {
    font-size: 1.2rem;
}

.customer-bubble.assistant[b-9czut6zl8i]  h5 {
    font-size: 1.1rem;
}

.customer-bubble.assistant[b-9czut6zl8i]  h6 {
    font-size: 1.0rem;
}

.customer-thinking[b-9czut6zl8i] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.65rem 0.85rem;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 1.125rem;
    border-bottom-left-radius: 0.35rem;
}

    .customer-thinking .dot[b-9czut6zl8i] {
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 50%;
        background-color: #9ca3af;
        animation: customer-bounce-b-9czut6zl8i 1.2s infinite ease-in-out both;
    }

        .customer-thinking .dot:nth-child(1)[b-9czut6zl8i] {
            animation-delay: -0.32s;
        }

        .customer-thinking .dot:nth-child(2)[b-9czut6zl8i] {
            animation-delay: -0.16s;
        }

@keyframes customer-bounce-b-9czut6zl8i {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.5;
    }

    40% {
        transform: scale(1);
        opacity: 1;
    }
}

.customer-composer[b-9czut6zl8i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background-color: #ffffff;
    border-top: 1px solid #e5e7eb;
    flex-shrink: 0;
}

.customer-input[b-9czut6zl8i] {
    flex: 1 1 auto;
    min-width: 0;
    background-color: #f9fafb;
    color: #1f2328;
    border: 1px solid #e5e7eb;
    border-radius: 1.5rem;
    padding: 0.6rem 1.1rem;
    font-family: inherit;
    font-size: 0.95rem;
    outline: none;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}

    .customer-input:focus[b-9czut6zl8i] {
        border-color: #2563eb;
        background-color: #ffffff;
        box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
    }

    .customer-input:disabled[b-9czut6zl8i] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.customer-send-btn[b-9czut6zl8i] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    border: none;
    background-color: #2563eb;
    color: #ffffff;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

    .customer-send-btn:hover:not(:disabled)[b-9czut6zl8i] {
        background-color: #1d4ed8;
    }

    .customer-send-btn:disabled[b-9czut6zl8i] {
        background-color: #9ca3af;
        cursor: not-allowed;
    }

@media (max-width: 640px) {
    .customer-chat[b-9czut6zl8i] {
        max-width: 100%;
        border-left: none;
        border-right: none;
    }

    .customer-transcript[b-9czut6zl8i] {
        padding: 1rem 0.75rem;
    }

    .customer-composer[b-9czut6zl8i] {
        padding: 0.6rem 0.75rem;
    }
}
/* /Components/Pages/DebugChat.razor.rz.scp.css */
/* Chat Layout */
.chat-container[b-au6exn7r7a] {
    display: flex;
    flex-direction: column;
    height: calc(100vh - 5.25rem);
    min-height: 0;
    min-width: 0;
    font-family: 'Consolas', 'Courier New', monospace;
    background-color: var(--vscode-bg, #1e1e1e);
    color: var(--vscode-fg, #d4d4d4);
    border: 1px solid var(--vscode-border, #333);
    border-radius: 0.25rem;
    overflow: hidden;
    margin-top: 1rem;
}


/* Chat Toolbar */
.chat-toolbar[b-au6exn7r7a] {
    display: flex;
    align-items: center;
    background-color: var(--vscode-panel, #252526);
    border-bottom: 1px solid var(--vscode-border, #333);
    padding: 0.5rem 1rem;
}

.toolbar-left[b-au6exn7r7a] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.toolbar-btn[b-au6exn7r7a] {
    background-color: transparent;
    color: #d4d4d4;
    border: 1px solid #555;
    padding: 0.25rem 0.75rem;
    border-radius: 0.15rem;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.85rem;
    transition: all 0.15s ease;
}

.toolbar-btn:hover:not(:disabled)[b-au6exn7r7a] {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: #888;
}

.toolbar-btn:disabled[b-au6exn7r7a] {
    opacity: 0.5;
    cursor: not-allowed;
}

.session-title[b-au6exn7r7a] {
    color: #9cdcfe;
    font-size: 0.9rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

@media (max-width: 640.98px) {
    .chat-toolbar[b-au6exn7r7a] {
        padding-right: 4rem;
    }

    .toolbar-left[b-au6exn7r7a] {
        flex-wrap: wrap;
    }
}

.system-prompt-bar[b-au6exn7r7a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.4rem 1rem;
    background-color: var(--vscode-panel, #252526);
    border-bottom: 1px solid var(--vscode-border, #333);
    font-size: 0.85rem;
}

.sp-bar-label[b-au6exn7r7a] {
    color: #9cdcfe;
    margin: 0;
    white-space: nowrap;
}

.sp-bar-select[b-au6exn7r7a] {
    flex: 0 1 22rem;
    background-color: #1e1e1e;
    color: #d4d4d4;
    border: 1px solid #555;
    border-radius: 0.15rem;
    padding: 0.2rem 0.4rem;
    font-family: inherit;
    font-size: 0.85rem;
    cursor: pointer;
}

.sp-bar-select:focus[b-au6exn7r7a] {
    outline: none;
    border-color: var(--vscode-accent, #007acc);
}

.sp-bar-select:disabled[b-au6exn7r7a] {
    opacity: 0.55;
    cursor: not-allowed;
}

.sp-bar-locked[b-au6exn7r7a] {
    color: #d7ba7d;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    border: 1px solid #6b5a2a;
    padding: 0.05rem 0.4rem;
    border-radius: 0.15rem;
    background-color: rgba(215, 186, 125, 0.08);
}

@media (max-width: 640.98px) {
    .system-prompt-bar[b-au6exn7r7a] {
        flex-wrap: wrap;
    }

    .sp-bar-select[b-au6exn7r7a] {
        flex: 1 1 auto;
        min-width: 0;
    }
}

.status-banner[b-au6exn7r7a] {
    background-color: var(--vscode-accent, #007acc);
    color: white;
    padding: 0.5rem 1rem;
    display: flex;
    gap: 1.5rem;
    flex-wrap: wrap;
    font-size: 0.85rem;
    font-weight: 600;
    border-bottom: 1px solid var(--vscode-border, #333);
}

/* Error Banner */
.error-banner[b-au6exn7r7a] {
    margin: 1rem;
    padding: 0.75rem 1rem;
    color: #ffe7e1;
    background-color: rgba(96, 20, 20, 0.92);
    border: 1px solid rgba(244, 71, 71, 0.6);
    border-left: 0.35rem solid #f48771;
    border-radius: 0.25rem;
    font-size: 0.85rem;
}

    .error-banner ul[b-au6exn7r7a] {
        margin: 0;
        padding-left: 1.5rem;
    }

    .error-banner li + li[b-au6exn7r7a] {
        margin-top: 0.5rem;
    }

/* Workspace Layout */
.chat-workspace[b-au6exn7r7a] {
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}

    .chat-workspace.with-trace[b-au6exn7r7a] {
        display: grid;
        grid-template-columns: minmax(0, 7fr) minmax(20rem, 3fr);
    }

    .chat-workspace.without-trace[b-au6exn7r7a] {
        display: block;
    }

/* Transcript Region */
.transcript-region[b-au6exn7r7a] {
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    padding: 1.5rem;
    background-color: var(--vscode-bg, #1e1e1e);
}

.empty-state[b-au6exn7r7a] {
    color: #808080;
    font-style: italic;
    text-align: center;
    margin-top: 3rem;
    font-size: 0.85rem;
}

/* Messages */
.message[b-au6exn7r7a] {
    width: fit-content;
    max-width: 80%;
    padding: 0.35rem 0.75rem 0.45rem;
    border-radius: 0.4rem;
    border: 1px solid var(--vscode-border, #333);
    word-break: break-word;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: flex;
    flex-flow: column;
}

.message-row[b-au6exn7r7a] {
    display: flex;
    width: 100%;
    margin-bottom: 0.5rem;
}

    .message-row.user[b-au6exn7r7a] {
        justify-content: flex-end;
    }

    .message-row.assistant[b-au6exn7r7a],
    .message-row.streaming-row[b-au6exn7r7a] {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
    }

.message.user[b-au6exn7r7a] {
    width: auto;
    max-width: min(80%, 60rem);
    padding: 0.25rem 0.6rem 0.35rem;
    background-color: rgba(0, 122, 204, 0.15);
    border-color: rgba(0, 122, 204, 0.4);
    white-space: pre-wrap;
}

.message.assistant[b-au6exn7r7a] {
    background-color: var(--vscode-panel, #252526);
    border-color: #3c3c3c;
}

    .message.assistant.streaming[b-au6exn7r7a] {
        border-color: rgba(0, 122, 204, 0.4);
    }

.message .role-label[b-au6exn7r7a] {
    margin-bottom: 0.25rem;
    color: #9cdcfe;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.message-text[b-au6exn7r7a] {
    line-height: 1.6;
    font-size: 0.9rem;
}

/* Markdown content inside assistant messages */
.message.assistant .message-text p[b-au6exn7r7a] {
    margin: 0 0 0.75rem;
}

    .message.assistant .message-text p:last-child[b-au6exn7r7a] {
        margin-bottom: 0;
    }

.message.assistant .message-text pre[b-au6exn7r7a] {
    margin: 0.75rem 0;
    padding: 0.75rem;
    background-color: #111;
    border: 1px solid #333;
    border-radius: 0.25rem;
    overflow-x: auto;
    font-size: 0.85rem;
    line-height: 1.4;
}

.message.assistant .message-text code[b-au6exn7r7a] {
    background-color: rgba(255, 255, 255, 0.08);
    padding: 0.15rem 0.35rem;
    border-radius: 0.2rem;
    font-size: 0.85em;
}

.message.assistant .message-text pre code[b-au6exn7r7a] {
    background: none;
    padding: 0;
    border-radius: 0;
    font-size: inherit;
}

.message.assistant .message-text ul[b-au6exn7r7a],
.message.assistant .message-text ol[b-au6exn7r7a] {
    margin: 0.5rem 0;
    padding-left: 1.5rem;
}

.message.assistant .message-text li[b-au6exn7r7a] {
    margin-bottom: 0.25rem;
}

.message.assistant .message-text blockquote[b-au6exn7r7a] {
    margin: 0.75rem 0;
    padding: 0.5rem 1rem;
    border-left: 3px solid #555;
    color: #aaa;
}

.message.assistant .message-text table[b-au6exn7r7a] {
    border-collapse: collapse;
    margin: 0.75rem 0;
    font-size: 0.85rem;
}

.message.assistant .message-text th[b-au6exn7r7a],
.message.assistant .message-text td[b-au6exn7r7a] {
    border: 1px solid #444;
    padding: 0.4rem 0.75rem;
}

.message.assistant .message-text th[b-au6exn7r7a] {
    background-color: rgba(255, 255, 255, 0.05);
}

.message.assistant .message-text h1[b-au6exn7r7a],
.message.assistant .message-text h2[b-au6exn7r7a],
.message.assistant .message-text h3[b-au6exn7r7a],
.message.assistant .message-text h4[b-au6exn7r7a],
.message.assistant .message-text h5[b-au6exn7r7a],
.message.assistant .message-text h6[b-au6exn7r7a] {
    margin: 0.75rem 0 0.5rem;
    color: #9cdcfe;
}

.message.assistant .message-text h1[b-au6exn7r7a] {
    font-size: 1.5rem;
}

.message.assistant .message-text h2[b-au6exn7r7a] {
    font-size: 1.4rem;
}

.message.assistant .message-text h3[b-au6exn7r7a] {
    font-size: 1.3rem;
}

.message.assistant .message-text h4[b-au6exn7r7a] {
    font-size: 1.2rem;
}

.message.assistant .message-text h5[b-au6exn7r7a] {
    font-size: 1.1rem;
}

.message.assistant .message-text h6[b-au6exn7r7a] {
    font-size: 1.0rem;
}

.message.assistant .message-text a[b-au6exn7r7a] {
    color: var(--vscode-accent, #007acc);
    text-decoration: underline;
}

/* Thinking Indicator */
.thinking-indicator[b-au6exn7r7a] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: #9cdcfe;
    font-style: italic;
    font-size: 0.85rem;
    padding: 0.5rem 1rem;
    animation: pulse-b-au6exn7r7a 1.5s ease-in-out infinite;
}

    .thinking-indicator[b-au6exn7r7a]::before {
        content: "●";
        color: var(--vscode-accent, #007acc);
        font-size: 1rem;
    }

/* Trace Panel */
.trace-panel[b-au6exn7r7a] {
    min-height: 0;
    min-width: 0;
    overflow-y: auto;
    padding: 1rem;
    background-color: #181818;
    border-left: 1px solid var(--vscode-border, #333);
}

.trace-header[b-au6exn7r7a] {
    margin-bottom: 1rem;
    color: #dcdcaa;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.trace-entry[b-au6exn7r7a] {
    margin-bottom: 1rem;
    padding: 0.75rem;
    background-color: #202020;
    border: 1px solid #333;
    border-radius: 0.25rem;
}

.trace-entry-header[b-au6exn7r7a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
}

.trace-timestamp[b-au6exn7r7a] {
    color: #808080;
    font-size: 0.75rem;
}

.trace-category[b-au6exn7r7a] {
    padding: 0.15rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

    .trace-category.tool-call[b-au6exn7r7a] {
        background-color: rgba(255, 196, 61, 0.15);
        color: #ffd166;
    }

    .trace-category.tool-result[b-au6exn7r7a] {
        background-color: rgba(78, 201, 176, 0.15);
        color: #4ec9b0;
    }

    .trace-category.resource-read[b-au6exn7r7a] {
        background-color: rgba(156, 220, 254, 0.15);
        color: #9cdcfe;
    }

    .trace-category.resource-result[b-au6exn7r7a] {
        background-color: rgba(78, 201, 176, 0.15);
        color: #4ec9b0;
    }

    .trace-category.error[b-au6exn7r7a] {
        background-color: rgba(244, 71, 71, 0.15);
        color: #f48771;
    }

    .trace-category.user[b-au6exn7r7a] {
        background-color: rgba(0, 122, 204, 0.15);
        color: #9cdcfe;
    }

    .trace-category.assistant[b-au6exn7r7a],
    .trace-category.system[b-au6exn7r7a] {
        background-color: rgba(128, 128, 128, 0.15);
        color: #d4d4d4;
    }

.trace-summary[b-au6exn7r7a] {
    color: #d4d4d4;
    white-space: pre-wrap;
    word-break: break-word;
    font-size: 0.85rem;
    line-height: 1.4;
}

.trace-detail[b-au6exn7r7a] {
    margin-top: 0.5rem;
}

    .trace-detail summary[b-au6exn7r7a] {
        color: #9cdcfe;
        cursor: pointer;
        font-size: 0.75rem;
        padding-top: 0.25rem;
    }

        .trace-detail summary:hover[b-au6exn7r7a] {
            color: var(--vscode-accent, #007acc);
        }

    .trace-detail pre[b-au6exn7r7a] {
        margin: 0.5rem 0 0;
        padding: 0.75rem;
        overflow-x: auto;
        white-space: pre-wrap;
        word-break: break-word;
        background-color: #111;
        border-radius: 0.25rem;
        border: 1px solid #333;
        font-size: 0.8rem;
    }

/* Input Region */
.input-region[b-au6exn7r7a] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background-color: var(--vscode-panel, #252526);
    border-top: 1px solid var(--vscode-border, #333);
}

.model-selector[b-au6exn7r7a],
.prompt-input[b-au6exn7r7a] {
    background-color: var(--vscode-input, #3c3c3c);
    color: var(--vscode-fg, #d4d4d4);
    border: 1px solid #555;
    padding: 0.5rem 0.75rem;
    border-radius: 0.15rem;
    font-family: inherit;
    font-size: 0.85rem;
    min-width: 0;
}

.prompt-input[b-au6exn7r7a] {
    width: 100%;
}

    .model-selector:focus[b-au6exn7r7a],
    .prompt-input:focus[b-au6exn7r7a] {
        outline: none;
        border-color: var(--vscode-accent, #007acc);
    }

.send-btn[b-au6exn7r7a] {
    background-color: var(--vscode-accent, #0e639c);
    color: white;
    border: 1px solid transparent;
    padding: 0.5rem 1.25rem;
    border-radius: 0.15rem;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.85rem;
    font-weight: 600;
    transition: background-color 0.15s ease;
    white-space: nowrap;
}

    .send-btn:hover:not(:disabled)[b-au6exn7r7a] {
        background-color: var(--vscode-accent-hover, #1177bb);
    }

    .send-btn.secondary[b-au6exn7r7a] {
        background-color: transparent;
        border: 1px solid #555;
        color: #d4d4d4;
    }

        .send-btn.secondary:hover:not(:disabled)[b-au6exn7r7a] {
            background-color: rgba(255, 255, 255, 0.05);
            border-color: #888;
        }

    .send-btn:disabled[b-au6exn7r7a],
    .prompt-input:disabled[b-au6exn7r7a],
    .model-selector:disabled[b-au6exn7r7a] {
        cursor: not-allowed;
        opacity: 0.5;
    }

/* MCP Capabilities Panel */
.mcp-capabilities-panel[b-au6exn7r7a] {
    background-color: #202020;
    border-top: 1px solid var(--vscode-border, #333);
    font-size: 0.8rem;
}

.mcp-capabilities-panel summary[b-au6exn7r7a] {
    padding: 0.5rem 0.75rem;
    color: #808080;
    cursor: pointer;
    user-select: none;
}

.mcp-capabilities-panel summary:hover[b-au6exn7r7a] {
    color: #d4d4d4;
    background-color: rgba(255, 255, 255, 0.05);
}

.mcp-capabilities-content[b-au6exn7r7a] {
    padding-bottom: 0.5rem;
}

.mcp-capabilities-content .tool-list[b-au6exn7r7a] {
    border-top: none;
    padding: 0.25rem 0.75rem;
}

/* Tool List */
.tool-list[b-au6exn7r7a] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    align-items: center;
    padding: 0.75rem;
    border-top: 1px solid var(--vscode-border, #333);
    background-color: #202020;
}

.tool-list-label[b-au6exn7r7a] {
    color: #808080;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-right: 0.5rem;
}

.tool-pill[b-au6exn7r7a] {
    padding: 0.25rem 0.75rem;
    border: 1px solid #3c3c3c;
    border-radius: 0.25rem;
    background-color: var(--vscode-panel, #252526);
    color: #dcdcaa;
    font-size: 0.75rem;
    transition: all 0.15s ease;
    cursor: default;
}

    .tool-pill:hover[b-au6exn7r7a] {
        background-color: #333;
        border-color: #555;
    }

/* Animations */
@keyframes pulse-b-au6exn7r7a {
    0%, 100% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }
}

/* Responsive */
@media (max-width: 1100px) {
    .chat-workspace.with-trace[b-au6exn7r7a] {
        grid-template-columns: 1fr;
        grid-template-rows: minmax(0, 1fr) auto;
    }

    .trace-panel[b-au6exn7r7a] {
        border-left: 0;
        border-top: 1px solid var(--vscode-border, #333);
        max-height: 20rem;
    }
}

@media (max-width: 767.98px) {
    .chat-container[b-au6exn7r7a] {
        height: calc(100dvh - 4rem);
        margin-top: 0.75rem;
    }

    .transcript-region[b-au6exn7r7a] {
        padding: 1rem;
    }

    .input-region[b-au6exn7r7a] {
        grid-template-columns: minmax(0, 1fr) auto auto;
        grid-template-areas:
            "model model model"
            "prompt send clear";
    }

    .model-selector[b-au6exn7r7a] {
        grid-area: model;
        width: 100%;
    }

    .prompt-input[b-au6exn7r7a] {
        grid-area: prompt;
    }

    .send-btn:not(.secondary)[b-au6exn7r7a] {
        grid-area: send;
    }

    .send-btn.secondary[b-au6exn7r7a] {
        grid-area: clear;
    }
}

@media (max-width: 575.98px) {
    .chat-toolbar[b-au6exn7r7a],
    .status-banner[b-au6exn7r7a],
    .input-region[b-au6exn7r7a] {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }

    .message[b-au6exn7r7a],
    .message.user[b-au6exn7r7a] {
        max-width: 100%;
    }

    .input-region[b-au6exn7r7a] {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas:
            "model model"
            "prompt prompt"
            "send clear";
    }

    .send-btn[b-au6exn7r7a] {
        width: 100%;
        justify-self: stretch;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Tool Pills (above assistant messages) */
.tool-pills[b-au6exn7r7a] {
    display: flex;
    gap: 0.35rem;
    flex-wrap: wrap;
    margin-bottom: 0.3rem;
}

.tool-pill-inline[b-au6exn7r7a] {
    font-size: 0.68rem;
    color: #ffd166;
    padding: 0.1rem 0.5rem;
    border: 1px solid rgba(255, 196, 61, 0.25);
    border-radius: 0.75rem;
    background-color: rgba(255, 196, 61, 0.08);
    white-space: nowrap;
}

.tool-pill-inline.resource[b-au6exn7r7a] {
    color: #9cdcfe;
    border-color: rgba(156, 220, 254, 0.25);
    background-color: rgba(156, 220, 254, 0.08);
}

/* Chat toolbar — right side toggles */
.chat-toolbar[b-au6exn7r7a] {
    justify-content: space-between;
    gap: 1rem;
}

.toolbar-right[b-au6exn7r7a] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.toolbar-toggle[b-au6exn7r7a] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: #d4d4d4;
    font-size: 0.8rem;
    user-select: none;
    cursor: pointer;
    padding: 0.2rem 0.5rem;
    border-radius: 0.25rem;
    border: 1px solid transparent;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

.toolbar-toggle:hover[b-au6exn7r7a] {
    background-color: rgba(255, 255, 255, 0.04);
    border-color: #555;
}

.toolbar-toggle input[type="checkbox"][b-au6exn7r7a] {
    accent-color: #007acc;
    margin: 0;
}

@media (max-width: 640.98px) {
    .chat-toolbar[b-au6exn7r7a] {
        flex-wrap: wrap;
    }

    .toolbar-right[b-au6exn7r7a] {
        flex-basis: 100%;
        order: 2;
        margin-top: 0.5rem;
    }
}

/* System prompt region (Debug-only, shown before any messages) */
.system-prompt-region[b-au6exn7r7a] {
    padding: 0.75rem 1rem 0;
    background-color: var(--vscode-bg, #1e1e1e);
}

.system-prompt-editor[b-au6exn7r7a] {
    border: 1px solid var(--vscode-border, #333);
    border-radius: 0.3rem;
    background-color: var(--vscode-panel, #252526);
    color: #d4d4d4;
}

.system-prompt-editor > summary[b-au6exn7r7a] {
    cursor: pointer;
    list-style: none;
    padding: 0.5rem 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 0.85rem;
    user-select: none;
}

.system-prompt-editor > summary[b-au6exn7r7a]::-webkit-details-marker {
    display: none;
}

.sp-summary-label[b-au6exn7r7a] {
    color: #9cdcfe;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
}

.sp-summary-value[b-au6exn7r7a] {
    color: #d4d4d4;
}

.sp-summary-locked[b-au6exn7r7a] {
    margin-left: auto;
    font-size: 0.7rem;
    color: #ffd166;
    border: 1px solid rgba(255, 196, 61, 0.4);
    padding: 0.05rem 0.4rem;
    border-radius: 0.4rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sp-body[b-au6exn7r7a] {
    padding: 0 0.75rem 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    border-top: 1px solid var(--vscode-border, #333);
}

.sp-row[b-au6exn7r7a] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.6rem;
}

.sp-row-end[b-au6exn7r7a] {
    justify-content: flex-end;
}

.sp-row label[b-au6exn7r7a] {
    color: #9cdcfe;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sp-preset-select[b-au6exn7r7a],
.sp-name-input[b-au6exn7r7a] {
    background-color: #1e1e1e;
    color: #d4d4d4;
    border: 1px solid #555;
    border-radius: 0.2rem;
    padding: 0.3rem 0.5rem;
    font-family: inherit;
    font-size: 0.85rem;
}

.sp-preset-select:focus[b-au6exn7r7a],
.sp-name-input:focus[b-au6exn7r7a],
.sp-textarea:focus[b-au6exn7r7a] {
    outline: none;
    border-color: #007acc;
}

.sp-textarea[b-au6exn7r7a] {
    width: 100%;
    background-color: #1e1e1e;
    color: #d4d4d4;
    border: 1px solid #555;
    border-radius: 0.2rem;
    padding: 0.5rem;
    font-family: 'Consolas', 'Courier New', monospace;
    font-size: 0.8rem;
    resize: vertical;
    min-height: 8rem;
}

.sp-description[b-au6exn7r7a] {
    font-size: 0.75rem;
    color: #999;
    font-style: italic;
}

.sp-status[b-au6exn7r7a] {
    font-size: 0.75rem;
    color: #9cdcfe;
    margin-right: auto;
}

.sp-status.ok[b-au6exn7r7a] {
    color: #6ec07a;
}

.sp-hint[b-au6exn7r7a] {
    font-size: 0.75rem;
    color: #999;
    font-style: italic;
}

.sp-btn[b-au6exn7r7a] {
    background-color: transparent;
    color: #d4d4d4;
    border: 1px solid #555;
    padding: 0.3rem 0.7rem;
    border-radius: 0.2rem;
    cursor: pointer;
    font-family: inherit;
    font-size: 0.8rem;
    transition: all 0.15s ease;
}

.sp-btn:hover:not(:disabled)[b-au6exn7r7a] {
    background-color: rgba(255, 255, 255, 0.05);
    border-color: #888;
}

.sp-btn:disabled[b-au6exn7r7a] {
    opacity: 0.4;
    cursor: not-allowed;
}

.sp-btn-primary[b-au6exn7r7a] {
    background-color: rgba(0, 122, 204, 0.2);
    border-color: rgba(0, 122, 204, 0.6);
    color: #9cdcfe;
}

.sp-btn-primary:hover:not(:disabled)[b-au6exn7r7a] {
    background-color: rgba(0, 122, 204, 0.35);
    border-color: rgba(0, 122, 204, 0.8);
}

.sp-btn-danger[b-au6exn7r7a] {
    color: #f48771;
    border-color: rgba(244, 135, 113, 0.4);
}

.sp-btn-danger:hover:not(:disabled)[b-au6exn7r7a] {
    background-color: rgba(244, 135, 113, 0.1);
    border-color: rgba(244, 135, 113, 0.7);
}

/* ----- Customer mode ----- */
.customer-shell[b-au6exn7r7a] {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
}

.customer-stack[b-au6exn7r7a] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 38rem;
    height: 100%;
    min-height: 0;
    box-sizing: border-box;
}

.customer-transcript[b-au6exn7r7a] {
    flex: 1 1 auto;
    min-height: 0;
    background-color: transparent !important;
    color: #1f2328 !important;
    padding: 1.5rem 1rem !important;
    overflow-y: auto;
}

.customer-transcript .empty-state[b-au6exn7r7a] {
    color: #6b7280;
    font-style: normal;
    text-align: center;
    margin-top: 3rem;
    font-size: 0.95rem;
}

.customer-transcript .message[b-au6exn7r7a] {
    border-radius: 1.125rem;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    padding: 0.55rem 0.9rem;
    max-width: min(85%, 32rem);
}

.customer-transcript .message-row.user .message[b-au6exn7r7a] {
    border-radius: 1.125rem 1.125rem 0.3rem 1.125rem;
}

.customer-transcript .message-row.assistant .message[b-au6exn7r7a],
.customer-transcript .message-row.streaming-row .message[b-au6exn7r7a] {
    border-radius: 1.125rem 1.125rem 1.125rem 0.3rem;
}

.customer-transcript .message.user[b-au6exn7r7a] {
    background-color: #2563eb;
    color: #ffffff;
    white-space: pre-wrap;
}

.customer-transcript .message.assistant[b-au6exn7r7a] {
    background-color: #ffffff;
    color: #1f2328;
    border: 1px solid #e5e7eb;
}

.customer-transcript .message.assistant.streaming[b-au6exn7r7a] {
    border-color: rgba(37, 99, 235, 0.4);
}

.customer-transcript .message-text[b-au6exn7r7a] {
    font-size: 0.95rem;
    line-height: 1.5;
}

.customer-transcript .message.assistant .message-text a[b-au6exn7r7a] {
    color: #2563eb;
}

.customer-transcript .message.assistant .message-text code[b-au6exn7r7a] {
    background-color: #f3f4f6;
    color: #1f2328;
}

.customer-transcript .thinking-indicator[b-au6exn7r7a] {
    color: #6b7280;
    font-style: italic;
    padding: 0.5rem 0.25rem;
}

.customer-composer[b-au6exn7r7a] {
    border-top: 1px solid #e5e7eb;
    background-color: #ffffff !important;
    padding: 0.75rem 1rem !important;
    flex-shrink: 0;
}

.customer-composer .prompt-input[b-au6exn7r7a] {
    background-color: #f9fafb !important;
    color: #1f2328 !important;
    border-color: #e5e7eb !important;
    border-radius: 1.5rem !important;
    padding: 0.6rem 1.1rem !important;
}

.customer-composer .prompt-input:focus[b-au6exn7r7a] {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15) !important;
    background-color: #ffffff !important;
}

.customer-composer .send-btn[b-au6exn7r7a] {
    background-color: #2563eb !important;
    color: #ffffff !important;
    border-color: #2563eb !important;
    border-radius: 1.5rem !important;
    padding: 0.45rem 1.15rem !important;
    font-weight: 500 !important;
}

.customer-composer .send-btn:hover:not(:disabled)[b-au6exn7r7a] {
    background-color: #1d4ed8 !important;
}

@media (max-width: 640px) {
    .customer-stack[b-au6exn7r7a] {
        max-width: 100%;
    }

    .customer-transcript[b-au6exn7r7a] {
        padding: 1rem 0.75rem !important;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
h1[b-2gorj319rg] {
    font-size: 1.5rem;
    font-weight: normal;
    color: var(--vscode-accent);
    margin-bottom: 1.5rem;
}

table[b-2gorj319rg] {
    border-collapse: collapse;
    width: 100%;
    max-width: 800px;
    background-color: var(--vscode-panel);
    border: 1px solid var(--vscode-border);
    border-radius: 4px;
    overflow: hidden;
    font-size: 0.9rem;
}

tr[b-2gorj319rg] {
    border-bottom: 1px solid var(--vscode-border);
}

tr:last-child[b-2gorj319rg] {
    border-bottom: none;
}

th[b-2gorj319rg], td[b-2gorj319rg] {
    padding: 0.75rem 1rem;
    text-align: left;
    vertical-align: top;
}

th[b-2gorj319rg] {
    width: 30%;
    color: var(--vscode-fg);
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.2);
}

td[b-2gorj319rg] {
    color: #9cdcfe;
    word-break: break-word;
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-l7si1nljqq] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    background-color: var(--vscode-bg, #1e1e1e);
    padding: 1rem;
}

.login-card[b-l7si1nljqq] {
    width: 100%;
    max-width: 360px;
    background: var(--vscode-panel, #252526);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    padding: 2rem 1.75rem;
}

.login-header[b-l7si1nljqq] {
    text-align: center;
    margin-bottom: 1.75rem;
}

.login-logo[b-l7si1nljqq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: linear-gradient(135deg, #007acc, #1291f5);
    border-radius: 12px;
    color: #fff;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    margin-bottom: 0.75rem;
}

.login-title[b-l7si1nljqq] {
    color: var(--vscode-fg, #d4d4d4);
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.login-subtitle[b-l7si1nljqq] {
    color: rgba(212, 212, 212, 0.5);
    font-size: 0.78rem;
    margin-top: 0.2rem;
}

.login-field[b-l7si1nljqq] {
    margin-bottom: 1rem;
}

.login-label[b-l7si1nljqq] {
    display: block;
    color: rgba(212, 212, 212, 0.7);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.35rem;
}

.login-input[b-l7si1nljqq] {
    width: 100%;
    background-color: var(--vscode-input, #3c3c3c);
    color: var(--vscode-fg, #d4d4d4);
    border: 1px solid #555;
    border-radius: 0.15rem;
    padding: 0.5rem 0.625rem;
    font-family: inherit;
    font-size: 0.875rem;
    outline: none;
    box-sizing: border-box;
    transition: border-color 0.15s ease;
}

    .login-input:focus[b-l7si1nljqq] {
        border-color: var(--vscode-accent, #007acc);
    }

    .login-input:disabled[b-l7si1nljqq] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .login-input[b-l7si1nljqq]::placeholder {
        color: rgba(212, 212, 212, 0.3);
    }

.login-error[b-l7si1nljqq] {
    background: rgba(244, 135, 113, 0.12);
    border: 1px solid rgba(244, 135, 113, 0.35);
    border-radius: 0.25rem;
    color: #f48771;
    font-size: 0.8rem;
    padding: 0.45rem 0.625rem;
    margin-bottom: 1rem;
}

.login-btn[b-l7si1nljqq] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.6rem 1rem;
    background: linear-gradient(135deg, #007acc, #1291f5);
    color: #fff;
    border: none;
    border-radius: 12px;
    font-family: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    transition: opacity 0.15s ease, filter 0.15s ease;
}

    .login-btn:hover:not(:disabled)[b-l7si1nljqq] {
        filter: brightness(1.1);
    }

    .login-btn:disabled[b-l7si1nljqq] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.login-spinner[b-l7si1nljqq] {
    display: inline-block;
    width: 0.85rem;
    height: 0.85rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #fff;
    border-radius: 50%;
    animation: login-spin 0.7s linear infinite;
    flex-shrink: 0;
}

@@keyframes login-spin {
    to[b-l7si1nljqq] { transform: rotate(360deg); }
}
/* /Components/Pages/McpInspector.razor.rz.scp.css */
.mcp-inspector-page[b-62qkodmvtj] {
    min-width: 0;
    overflow-x: clip;
}

.mcp-inspector-header[b-62qkodmvtj],
.mcp-inspector-summary[b-62qkodmvtj],
.mcp-inspector-card-header[b-62qkodmvtj],
.mcp-inspector-card-title[b-62qkodmvtj],
.mcp-inspector-card-actions[b-62qkodmvtj] {
    min-width: 0;
}

.mcp-inspector-status[b-62qkodmvtj] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
}

.mcp-inspector-tabs[b-62qkodmvtj] {
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
}

.mcp-inspector-tabs .nav-item[b-62qkodmvtj] {
    min-width: 0;
}

.mcp-inspector-tabs .nav-link[b-62qkodmvtj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    max-width: 100%;
    text-align: center;
}

.mcp-inspector-card-header[b-62qkodmvtj] {
    flex-wrap: wrap;
}

.mcp-inspector-card-title[b-62qkodmvtj] {
    flex: 1 1 20rem;
}

.mcp-inspector-card-actions[b-62qkodmvtj] {
    flex: 0 1 auto;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.mcp-inspector-inline-code[b-62qkodmvtj],
.mcp-inspector-code-block[b-62qkodmvtj],
.mcp-inspector-modal-input[b-62qkodmvtj] {
    max-width: 100%;
}

.mcp-inspector-code-block[b-62qkodmvtj] {
    white-space: pre-wrap;
}

@media (max-width: 767.98px) {
    .mcp-inspector-page[b-62qkodmvtj] {
        padding-left: 0;
        padding-right: 0;
    }

    .mcp-inspector-header[b-62qkodmvtj] {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    .mcp-inspector-status[b-62qkodmvtj] {
        justify-content: flex-start;
        width: 100%;
    }

    .mcp-inspector-tabs[b-62qkodmvtj] {
        border-bottom: 0;
    }

    .mcp-inspector-tabs .nav-item[b-62qkodmvtj],
    .mcp-inspector-tabs .nav-link[b-62qkodmvtj] {
        width: 100%;
    }

    .mcp-inspector-card-title[b-62qkodmvtj],
    .mcp-inspector-card-actions[b-62qkodmvtj] {
        flex-basis: 100%;
    }

    .mcp-inspector-card-actions[b-62qkodmvtj] {
        justify-content: flex-start;
    }

    .mcp-inspector-modal-dialog[b-62qkodmvtj] {
        margin: 0.5rem;
    }
}
/* /Components/Pages/Sessions.razor.rz.scp.css */
.sessions-container[b-5bxd1st6j1] {
    max-width: 820px;
    margin: 1.5rem auto;
    padding: 0 1rem;
}

.sessions-header[b-5bxd1st6j1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.sessions-header h1[b-5bxd1st6j1] {
    margin: 0.2rem 0 0;
    color: #f5f8fc;
    font-size: 1.35rem;
}

.sessions-eyebrow[b-5bxd1st6j1] {
    color: rgba(146, 196, 255, 0.8);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.sessions-actions[b-5bxd1st6j1] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.sessions-primary[b-5bxd1st6j1],
.sessions-secondary[b-5bxd1st6j1],
.sessions-danger[b-5bxd1st6j1] {
    border: 0;
    cursor: pointer;
    padding: 0.7rem 0.95rem;
    border-radius: 12px;
    color: #f5f8fc;
    font-size: 0.92rem;
    font-weight: 600;
    transition: transform 0.16s ease, background-color 0.16s ease, opacity 0.16s ease;
}

.sessions-primary[b-5bxd1st6j1] {
    background: linear-gradient(135deg, #007acc, #1291f5);
}

.sessions-secondary[b-5bxd1st6j1] {
    background: rgba(255, 255, 255, 0.08);
}

.sessions-danger[b-5bxd1st6j1] {
    background: rgba(190, 67, 67, 0.22);
}

.sessions-primary:hover[b-5bxd1st6j1],
.sessions-secondary:hover[b-5bxd1st6j1],
.sessions-danger:hover[b-5bxd1st6j1] {
    transform: translateY(-1px);
}

.sessions-primary:disabled[b-5bxd1st6j1],
.sessions-secondary:disabled[b-5bxd1st6j1],
.sessions-danger:disabled[b-5bxd1st6j1] {
    cursor: not-allowed;
    opacity: 0.45;
    transform: none;
}

.sessions-empty[b-5bxd1st6j1] {
    padding: 1.25rem;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    color: rgba(255, 255, 255, 0.72);
    text-align: center;
}

.sessions-list[b-5bxd1st6j1] {
    display: grid;
    gap: 0.8rem;
}

.sessions-item[b-5bxd1st6j1] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
}

.sessions-item.active[b-5bxd1st6j1] {
    border-color: rgba(18, 145, 245, 0.55);
    background: rgba(18, 145, 245, 0.1);
}

.sessions-item-copy[b-5bxd1st6j1] {
    display: grid;
    gap: 0.55rem;
}

.sessions-item-title-row[b-5bxd1st6j1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.sessions-item-title-row h3[b-5bxd1st6j1] {
    margin: 0;
    color: #f5f8fc;
    font-size: 1rem;
}

.sessions-badge[b-5bxd1st6j1] {
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: rgba(18, 145, 245, 0.2);
    color: #9ccfff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sessions-item-meta[b-5bxd1st6j1] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.82rem;
}

.sessions-item-actions[b-5bxd1st6j1] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

@media (max-width: 640px) {
    .sessions-header[b-5bxd1st6j1] {
        flex-direction: column;
    }

    .sessions-item[b-5bxd1st6j1] {
        flex-direction: column;
    }

    .sessions-item-actions[b-5bxd1st6j1] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}
/* /Components/Shared/AppTopBar.razor.rz.scp.css */
.app-topbar[b-z247guk5th] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.25rem;
    min-height: 3.25rem;
    flex: 0 0 auto;
    padding: 0 1.25rem;
    border-bottom: 1px solid var(--vscode-border, #2a2a2a);
    background-color: var(--vscode-panel, #1f1f23);
    color: #e6e6e6;
    position: sticky;
    top: 0;
    z-index: 50;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.app-topbar.topbar-customer[b-z247guk5th] {
    background-color: #ffffff;
    color: #111827;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.topbar-brand[b-z247guk5th] {
    display: flex;
    align-items: center;
}

.topbar-title[b-z247guk5th] {
    font-size: 0.95rem;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.topbar-modes[b-z247guk5th] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid #3a3a3a;
    border-radius: 999px;
    padding: 0.15rem;
}

.topbar-customer .topbar-modes[b-z247guk5th] {
    background-color: #f3f4f6;
    border-color: #e5e7eb;
}

.topbar-mode-btn[b-z247guk5th] {
    appearance: none;
    border: none;
    background: transparent;
    color: inherit;
    font-family: inherit;
    font-size: 0.8rem;
    font-weight: 500;
    padding: 0.3rem 0.85rem;
    border-radius: 999px;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.topbar-mode-btn:hover:not(.active)[b-z247guk5th] {
    background-color: rgba(255, 255, 255, 0.08);
}

.topbar-customer .topbar-mode-btn:hover:not(.active)[b-z247guk5th] {
    background-color: rgba(0, 0, 0, 0.04);
}

.topbar-mode-btn.active[b-z247guk5th] {
    background-color: #007acc;
    color: #ffffff;
    box-shadow: 0 1px 4px rgba(0, 122, 204, 0.4);
}

.topbar-customer .topbar-mode-btn.active[b-z247guk5th] {
    background-color: #2563eb;
}
/* /Components/Shared/ChatSessionBrowserModal.razor.rz.scp.css */
.session-browser-backdrop[b-g0s7sld6qe] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background: rgba(5, 9, 18, 0.72);
    backdrop-filter: blur(8px);
}

.session-browser-modal[b-g0s7sld6qe] {
    width: min(780px, 100%);
    max-height: min(80vh, 860px);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1.25rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background:
        linear-gradient(180deg, rgba(27, 31, 40, 0.98), rgba(20, 22, 29, 0.98)),
        radial-gradient(circle at top right, rgba(0, 122, 204, 0.18), transparent 35%);
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45);
}

.session-browser-header[b-g0s7sld6qe] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.session-browser-header h2[b-g0s7sld6qe] {
    margin: 0.2rem 0 0;
    color: #f5f8fc;
    font-size: 1.35rem;
}

.session-browser-eyebrow[b-g0s7sld6qe] {
    color: rgba(146, 196, 255, 0.8);
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.session-browser-close[b-g0s7sld6qe],
.session-browser-primary[b-g0s7sld6qe],
.session-browser-secondary[b-g0s7sld6qe],
.session-browser-danger[b-g0s7sld6qe] {
    border: 0;
    cursor: pointer;
    transition: transform 0.16s ease, background-color 0.16s ease, opacity 0.16s ease;
}

.session-browser-close[b-g0s7sld6qe] {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #f5f8fc;
    font-size: 1.3rem;
    line-height: 1;
}

.session-browser-actions[b-g0s7sld6qe] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.session-browser-primary[b-g0s7sld6qe],
.session-browser-secondary[b-g0s7sld6qe],
.session-browser-danger[b-g0s7sld6qe] {
    padding: 0.7rem 0.95rem;
    border-radius: 12px;
    color: #f5f8fc;
    font-size: 0.92rem;
    font-weight: 600;
}

.session-browser-primary[b-g0s7sld6qe] {
    background: linear-gradient(135deg, #007acc, #1291f5);
}

.session-browser-secondary[b-g0s7sld6qe] {
    background: rgba(255, 255, 255, 0.08);
}

.session-browser-danger[b-g0s7sld6qe] {
    background: rgba(190, 67, 67, 0.22);
}

.session-browser-primary:hover[b-g0s7sld6qe],
.session-browser-secondary:hover[b-g0s7sld6qe],
.session-browser-danger:hover[b-g0s7sld6qe],
.session-browser-close:hover[b-g0s7sld6qe] {
    transform: translateY(-1px);
}

.session-browser-primary:disabled[b-g0s7sld6qe],
.session-browser-secondary:disabled[b-g0s7sld6qe],
.session-browser-danger:disabled[b-g0s7sld6qe] {
    cursor: not-allowed;
    opacity: 0.45;
    transform: none;
}

.session-browser-empty[b-g0s7sld6qe] {
    padding: 1.25rem;
    border: 1px dashed rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    color: rgba(255, 255, 255, 0.72);
    text-align: center;
}

.session-browser-list[b-g0s7sld6qe] {
    overflow: auto;
    display: grid;
    gap: 0.8rem;
    padding-right: 0.25rem;
}

.session-browser-item[b-g0s7sld6qe] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.035);
}

.session-browser-item.active[b-g0s7sld6qe] {
    border-color: rgba(18, 145, 245, 0.55);
    background: rgba(18, 145, 245, 0.1);
}

.session-browser-item-copy[b-g0s7sld6qe] {
    display: grid;
    gap: 0.55rem;
}

.session-browser-item-title-row[b-g0s7sld6qe] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
}

.session-browser-item-title-row h3[b-g0s7sld6qe] {
    margin: 0;
    color: #f5f8fc;
    font-size: 1rem;
}

.session-browser-badge[b-g0s7sld6qe] {
    padding: 0.2rem 0.5rem;
    border-radius: 999px;
    background: rgba(18, 145, 245, 0.2);
    color: #9ccfff;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.session-browser-item-meta[b-g0s7sld6qe] {
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, 0.62);
    font-size: 0.82rem;
}

.session-browser-item-actions[b-g0s7sld6qe] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

@media (max-width: 720px) {
    .session-browser-backdrop[b-g0s7sld6qe] {
        padding: 0.75rem;
    }

    .session-browser-item[b-g0s7sld6qe] {
        flex-direction: column;
    }

    .session-browser-item-actions[b-g0s7sld6qe] {
        justify-content: flex-end;
        flex-wrap: wrap;
    }
}