/* /Components/AgentAvatar.razor.rz.scp.css */
.agent[b-67dj1wqypd] {
    --sprite-width: clamp(36px, 4vw, 68px);
    position: absolute;
    left: var(--agent-x);
    top: var(--agent-y);
    width: var(--sprite-width);
    transform: translate(-50%, -58%);
    transition: left 1.7s cubic-bezier(.35, .05, .15, 1), top 1.7s cubic-bezier(.35, .05, .15, 1);
    z-index: 5;
    filter: drop-shadow(0 4px 2px rgb(0 0 0 / .55));
}

.sprite-window[b-67dj1wqypd] {
    width: 100%;
    aspect-ratio: .4;
    overflow: hidden;
    position: relative;
}

.sprite-window img[b-67dj1wqypd] {
    position: absolute;
    width: 500%;
    max-width: none;
    height: 100%;
    left: calc(var(--sprite-index) * -100%);
    top: 0;
    object-fit: fill;
    image-rendering: pixelated;
    user-select: none;
}

.agent.idle .sprite-window[b-67dj1wqypd] { animation: idle-breathe-b-67dj1wqypd 2.8s steps(2, jump-none) infinite; }
.agent.working .sprite-window[b-67dj1wqypd] { animation: work-bob-b-67dj1wqypd .55s steps(2, jump-none) infinite; }
.agent.moving .sprite-window[b-67dj1wqypd] { animation: walk-bob-b-67dj1wqypd .28s steps(2, jump-none) infinite; }

.nameplate[b-67dj1wqypd] {
    position: absolute;
    left: 50%;
    bottom: -16px;
    transform: translateX(-50%);
    white-space: nowrap;
    padding: 3px 6px;
    border: 2px solid #162333;
    border-radius: 3px;
    background: rgb(7 21 37 / .92);
    color: #fff2c7;
    font: 700 clamp(7px, .7vw, 11px)/1 monospace;
    letter-spacing: .02em;
    box-shadow: 2px 2px 0 rgb(0 0 0 / .45);
}

.status-light[b-67dj1wqypd] {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-right: 3px;
    border-radius: 50%;
    background: #6e8391;
    box-shadow: 0 0 0 1px #04111d;
}

.agent.running .status-light[b-67dj1wqypd] { background: #65e9a7; box-shadow: 0 0 5px #65e9a7; }
.agent.queued .status-light[b-67dj1wqypd], .agent.checkpointed .status-light[b-67dj1wqypd] { background: #f4c95d; }
.agent.dead-letter .status-light[b-67dj1wqypd], .agent.blocked-human .status-light[b-67dj1wqypd] { background: #ef725f; }

.speech-bubble[b-67dj1wqypd] {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    width: max-content;
    max-width: 190px;
    transform: translateX(-50%);
    padding: 7px 9px;
    border: 3px solid #1c2937;
    border-radius: 4px;
    background: #fff8db;
    color: #172230;
    font: 700 clamp(8px, .75vw, 11px)/1.25 monospace;
    text-align: center;
    box-shadow: 3px 3px 0 rgb(0 0 0 / .42);
}

.speech-bubble[b-67dj1wqypd]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -9px;
    width: 10px;
    height: 10px;
    border-right: 3px solid #1c2937;
    border-bottom: 3px solid #1c2937;
    background: #fff8db;
    transform: translateX(-50%) rotate(45deg);
}

@keyframes idle-breathe-b-67dj1wqypd {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-2px); }
}

@keyframes work-bob-b-67dj1wqypd {
    0%, 100% { transform: translateY(0) rotate(-1deg); }
    50% { transform: translateY(-3px) rotate(1deg); }
}

@keyframes walk-bob-b-67dj1wqypd {
    0%, 100% { transform: translateY(0) rotate(-2deg); }
    50% { transform: translateY(-4px) rotate(2deg); }
}

@media (prefers-reduced-motion: reduce) {
    .agent[b-67dj1wqypd], .sprite-window[b-67dj1wqypd] { transition: none; animation: none !important; }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-vor2mocvzn] {
    min-height: 100vh;
}

