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

main[b-0wdrkx5s2v] {
    flex: 1;
}

.sidebar[b-0wdrkx5s2v] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-0wdrkx5s2v] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-0wdrkx5s2v]  a, .top-row[b-0wdrkx5s2v]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-0wdrkx5s2v]  a:hover, .top-row[b-0wdrkx5s2v]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-0wdrkx5s2v]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

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

    .top-row[b-0wdrkx5s2v]  a, .top-row[b-0wdrkx5s2v]  .btn-link {
        margin-left: 0;
    }
}

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

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

    .top-row[b-0wdrkx5s2v] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-0wdrkx5s2v]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-0wdrkx5s2v], article[b-0wdrkx5s2v] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-pdw62sn9mk],
.components-reconnect-repeated-attempt-visible[b-pdw62sn9mk],
.components-reconnect-failed-visible[b-pdw62sn9mk],
.components-pause-visible[b-pdw62sn9mk],
.components-resume-failed-visible[b-pdw62sn9mk],
.components-rejoining-animation[b-pdw62sn9mk] {
    display: none;
}

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


#components-reconnect-modal[b-pdw62sn9mk] {
    /* AP-22: the shared FailureNotice inside takes its text colour from ieq-ux.css, so the surface does too. */
    background-color: var(--ieq-surface, #ffffff);
    color: var(--ieq-text, #101828);
    width: min(28rem, calc(100vw - 32px));
    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-pdw62sn9mk 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-pdw62sn9mk {
    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/BillingPlans.razor.rz.scp.css */
.form-grid[b-dw5db650ch] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: 12px;
}

.form-grid label[b-dw5db650ch] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--iit-text-muted);
    font-size: 0.8rem;
}

