/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-frame[b-q0wxs90a4h] {
    min-height: 100vh;
}

.app-header[b-q0wxs90a4h] {
    position: fixed;
    inset: 0 0 auto;
    z-index: 100;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 clamp(1rem, 4vw, 3.25rem);
    border-bottom: 1px solid #d9e0df;
    background: rgba(250, 251, 248, .94);
    backdrop-filter: blur(16px);
}

.brand[b-q0wxs90a4h] {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    color: #17211f;
    text-decoration: none;
}

.brand-icon[b-q0wxs90a4h] {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: #167c68;
    box-shadow: 0 5px 14px rgba(22, 124, 104, .2);
}

.brand strong[b-q0wxs90a4h],
.brand small[b-q0wxs90a4h] {
    display: block;
}

.brand strong[b-q0wxs90a4h] {
    font-family: Bahnschrift, "Aptos Display", sans-serif;
    font-size: 1.05rem;
    line-height: 1.05;
}

.brand small[b-q0wxs90a4h] {
    margin-top: .2rem;
    color: #71807c;
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
}

.header-actions[b-q0wxs90a4h],
.user-chip[b-q0wxs90a4h] {
    display: flex;
    align-items: center;
}

.header-actions[b-q0wxs90a4h] {
    gap: .45rem;
}

.user-chip[b-q0wxs90a4h] {
    gap: .5rem;
    padding: .3rem .65rem .3rem .35rem;
    border: 1px solid #dce3e1;
    border-radius: 8px;
    background: #fff;
}

.user-avatar[b-q0wxs90a4h] {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    color: #9c561d;
    background: #fff0d8;
}

.user-avatar[b-q0wxs90a4h]  svg {
    font-size: 1rem;
}

.logout-button[b-q0wxs90a4h] {
    color: #52615d !important;
}

.side-nav[b-q0wxs90a4h] {
    position: fixed;
    inset: 68px auto 0 0;
    z-index: 90;
    width: 216px;
    display: flex;
    flex-direction: column;
    gap: .35rem;
    padding: 1.6rem 1rem;
    border-right: 1px solid #d9e0df;
    background: rgba(248, 250, 247, .92);
}

.nav-label[b-q0wxs90a4h] {
    margin: 0 .65rem .45rem;
    color: #8a9692;
    font-size: .65rem;
    font-weight: 700;
    text-transform: uppercase;
}

.nav-item[b-q0wxs90a4h] {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-height: 44px;
    padding: .35rem .55rem;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #52615d;
    font-size: .82rem;
    font-weight: 700;
    text-decoration: none;
}

.nav-item:hover[b-q0wxs90a4h] {
    color: #17211f;
    background: #fff;
}

.nav-item.active[b-q0wxs90a4h] {
    border-color: #d8e3df;
    color: #17211f;
    background: #fff;
    box-shadow: 0 4px 12px rgba(29, 48, 43, .06);
}

.nav-icon[b-q0wxs90a4h] {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 6px;
}

.nav-icon[b-q0wxs90a4h]  svg {
    font-size: 1rem;
}

.nav-icon.chat[b-q0wxs90a4h] {
    color: #236da1;
    background: #e4f1fa;
}

.nav-icon.assets[b-q0wxs90a4h] {
    color: #167c68;
    background: #dff3e9;
}

.nav-icon.credentials[b-q0wxs90a4h] {
    color: #9c561d;
    background: #fff0d8;
}

.main-content[b-q0wxs90a4h] {
    min-height: 100vh;
    padding: 92px clamp(1rem, 4vw, 3.25rem) 1.5rem calc(216px + clamp(1rem, 4vw, 3.25rem));
}

@media (max-width: 760px) {
    .side-nav[b-q0wxs90a4h] {
        inset: 68px 0 auto;
        width: auto;
        height: 58px;
        flex-direction: row;
        align-items: center;
        gap: .75rem;
        padding: .55rem 1rem;
        border-right: 0;
        border-bottom: 1px solid #d9e0df;
    }

    .nav-label[b-q0wxs90a4h] {
        display: none;
    }

    .nav-item[b-q0wxs90a4h] {
        min-height: 40px;
        gap: .4rem;
        padding: .25rem .65rem;
    }

    .main-content[b-q0wxs90a4h] {
        padding: 148px 1rem 1.5rem;
    }
}

.user-email[b-q0wxs90a4h] {
    display: none;
    color: #52615d;
    font-size: .78rem;
    font-weight: 600;
}

@media (min-width: 600px) {
    .user-email[b-q0wxs90a4h] {
        display: block;
    }
}

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

    #blazor-error-ui .dismiss[b-q0wxs90a4h] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-1bwq2kpw6g],