#blazor-error-ui[b-vor2mocvzn] {
    background: #9e3c34;
    bottom: 0;
    box-shadow: 0 -3px 0 rgb(0 0 0 / .25);
    color: #fff8db;
    display: none;
    left: 0;
    padding: .75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

#blazor-error-ui a[b-vor2mocvzn] { color: #fff; }
#blazor-error-ui .dismiss[b-vor2mocvzn] { cursor: pointer; position: absolute; right: .75rem; }
/* /Components/Pages/Home.razor.rz.scp.css */
.dashboard[b-92p0pdw9zf] {
    min-height: 100vh;
    padding: 18px clamp(14px, 2.4vw, 38px) 30px;
    color: #f7efcf;
    background:
        radial-gradient(circle at 45% -20%, rgb(36 91 103 / .5), transparent 46%),
        #071525;
}

.command-bar[b-92p0pdw9zf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1800px;
    margin: 0 auto 16px;
    gap: 18px;
}

.brand[b-92p0pdw9zf] { display: flex; align-items: center; gap: 12px; }
.brand img[b-92p0pdw9zf] { width: 54px; height: 54px; border: 2px solid #315267; image-rendering: pixelated; }
h1[b-92p0pdw9zf], h2[b-92p0pdw9zf], p[b-92p0pdw9zf] { margin: 0; }
h1[b-92p0pdw9zf] { font: 800 clamp(22px, 2.3vw, 38px)/.95 monospace; letter-spacing: -.05em; }
h2[b-92p0pdw9zf] { font: 800 15px/1 monospace; letter-spacing: .08em; }
.eyebrow[b-92p0pdw9zf] { display: block; margin-bottom: 5px; color: #70b9b7; font: 700 10px/1 monospace; letter-spacing: .17em; }

.command-actions[b-92p0pdw9zf] { display: flex; align-items: center; gap: 9px; }
.connection-pill[b-92p0pdw9zf] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 12px;
    border: 2px solid #274054;
    background: #0e2234;
    color: #95a9b4;
    font: 700 10px/1 monospace;
}
.connection-pill span[b-92p0pdw9zf] { width: 8px; height: 8px; border-radius: 50%; background: #dd6c5a; }
.connection-pill.online span[b-92p0pdw9zf] { background: #62e6a3; box-shadow: 0 0 8px #62e6a3; }

button[b-92p0pdw9zf] { font: 800 10px/1 monospace; letter-spacing: .04em; }
.primary-button[b-92p0pdw9zf], .secondary-button[b-92p0pdw9zf], .escalation-banner button[b-92p0pdw9zf] {
    min-height: 38px;
    padding: 0 15px;
    border: 0;
    cursor: pointer;
    box-shadow: 3px 3px 0 #020a12;
}
.primary-button[b-92p0pdw9zf] { background: #f0b64a; color: #13212d; }
.primary-button:hover[b-92p0pdw9zf] { background: #ffd16f; transform: translateY(-1px); }
.secondary-button[b-92p0pdw9zf] { border: 2px solid #36556a; background: #10283b; color: #b9d2d2; }
button:disabled[b-92p0pdw9zf] { cursor: wait; opacity: .6; }

.escalation-banner[b-92p0pdw9zf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    max-width: 1800px;
    margin: 0 auto 14px;
    padding: 12px 14px;
    border: 3px solid #de6a58;
    background: linear-gradient(90deg, #612f31, #33202c);
    box-shadow: 4px 4px 0 #020a12;
}
.escalation-banner strong[b-92p0pdw9zf] { display: block; font: 700 13px/1.35 monospace; }
.banner-kicker[b-92p0pdw9zf] { display: block; color: #ffb780; font: 800 9px/1 monospace; letter-spacing: .16em; margin-bottom: 5px; }
.escalation-banner button[b-92p0pdw9zf] { flex: none; background: #fff0c1; color: #4c2424; }

.notice[b-92p0pdw9zf] {
    max-width: 1800px;
    margin: 0 auto 14px;
    padding: 10px 13px;
    border-left: 4px solid #61daa0;
    background: #163c3b;
    font: 700 11px/1.35 monospace;
}
.notice.error[b-92p0pdw9zf] { border-color: #ef725f; background: #4b292f; }

.dashboard-grid[b-92p0pdw9zf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, 330px);
    gap: 16px;
    max-width: 1800px;
    margin: 0 auto;
}

.office-panel[b-92p0pdw9zf], .panel[b-92p0pdw9zf] {
    border: 3px solid #263e51;
    background: #0b1c2c;
    box-shadow: 6px 6px 0 #020a12;
}
.office-heading[b-92p0pdw9zf], .panel-title[b-92p0pdw9zf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 50px;
    padding: 9px 13px;
    border-bottom: 2px solid #263e51;
    background: #0e2335;
}
.last-sync[b-92p0pdw9zf], .panel-title span[b-92p0pdw9zf] { color: #718e9d; font: 700 9px/1 monospace; letter-spacing: .08em; }

.office-stage[b-92p0pdw9zf] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 2;
    background: #07111d;
}
.office-map[b-92p0pdw9zf] { display: block; width: 100%; height: 100%; object-fit: cover; image-rendering: pixelated; }
.office-stage[b-92p0pdw9zf]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(rgb(255 255 255 / .025) 50%, transparent 50%);
    background-size: 100% 4px;
    mix-blend-mode: overlay;
    z-index: 9;
}
.room-label[b-92p0pdw9zf] {
    position: absolute;
    z-index: 3;
    padding: 4px 7px;
    border: 2px solid rgb(4 13 22 / .7);
    background: rgb(7 21 37 / .8);
    color: #efd89a;
    font: 800 clamp(7px, .65vw, 10px)/1 monospace;
    letter-spacing: .08em;
}
.break-label[b-92p0pdw9zf] { left: 2.5%; top: 3%; }
.meeting-label[b-92p0pdw9zf] { right: 2.5%; top: 3%; }
.office-label[b-92p0pdw9zf] { left: 2.5%; bottom: 4.5%; }

.telemetry-warning[b-92p0pdw9zf] {
    display: flex;
    gap: 10px;
    padding: 10px 13px;
    border-top: 2px solid #9d793b;
    background: #392f20;
    color: #e8d29b;
    font: 700 10px/1.4 monospace;
}
.telemetry-warning span[b-92p0pdw9zf] { font-weight: 400; }

.side-rail[b-92p0pdw9zf] { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.agent-list[b-92p0pdw9zf] { padding: 5px 11px; }
.agent-row[b-92p0pdw9zf] {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) auto;
    align-items: center;
    gap: 9px;
    padding: 11px 0;
    border-bottom: 1px solid #1c3447;
}
.agent-row:last-child[b-92p0pdw9zf] { border-bottom: 0; }
.agent-row strong[b-92p0pdw9zf] { display: block; color: #f6e9bf; font: 800 11px/1 monospace; }
.agent-row small[b-92p0pdw9zf] { display: block; overflow: hidden; margin-top: 5px; color: #8299a6; font: 500 9px/1.3 monospace; text-overflow: ellipsis; white-space: nowrap; }
.role-glyph[b-92p0pdw9zf] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border: 2px solid #37596a;
    background: #17384a;
    color: #8ed4ce;
    font: 800 10px/1 monospace;
}
.role-1[b-92p0pdw9zf] { background: #16423e; color: #a9e3bb; }
.role-2[b-92p0pdw9zf] { background: #5a3025; color: #ffc08c; }
.role-3[b-92p0pdw9zf] { background: #24324f; color: #bec9ff; }
.state-tag[b-92p0pdw9zf] { padding: 4px 5px; border: 1px solid #354b58; color: #879ba6; font: 800 7px/1 monospace; }
.state-tag.running[b-92p0pdw9zf] { border-color: #347b63; color: #72e6ad; }
.state-tag.queued[b-92p0pdw9zf], .state-tag.checkpointed[b-92p0pdw9zf] { border-color: #8e7035; color: #f0c666; }
.state-tag.dead-letter[b-92p0pdw9zf], .state-tag.blocked-human[b-92p0pdw9zf] { border-color: #8d4640; color: #ef897d; }

.activity-panel[b-92p0pdw9zf] { flex: 1; min-height: 270px; }
.activity-list[b-92p0pdw9zf] { padding: 12px 13px 6px; }
.activity-list article[b-92p0pdw9zf] { position: relative; display: grid; grid-template-columns: 12px 1fr; gap: 7px; padding-bottom: 14px; }
.activity-list article:not(:last-child)[b-92p0pdw9zf]::before { content: ""; position: absolute; left: 4px; top: 10px; bottom: 0; border-left: 1px dashed #365164; }
.timeline-dot[b-92p0pdw9zf] { z-index: 1; width: 9px; height: 9px; margin-top: 2px; border: 2px solid #0b1c2c; background: #5eb8ad; box-shadow: 0 0 0 1px #5eb8ad; }
.activity-list strong[b-92p0pdw9zf] { color: #e5d7ae; font: 800 9px/1 monospace; text-transform: uppercase; }
.activity-list p[b-92p0pdw9zf] { margin: 4px 0; color: #aabac0; font: 500 10px/1.35 monospace; }
.activity-list time[b-92p0pdw9zf] { color: #526f7e; font: 700 8px/1 monospace; }
.empty-state[b-92p0pdw9zf] { padding: 24px 15px; color: #708997; font: 600 10px/1.5 monospace; text-align: center; }

.drawer-backdrop[b-92p0pdw9zf] { position: fixed; inset: 0; z-index: 50; background: rgb(2 8 14 / .72); backdrop-filter: blur(2px); }
.feature-drawer[b-92p0pdw9zf] {
    position: fixed;
    z-index: 51;
    top: 0;
    right: 0;
    width: min(560px, 94vw);
    height: 100dvh;
    overflow: hidden;
    border-left: 4px solid #325466;
    background: #091827;
    color: #f4e8bd;
    box-shadow: -12px 0 30px rgb(0 0 0 / .45);
    animation: drawer-in-b-92p0pdw9zf .25s steps(4, end);
}
.feature-drawer > header[b-92p0pdw9zf] { display: flex; align-items: center; justify-content: space-between; min-height: 70px; padding: 15px 18px; border-bottom: 2px solid #274356; background: #0f2738; }
.close-button[b-92p0pdw9zf] { width: 34px; height: 34px; border: 2px solid #466174; background: transparent; color: #d8e4dc; cursor: pointer; font-size: 22px; }
.drawer-body[b-92p0pdw9zf] { height: calc(100dvh - 70px); overflow-y: auto; padding: 16px; }
.brief-card[b-92p0pdw9zf], .conversation-card[b-92p0pdw9zf] { margin-bottom: 16px; border: 2px solid #29475a; background: #0e2233; box-shadow: 4px 4px 0 #030c14; }
.brief-card[b-92p0pdw9zf] { padding: 14px; }
.analyst-intro[b-92p0pdw9zf] { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.analyst-intro p[b-92p0pdw9zf] { color: #b8c6c3; font: 600 11px/1.5 monospace; }
.mini-portrait[b-92p0pdw9zf] { flex: none; width: 40px; height: 40px; border: 2px solid #c7903f; background: #74452b url('/assets/agent-roster.png') 0 13% / 500% auto no-repeat; image-rendering: pixelated; }

form label[b-92p0pdw9zf] { display: block; margin-bottom: 13px; color: #77aaa9; font: 800 9px/1 monospace; letter-spacing: .08em; }
input[b-92p0pdw9zf], textarea[b-92p0pdw9zf] {
    display: block;
    width: 100%;
    margin-top: 7px;
    padding: 10px;
    border: 2px solid #36546a;
    border-radius: 0;
    outline: none;
    background: #071725;
    color: #f6eac5;
    font: 500 12px/1.45 monospace;
}
input:focus[b-92p0pdw9zf], textarea:focus[b-92p0pdw9zf] { border-color: #d5a64f; box-shadow: 0 0 0 2px rgb(213 166 79 / .15); }
form textarea[b-92p0pdw9zf] { min-height: 120px; resize: vertical; }
.validation-message[b-92p0pdw9zf] { display: block; margin-top: 5px; color: #ee7d70; font: 700 9px/1.3 monospace; }
.full[b-92p0pdw9zf] { width: 100%; }

/* Blazor input components render across a CSS-isolation boundary. */
.brief-card[b-92p0pdw9zf]  input,
.brief-card[b-92p0pdw9zf]  textarea {
    display: block;
    width: 100%;
    margin-top: 7px;
    padding: 10px;
    border: 2px solid #36546a;
    border-radius: 0;
    outline: none;
    background: #071725;
    color: #f6eac5;
    font: 500 12px/1.45 monospace;
}
.brief-card[b-92p0pdw9zf]  textarea { min-height: 120px; resize: vertical; }
.brief-card[b-92p0pdw9zf]  input:focus,
.brief-card[b-92p0pdw9zf]  textarea:focus { border-color: #d5a64f; box-shadow: 0 0 0 2px rgb(213 166 79 / .15); }
.brief-card[b-92p0pdw9zf]  .validation-message { display: block; margin-top: 5px; color: #ee7d70; font: 700 9px/1.3 monospace; }

.request-tabs[b-92p0pdw9zf] { display: flex; gap: 6px; overflow-x: auto; padding: 10px; border-bottom: 2px solid #29475a; }
.request-tabs button[b-92p0pdw9zf] { flex: none; max-width: 190px; overflow: hidden; padding: 7px 9px; border: 1px solid #355369; background: #0a1928; color: #829ca9; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; }
.request-tabs button.selected[b-92p0pdw9zf] { border-color: #d3a24a; color: #f2d493; }
.conversation-heading[b-92p0pdw9zf] { display: flex; align-items: center; justify-content: space-between; padding: 12px; }
.conversation-heading span[b-92p0pdw9zf] { display: block; color: #6fa3a3; font: 800 8px/1 monospace; }
.conversation-heading strong[b-92p0pdw9zf] { display: block; margin-top: 5px; font: 800 12px/1.3 monospace; }
.text-button[b-92p0pdw9zf] { border: 0; background: transparent; color: #d8b365; cursor: pointer; }
.messages[b-92p0pdw9zf] { max-height: 280px; overflow-y: auto; padding: 0 12px 8px; }
.message[b-92p0pdw9zf] { margin-bottom: 9px; padding: 10px; border-left: 3px solid #3d7e79; background: #0a1a29; }
.message div[b-92p0pdw9zf] { display: flex; justify-content: space-between; gap: 10px; }
.message strong[b-92p0pdw9zf] { color: #d7c493; font: 800 9px/1 monospace; }
.message time[b-92p0pdw9zf] { color: #5d7886; font: 700 8px/1 monospace; }
.message p[b-92p0pdw9zf] { margin-top: 7px; color: #b8c7c8; font: 500 11px/1.5 monospace; white-space: pre-wrap; }
.reply-box[b-92p0pdw9zf] { display: grid; grid-template-columns: 1fr auto; gap: 7px; padding: 10px; border-top: 2px solid #29475a; }
.reply-box textarea[b-92p0pdw9zf] { min-height: 66px; margin: 0; resize: vertical; }
.reply-box button[b-92p0pdw9zf] { border: 0; background: #d2a34d; color: #17232d; cursor: pointer; }

@keyframes drawer-in-b-92p0pdw9zf { from { transform: translateX(100%); } to { transform: none; } }

@media (max-width: 1050px) {
    .dashboard-grid[b-92p0pdw9zf] { grid-template-columns: 1fr; }
    .side-rail[b-92p0pdw9zf] { display: grid; grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
    .dashboard[b-92p0pdw9zf] { padding: 10px; }
    .command-bar[b-92p0pdw9zf] { align-items: flex-start; }
    .brand img[b-92p0pdw9zf] { width: 42px; height: 42px; }
    .command-actions[b-92p0pdw9zf] { flex-wrap: wrap; justify-content: flex-end; }
    .connection-pill[b-92p0pdw9zf] { order: 3; }
    .secondary-button[b-92p0pdw9zf] { display: none; }
    .side-rail[b-92p0pdw9zf] { display: flex; }
    .office-heading[b-92p0pdw9zf] { min-height: 44px; }
    .office-stage[b-92p0pdw9zf] { overflow-x: auto; }
    .room-label[b-92p0pdw9zf] { display: none; }
    .speech-bubble[b-92p0pdw9zf] { max-width: 110px; }
    .escalation-banner[b-92p0pdw9zf] { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
    .feature-drawer[b-92p0pdw9zf] { animation: none; }
}