.form-grid input[b-dw5db650ch],
.form-grid select[b-dw5db650ch] {
    width: 100%;
    padding: 8px 10px;
    border: 1px solid var(--iit-border);
    border-radius: 6px;
    background: var(--iit-surface);
    color: var(--iit-text);
}
/* /Components/Pages/Content/AiStudio.razor.rz.scp.css */
.ai-studio[b-buowguxj1e] {
    --studio-bg: var(--iit-bg, #0A0418);
    --studio-panel: var(--iit-elev, #140828);
    --studio-panel-2: var(--iit-elev-2, #1B0E36);
    --studio-violet: var(--iit-purple-light, #9B5CE8);
    --studio-cyan: var(--iit-cyan, #00E5FF);
    --studio-lime: var(--iit-green-light, #9CFF4D);
    --studio-ink: var(--iit-text, #F2EBFF);
    --studio-muted: var(--iit-text-muted, #A89DC9);
    color: var(--studio-ink);
    padding: clamp(1.25rem, 3vw, 3rem);
}

.studio-header[b-buowguxj1e], .panel-heading[b-buowguxj1e], .job-actions[b-buowguxj1e], .draft-meta[b-buowguxj1e] { display: flex; align-items: center; }
.studio-header[b-buowguxj1e] { justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.eyebrow[b-buowguxj1e], .panel-index[b-buowguxj1e], .draft-meta[b-buowguxj1e], dt[b-buowguxj1e], code[b-buowguxj1e] { font-family: var(--iit-font-mono, monospace); }
.eyebrow[b-buowguxj1e] { color: var(--studio-cyan); font-size: .76rem; letter-spacing: .12em; text-transform: uppercase; }
h1[b-buowguxj1e], h2[b-buowguxj1e], h3[b-buowguxj1e] { font-family: var(--iit-font-display, sans-serif); }
h1[b-buowguxj1e] { font-size: clamp(2rem, 5vw, 4.5rem); line-height: 1; margin: .45rem 0 .7rem; }
.lede[b-buowguxj1e] { color: var(--studio-muted); max-width: 46rem; margin: 0; }
.review-link[b-buowguxj1e] { border-bottom: 1px solid var(--studio-cyan); color: var(--studio-ink); padding: .65rem 0; text-decoration: none; white-space: nowrap; }
.studio-alert[b-buowguxj1e], .refusal[b-buowguxj1e] { border: 1px solid #FF8A80; background: rgba(255, 138, 128, .08); padding: .9rem 1rem; margin-bottom: 1rem; }
.studio-grid[b-buowguxj1e] { display: grid; grid-template-columns: minmax(20rem, .85fr) minmax(24rem, 1.15fr); gap: 1.25rem; align-items: start; }
.brief-panel[b-buowguxj1e], .job-panel[b-buowguxj1e], .drafts-panel[b-buowguxj1e] { background: linear-gradient(145deg, var(--studio-panel), var(--studio-panel-2)); border: 1px solid var(--iit-border, rgba(155, 92, 232, .28)); border-radius: var(--iit-radius, 12px); padding: clamp(1rem, 2vw, 1.5rem); }
.panel-heading[b-buowguxj1e] { gap: .75rem; border-bottom: 1px solid var(--iit-border, rgba(155, 92, 232, .28)); padding-bottom: .8rem; margin-bottom: 1rem; }
.panel-heading h2[b-buowguxj1e] { font-size: 1.15rem; margin: 0; }
.panel-index[b-buowguxj1e] { color: var(--studio-cyan); font-size: .68rem; letter-spacing: .14em; }
.choice-grid[b-buowguxj1e] { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
.choice-grid.two[b-buowguxj1e] { margin-top: 0; }
label[b-buowguxj1e] { display: grid; gap: .35rem; margin-bottom: .8rem; color: var(--studio-muted); font-size: .78rem; font-weight: 650; }
input[b-buowguxj1e], select[b-buowguxj1e], textarea[b-buowguxj1e] { width: 100%; background: var(--studio-bg); border: 1px solid var(--iit-border, rgba(155, 92, 232, .35)); border-radius: 7px; color: var(--studio-ink); font: inherit; padding: .68rem .72rem; }
textarea[b-buowguxj1e] { resize: vertical; }
input:focus-visible[b-buowguxj1e], select:focus-visible[b-buowguxj1e], textarea:focus-visible[b-buowguxj1e], button:focus-visible[b-buowguxj1e], a:focus-visible[b-buowguxj1e] { outline: 2px solid var(--studio-cyan); outline-offset: 2px; }
small[b-buowguxj1e] { color: var(--studio-muted); font-weight: 400; }
.check-row[b-buowguxj1e] { display: flex; align-items: center; gap: .55rem; }
.check-row input[b-buowguxj1e] { width: 1rem; height: 1rem; accent-color: var(--studio-cyan); }
button[b-buowguxj1e] { background: transparent; border: 1px solid var(--studio-violet); border-radius: 7px; color: var(--studio-ink); cursor: pointer; font-weight: 700; padding: .68rem .9rem; }
button:hover[b-buowguxj1e] { border-color: var(--studio-cyan); }
button:disabled[b-buowguxj1e] { cursor: not-allowed; opacity: .55; }
.primary-action[b-buowguxj1e] { width: 100%; background: var(--iit-purple, #7B2FBE); }
.job-rail[b-buowguxj1e] { display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; margin: .25rem 0 1.2rem; padding: 0; }
.job-rail li[b-buowguxj1e] { color: var(--studio-muted); font-family: var(--iit-font-mono, monospace); font-size: .65rem; position: relative; text-align: center; text-transform: uppercase; }
.job-rail li[b-buowguxj1e]::before { background: var(--iit-border, rgba(155, 92, 232, .35)); content: ""; height: 1px; left: 0; position: absolute; right: 0; top: .4rem; }
.rail-node[b-buowguxj1e] { background: var(--studio-panel); border: 2px solid var(--studio-violet); border-radius: 50%; display: block; height: .85rem; margin: 0 auto .45rem; position: relative; width: .85rem; z-index: 1; }
.job-rail .passed .rail-node[b-buowguxj1e] { background: var(--studio-lime); border-color: var(--studio-lime); }
.job-rail .current[b-buowguxj1e] { color: var(--studio-cyan); }
.job-rail .current .rail-node[b-buowguxj1e] { background: var(--studio-cyan); border-color: var(--studio-cyan); box-shadow: 0 0 14px rgba(0, 229, 255, .7); }
.empty-state[b-buowguxj1e] { border: 1px dashed var(--iit-border, rgba(155, 92, 232, .35)); color: var(--studio-muted); padding: 1rem; }
.job-summary[b-buowguxj1e] { display: grid; grid-template-columns: repeat(2, 1fr); gap: .65rem; }
.job-summary div[b-buowguxj1e] { background: rgba(10, 4, 24, .48); padding: .65rem; }
.job-summary span[b-buowguxj1e] { color: var(--studio-muted); display: block; font-size: .68rem; text-transform: uppercase; }
.job-summary code[b-buowguxj1e] { overflow-wrap: anywhere; }
.job-actions[b-buowguxj1e] { gap: .6rem; margin: 1rem 0; }
.provenance[b-buowguxj1e] { border-top: 1px solid var(--iit-border, rgba(155, 92, 232, .28)); margin-top: 1rem; padding-top: 1rem; }
.provenance summary[b-buowguxj1e] { cursor: pointer; font-weight: 700; }
.provenance dl[b-buowguxj1e] { display: grid; grid-template-columns: 8rem 1fr; gap: .45rem .8rem; }
.provenance dt[b-buowguxj1e] { color: var(--studio-muted); font-size: .7rem; text-transform: uppercase; }
.provenance dd[b-buowguxj1e] { margin: 0; overflow-wrap: anywhere; }
.asset-inspector[b-buowguxj1e] { border-top: 1px solid var(--iit-border, rgba(155, 92, 232, .28)); margin-top: 1rem; padding-top: 1rem; }
.asset-inspector figure[b-buowguxj1e] { margin: 1rem 0 0; }
.asset-inspector img[b-buowguxj1e] { border: 1px solid var(--studio-cyan); max-height: 20rem; object-fit: contain; width: 100%; }
.asset-inspector figcaption[b-buowguxj1e] { color: var(--studio-muted); font-size: .75rem; }
.drafts-panel[b-buowguxj1e] { margin-top: 1.25rem; }
.draft-grid[b-buowguxj1e] { display: grid; grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr)); gap: 1rem; }
.draft-card[b-buowguxj1e] { background: var(--studio-bg); border-left: 3px solid var(--studio-cyan); padding: 1rem; }
.draft-meta[b-buowguxj1e] { color: var(--studio-muted); font-size: .66rem; gap: .65rem; text-transform: uppercase; }
.draft-card h3[b-buowguxj1e] { margin: .65rem 0; }
.excerpt[b-buowguxj1e] { color: var(--studio-muted); }
.draft-body[b-buowguxj1e] { white-space: pre-wrap; }
.citations[b-buowguxj1e] { border-top: 1px solid var(--iit-border, rgba(155, 92, 232, .28)); margin: 1rem 0; padding-top: .75rem; }
.citations ul[b-buowguxj1e] { padding-left: 1.2rem; }

@media (max-width: 900px) {
    .studio-grid[b-buowguxj1e] { grid-template-columns: 1fr; }
    .studio-header[b-buowguxj1e] { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
    .choice-grid[b-buowguxj1e], .job-summary[b-buowguxj1e] { grid-template-columns: 1fr; }
    .job-rail li[b-buowguxj1e] { font-size: .52rem; }
}

@media (prefers-reduced-motion: reduce) {
    *[b-buowguxj1e], *[b-buowguxj1e]::before, *[b-buowguxj1e]::after { scroll-behavior: auto !important; transition: none !important; }
}