.components-reconnect-repeated-attempt-visible[b-1bwq2kpw6g],
.components-reconnect-failed-visible[b-1bwq2kpw6g],
.components-pause-visible[b-1bwq2kpw6g],
.components-resume-failed-visible[b-1bwq2kpw6g],
.components-rejoining-animation[b-1bwq2kpw6g] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-1bwq2kpw6g {
    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/Assets.razor.rz.scp.css */
.assets-workspace[b-uk48o5xlew] { width: min(100%, 1220px); margin: 0 auto; }
.page-heading[b-uk48o5xlew] { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.25rem; }
.eyebrow[b-uk48o5xlew] { display: flex; align-items: center; gap: .45rem; color: #52615d; font-size: .7rem; font-weight: 700; }
.eyebrow span[b-uk48o5xlew] { width: 7px; height: 7px; border-radius: 50%; background: #377f9f; }
.page-heading h1[b-uk48o5xlew] { margin: .3rem 0 .15rem; color: #17211f; font-family: Bahnschrift, "Aptos Display", sans-serif; font-size: clamp(1.8rem, 4vw, 2.75rem); font-weight: 600; }
.page-heading p[b-uk48o5xlew] { margin: 0; color: #71807c; }
button[b-uk48o5xlew], input[b-uk48o5xlew], select[b-uk48o5xlew], textarea[b-uk48o5xlew] { font: inherit; }
.primary-button[b-uk48o5xlew], .delete-button[b-uk48o5xlew], .delete-confirm[b-uk48o5xlew], .text-button[b-uk48o5xlew] { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: 0 .9rem; border-radius: 7px; font-size: .78rem; font-weight: 700; cursor: pointer; }
.primary-button[b-uk48o5xlew] { border: 0; color: #fff; background: #167c68; }
.primary-button:disabled[b-uk48o5xlew] { color: #99a39f; background: #edf0ef; cursor: default; }
.primary-button[b-uk48o5xlew]  svg, .delete-button[b-uk48o5xlew]  svg { font-size: 1rem; }
.assets-layout[b-uk48o5xlew] { min-height: 650px; display: grid; grid-template-columns: minmax(250px, .7fr) minmax(600px, 1.65fr); overflow: hidden; border: 1px solid #d9e0df; border-radius: 8px; background: #fff; box-shadow: 0 16px 40px rgba(29, 48, 43, .08); }
.asset-list[b-uk48o5xlew] { border-right: 1px solid #e1e6e4; background: #f8faf7; }
.section-header[b-uk48o5xlew] { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0 1rem; border-bottom: 1px solid #e1e6e4; }
.section-header strong[b-uk48o5xlew], .section-header small[b-uk48o5xlew], .asset-summary strong[b-uk48o5xlew], .asset-summary small[b-uk48o5xlew], .list-state strong[b-uk48o5xlew], .list-state small[b-uk48o5xlew], .subsection-heading strong[b-uk48o5xlew], .subsection-heading small[b-uk48o5xlew] { display: block; }
.section-header strong[b-uk48o5xlew], .subsection-heading strong[b-uk48o5xlew] { color: #26332f; font-size: .84rem; }
.section-header small[b-uk48o5xlew], .asset-summary small[b-uk48o5xlew], .list-state small[b-uk48o5xlew], .subsection-heading small[b-uk48o5xlew] { margin-top: .12rem; color: #7b8985; font-size: .7rem; }
.section-header[b-uk48o5xlew] >  svg { color: #8a9692; font-size: 1.1rem; }
.search-box[b-uk48o5xlew] { height: 42px; display: flex; align-items: center; gap: .5rem; margin: .75rem; padding: 0 .65rem; border: 1px solid #d9e0df; border-radius: 7px; background: #fff; }
.search-box[b-uk48o5xlew]  svg { color: #8a9692; font-size: 1rem; }
.search-box input[b-uk48o5xlew] { min-width: 0; width: 100%; border: 0; outline: 0; color: #26332f; }
.asset-rows[b-uk48o5xlew] { max-height: 620px; overflow-y: auto; }
.asset-row[b-uk48o5xlew] { width: calc(100% - 1rem); display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: .65rem; margin: .5rem; padding: .65rem; border: 1px solid transparent; border-radius: 7px; color: #7b8985; background: transparent; text-align: left; cursor: pointer; }
.asset-row:hover[b-uk48o5xlew], .asset-row.selected[b-uk48o5xlew] { border-color: #d9e2df; background: #fff; }
.asset-row.selected[b-uk48o5xlew] { box-shadow: 0 4px 12px rgba(29, 48, 43, .06); }
.asset-row[b-uk48o5xlew] >  svg:last-child { font-size: 1rem; }
.asset-summary[b-uk48o5xlew] { min-width: 0; }
.asset-summary strong[b-uk48o5xlew] { overflow: hidden; color: #26332f; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.asset-icon[b-uk48o5xlew], .empty-icon[b-uk48o5xlew] { display: grid; place-items: center; border-radius: 7px; color: #236da1; background: #e4f1fa; }
.asset-icon[b-uk48o5xlew] { width: 36px; height: 36px; }
.asset-icon[b-uk48o5xlew]  svg { font-size: 1.1rem; }
.empty-icon[b-uk48o5xlew] { width: 44px; height: 44px; margin-bottom: .65rem; }
.list-state[b-uk48o5xlew] { min-height: 300px; display: grid; place-content: center; justify-items: center; padding: 1rem; color: #7b8985; text-align: center; }
.asset-editor[b-uk48o5xlew] { min-width: 0; }
.editor-header[b-uk48o5xlew] { padding: 0 1.25rem; }
.inventory-badge[b-uk48o5xlew] { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .55rem; border-radius: 6px; color: #236da1; background: #e4f1fa; font-size: .68rem; font-weight: 700; }
.inventory-badge[b-uk48o5xlew]  svg { font-size: .9rem; }
.editor-form[b-uk48o5xlew] { padding: 1.4rem; }
.editor-form label[b-uk48o5xlew], .endpoint-row label[b-uk48o5xlew] { display: block; margin: 0 0 .4rem; color: #52615d; font-size: .72rem; font-weight: 700; }
.editor-form > label:not(:first-child)[b-uk48o5xlew] { margin-top: 1rem; }
.editor-form label span[b-uk48o5xlew] { color: #98a39f; font-weight: 400; }
.editor-form input[b-uk48o5xlew], .editor-form select[b-uk48o5xlew], .editor-form textarea[b-uk48o5xlew] { box-sizing: border-box; width: 100%; border: 1px solid #cfd8d5; border-radius: 7px; outline: 0; color: #26332f; background: #fbfcfa; }
.editor-form input[b-uk48o5xlew], .editor-form select[b-uk48o5xlew] { height: 42px; padding: 0 .75rem; }
.editor-form textarea[b-uk48o5xlew] { min-height: 88px; padding: .7rem .75rem; resize: vertical; }
.editor-form input:focus[b-uk48o5xlew], .editor-form select:focus[b-uk48o5xlew], .editor-form textarea:focus[b-uk48o5xlew] { border-color: #388d7b; box-shadow: 0 0 0 3px rgba(22, 124, 104, .1); }
.field-grid[b-uk48o5xlew] { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
.subsection-heading[b-uk48o5xlew] { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #e6eae9; }
.icon-button[b-uk48o5xlew], .remove-button[b-uk48o5xlew] { display: grid; place-items: center; flex: 0 0 auto; padding: 0; border: 0; cursor: pointer; }
.icon-button[b-uk48o5xlew] { width: 32px; height: 32px; border-radius: 6px; color: #167c68; background: #e4f4ed; }
.remove-button[b-uk48o5xlew] { width: 34px; height: 42px; align-self: end; color: #a2442f; background: transparent; }
.icon-button[b-uk48o5xlew]  svg, .remove-button[b-uk48o5xlew]  svg { font-size: 1rem; }
.inline-empty[b-uk48o5xlew] { padding: .8rem; border: 1px dashed #d9e0df; border-radius: 7px; color: #7b8985; font-size: .72rem; text-align: center; }
.endpoint-row[b-uk48o5xlew] { display: grid; grid-template-columns: .65fr 1.3fr 90px 1fr 34px; gap: .6rem; align-items: end; margin-bottom: .6rem; }
.metadata-row[b-uk48o5xlew] { display: grid; grid-template-columns: 1fr 1.6fr 34px; gap: .6rem; margin-bottom: .6rem; }
.credentials-heading[b-uk48o5xlew] { justify-content: flex-start; }
.credential-options[b-uk48o5xlew] { display: flex; flex-wrap: wrap; gap: .5rem; }
.credential-options label[b-uk48o5xlew] { display: inline-flex; align-items: center; gap: .4rem; margin: 0; padding: .5rem .65rem; border: 1px solid #d9e0df; border-radius: 6px; background: #fbfcfa; cursor: pointer; }
.credential-options input[b-uk48o5xlew] { width: 16px; height: 16px; padding: 0; }
.editor-actions[b-uk48o5xlew] { display: flex; align-items: center; gap: .55rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #e6eae9; }
.action-spacer[b-uk48o5xlew] { flex: 1; }
.delete-button[b-uk48o5xlew], .delete-confirm[b-uk48o5xlew], .text-button[b-uk48o5xlew] { border: 1px solid #e2d8d4; color: #a2442f; background: #fff; }
.delete-confirm[b-uk48o5xlew] { color: #fff; background: #a2442f; }
.text-button[b-uk48o5xlew] { border-color: transparent; color: #52615d; }
@media (max-width: 1050px) { .assets-layout[b-uk48o5xlew] { grid-template-columns: 1fr; } .asset-list[b-uk48o5xlew] { border-right: 0; border-bottom: 1px solid #e1e6e4; } .asset-rows[b-uk48o5xlew] { max-height: 260px; } }
@media (max-width: 720px) { .page-heading[b-uk48o5xlew] { align-items: stretch; flex-direction: column; } .primary-button[b-uk48o5xlew] { align-self: flex-start; } .field-grid[b-uk48o5xlew], .endpoint-row[b-uk48o5xlew], .metadata-row[b-uk48o5xlew] { grid-template-columns: 1fr; } .remove-button[b-uk48o5xlew] { align-self: center; } .editor-actions[b-uk48o5xlew] { flex-wrap: wrap; } .editor-actions .primary-button[b-uk48o5xlew] { width: 100%; order: -1; } .action-spacer[b-uk48o5xlew] { display: none; } }
/* /Components/Pages/Credentials.razor.rz.scp.css */
.credentials-workspace[b-373t31ec0h] {
    width: min(100%, 1120px);
    margin: 0 auto;
}

.page-heading[b-373t31ec0h] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.25rem;
}

.eyebrow[b-373t31ec0h] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #52615d;
    font-size: .7rem;
    font-weight: 700;
}

.eyebrow span[b-373t31ec0h] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #d99a25;
}

.page-heading h1[b-373t31ec0h] {
    margin: .3rem 0 .15rem;
    color: #17211f;
    font-family: Bahnschrift, "Aptos Display", sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.75rem);
    font-weight: 600;
}

.page-heading p[b-373t31ec0h] {
    margin: 0;
    color: #71807c;
}

button[b-373t31ec0h],
input[b-373t31ec0h],
select[b-373t31ec0h],
textarea[b-373t31ec0h] {
    font: inherit;
}

.new-button[b-373t31ec0h],
.save-button[b-373t31ec0h],
.delete-button[b-373t31ec0h],
.delete-confirm[b-373t31ec0h],
.text-button[b-373t31ec0h] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 40px;
    border-radius: 7px;
    font-size: .78rem;
    font-weight: 700;
    cursor: pointer;
}

.new-button[b-373t31ec0h],
.save-button[b-373t31ec0h] {
    padding: 0 .9rem;
    border: 0;
    color: #fff;
    background: #167c68;
}

.new-button[b-373t31ec0h]  svg,
.save-button[b-373t31ec0h]  svg,
.delete-button[b-373t31ec0h]  svg {
    font-size: 1rem;
}

.credentials-layout[b-373t31ec0h] {
    display: grid;
    grid-template-columns: minmax(250px, .72fr) minmax(420px, 1.45fr);
    min-height: 570px;
    overflow: hidden;
    border: 1px solid #d9e0df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(29, 48, 43, .08);
}

.credential-list[b-373t31ec0h] {
    border-right: 1px solid #e1e6e4;
    background: #f8faf7;
}

.section-header[b-373t31ec0h] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0 1rem;
    border-bottom: 1px solid #e1e6e4;
}

.section-header strong[b-373t31ec0h],
.section-header small[b-373t31ec0h],
.credential-summary strong[b-373t31ec0h],
.credential-summary small[b-373t31ec0h],
.list-state strong[b-373t31ec0h],
.list-state small[b-373t31ec0h] {
    display: block;
}

.section-header strong[b-373t31ec0h] {
    color: #26332f;
    font-size: .84rem;
}

.section-header small[b-373t31ec0h],
.credential-summary small[b-373t31ec0h],
.list-state small[b-373t31ec0h] {
    margin-top: .12rem;
    color: #7b8985;
    font-size: .7rem;
}

.section-header[b-373t31ec0h] >  svg {
    color: #8a9692;
    font-size: 1.1rem;
}

.credential-row[b-373t31ec0h] {
    width: calc(100% - 1rem);
    display: grid;
    grid-template-columns: 36px 1fr auto;
    align-items: center;
    gap: .65rem;
    margin: .5rem;
    padding: .65rem;
    border: 1px solid transparent;
    border-radius: 7px;
    color: #7b8985;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.credential-row:hover[b-373t31ec0h],
.credential-row.selected[b-373t31ec0h] {
    border-color: #d9e2df;
    background: #fff;
}

.credential-row.selected[b-373t31ec0h] {
    box-shadow: 0 4px 12px rgba(29, 48, 43, .06);
}

.credential-row[b-373t31ec0h] >  svg:last-child {
    font-size: 1rem;
}

.credential-summary[b-373t31ec0h] {
    min-width: 0;
}

.credential-summary strong[b-373t31ec0h] {
    overflow: hidden;
    color: #26332f;
    font-size: .8rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.credential-icon[b-373t31ec0h],
.empty-lock[b-373t31ec0h] {
    display: grid;
    place-items: center;
    border-radius: 7px;
}

.credential-icon[b-373t31ec0h] {
    width: 36px;
    height: 36px;
}

.credential-icon[b-373t31ec0h]  svg {
    font-size: 1.1rem;
}

.credential-icon[b-373t31ec0h] { color: #9c561d; background: #fff0d8; }

.list-state[b-373t31ec0h] {
    min-height: 300px;
    display: grid;
    place-content: center;
    justify-items: center;
    color: #7b8985;
    text-align: center;
}

.empty-lock[b-373t31ec0h] {
    width: 44px;
    height: 44px;
    margin-bottom: .65rem;
    color: #9c561d;
    background: #fff0d8;
}

.credential-editor[b-373t31ec0h] {
    min-width: 0;
}

.editor-header[b-373t31ec0h] {
    padding: 0 1.25rem;
}

.encrypted-badge[b-373t31ec0h] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .35rem .55rem;
    border-radius: 6px;
    color: #167c68;
    background: #e4f4ed;
    font-size: .68rem;
    font-weight: 700;
}

.encrypted-badge[b-373t31ec0h]  svg {
    font-size: .9rem;
}

.editor-form[b-373t31ec0h] {
    padding: 1.4rem;
}

.editor-form label[b-373t31ec0h] {
    display: block;
    margin: 0 0 .4rem;
    color: #52615d;
    font-size: .72rem;
    font-weight: 700;
}

.editor-form label:not(:first-child)[b-373t31ec0h] {
    margin-top: 1rem;
}

.editor-form label span[b-373t31ec0h] {
    color: #98a39f;
    font-weight: 400;
}

.editor-form input[b-373t31ec0h],
.editor-form textarea[b-373t31ec0h] {
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #cfd8d5;
    border-radius: 7px;
    outline: 0;
    color: #26332f;
    background: #fbfcfa;
}

.editor-form input[b-373t31ec0h],
.editor-form textarea[b-373t31ec0h] {
    min-height: 190px;
    padding: .75rem;
    resize: vertical;
    font-family: "Cascadia Code", Consolas, monospace;
    font-size: .78rem;
    line-height: 1.5;
    white-space: pre;
}

.editor-form input:focus[b-373t31ec0h],
.editor-form textarea:focus[b-373t31ec0h] {
    border-color: #388d7b;
    box-shadow: 0 0 0 3px rgba(22, 124, 104, .1);
}

.secret-hint[b-373t31ec0h] {
    display: flex;
    align-items: center;
    gap: .4rem;
    margin-top: .45rem;
    color: #7b8985;
    font-size: .68rem;
}

.secret-hint[b-373t31ec0h]  svg {
    color: #6256aa;
    font-size: .95rem;
}

.editor-actions[b-373t31ec0h] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: 1.25rem;
    padding-top: 1rem;
    border-top: 1px solid #e6eae9;
}

.action-spacer[b-373t31ec0h] {
    flex: 1;
}

.delete-button[b-373t31ec0h],
.delete-confirm[b-373t31ec0h],
.text-button[b-373t31ec0h] {
    padding: 0 .75rem;
    border: 1px solid #e2d8d4;
    color: #a2442f;
    background: #fff;
}

.delete-confirm[b-373t31ec0h] {
    color: #fff;
    background: #a2442f;
}

.text-button[b-373t31ec0h] {
    border-color: transparent;
    color: #52615d;
}

.save-button:disabled[b-373t31ec0h] {
    color: #99a39f;
    background: #edf0ef;
    cursor: default;
}

@media (max-width: 850px) {
    .credentials-layout[b-373t31ec0h] {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .credential-list[b-373t31ec0h] {
        border-right: 0;
        border-bottom: 1px solid #e1e6e4;
    }

    .list-state[b-373t31ec0h] {
        min-height: 180px;
    }
}

@media (max-width: 560px) {
    .page-heading[b-373t31ec0h] {
        align-items: stretch;
        flex-direction: column;
    }

    .new-button[b-373t31ec0h] {
        align-self: flex-start;
    }

    .editor-actions[b-373t31ec0h] {
        flex-wrap: wrap;
    }

    .save-button[b-373t31ec0h] {
        width: 100%;
        order: -1;
    }

    .action-spacer[b-373t31ec0h] {
        display: none;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.workspace[b-opasx0aoxd] {
    display: grid;
    gap: 1.25rem;
    width: min(100%, 1120px);
    margin: 0 auto;
}

.workspace-intro[b-opasx0aoxd] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1.5rem;
}

.eyebrow[b-opasx0aoxd] {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #52615d;
    font-size: .7rem;
    font-weight: 700;
}

.eyebrow span[b-opasx0aoxd] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #dc7137;
}

.workspace-intro h1[b-opasx0aoxd] {
    margin: .3rem 0 .15rem;
    color: #17211f;
    font-family: Bahnschrift, "Aptos Display", sans-serif;
    font-size: clamp(1.8rem, 4vw, 2.75rem);
    font-weight: 600;
}

.workspace-intro p[b-opasx0aoxd] {
    margin: 0;
    color: #71807c;
}

.trust-state[b-opasx0aoxd],
.panel-title[b-opasx0aoxd],
.empty-heading[b-opasx0aoxd] {
    display: flex;
    align-items: center;
}

.trust-state[b-opasx0aoxd] {
    flex: 0 0 auto;
    gap: .65rem;
    padding: .65rem .8rem;
    border: 1px solid #d9e3de;
    border-radius: 8px;
    background: #f8fbf8;
}

.trust-icon[b-opasx0aoxd],
.panel-icon[b-opasx0aoxd],
.empty-icon[b-opasx0aoxd],
.quick-icon[b-opasx0aoxd] {
    display: grid;
    place-items: center;
}

.trust-icon[b-opasx0aoxd] {
    width: 34px;
    height: 34px;
    border-radius: 7px;
    color: #167c68;
    background: #dff3e9;
}

.trust-state strong[b-opasx0aoxd],
.trust-state small[b-opasx0aoxd],
.panel-title strong[b-opasx0aoxd],
.panel-title small[b-opasx0aoxd],
.empty-heading strong[b-opasx0aoxd],
.empty-heading small[b-opasx0aoxd],
.quick-prompts strong[b-opasx0aoxd],
.quick-prompts small[b-opasx0aoxd] {
    display: block;
}

.trust-state strong[b-opasx0aoxd],
.panel-title strong[b-opasx0aoxd],
.empty-heading strong[b-opasx0aoxd],
.quick-prompts strong[b-opasx0aoxd] {
    color: #26332f;
    font-size: .82rem;
}

.trust-state small[b-opasx0aoxd],
.panel-title small[b-opasx0aoxd],
.empty-heading small[b-opasx0aoxd],
.quick-prompts small[b-opasx0aoxd] {
    margin-top: .1rem;
    color: #7b8985;
    font-size: .7rem;
}

.chat-panel[b-opasx0aoxd] {
    overflow: hidden;
    border: 1px solid #d9e0df;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 40px rgba(29, 48, 43, .08);
}

.chat-layout[b-opasx0aoxd] {
    display: grid;
    grid-template-columns: minmax(210px, 260px) minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.conversation-history[b-opasx0aoxd] {
    overflow: hidden;
    border: 1px solid #d9e0df;
    border-radius: 8px;
    background: #fff;
}

.history-header[b-opasx0aoxd] {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem;
    border-bottom: 1px solid #e6eae9;
}

.history-header strong[b-opasx0aoxd],
.history-header small[b-opasx0aoxd],
.history-item strong[b-opasx0aoxd],
.history-item small[b-opasx0aoxd] {
    display: block;
}

.history-header strong[b-opasx0aoxd] {
    color: #26332f;
    font-size: .82rem;
}

.history-header small[b-opasx0aoxd],
.history-item small[b-opasx0aoxd] {
    margin-top: .15rem;
    color: #7b8985;
    font-size: .67rem;
}

.history-header button[b-opasx0aoxd] {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    border-radius: 6px;
    color: #167c68;
    background: #e4f4ed;
    cursor: pointer;
}

.history-header button[b-opasx0aoxd]  svg {
    font-size: 1rem;
}

.history-list[b-opasx0aoxd] {
    max-height: 58vh;
    overflow-y: auto;
    padding: .4rem;
}

.history-item[b-opasx0aoxd] {
    width: 100%;
    padding: .7rem;
    border: 1px solid transparent;
    border-radius: 6px;
    color: #26332f;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.history-item:hover[b-opasx0aoxd],
.history-item.selected[b-opasx0aoxd] {
    border-color: #d9e2df;
    background: #f6faf8;
}

.history-item strong[b-opasx0aoxd] {
    overflow: hidden;
    font-size: .75rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.history-state[b-opasx0aoxd] {
    padding: 1.25rem .75rem;
    color: #7b8985;
    font-size: .72rem;
    text-align: center;
}

.panel-header[b-opasx0aoxd] {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.15rem;
    border-bottom: 1px solid #e6eae9;
}

.playbook-picker[b-opasx0aoxd] {
    min-height: 52px;
    display: grid;
    grid-template-columns: auto minmax(180px, 300px) 1fr;
    align-items: center;
    gap: .65rem;
    padding: .55rem 1.15rem;
    border-bottom: 1px solid #e6eae9;
    background: #f7faf8;
}

.playbook-picker label[b-opasx0aoxd],
.active-playbook[b-opasx0aoxd] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #52615d;
    font-size: .72rem;
    font-weight: 700;
}

.playbook-picker label[b-opasx0aoxd]  svg,
.active-playbook[b-opasx0aoxd]  svg { font-size: 1rem; }
.playbook-picker select[b-opasx0aoxd] { height: 34px; min-width: 0; padding: 0 .55rem; border: 1px solid #cfd8d5; border-radius: 6px; color: #26332f; background: #fff; }
.playbook-picker small[b-opasx0aoxd] { color: #7b8985; font-size: .68rem; }
.active-playbook[b-opasx0aoxd] { padding: .55rem 1.15rem; border-bottom: 1px solid #e6eae9; color: #236da1; background: #f4f9fc; }

.panel-title[b-opasx0aoxd] {
    gap: .65rem;
}

.panel-icon[b-opasx0aoxd] {
    width: 36px;
    height: 36px;
    border-radius: 7px;
    color: #236da1;
    background: #e4f1fa;
}

.agent-state[b-opasx0aoxd] {
    display: flex;
    align-items: center;
    gap: .4rem;
    color: #52615d;
    font-size: .72rem;
    font-weight: 700;
}

.agent-state i[b-opasx0aoxd] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #2a9d72;
    box-shadow: 0 0 0 3px #ddf4e9;
}

.messages[b-opasx0aoxd] {
    min-height: 310px;
    max-height: 48vh;
    overflow-y: auto;
    padding: 1.25rem;
    background: #fbfcfa;
}

.empty-state[b-opasx0aoxd] {
    width: min(100%, 720px);
    min-height: 280px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
    margin: auto;
}

.empty-heading[b-opasx0aoxd] {
    gap: .75rem;
}

.empty-heading strong[b-opasx0aoxd] {
    font-size: .95rem;
}

.empty-icon[b-opasx0aoxd] {
    width: 42px;
    height: 42px;
    flex: 0 0 auto;
    border-radius: 8px;
    color: #7c55a3;
    background: #f0e8f7;
}

.quick-prompts[b-opasx0aoxd] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: .65rem;
}

.quick-prompts button[b-opasx0aoxd] {
    min-width: 0;
    display: grid;
    grid-template-columns: 34px 1fr auto;
    align-items: center;
    gap: .6rem;
    padding: .75rem;
    border: 1px solid #dde4e1;
    border-radius: 7px;
    color: #89938f;
    background: #fff;
    font: inherit;
    text-align: left;
    cursor: pointer;
}

.quick-prompts button:hover[b-opasx0aoxd] {
    border-color: #aebdb8;
    box-shadow: 0 5px 14px rgba(38, 63, 56, .07);
}

.quick-prompts button > span:nth-child(2)[b-opasx0aoxd] {
    min-width: 0;
}

.quick-prompts button[b-opasx0aoxd] >  svg:last-child {
    font-size: 1rem;
}

.quick-icon[b-opasx0aoxd] {
    width: 34px;
    height: 34px;
    border-radius: 7px;
}

.quick-icon[b-opasx0aoxd]  svg {
    font-size: 1.1rem;
}

.quick-icon.service[b-opasx0aoxd] {
    color: #236da1;
    background: #e4f1fa;
}

.quick-icon.deploy[b-opasx0aoxd] {
    color: #a6552d;
    background: #fff0e4;
}

.quick-icon.capacity[b-opasx0aoxd] {
    color: #7c55a3;
    background: #f0e8f7;
}

.message[b-opasx0aoxd] {
    max-width: 88%;
    margin-bottom: 1rem;
    padding: .85rem 1rem;
    border-radius: 8px;
    color: #26332f;
}

.message p[b-opasx0aoxd],
.message-content[b-opasx0aoxd]  p {
    margin: .25rem 0 0;
    white-space: pre-wrap;
}

.message-content[b-opasx0aoxd]  > :first-child { margin-top: .25rem; }
.message-content[b-opasx0aoxd]  > :last-child { margin-bottom: 0; }
.message-content[b-opasx0aoxd]  ul,
.message-content[b-opasx0aoxd]  ol { margin: .55rem 0; padding-left: 1.4rem; }
.message-content[b-opasx0aoxd]  li { margin: .22rem 0; }
.message-content[b-opasx0aoxd]  li > p { margin: 0; }
.message-content[b-opasx0aoxd]  h1,
.message-content[b-opasx0aoxd]  h2,
.message-content[b-opasx0aoxd]  h3 { margin: .85rem 0 .35rem; color: inherit; font-family: Bahnschrift, "Aptos Display", sans-serif; line-height: 1.25; }
.message-content[b-opasx0aoxd]  h1 { font-size: 1.15rem; }
.message-content[b-opasx0aoxd]  h2 { font-size: 1.05rem; }
.message-content[b-opasx0aoxd]  h3 { font-size: .95rem; }
.message-content[b-opasx0aoxd]  code { padding: .1rem .28rem; border-radius: 4px; background: #edf2f0; font: 400 .82em "Cascadia Code", Consolas, monospace; }
.message-content[b-opasx0aoxd]  pre { overflow-x: auto; margin: .65rem 0; padding: .75rem; border: 1px solid #dce4e1; border-radius: 6px; background: #f4f7f6; }
.message-content[b-opasx0aoxd]  pre code { padding: 0; background: transparent; }
.message-content[b-opasx0aoxd]  blockquote { margin: .65rem 0; padding-left: .75rem; border-left: 3px solid #9fb8af; color: #52615d; }
.message-content[b-opasx0aoxd]  a { color: #176b9b; text-decoration: underline; text-underline-offset: 2px; }
.message-content[b-opasx0aoxd]  hr { margin: .8rem 0; border: 0; border-top: 1px solid #dce4e1; }

.message-user[b-opasx0aoxd] {
    margin-left: auto;
    color: #fff;
    background: #167c68;
}

.message-agent[b-opasx0aoxd] {
    border: 1px solid #dce4e1;
    background: #fff;
}

.message-streaming[b-opasx0aoxd] {
    position: relative;
}

.message-streaming[b-opasx0aoxd]::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 14px;
    margin-left: .2rem;
    background: #167c68;
    animation: streaming-cursor-b-opasx0aoxd .8s steps(1) infinite;
}

@keyframes streaming-cursor-b-opasx0aoxd {
    50% { opacity: 0; }
}

.message-role[b-opasx0aoxd] {
    color: #d3f4e9;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.message-agent .message-role[b-opasx0aoxd] {
    color: #167c68;
}

.agent-activity[b-opasx0aoxd] {
    width: min(100%, 430px);
    margin-top: .5rem;
    padding: .8rem;
    border: 1px solid #dce4e1;
    border-radius: 7px;
    color: #52615d;
    background: #fff;
}

.agent-activity > strong[b-opasx0aoxd] {
    display: block;
    margin-bottom: .55rem;
    color: #26332f;
    font-size: .72rem;
}

.activity-step[b-opasx0aoxd] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .5rem;
    min-height: 26px;
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    font: inherit;
    font-size: .72rem;
    text-align: left;
}

.activity-step:not(:disabled)[b-opasx0aoxd] { cursor: pointer; }
.activity-step:disabled[b-opasx0aoxd] { cursor: default; }

.activity-label[b-opasx0aoxd] {
    min-width: 0;
    overflow: hidden;
    flex: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.activity-step > span:first-child[b-opasx0aoxd] {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 50%;
    color: #236da1;
    background: #e4f1fa;
}

.activity-step.completed > span:first-child[b-opasx0aoxd] {
    color: #167c68;
    background: #dff3e9;
}

.activity-step.error > span:first-child[b-opasx0aoxd] {
    color: #a2442f;
    background: #fbe9e5;
}

.activity-step > span:first-child[b-opasx0aoxd]  svg {
    font-size: .8rem;
}

.activity-step.active > span:first-child[b-opasx0aoxd]  svg {
    animation: activity-spin-b-opasx0aoxd 1.1s linear infinite;
}

.activity-step[b-opasx0aoxd] >  svg:last-child {
    flex: 0 0 auto;
    color: #899590;
    font-size: .9rem;
}

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

@media (max-width: 720px) {
    .playbook-picker[b-opasx0aoxd] { grid-template-columns: 1fr; }
}

.dialog-backdrop[b-opasx0aoxd] {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 1rem;
    background: rgba(23, 33, 31, .52);
}

.activity-dialog[b-opasx0aoxd] {
    width: min(100%, 720px);
    max-height: min(80vh, 720px);
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(14, 28, 24, .28);
}

.credential-dialog[b-opasx0aoxd] {
    width: min(100%, 520px);
    overflow: hidden;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 70px rgba(14, 28, 24, .28);
}

.activity-dialog header[b-opasx0aoxd],
.activity-dialog header > div[b-opasx0aoxd],
.credential-dialog header[b-opasx0aoxd],
.credential-dialog header > div[b-opasx0aoxd] {
    display: flex;
    align-items: center;
}

.activity-dialog header[b-opasx0aoxd],
.credential-dialog header[b-opasx0aoxd] {
    justify-content: space-between;
    gap: 1rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid #e1e6e4;
}

.activity-dialog header > div[b-opasx0aoxd],
.credential-dialog header > div[b-opasx0aoxd] { gap: .65rem; }
.activity-dialog header strong[b-opasx0aoxd],
.activity-dialog header small[b-opasx0aoxd],
.credential-dialog header strong[b-opasx0aoxd],
.credential-dialog header small[b-opasx0aoxd] { display: block; }
.activity-dialog header strong[b-opasx0aoxd],
.credential-dialog header strong[b-opasx0aoxd] { color: #26332f; font-size: .86rem; }
.activity-dialog header small[b-opasx0aoxd],
.credential-dialog header small[b-opasx0aoxd] { margin-top: .12rem; color: #7b8985; font-size: .7rem; }
.activity-dialog header button[b-opasx0aoxd],
.credential-dialog header button[b-opasx0aoxd] { width: 32px; height: 32px; display: grid; place-items: center; padding: 0; border: 0; border-radius: 6px; color: #52615d; background: #edf2f0; cursor: pointer; }
.activity-dialog header button[b-opasx0aoxd]  svg,
.credential-dialog header button[b-opasx0aoxd]  svg { font-size: 1rem; }
.dialog-status[b-opasx0aoxd] { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 7px; color: #236da1; background: #e4f1fa; }
.dialog-status.error[b-opasx0aoxd] { color: #a2442f; background: #fbe9e5; }
.dialog-status.credential[b-opasx0aoxd] { color: #a6552d; background: #fff0e4; }
.dialog-status[b-opasx0aoxd]  svg { font-size: 1rem; }
.activity-dialog pre[b-opasx0aoxd] { max-height: calc(min(80vh, 720px) - 65px); overflow: auto; margin: 0; padding: 1rem; color: #26332f; background: #f8faf9; font: 400 .75rem/1.55 "Cascadia Code", Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }

.credential-form[b-opasx0aoxd] { display: grid; gap: .85rem; padding: 1rem; }
.credential-form p[b-opasx0aoxd] { margin: 0; color: #64736f; font-size: .76rem; line-height: 1.45; }
.credential-form label[b-opasx0aoxd] { display: grid; gap: .35rem; color: #3d4c48; font-size: .72rem; font-weight: 700; }
.credential-form input[b-opasx0aoxd],
.credential-form textarea[b-opasx0aoxd] { width: 100%; min-width: 0; padding: .65rem .7rem; border: 1px solid #ccd7d3; border-radius: 6px; outline: none; color: #26332f; background: #fff; font: 400 .82rem "Aptos", sans-serif; }
.credential-form textarea[b-opasx0aoxd] { min-height: 130px; resize: vertical; font-family: "Cascadia Code", Consolas, monospace; }
.credential-form input:focus[b-opasx0aoxd],
.credential-form textarea:focus[b-opasx0aoxd] { border-color: #167c68; box-shadow: 0 0 0 3px rgba(22, 124, 104, .12); }
.credential-error[b-opasx0aoxd] { color: #a2442f; font-size: .72rem; }
.credential-dialog footer[b-opasx0aoxd] { display: flex; justify-content: flex-end; gap: .6rem; padding: .8rem 1rem; border-top: 1px solid #e1e6e4; background: #f8faf9; }
.credential-dialog footer button[b-opasx0aoxd] { height: 36px; display: inline-flex; align-items: center; gap: .4rem; padding: 0 .85rem; border-radius: 6px; font: 700 .75rem "Aptos", sans-serif; cursor: pointer; }
.dialog-cancel[b-opasx0aoxd] { border: 1px solid #ccd7d3; color: #52615d; background: #fff; }
.dialog-save[b-opasx0aoxd] { border: 0; color: #fff; background: #167c68; }
.dialog-save[b-opasx0aoxd]  svg { font-size: 1rem; }

.composer[b-opasx0aoxd] {
    padding: .9rem;
    border-top: 1px solid #e6eae9;
    background: #fff;
}

.composer textarea[b-opasx0aoxd] {
    width: 100%;
    min-height: 64px;
    resize: vertical;
    border: 0;
    outline: 0;
    color: #26332f;
    background: transparent;
    font: 400 .93rem/1.5 "Aptos", "Trebuchet MS", sans-serif;
}

.composer textarea[b-opasx0aoxd]::placeholder {
    color: #98a39f;
}

.composer-footer[b-opasx0aoxd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.composer-footer > span[b-opasx0aoxd] {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: #899590;
    font-size: .68rem;
}

.composer-footer > span[b-opasx0aoxd]  svg {
    font-size: 1rem;
}

.send-button[b-opasx0aoxd] {
    height: 38px;
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: 0 .65rem 0 .9rem;
    border: 0;
    border-radius: 7px;
    color: #fff;
    background: #167c68;
    font: 700 .78rem "Aptos", sans-serif;
    cursor: pointer;
}

.send-button:disabled[b-opasx0aoxd] {
    color: #99a39f;
    background: #edf0ef;
    cursor: default;
}

.stop-button[b-opasx0aoxd] {
    background: #a2442f;
}

.stop-button:disabled[b-opasx0aoxd] {
    color: #fff;
    background: #bb7565;
}

.send-button[b-opasx0aoxd]  svg {
    font-size: 1rem;
}

@media (max-width: 760px) {
    .workspace-intro[b-opasx0aoxd] {
        align-items: start;
        flex-direction: column;
    }

    .trust-state[b-opasx0aoxd] {
        display: none;
    }

    .quick-prompts[b-opasx0aoxd] {
        grid-template-columns: 1fr;
    }

    .chat-layout[b-opasx0aoxd] {
        grid-template-columns: 1fr;
    }

    .history-list[b-opasx0aoxd] {
        max-height: 180px;
    }

    .messages[b-opasx0aoxd] {
        max-height: none;
        padding: 1rem;
    }

    .empty-state[b-opasx0aoxd] {
        min-height: 360px;
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-shell[b-y0pqthk9fa] {
    display: grid;
    min-height: calc(100vh - 8rem);
    place-items: center;
}

.login-card[b-y0pqthk9fa] {
    width: 100%;
    padding: 1.5rem;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: rgba(12, 25, 41, .92);
}

.brand-mark[b-y0pqthk9fa] {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    margin-bottom: 1.25rem;
    place-items: center;
    border: 1px solid rgba(81, 211, 194, .35);
    border-radius: 16px;
    color: #8eeadd;
    background: rgba(81, 211, 194, .08);
}

.eyebrow[b-y0pqthk9fa] {
    color: var(--mud-palette-primary);
    letter-spacing: .18em;
}

.login-title[b-y0pqthk9fa] {
    margin: .25rem 0 .65rem;
    font-weight: 700;
    letter-spacing: -.035em;
}

.login-copy[b-y0pqthk9fa] {
    margin-bottom: 1.5rem;
    color: var(--muted);
}

.login-form[b-y0pqthk9fa] {
    display: grid;
    gap: 1rem;
}

.field-label[b-y0pqthk9fa] {
    color: var(--muted);
    font-size: .78rem;
    font-weight: 650;
    letter-spacing: .04em;
}

.login-input[b-y0pqthk9fa] {
    min-height: 52px;
    width: 100%;
    box-sizing: border-box;
    padding: .8rem 1rem;
    border: 1px solid rgba(163, 193, 201, .34);
    border-radius: 8px;
    outline: none;
    color: var(--ink);
    background: rgba(4, 12, 22, .66);
    font: inherit;
}

.login-input:focus[b-y0pqthk9fa] {
    border-color: #51d3c2;
    box-shadow: 0 0 0 3px rgba(81, 211, 194, .12);
}

@media (min-width: 600px) {
    .login-card[b-y0pqthk9fa] {
        padding: 2.25rem;
    }
}
/* /Components/Pages/Playbooks.razor.rz.scp.css */
.playbooks-workspace[b-w0s00axu2t] { width: min(100%, 1220px); margin: 0 auto; }
.page-heading[b-w0s00axu2t] { display: flex; align-items: end; justify-content: space-between; gap: 1.5rem; margin-bottom: 1.25rem; }
.eyebrow[b-w0s00axu2t] { display: flex; align-items: center; gap: .45rem; color: #52615d; font-size: .7rem; font-weight: 700; }
.eyebrow span[b-w0s00axu2t] { width: 7px; height: 7px; border-radius: 50%; background: #b55e34; }
.page-heading h1[b-w0s00axu2t] { margin: .3rem 0 .15rem; color: #17211f; font-family: Bahnschrift, "Aptos Display", sans-serif; font-size: clamp(1.8rem, 4vw, 2.75rem); font-weight: 600; }
.page-heading p[b-w0s00axu2t] { margin: 0; color: #71807c; }
button[b-w0s00axu2t], input[b-w0s00axu2t], select[b-w0s00axu2t], textarea[b-w0s00axu2t] { font: inherit; }
.primary-button[b-w0s00axu2t], .delete-button[b-w0s00axu2t], .delete-confirm[b-w0s00axu2t], .text-button[b-w0s00axu2t] { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; gap: .45rem; padding: 0 .9rem; border-radius: 7px; font-size: .78rem; font-weight: 700; cursor: pointer; }
.primary-button[b-w0s00axu2t] { border: 0; color: #fff; background: #167c68; }
.primary-button:disabled[b-w0s00axu2t] { color: #99a39f; background: #edf0ef; cursor: default; }
.primary-button[b-w0s00axu2t]  svg, .delete-button[b-w0s00axu2t]  svg { font-size: 1rem; }
.playbooks-layout[b-w0s00axu2t] { min-height: 650px; display: grid; grid-template-columns: minmax(280px, .8fr) minmax(580px, 1.55fr); overflow: hidden; border: 1px solid #d9e0df; border-radius: 8px; background: #fff; box-shadow: 0 16px 40px rgba(29, 48, 43, .08); }
.playbook-list[b-w0s00axu2t] { border-right: 1px solid #e1e6e4; background: #f8faf7; }
.section-header[b-w0s00axu2t] { min-height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 0 1rem; border-bottom: 1px solid #e1e6e4; }
.section-header strong[b-w0s00axu2t], .section-header small[b-w0s00axu2t], .playbook-summary strong[b-w0s00axu2t], .playbook-summary small[b-w0s00axu2t], .list-state strong[b-w0s00axu2t], .list-state small[b-w0s00axu2t], .subsection-heading strong[b-w0s00axu2t], .subsection-heading small[b-w0s00axu2t] { display: block; }
.section-header strong[b-w0s00axu2t], .subsection-heading strong[b-w0s00axu2t] { color: #26332f; font-size: .84rem; }
.section-header small[b-w0s00axu2t], .playbook-summary small[b-w0s00axu2t], .list-state small[b-w0s00axu2t], .subsection-heading small[b-w0s00axu2t] { margin-top: .12rem; color: #7b8985; font-size: .7rem; }
.section-header[b-w0s00axu2t] >  svg { color: #8a9692; font-size: 1.1rem; }
.playbook-rows[b-w0s00axu2t] { max-height: 620px; overflow-y: auto; padding: .4rem; }
.playbook-row[b-w0s00axu2t] { width: 100%; display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: .65rem; padding: .65rem; border: 1px solid transparent; border-radius: 7px; color: #7b8985; background: transparent; text-align: left; cursor: pointer; }
.playbook-row:hover[b-w0s00axu2t], .playbook-row.selected[b-w0s00axu2t] { border-color: #d9e2df; background: #fff; }
.playbook-row.selected[b-w0s00axu2t] { box-shadow: 0 4px 12px rgba(29, 48, 43, .06); }
.playbook-summary[b-w0s00axu2t] { min-width: 0; }
.playbook-summary strong[b-w0s00axu2t] { overflow: hidden; color: #26332f; font-size: .8rem; text-overflow: ellipsis; white-space: nowrap; }
.playbook-icon[b-w0s00axu2t], .empty-icon[b-w0s00axu2t] { display: grid; place-items: center; border-radius: 7px; color: #a6552d; background: #fff0e4; }
.playbook-icon[b-w0s00axu2t] { width: 36px; height: 36px; }
.playbook-icon[b-w0s00axu2t]  svg { font-size: 1.1rem; }
.empty-icon[b-w0s00axu2t] { width: 44px; height: 44px; margin-bottom: .65rem; }
.status[b-w0s00axu2t] { padding: .25rem .4rem; border-radius: 5px; color: #596762; background: #e9edeb; font-size: .62rem; font-weight: 700; text-transform: uppercase; }
.status.published[b-w0s00axu2t] { color: #126653; background: #dff3e9; }
.status.archived[b-w0s00axu2t] { color: #876338; background: #f5ebdc; }
.list-state[b-w0s00axu2t] { min-height: 300px; display: grid; place-content: center; justify-items: center; padding: 1rem; color: #7b8985; text-align: center; }
.playbook-editor[b-w0s00axu2t] { min-width: 0; }
.editor-header[b-w0s00axu2t] { padding: 0 1.25rem; }
.guidance-badge[b-w0s00axu2t] { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .55rem; border-radius: 6px; color: #a6552d; background: #fff0e4; font-size: .68rem; font-weight: 700; }
.guidance-badge[b-w0s00axu2t]  svg { font-size: .9rem; }
.editor-form[b-w0s00axu2t] { padding: 1.4rem; }
.editor-form label[b-w0s00axu2t] { display: block; margin: 0 0 .4rem; color: #52615d; font-size: .72rem; font-weight: 700; }
.editor-form > label:not(:first-child)[b-w0s00axu2t] { margin-top: 1rem; }
.editor-form label span[b-w0s00axu2t] { color: #98a39f; font-weight: 400; }
.editor-form input[b-w0s00axu2t], .editor-form select[b-w0s00axu2t], .editor-form textarea[b-w0s00axu2t] { box-sizing: border-box; width: 100%; border: 1px solid #cfd8d5; border-radius: 7px; outline: 0; color: #26332f; background: #fbfcfa; }
.editor-form input[b-w0s00axu2t], .editor-form select[b-w0s00axu2t] { height: 42px; padding: 0 .75rem; }
.editor-form textarea[b-w0s00axu2t] { min-height: 74px; padding: .7rem .75rem; resize: vertical; }
.editor-form textarea.instructions[b-w0s00axu2t] { min-height: 280px; font-family: Consolas, "Courier New", monospace; font-size: .78rem; line-height: 1.55; }
.editor-form input:focus[b-w0s00axu2t], .editor-form select:focus[b-w0s00axu2t], .editor-form textarea:focus[b-w0s00axu2t] { border-color: #388d7b; box-shadow: 0 0 0 3px rgba(22, 124, 104, .1); }
.field-grid[b-w0s00axu2t] { display: grid; grid-template-columns: 1fr 1fr; gap: .9rem; }
.subsection-heading[b-w0s00axu2t] { min-height: 54px; display: flex; align-items: center; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid #e6eae9; }
.inline-empty[b-w0s00axu2t] { padding: .8rem; border: 1px dashed #d9e0df; border-radius: 7px; color: #7b8985; font-size: .72rem; text-align: center; }
.reference-options[b-w0s00axu2t] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.reference-options > label[b-w0s00axu2t] { min-width: 0; display: flex; align-items: center; gap: .55rem; margin: 0; padding: .55rem .65rem; border: 1px solid #d9e0df; border-radius: 6px; background: #fbfcfa; cursor: pointer; }
.reference-options input[b-w0s00axu2t] { width: 16px; height: 16px; flex: 0 0 auto; padding: 0; }
.reference-options span[b-w0s00axu2t] { min-width: 0; }
.reference-options strong[b-w0s00axu2t], .reference-options small[b-w0s00axu2t] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.reference-options strong[b-w0s00axu2t] { color: #26332f; font-size: .72rem; }
.reference-options small[b-w0s00axu2t] { margin-top: .12rem; color: #7b8985; font-size: .64rem; }
.editor-actions[b-w0s00axu2t] { display: flex; align-items: center; gap: .55rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #e6eae9; }
.action-spacer[b-w0s00axu2t] { flex: 1; }
.delete-button[b-w0s00axu2t], .delete-confirm[b-w0s00axu2t], .text-button[b-w0s00axu2t] { border: 1px solid #e2d8d4; color: #a2442f; background: #fff; }
.delete-confirm[b-w0s00axu2t] { color: #fff; background: #a2442f; }
.text-button[b-w0s00axu2t] { border-color: transparent; color: #52615d; }
@media (max-width: 1050px) { .playbooks-layout[b-w0s00axu2t] { grid-template-columns: 1fr; } .playbook-list[b-w0s00axu2t] { border-right: 0; border-bottom: 1px solid #e1e6e4; } .playbook-rows[b-w0s00axu2t] { max-height: 260px; } }
@media (max-width: 720px) { .page-heading[b-w0s00axu2t] { align-items: stretch; flex-direction: column; } .primary-button[b-w0s00axu2t] { align-self: flex-start; } .field-grid[b-w0s00axu2t], .reference-options[b-w0s00axu2t] { grid-template-columns: 1fr; } .editor-actions[b-w0s00axu2t] { flex-wrap: wrap; } .editor-actions .primary-button[b-w0s00axu2t] { width: 100%; order: -1; } .action-spacer[b-w0s00axu2t] { display: none; } }