:root {
    color-scheme: light;
    --bg: #f7efe8;
    --bg-deep: #eee2d8;
    --surface: rgba(255, 251, 247, .86);
    --surface-solid: #fffaf6;
    --surface-raised: #f4e8df;
    --surface-soft: rgba(110, 71, 59, .055);
    --line: rgba(110, 71, 59, .16);
    --line-strong: rgba(110, 71, 59, .28);
    --text: #291c0e;
    --text-soft: #6e473b;
    --text-faint: #8b7165;
    --violet: #6e473b;
    --violet-strong: #553328;
    --cyan: #a78d78;
    --green: #3f795f;
    --amber: #a66f32;
    --red: #ad4450;
    --sidebar: 274px;
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 26px;
    --shadow-lg: 0 28px 70px rgba(72, 45, 32, .14), 0 1px 0 rgba(255, 255, 255, .86) inset;
    --shadow-glow: 0 0 0 1px rgba(110, 71, 59, .14), 0 18px 48px rgba(110, 71, 59, .13);
    --ease: cubic-bezier(.2, .8, .2, 1);
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--bg-deep); }
body { min-height: 100vh; margin: 0; color: var(--text); background:
    radial-gradient(circle at 76% -10%, rgba(241, 212, 194, .76), transparent 34rem),
    radial-gradient(circle at 16% 88%, rgba(190, 181, 169, .28), transparent 30rem), var(--bg);
    font: 400 15px/1.55 "IBM Plex Sans", system-ui, sans-serif; overflow-x: hidden;
}
body::before { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .3; background-image: linear-gradient(rgba(110,71,59,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(110,71,59,.035) 1px, transparent 1px); background-size: 42px 42px; mask-image: radial-gradient(circle at 50% 30%, #000, transparent 74%); }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .48; }
button, input, select, textarea { -webkit-tap-highlight-color: transparent; }
[hidden] { display: none !important; }
.svg-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.8; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
::selection { color: #fffaf6; background: #6e473b; }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { border: 2px solid transparent; border-radius: 99px; background: rgba(169,177,201,.28); background-clip: padding-box; }

:focus-visible { outline: 2px solid var(--cyan); outline-offset: 3px; }
.eyebrow { margin: 0 0 7px; color: var(--cyan); font: 600 .66rem/1.2 "JetBrains Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }
label { display: block; margin: 18px 0 7px; color: #503328; font-weight: 600; font-size: .84rem; }
label span { color: var(--text-faint); font-weight: 400; }
input, select, textarea { width: 100%; min-height: 46px; padding: 11px 13px; color: var(--text); border: 1px solid var(--line); border-radius: var(--radius-sm); outline: 0; background: rgba(255, 252, 249, .88); transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease; }
textarea { resize: vertical; }
input::placeholder, textarea::placeholder { color: #a78d78; }
input:hover, select:hover, textarea:hover { border-color: var(--line-strong); }
input:focus, select:focus, textarea:focus { border-color: #a78d78; background: #fffdfb; box-shadow: 0 0 0 4px rgba(167,141,120,.16); }
.field-hint { margin: 7px 0 0; color: var(--text-faint); font-size: .79rem; }
.path-help { display: flex; align-items: flex-start; gap: 7px; color: #7e6256; }
.path-help::before { content: "i"; flex: 0 0 auto; width: 18px; height: 18px; display: inline-grid; place-items: center; margin-top: 1px; color: var(--cyan); border: 1px solid rgba(77,220,255,.34); border-radius: 50%; font: 600 .68rem "JetBrains Mono", monospace; }
.error-summary { margin: 18px 0 4px; padding: 12px 14px; color: #7d2934; border: 1px solid rgba(173,68,80,.4); border-radius: var(--radius-sm); background: rgba(173,68,80,.08); }
.form-grid { display: grid; gap: 16px; }
.form-grid.two { grid-template-columns: 1fr 1fr; }
.form-grid label { margin-top: 18px; }

.button { min-height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 9px; padding: 9px 15px; color: var(--text); border: 1px solid var(--line); border-radius: 11px; background: var(--surface-soft); font-weight: 600; font-size: .87rem; text-decoration: none; white-space: nowrap; transition: transform 180ms var(--ease), border-color 180ms ease, background 180ms ease, box-shadow 180ms ease; }
.button:hover:not(:disabled) { transform: translateY(-1px); border-color: var(--line-strong); background: rgba(255,255,255,.065); }
.button.primary { color: #fffaf6; border-color: #6e473b; background: linear-gradient(135deg, #291c0e, #6e473b 58%, #8c6b5d); box-shadow: 0 8px 24px rgba(41,28,14,.2), 0 1px 0 rgba(255,255,255,.2) inset; }
.button.primary:hover:not(:disabled) { border-color: #291c0e; background: linear-gradient(135deg, #3b281b, #80574a); box-shadow: 0 12px 30px rgba(41,28,14,.27); }
.button.secondary { background: rgba(241,212,194,.34); }
.button.ghost { border-color: transparent; background: transparent; color: var(--text-soft); }
.button.danger { color: #8e303b; border-color: rgba(173,68,80,.3); background: rgba(173,68,80,.07); }
.button.full { width: 100%; margin-top: 24px; }
.button.compact { min-height: 34px; padding: 6px 10px; font-size: .78rem; }
.icon-button { width: 40px; height: 40px; display: inline-grid; place-items: center; padding: 0; color: var(--text-soft); border: 1px solid transparent; border-radius: 11px; background: transparent; transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms var(--ease); }
.icon-button:hover { color: var(--text); border-color: var(--line); background: rgba(255,255,255,.05); transform: translateY(-1px); }

.login-screen { min-height: 100vh; display: grid; place-items: center; padding: 24px; isolation: isolate; }
.login-screen::before, .login-screen::after { content: ""; position: fixed; z-index: -1; border-radius: 50%; filter: blur(3px); pointer-events: none; }
.login-screen::before { width: 520px; height: 520px; left: 8%; top: -230px; background: radial-gradient(circle, rgba(241,212,194,.78), transparent 66%); animation: drift 12s ease-in-out infinite alternate; }
.login-screen::after { width: 430px; height: 430px; right: 5%; bottom: -210px; background: radial-gradient(circle, rgba(167,141,120,.26), transparent 66%); animation: drift 14s ease-in-out infinite alternate-reverse; }
.login-card { position: relative; width: min(455px, 100%); padding: 42px; border: 1px solid var(--line-strong); border-radius: 28px; background: linear-gradient(150deg, rgba(255,251,247,.97), rgba(241,212,194,.5)); box-shadow: var(--shadow-lg); overflow: hidden; }
.login-card::before { content: ""; position: absolute; inset: 0 auto auto 0; width: 100%; height: 1px; background: linear-gradient(90deg, transparent, var(--cyan), var(--violet), transparent); opacity: .8; }
.login-card h1 { margin: 14px 0 8px; font: 700 clamp(2.15rem, 7vw, 3rem)/1 "JetBrains Mono", monospace; letter-spacing: -.07em; }
.login-lead { margin: 0 0 27px; color: var(--text-soft); }
.security-note { margin: 22px 0 0; color: var(--text-faint); font-size: .78rem; text-align: center; }
.brand-mark { width: 54px; height: 54px; display: grid; place-items: center; color: #fffaf6; border: 1px solid rgba(110,71,59,.55); border-radius: 17px; background: linear-gradient(145deg, #291c0e, #6e473b 62%, #a78d78); box-shadow: 0 12px 34px rgba(41,28,14,.2), 0 1px 0 rgba(255,255,255,.24) inset; }
.brand-mark svg { width: 25px; height: 25px; }
.brand-mark.small { width: 39px; height: 39px; border-radius: 12px; }
.brand-mark.small svg { width: 20px; height: 20px; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) minmax(0,1fr); }
.sidebar { position: sticky; top: 0; z-index: 30; height: 100vh; display: flex; flex-direction: column; padding: 18px 14px; border-right: 1px solid var(--line); background: linear-gradient(180deg, rgba(255,251,247,.97), rgba(239,226,216,.96)); backdrop-filter: blur(18px); }
.brand-row { display: flex; align-items: center; gap: 12px; padding: 5px 8px 24px; }
.brand-row strong, .brand-row span { display: block; font-family: "JetBrains Mono", monospace; }
.brand-row strong { font-size: .94rem; letter-spacing: .16em; }
.brand-row span { margin-top: 2px; color: var(--text-faint); font-size: .6rem; letter-spacing: .18em; }
.main-nav { display: grid; gap: 5px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.nav-item { position: relative; min-height: 45px; display: flex; align-items: center; gap: 12px; padding: 9px 12px; color: var(--text-soft); border: 1px solid transparent; border-radius: 12px; background: transparent; text-align: left; transition: color 180ms ease, background 180ms ease, border-color 180ms ease, transform 180ms var(--ease); }
.nav-item:hover { color: var(--text); background: rgba(255,255,255,.04); transform: translateX(2px); }
.nav-item.active { color: #291c0e; border-color: rgba(110,71,59,.2); background: linear-gradient(90deg, rgba(241,212,194,.7), rgba(167,141,120,.12)); }
.nav-item.active::before { content: ""; position: absolute; left: -15px; width: 3px; height: 22px; border-radius: 0 3px 3px 0; background: linear-gradient(var(--cyan), var(--violet)); box-shadow: 0 0 14px rgba(77,220,255,.55); }
.nav-item.active svg { color: var(--cyan); }
.sidebar-section { min-height: 0; flex: 1; padding-top: 22px; overflow: hidden; }
.section-label-row { display: flex; align-items: center; justify-content: space-between; padding: 0 4px 0 11px; }
.section-label { color: var(--text-faint); font: 600 .65rem "JetBrains Mono", monospace; letter-spacing: .16em; text-transform: uppercase; }
.project-list { max-height: calc(100vh - 370px); margin-top: 8px; overflow: auto; }
.project-button { width: 100%; min-height: 44px; display: flex; align-items: center; gap: 11px; padding: 9px 11px; color: var(--text-soft); border: 1px solid transparent; border-radius: 11px; background: transparent; text-align: left; transition: all 180ms var(--ease); }
.project-button:hover { color: var(--text); background: rgba(255,255,255,.04); }
.project-button.active { color: #291c0e; border-color: rgba(110,71,59,.2); background: rgba(241,212,194,.52); }
.project-button.active svg { color: var(--cyan); }
.project-button span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 15px 6px 0; border-top: 1px solid var(--line); }
.user-chip { min-width: 0; color: var(--text-soft); font: .72rem "JetBrains Mono", monospace; overflow: hidden; text-overflow: ellipsis; }

.workspace { min-width: 0; }
.topbar { position: sticky; top: 0; z-index: 20; min-height: 78px; display: flex; align-items: center; gap: 15px; padding: 13px 26px; border-bottom: 1px solid var(--line); background: rgba(247,239,232,.82); backdrop-filter: blur(22px) saturate(130%); }
.topbar h2 { margin: 0; font: 600 1.03rem "JetBrains Mono", monospace; letter-spacing: -.02em; }
.topbar .eyebrow { margin-bottom: 3px; font-size: .58rem; }
.connection-pill { margin-left: auto; display: inline-flex; align-items: center; gap: 9px; padding: 8px 12px; color: var(--text-soft); border: 1px solid var(--line); border-radius: 99px; background: rgba(255,250,246,.74); font-size: .77rem; }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(56,223,139,.08), 0 0 14px rgba(56,223,139,.7); }
.connection-pill.warning .status-dot { background: var(--amber); box-shadow: 0 0 0 4px rgba(255,188,92,.08), 0 0 14px rgba(255,188,92,.55); }
.menu-button { display: none; }
.view { display: none; min-height: calc(100vh - 78px); padding: 22px; animation: view-in 280ms var(--ease); }
.view.active { display: block; }

.chat-layout { height: calc(100vh - 122px); display: grid; grid-template-columns: minmax(0,1fr) 300px; gap: 14px; }
.chat-main, .task-rail { min-height: 0; border: 1px solid var(--line); border-radius: var(--radius-md); background: linear-gradient(155deg, rgba(255,252,249,.92), rgba(241,229,220,.84)); box-shadow: 0 12px 35px rgba(72,45,32,.1); }
.chat-main { position: relative; display: flex; flex-direction: column; overflow: hidden; }
.chat-main::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .28; background-image: radial-gradient(circle, rgba(139,124,255,.25) 1px, transparent 1px); background-size: 24px 24px; mask-image: linear-gradient(#000, transparent 64%); }
.empty-state { position: relative; z-index: 1; margin: auto; max-width: 690px; padding: 48px 30px 32px; text-align: center; }
.empty-orbit { position: relative; width: 112px; height: 112px; display: grid; place-items: center; margin: 0 auto 24px; border: 1px solid rgba(139,124,255,.13); border-radius: 50%; }
.empty-orbit::before, .empty-orbit::after { content: ""; position: absolute; border-radius: 50%; }
.empty-orbit::before { inset: 12px; border: 1px dashed rgba(77,220,255,.22); animation: spin 16s linear infinite; }
.empty-orbit::after { width: 7px; height: 7px; top: 9px; background: var(--cyan); box-shadow: 0 0 15px var(--cyan); }
.empty-icon { width: 58px; height: 58px; display: grid; place-items: center; color: #fffaf6; border: 1px solid rgba(110,71,59,.42); border-radius: 18px; background: linear-gradient(145deg, #291c0e, #6e473b 66%, #a78d78); box-shadow: 0 14px 40px rgba(41,28,14,.2); }
.empty-icon svg { width: 27px; height: 27px; }
.empty-state h3 { margin: 5px 0 11px; font: 600 clamp(1.45rem, 3vw, 2.15rem)/1.22 "JetBrains Mono", monospace; letter-spacing: -.055em; }
.empty-state > p:not(.eyebrow) { max-width: 590px; margin: 0 auto; color: var(--text-soft); }
.capability-strip { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px; margin-top: 24px; }
.capability-strip span { padding: 6px 10px; color: #6e473b; border: 1px solid var(--line); border-radius: 99px; background: rgba(241,212,194,.24); font-size: .74rem; }
.messages { position: relative; z-index: 1; flex: 1; padding: 26px; overflow: auto; scroll-behavior: smooth; }
.message { max-width: 880px; margin: 0 auto 14px; padding: 15px 17px; border: 1px solid var(--line); border-radius: 15px 15px 15px 5px; background: rgba(255,250,246,.9); box-shadow: 0 8px 20px rgba(72,45,32,.08); white-space: pre-wrap; overflow-wrap: anywhere; }
.message.user { width: fit-content; max-width: min(760px,88%); margin-left: auto; margin-right: max(0px, calc((100% - 880px)/2)); border-color: rgba(110,71,59,.25); border-radius: 15px 15px 5px 15px; background: linear-gradient(135deg, rgba(241,212,194,.78), rgba(190,181,169,.25)); }
.message.system { color: var(--text-soft); border-style: dashed; font: .76rem/1.55 "JetBrains Mono", monospace; }
.message.error { color: #7d2934; border-color: rgba(173,68,80,.38); background: rgba(173,68,80,.08); }
.message-tool { position: relative; max-width: 880px; margin: 0 auto 12px; color: #6e473b; border: 1px solid rgba(110,71,59,.14); border-radius: 11px; background: rgba(246,237,229,.92); font: .73rem/1.55 "JetBrains Mono", monospace; overflow: hidden; }
.message-tool::before { content: ""; position: absolute; z-index: 1; left: -1px; top: 11px; bottom: 11px; width: 2px; border-radius: 3px; background: var(--cyan); }
.message-tool.has-error { border-color: rgba(255,102,125,.28); }
.message-tool.has-error::before { background: var(--red); }
.activity-summary { min-height: 44px; display: flex; align-items: center; gap: 10px; padding: 9px 13px 9px 16px; cursor: pointer; list-style: none; transition: color 170ms ease, background 170ms ease; }
.activity-summary::-webkit-details-marker { display: none; }
.activity-summary:hover { color: var(--text); background: rgba(255,255,255,.025); }
.activity-summary:focus-visible { outline: 2px solid var(--cyan); outline-offset: -3px; }
.activity-marker { width: 7px; height: 7px; flex: 0 0 auto; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 9px rgba(77,220,255,.55); }
.activity-label { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.activity-count { flex: 0 0 auto; color: var(--text-faint); font-size: .66rem; }
.activity-count::after { content: "›"; display: inline-block; margin-left: 8px; color: var(--cyan); font-size: 1rem; transform: rotate(90deg); transition: transform 170ms ease; }
.activity-log[open] .activity-count::after { transform: rotate(-90deg); }
.activity-details { max-height: 310px; margin: 0; padding: 8px 12px 12px; overflow: auto; color: #6e473b; border-top: 1px solid rgba(110,71,59,.1); background: rgba(255,252,249,.75); font: inherit; }
.activity-row { display: grid; grid-template-columns: 10px minmax(0,1fr); gap: 10px; padding: 9px 7px; border-bottom: 1px solid rgba(110,71,59,.08); }
.activity-row:last-child { border-bottom: 0; }
.activity-row-marker { width: 7px; height: 7px; margin-top: 5px; border: 1px solid currentColor; border-radius: 50%; opacity: .6; }
.activity-row.running .activity-row-marker, .activity-row.thinking .activity-row-marker { background: var(--cyan); border-color: var(--cyan); box-shadow: 0 0 9px rgba(77,220,255,.48); animation: pulse 1.6s ease infinite; }
.activity-row.done .activity-row-marker { color: var(--green); background: var(--green); border-color: var(--green); }
.activity-row.error .activity-row-marker { color: var(--red); background: var(--red); border-color: var(--red); }
.activity-row-copy { min-width: 0; }
.activity-row-state { display: block; margin-bottom: 2px; color: var(--text-faint); font-size: .61rem; letter-spacing: .06em; text-transform: uppercase; }
.activity-row-copy strong { display: block; color: var(--text); font: 500 .75rem/1.45 "JetBrains Mono", monospace; overflow-wrap: anywhere; }
.approval-card { max-width: 880px; margin: 0 auto 15px; padding: 17px; border: 1px solid rgba(255,188,92,.38); border-radius: 15px; background: linear-gradient(135deg, rgba(255,188,92,.12), rgba(255,188,92,.04)); }
.approval-card h4 { margin: 0 0 6px; color: #81501c; }
.approval-card p { color: var(--text-soft); }
.approval-card pre { max-height: 230px; overflow: auto; padding: 11px; color: #4f3429; border-radius: 9px; background: rgba(255,252,249,.72); font: .72rem/1.55 "JetBrains Mono", monospace; white-space: pre-wrap; }
.approval-actions { display: flex; gap: 8px; margin-top: 13px; }
.prompt-box { position: relative; z-index: 2; margin: 14px; border: 1px solid var(--line-strong); border-radius: 16px; background: rgba(255,252,249,.96); box-shadow: 0 14px 42px rgba(72,45,32,.13); overflow: hidden; transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms var(--ease); }
.prompt-box:focus-within { border-color: rgba(139,124,255,.7); box-shadow: 0 0 0 4px rgba(139,124,255,.08), 0 16px 48px rgba(0,0,0,.42); transform: translateY(-1px); }
.prompt-box textarea { min-height: 82px; max-height: 220px; padding: 15px 16px 10px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.prompt-footer { min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 9px 8px 16px; border-top: 1px solid var(--line); }
.prompt-footer > span { min-width: 0; color: var(--text-faint); font: .71rem "JetBrains Mono", monospace; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-rail { overflow: hidden; }
.rail-title { min-height: 54px; display: flex; align-items: center; gap: 9px; padding: 0 16px; border-bottom: 1px solid var(--line); }
.rail-title h3 { margin: 0; font: 600 .81rem "JetBrains Mono", monospace; }
.rail-title svg { color: var(--violet); }
.task-list { height: calc(100% - 54px); padding: 8px; overflow: auto; }
.task-item { width: 100%; padding: 11px; color: var(--text-soft); border: 1px solid transparent; border-radius: 11px; background: transparent; text-align: left; transition: all 170ms ease; }
.task-item:hover { color: var(--text); border-color: var(--line); background: rgba(241,212,194,.28); transform: translateX(-2px); }
.task-item strong { display: block; margin-bottom: 6px; font-size: .81rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.task-error-preview { display: -webkit-box; margin-top: 7px; overflow: hidden; color: var(--red); font-size: .65rem; line-height: 1.35; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.task-meta { display: flex; justify-content: space-between; gap: 8px; color: var(--text-faint); font: .63rem "JetBrains Mono", monospace; }
.status { display: inline-flex; align-items: center; gap: 6px; }
.status::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--text-faint); }
.status.completed::before { background: var(--green); box-shadow: 0 0 9px rgba(56,223,139,.5); }
.status.failed::before { background: var(--red); }
.status.running::before, .status.checkpoint::before { background: var(--cyan); animation: pulse 1.6s ease infinite; }
.status.waiting_approval::before { background: var(--amber); }

.page-heading { max-width: 1220px; margin: 5px auto 25px; display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; }
.page-heading h3 { margin: 0; font: 600 clamp(1.45rem,3vw,2rem) "JetBrains Mono", monospace; letter-spacing: -.05em; }
.page-heading p:not(.eyebrow) { max-width: 700px; margin: 8px 0 0; color: var(--text-soft); }
.card-grid { max-width: 1220px; margin: auto; display: grid; grid-template-columns: repeat(auto-fit,minmax(285px,1fr)); gap: 14px; }
.resource-card { position: relative; min-height: 185px; padding: 21px; border: 1px solid var(--line); border-radius: var(--radius-md); background: linear-gradient(145deg, rgba(255,251,247,.94), rgba(241,226,216,.76)); box-shadow: 0 12px 30px rgba(72,45,32,.09); overflow: hidden; transition: transform 220ms var(--ease), border-color 220ms ease, box-shadow 220ms ease; }
.resource-card::before { content: ""; position: absolute; width: 150px; height: 150px; right: -75px; top: -75px; border-radius: 50%; background: radial-gradient(circle, rgba(241,212,194,.72), transparent 67%); }
.resource-card:hover { transform: translateY(-3px); border-color: rgba(110,71,59,.32); box-shadow: var(--shadow-glow); }
.resource-card h4 { margin: 0 0 7px; font: 600 1rem "JetBrains Mono", monospace; }
.resource-card p { margin: 0; color: var(--text-soft); overflow-wrap: anywhere; }
.resource-card .tag { display: inline-flex; align-items: center; gap: 6px; margin-top: 17px; padding: 5px 8px; color: #2f644d; border: 1px solid rgba(63,121,95,.28); border-radius: 99px; background: rgba(63,121,95,.08); font: .62rem "JetBrains Mono", monospace; }
.resource-card .tag.offline { color: #88561f; border-color: rgba(166,111,50,.28); background: rgba(166,111,50,.08); }
.card-actions { position: absolute; right: 18px; bottom: 17px; display: flex; justify-content: flex-end; }
.toolbar { max-width: 1220px; margin: 0 auto 14px; display: flex; align-items: end; gap: 11px; }
.toolbar label { margin: 0 0 5px; }
.toolbar select { width: min(430px,100%); }
.table-card { max-width: 1220px; margin: auto; border: 1px solid var(--line); border-radius: var(--radius-md); background: rgba(255,251,247,.82); box-shadow: 0 12px 30px rgba(72,45,32,.08); overflow: auto; }
.data-row { min-width: 700px; display: grid; grid-template-columns: minmax(170px,1.4fr) minmax(130px,1fr) minmax(130px,.8fr) auto; align-items: center; gap: 16px; padding: 14px 17px; border-bottom: 1px solid var(--line); }
.data-row:last-child { border-bottom: 0; }
.data-row.header { color: var(--text-faint); background: rgba(190,181,169,.16); font: .63rem "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.data-row small { color: var(--text-soft); }
.empty-list { padding: 28px; color: var(--text-faint); text-align: center; }
.form-card { max-width: 720px; margin: 0 auto; padding: 26px; border: 1px solid var(--line); border-radius: var(--radius-md); background: linear-gradient(145deg, rgba(255,251,247,.96), rgba(241,226,216,.82)); box-shadow: var(--shadow-lg); }
.form-card .button { margin-top: 22px; }
.form-status { min-height: 22px; color: var(--green); }

.modal { width: min(730px,calc(100% - 30px)); max-height: calc(100vh - 30px); padding: 0; color: var(--text); border: 1px solid var(--line-strong); border-radius: 24px; background: linear-gradient(145deg, #fffaf6, #eee1d7); box-shadow: var(--shadow-lg); }
.modal::backdrop { background: rgba(41,28,14,.46); backdrop-filter: blur(9px); }
.modal form { padding: 28px; overflow: auto; }
.small-modal { width: min(500px,calc(100% - 30px)); }
.modal-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.modal-head h3 { margin: 0; font: 600 1.35rem "JetBrains Mono", monospace; letter-spacing: -.045em; }
.modal-head p:not(.eyebrow) { max-width: 530px; margin: 7px 0 0; color: var(--text-soft); font-size: .86rem; }
.modal-actions { display: flex; justify-content: flex-end; gap: 9px; margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--line); }
.source-preview { min-height: 74px; display: grid; grid-template-columns: 44px minmax(0,1fr) auto; align-items: center; gap: 12px; margin: 18px 0 2px; padding: 12px; border: 1px solid rgba(110,71,59,.2); border-radius: 14px; background: linear-gradient(90deg, rgba(241,212,194,.58), rgba(190,181,169,.14)); }
.source-preview-icon { width: 42px; height: 42px; display: grid; place-items: center; color: var(--violet); border: 1px solid rgba(110,71,59,.22); border-radius: 12px; background: rgba(241,212,194,.55); }
.source-preview strong, .source-preview span { display: block; }
.source-preview strong { font: 600 .84rem "JetBrains Mono", monospace; }
.source-preview > div > span { margin-top: 4px; color: var(--text-faint); font-size: .75rem; overflow-wrap: anywhere; }
.source-preview .source-state { padding: 4px 8px; color: #2f644d; border: 1px solid rgba(63,121,95,.25); border-radius: 99px; background: rgba(63,121,95,.08); font: .61rem "JetBrains Mono", monospace; }
.source-preview .source-state.offline { color: #88561f; border-color: rgba(166,111,50,.25); background: rgba(166,111,50,.08); }
.credential-result { margin-top: 16px; padding: 14px; color: #2f644d; border: 1px solid rgba(63,121,95,.28); border-radius: 11px; background: rgba(63,121,95,.08); font: .76rem/1.6 "JetBrains Mono", monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.toast-region { position: fixed; z-index: 100; right: 18px; bottom: 18px; display: grid; gap: 8px; width: min(390px,calc(100% - 32px)); }
.toast { padding: 13px 15px; border: 1px solid var(--line-strong); border-radius: 12px; background: rgba(255,250,246,.97); box-shadow: var(--shadow-lg); animation: toast-in 220ms var(--ease); }
.toast.error { color: #7d2934; border-color: rgba(173,68,80,.4); }

@keyframes view-in { from { opacity: 0; transform: translateY(5px); } }
@keyframes toast-in { from { opacity: 0; transform: translateY(10px) scale(.97); } }
@keyframes spin { to { transform: rotate(360deg); } }
@keyframes pulse { 50% { opacity: .35; box-shadow: 0 0 10px var(--cyan); } }
@keyframes drift { to { transform: translate3d(30px,25px,0) scale(1.08); } }

@media (max-width: 1120px) {
    .chat-layout { grid-template-columns: minmax(0,1fr) 255px; }
}
@media (max-width: 860px) {
    .app-shell { display: block; }
    .sidebar { position: fixed; left: 0; transform: translateX(-105%); width: min(310px,88vw); box-shadow: var(--shadow-lg); transition: transform 220ms var(--ease); }
    .sidebar.open { transform: translateX(0); }
    .menu-button { display: inline-grid; }
    .view { padding: 15px; }
    .topbar { padding-inline: 15px; }
    .chat-layout { height: calc(100vh - 108px); grid-template-columns: 1fr; }
    .task-rail { display: none; }
    .page-heading { align-items: stretch; flex-direction: column; }
    .page-heading .button { align-self: flex-start; }
    .toolbar { align-items: stretch; flex-direction: column; }
    .toolbar select { width: 100%; }
}
@media (max-width: 600px) {
    .login-card { padding: 30px 22px; }
    .login-card h1 { font-size: 2rem; }
    .view { padding: 8px; }
    .topbar { min-height: 68px; }
    .connection-pill { padding: 8px; }
    .connection-pill span:last-child { display: none; }
    .chat-layout { height: calc(100vh - 84px); }
    .chat-main { border-radius: 14px; }
    .messages { padding: 14px; }
    .empty-state { padding-inline: 18px; }
    .empty-orbit { width: 94px; height: 94px; }
    .prompt-box { margin: 8px; }
    .prompt-footer { align-items: stretch; flex-direction: column; }
    .prompt-footer .button { width: 100%; }
    .form-grid.two { grid-template-columns: 1fr; gap: 0; }
    .modal form { padding: 21px 17px; }
    .modal-actions { flex-direction: column-reverse; }
    .modal-actions .button { width: 100%; }
    .source-preview { grid-template-columns: 40px minmax(0,1fr); }
    .source-preview .source-state { grid-column: 2; justify-self: start; }
}

/* Office communication and CRM mission reports v14 */
.office-comms-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr); gap:14px; margin-top:14px; }
.neiro-channel,.team-feed { min-width:0; overflow:hidden; border:1px solid var(--line-strong); border-radius:16px; background:linear-gradient(145deg,rgba(8,13,30,.96),rgba(3,6,17,.98)); box-shadow:0 16px 38px rgba(0,0,0,.22); }
.channel-head { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:14px 16px; border-bottom:1px solid var(--line); background:rgba(69,243,255,.035); }
.channel-head h3,.channel-head h4 { margin:4px 0 0; font-size:.92rem; }
.channel-private,.channel-live { flex:0 0 auto; padding:5px 8px; color:var(--green); border:1px solid rgba(84,245,167,.22); border-radius:999px; font:600 .56rem "JetBrains Mono",monospace; text-transform:uppercase; }
.channel-note { margin:0; padding:11px 16px; color:var(--text-faint); border-bottom:1px solid var(--line); font-size:.68rem; line-height:1.5; }
.office-dialogue-list,.team-feed-list { min-height:190px; max-height:390px; display:grid; align-content:start; gap:9px; overflow:auto; padding:14px; scrollbar-gutter:stable; }
.channel-empty { margin:auto; padding:22px; color:var(--text-faint); text-align:center; line-height:1.55; }
.dialogue-message { max-width:88%; padding:10px 12px; border:1px solid rgba(69,243,255,.15); border-radius:5px 12px 12px; background:rgba(69,243,255,.045); }
.dialogue-message.kind-request { margin-left:auto; border-color:rgba(255,63,212,.25); border-radius:12px 5px 12px 12px; background:rgba(255,63,212,.07); }
.dialogue-message.kind-final,.dialogue-message.kind-report { border-color:rgba(84,245,167,.28); background:rgba(84,245,167,.055); }
.dialogue-message.kind-blocked { border-color:rgba(255,86,120,.3); background:rgba(255,86,120,.06); }
.dialogue-message-head { display:flex; align-items:center; gap:7px; margin-bottom:5px; color:var(--text-faint); font:600 .56rem "JetBrains Mono",monospace; }
.dialogue-message-head strong { color:var(--cyan); font-size:.62rem; }.dialogue-message-head time{margin-left:auto;white-space:nowrap}
.dialogue-message p { margin:0; color:var(--text-soft); font-size:.74rem; line-height:1.55; white-space:pre-wrap; overflow-wrap:anywhere; }
.neiro-composer { display:grid; grid-template-columns:minmax(150px,210px) minmax(0,1fr); gap:8px 12px; padding:14px; border-top:1px solid var(--line); }
.neiro-composer>label { align-self:end; margin:0; }.neiro-composer textarea{grid-column:1/-1;resize:vertical}.neiro-composer-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}
#office-hire-mode[aria-pressed="true"] { color:var(--green); border-color:rgba(84,245,167,.5); background:rgba(84,245,167,.1); box-shadow:0 0 18px rgba(84,245,167,.08); }
.crm-actions button { min-height:44px; }
.mission-result-dialog { width:min(980px,calc(100vw - 28px)); max-height:min(900px,calc(100dvh - 28px)); padding:0; overflow:hidden; }
.mission-result-shell { max-height:inherit; overflow:auto; padding:0 22px 22px; scrollbar-gutter:stable; }
.mission-result-dialog .modal-head { position:sticky; top:0; z-index:2; margin:0 -22px 18px; padding:20px 22px; border-bottom:1px solid var(--line); background:rgba(5,9,22,.96); backdrop-filter:blur(14px); }
.mission-final-report { margin-bottom:16px; padding:18px; border:1px solid rgba(84,245,167,.22); border-radius:13px; background:rgba(84,245,167,.045); }
#mission-final-report { margin-top:10px; color:var(--text); font-size:.9rem; line-height:1.65; white-space:pre-wrap; overflow-wrap:anywhere; }
.mission-agent-reports { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:12px 0 18px; }
.mission-agent-report { min-height:58px; display:grid; gap:4px; padding:10px 12px; color:var(--text); border:1px solid var(--line); border-radius:10px; background:rgba(69,243,255,.035); text-align:left; cursor:pointer; }
.mission-agent-report:hover,.mission-agent-report:focus-visible { border-color:rgba(69,243,255,.45); background:rgba(69,243,255,.08); }.mission-agent-report span{color:var(--text-faint);font-size:.66rem}
.mission-dialogue-details { margin-top:14px; border:1px solid var(--line); border-radius:12px; background:rgba(3,7,18,.55); }.mission-dialogue-details summary{min-height:48px;padding:14px;cursor:pointer;color:var(--cyan);font-weight:600}.mission-dialogue-details .office-dialogue-list{border-top:1px solid var(--line)}
.office-comms-grid :focus-visible,.crm-card :focus-visible,.mission-result-dialog :focus-visible { outline:2px solid var(--cyan); outline-offset:2px; }
@media(max-width:1050px){.office-comms-grid{grid-template-columns:1fr}.team-feed{min-height:0}}
@media(max-width:700px){.neiro-composer{grid-template-columns:1fr}.neiro-composer-actions .button{width:100%}.mission-agent-reports{grid-template-columns:1fr}.dialogue-message{max-width:96%}.channel-private{display:none}}
@media(prefers-reduced-motion:reduce){.dialogue-message,.mission-result-dialog{scroll-behavior:auto}}

/* Multi-agent pixel office v9 */
.office-page { max-width: 1500px; margin: 0 auto; }
.office-heading { margin-bottom: 14px; }
.office-live-status { min-height: 42px; display: flex; align-items: center; margin-bottom: 12px; padding: 0 14px; color: var(--cyan); border: 1px solid rgba(69,243,255,.2); border-radius: 11px; background: rgba(69,243,255,.045); font: 600 .72rem "JetBrains Mono", monospace; }
.office-live-status::before { content: ""; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 12px var(--green); animation: pulse 1.8s ease-in-out infinite; }
.office-layout { min-height: 570px; display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 14px; }
.office-scene { position: relative; min-height: 570px; overflow: hidden; padding: 24px; border: 1px solid var(--line-strong); border-radius: 16px; background: linear-gradient(145deg, rgba(8,13,30,.97), rgba(3,6,17,.98)); box-shadow: var(--shadow-glow); isolation: isolate; }
.office-scene::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .42; background: linear-gradient(30deg, rgba(69,243,255,.07) 12%, transparent 12.5%, transparent 87%, rgba(69,243,255,.07) 87.5%), linear-gradient(150deg, rgba(69,243,255,.07) 12%, transparent 12.5%, transparent 87%, rgba(69,243,255,.07) 87.5%), linear-gradient(30deg, rgba(69,243,255,.07) 12%, transparent 12.5%, transparent 87%, rgba(69,243,255,.07) 87.5%), linear-gradient(150deg, rgba(69,243,255,.07) 12%, transparent 12.5%, transparent 87%, rgba(69,243,255,.07) 87.5%); background-size: 56px 98px; background-position: 0 0,0 0,28px 49px,28px 49px; transform: perspective(500px) rotateX(58deg) scale(1.4); transform-origin: center bottom; }
.office-grid-lines { position: absolute; inset: 9px; pointer-events: none; background: linear-gradient(var(--cyan),var(--cyan)) left top/22px 1px no-repeat,linear-gradient(var(--cyan),var(--cyan)) left top/1px 22px no-repeat,linear-gradient(var(--violet),var(--violet)) right bottom/22px 1px no-repeat,linear-gradient(var(--violet),var(--violet)) right bottom/1px 22px no-repeat; opacity: .55; }
.agent-station { position: relative; display: grid; grid-template-columns: 70px minmax(0,1fr); align-items: center; gap: 13px; min-width: 0; padding: 14px; color: var(--text); border: 1px solid rgba(69,243,255,.2); border-radius: 14px; background: linear-gradient(145deg, rgba(14,24,49,.96), rgba(5,9,23,.97)); box-shadow: 0 12px 28px rgba(0,0,0,.34), inset 0 1px rgba(255,255,255,.035); text-align: left; }
button.agent-station { width: 100%; cursor: pointer; transition: border-color 180ms, background 180ms, box-shadow 180ms; }
button.agent-station:hover { border-color: rgba(69,243,255,.52); background: linear-gradient(145deg, rgba(19,33,62,.98), rgba(7,12,28,.98)); box-shadow: 0 0 22px rgba(69,243,255,.1),0 14px 32px rgba(0,0,0,.38); }
.lead-station { width: min(520px,80%); min-height: 112px; margin: 10px auto 28px; border-color: rgba(255,63,212,.38); box-shadow: 0 0 34px rgba(255,63,212,.09),0 16px 34px rgba(0,0,0,.4); }
.lead-station::after { content: ""; position: absolute; left: 50%; bottom: -29px; width: 1px; height: 28px; background: linear-gradient(var(--violet),transparent); box-shadow: 0 0 9px var(--violet); }
.office-agent-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.subagent-station { min-height: 128px; animation: station-arrive 360ms var(--ease) both; animation-delay: calc(var(--agent-index) * 70ms); }
.agent-avatar { position: relative; width: 68px; height: 72px; flex: 0 0 auto; filter: drop-shadow(0 0 12px rgba(69,243,255,.22)); }
.avatar-head { position: absolute; top: 4px; left: 20px; width: 29px; height: 28px; border: 2px solid var(--cyan); border-radius: 7px 7px 5px 5px; background: #0a1730; box-shadow: inset 0 0 12px rgba(69,243,255,.12); }
.avatar-head::before,.avatar-head::after { content: ""; position: absolute; top: 10px; width: 4px; height: 4px; background: var(--cyan); box-shadow: 0 0 6px var(--cyan); }
.avatar-head::before { left: 6px; }.avatar-head::after { right: 6px; }
.avatar-body { position: absolute; left: 12px; bottom: 4px; width: 46px; height: 39px; border: 2px solid rgba(69,243,255,.68); border-radius: 8px 8px 5px 5px; background: linear-gradient(145deg,#132855,#10152d); }
.avatar-screen { position: absolute; left: 22px; bottom: 14px; width: 26px; height: 13px; border: 1px solid rgba(69,243,255,.55); border-radius: 3px; background: repeating-linear-gradient(0deg,rgba(69,243,255,.16) 0 1px,transparent 1px 3px); }
.lead-avatar .avatar-head { border-color: var(--violet); }.lead-avatar .avatar-head::before,.lead-avatar .avatar-head::after { background: var(--violet); box-shadow: 0 0 7px var(--violet); }.lead-avatar .avatar-body { border-color: rgba(255,63,212,.7); }
.station-copy { min-width: 0; }
.station-kicker { display: block; color: var(--cyan); font: 600 .58rem "JetBrains Mono", monospace; letter-spacing: .11em; text-transform: uppercase; }
.agent-station strong { display: block; margin-top: 4px; font: 700 .95rem "Orbitron","JetBrains Mono",monospace; }
.agent-station p { display: -webkit-box; margin: 6px 0 0; overflow: hidden; color: var(--text-soft); font-size: .74rem; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.station-status { position: absolute; top: 9px; right: 9px; padding: 4px 7px; color: var(--text-faint); border: 1px solid rgba(111,130,157,.25); border-radius: 999px; background: rgba(111,130,157,.08); font: 600 .55rem "JetBrains Mono",monospace; }
.agent-station[data-status="working"] { border-color: rgba(69,243,255,.48); }.agent-station[data-status="working"] .agent-avatar { animation: agent-work 1.8s ease-in-out infinite; }.station-status.working { color: var(--cyan); border-color: rgba(69,243,255,.35); }
.agent-station[data-status="testing"] { border-color: rgba(255,200,87,.48); }.station-status.testing,.station-status.blocked,.station-status.budget_stopped { color: var(--amber); border-color: rgba(255,200,87,.35); }
.agent-station[data-status="completed"],.agent-station[data-status="done"] { border-color: rgba(84,245,167,.42); }.station-status.completed,.station-status.done { color: var(--green); border-color: rgba(84,245,167,.35); }
.agent-station[data-status="failed"] { border-color: rgba(255,86,120,.48); }.station-status.failed { color: var(--red); border-color: rgba(255,86,120,.35); }
.office-empty { min-height: 290px; display: grid; place-items: center; align-content: center; gap: 10px; color: var(--text-faint); text-align: center; }
.office-empty[hidden] { display: none; }.office-empty svg { width: 52px; height: 52px; color: var(--cyan); opacity: .45; }.office-empty strong { color: var(--text-soft); }
.mission-board,.team-feed { border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(155deg,rgba(12,18,40,.94),rgba(4,7,18,.97)); box-shadow: 0 12px 34px rgba(0,0,0,.26); }
.mission-board { padding: 20px; }.mission-board h4 { margin: 8px 0; font: 700 1rem/1.45 "Orbitron","JetBrains Mono",monospace; }.mission-board > p { color: var(--text-soft); font-size: .8rem; line-height: 1.55; }
.mission-progress { margin-top: 22px; }.mission-progress > span,.mission-progress > strong { font: 600 .66rem "JetBrains Mono",monospace; }.mission-progress > strong { float: right; color: var(--cyan); }.mission-progress > div { height: 6px; margin-top: 9px; overflow: hidden; border-radius: 99px; background: rgba(69,243,255,.08); }.mission-progress i { width: 0; height: 100%; display: block; background: linear-gradient(90deg,var(--cyan),var(--green)); box-shadow: 0 0 12px rgba(69,243,255,.45); transition: width 320ms var(--ease); }
.office-report-list { display: grid; gap: 8px; margin-top: 20px; }.office-report-button { min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 11px; color: var(--text); border: 1px solid var(--line); border-radius: 9px; background: rgba(69,243,255,.035); cursor: pointer; }.office-report-button:hover { background: rgba(69,243,255,.075); }.office-report-button span { color: var(--cyan); font-size: .68rem; }
.team-feed { margin-top: 14px; padding: 0 18px 15px; }.team-feed .rail-title { margin: 0 -18px 10px; }.team-feed-list { display: flex; flex-wrap: wrap; gap: 8px; }.team-feed-item,.team-feed-list > span { padding: 7px 9px; color: var(--text-soft); border: 1px solid rgba(69,243,255,.12); border-radius: 8px; background: rgba(69,243,255,.035); font: .68rem "JetBrains Mono",monospace; }
.agent-dialog { padding: 0; }.agent-dialog-shell { max-height: min(760px,calc(100dvh - 24px)); overflow: auto; }.agent-dialog .modal-head { padding: 22px; border-bottom: 1px solid var(--line); }.agent-dialog-content { padding: 22px; }.agent-dialog-content > p { color: var(--text-soft); line-height: 1.6; }.agent-dialog-content pre { max-height: 390px; margin: 8px 0 0; padding: 14px; overflow: auto; color: #c6d7e5; border: 1px solid var(--line); border-radius: 10px; background: #02040c; font: .73rem/1.6 "JetBrains Mono",monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.inspector-agent-row { width: 100%; min-height: 48px; display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px 11px; color: var(--text); border: 1px solid var(--line); border-radius: 9px; background: rgba(69,243,255,.03); cursor: pointer; text-align: left; }.inspector-agent-row + .inspector-agent-row { margin-top: 7px; }.inspector-agent-row > span:nth-child(2) { color: var(--text-soft); font-size: .75rem; }.inspector-agent-row .station-status { position: static; }
@keyframes station-arrive { from { opacity: 0; transform: translateY(12px); } }
@keyframes agent-work { 50% { transform: translateY(-3px); filter: drop-shadow(0 0 18px rgba(69,243,255,.38)); } }

@media (max-width: 1050px) { .office-layout { grid-template-columns: 1fr; }.mission-board { order: -1; min-height: 0; }.office-layout { min-height: 0; }.office-scene { min-height: 520px; } }
@media (max-width: 700px) { .office-agent-grid { grid-template-columns: 1fr; }.office-scene { min-height: 0; padding: 16px; }.lead-station { width: 100%; }.office-heading .button { width: 100%; }.inspector-agent-row { grid-template-columns: minmax(0,1fr) auto; }.inspector-agent-row > span:nth-child(2) { grid-column: 1; }.agent-station { grid-template-columns: 58px minmax(0,1fr); }.agent-avatar { transform: scale(.82); transform-origin: left center; } }
@media (prefers-reduced-motion: reduce) { .subagent-station,.agent-station[data-status="working"] .agent-avatar,.office-live-status::before { animation: none!important; } }
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Cyberpunk interface v5 */
:root {
    color-scheme: dark;
    --bg: #050713;
    --bg-deep: #02030a;
    --surface: rgba(10, 15, 35, .86);
    --surface-solid: #0b1022;
    --surface-raised: #101832;
    --surface-soft: rgba(69, 243, 255, .055);
    --line: rgba(99, 231, 255, .14);
    --line-strong: rgba(99, 231, 255, .3);
    --text: #f4fbff;
    --text-soft: #a7b7cb;
    --text-faint: #6f829d;
    --violet: #ff3fd4;
    --violet-strong: #b92cff;
    --cyan: #45f3ff;
    --green: #54f5a7;
    --amber: #ffc857;
    --red: #ff5678;
    --shadow-lg: 0 24px 70px rgba(0, 0, 0, .48), 0 1px 0 rgba(255, 255, 255, .04) inset;
    --shadow-glow: 0 0 0 1px rgba(69,243,255,.2), 0 0 28px rgba(69,243,255,.1), 0 20px 55px rgba(0,0,0,.38);
    --motion-fast: 160ms;
    --motion-base: 280ms;
}

html, body { height: 100%; overflow: hidden; background: var(--bg-deep); }
body {
    color: var(--text);
    background:
        radial-gradient(circle at 74% -15%, rgba(185,44,255,.19), transparent 32rem),
        radial-gradient(circle at 8% 92%, rgba(69,243,255,.11), transparent 34rem),
        linear-gradient(145deg, #050713, #070b1b 48%, #03050e);
    font-family: "Inter", system-ui, sans-serif;
}
body::before {
    opacity: .5;
    background-image: linear-gradient(rgba(69,243,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(69,243,255,.035) 1px, transparent 1px);
    background-size: 36px 36px;
    animation: cyber-grid 18s linear infinite;
}
::selection { color: #02030a; background: var(--cyan); }
::-webkit-scrollbar-thumb { background: rgba(69,243,255,.26); background-clip: padding-box; }
:focus-visible { outline-color: var(--cyan); }
.eyebrow { color: var(--cyan); text-shadow: 0 0 12px rgba(69,243,255,.38); }
label { color: #dbe9f4; }
input, select, textarea { color: var(--text); border-color: var(--line); background: rgba(3,6,17,.82); }
input::placeholder, textarea::placeholder { color: #61718c; }
input:focus, select:focus, textarea:focus { border-color: rgba(69,243,255,.68); background: rgba(4,8,22,.96); box-shadow: 0 0 0 3px rgba(69,243,255,.1), 0 0 22px rgba(69,243,255,.06); }
.path-help { color: var(--text-soft); }
.error-summary, .message.error { color: #ffd1dc; border-color: rgba(255,86,120,.44); background: rgba(255,86,120,.1); }

.button { min-height: 44px; transition: transform var(--motion-fast) var(--ease), border-color var(--motion-fast), background var(--motion-fast), box-shadow var(--motion-fast); }
.button:hover:not(:disabled) { background: rgba(69,243,255,.08); box-shadow: 0 0 18px rgba(69,243,255,.08); }
.button:active:not(:disabled) { transform: translateY(0) scale(.98); }
.button.primary { color: #031014; border-color: rgba(69,243,255,.84); background: linear-gradient(112deg, #45f3ff, #79f7df 58%, #b8ffef); box-shadow: 0 0 22px rgba(69,243,255,.24), 0 10px 28px rgba(0,0,0,.3); }
.button.primary:hover:not(:disabled) { color: #02070a; border-color: #bfffff; background: linear-gradient(112deg, #71f7ff, #58ffd1); box-shadow: 0 0 30px rgba(69,243,255,.34), 0 12px 30px rgba(0,0,0,.36); }
.button.secondary { background: rgba(14,21,45,.9); }
.button.danger { color: #ffc7d2; border-color: rgba(255,86,120,.35); background: rgba(255,86,120,.09); }
.icon-button { min-width: 44px; min-height: 44px; }
.icon-button:hover { background: rgba(69,243,255,.08); box-shadow: 0 0 18px rgba(69,243,255,.08); }

.login-screen::before { background: radial-gradient(circle, rgba(185,44,255,.29), transparent 66%); }
.login-screen::after { background: radial-gradient(circle, rgba(69,243,255,.2), transparent 66%); }
.login-card, .form-card, .modal { color: var(--text); border-color: var(--line-strong); background: linear-gradient(145deg, rgba(14,20,43,.96), rgba(4,7,18,.97)); }
.modal::backdrop { background: rgba(1,2,8,.82); }
.login-card h1, .brand-row strong, .topbar h2, .empty-state h3, .page-heading h3, .modal-head h3 { font-family: "Orbitron", "JetBrains Mono", monospace; }
.brand-mark { color: #fff; border-color: rgba(69,243,255,.58); background: linear-gradient(145deg, #101b3d, #622ac4 56%, #10adc2); box-shadow: 0 0 25px rgba(69,243,255,.18), 0 12px 32px rgba(0,0,0,.4); }

.app-shell { height: 100dvh; min-height: 0; }
.sidebar { background: linear-gradient(180deg, rgba(5,8,21,.98), rgba(3,5,14,.96)); border-right-color: var(--line); }
.nav-item:hover, .project-button:hover { background: rgba(69,243,255,.055); }
.nav-item.active { color: var(--text); border-color: rgba(69,243,255,.2); background: linear-gradient(90deg, rgba(69,243,255,.13), rgba(185,44,255,.07)); box-shadow: inset 0 0 20px rgba(69,243,255,.03); }
.nav-item.active::before { background: linear-gradient(var(--cyan), var(--violet)); box-shadow: 0 0 15px rgba(69,243,255,.62); }
.project-button.active { color: #fff; border-color: rgba(69,243,255,.2); background: rgba(69,243,255,.08); }

.workspace { min-height: 0; display: grid; grid-template-rows: auto minmax(0,1fr); overflow: hidden; }
.topbar { background: rgba(4,7,18,.78); border-bottom-color: var(--line); }
.connection-pill { color: var(--text-soft); background: rgba(8,13,30,.78); }
.view { min-height: 0; height: 100%; overflow: auto; }
.view[data-view="chat"] { overflow: hidden; }
.chat-layout { height: 100%; min-height: 0; }
.chat-main, .task-rail { min-height: 0; border-color: var(--line); background: linear-gradient(155deg, rgba(11,16,36,.9), rgba(4,7,18,.94)); box-shadow: 0 14px 40px rgba(0,0,0,.28); }
.chat-main { isolation: isolate; }
.chat-main::before { opacity: .42; background-image: radial-gradient(circle, rgba(69,243,255,.3) 1px, transparent 1px); }
.messages { min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.message { color: var(--text); border-color: var(--line); background: rgba(14,20,43,.86); box-shadow: 0 8px 24px rgba(0,0,0,.2); line-height: 1.65; }
.message.user { border-color: rgba(255,63,212,.3); background: linear-gradient(135deg, rgba(185,44,255,.19), rgba(69,243,255,.07)); }
.message.task-focus { border-color: rgba(69,243,255,.82); box-shadow: 0 0 0 2px rgba(69,243,255,.11), 0 0 32px rgba(69,243,255,.2); }
.message-tool { color: #9fb2ca; border-color: rgba(69,243,255,.18); background: rgba(3,7,18,.86); }
.activity-summary:hover { background: rgba(69,243,255,.05); }
.activity-details { color: #9fb2ca; border-top-color: rgba(69,243,255,.12); background: rgba(1,3,10,.72); }
.activity-row { border-bottom-color: rgba(69,243,255,.09); }
.approval-card { border-color: rgba(255,200,87,.38); background: linear-gradient(135deg, rgba(255,200,87,.12), rgba(255,200,87,.035)); }
.approval-card h4 { color: #ffe09b; }
.approval-card pre { color: #c7d5e8; background: rgba(1,3,10,.72); }
.prompt-box { flex: 0 0 auto; border-color: var(--line-strong); background: rgba(4,8,21,.96); box-shadow: 0 14px 44px rgba(0,0,0,.4), 0 0 24px rgba(69,243,255,.04); }
.prompt-box:focus-within { border-color: rgba(69,243,255,.7); box-shadow: 0 0 0 3px rgba(69,243,255,.08), 0 0 28px rgba(69,243,255,.1); }
.prompt-context { min-width: 0; display: flex; align-items: center; gap: 8px; }
.prompt-context > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.attach-button { width: 38px; min-width: 38px; height: 38px; min-height: 38px; }
.media-preview { display: grid; grid-template-columns: 42px minmax(0,1fr) 44px; align-items: center; gap: 10px; margin: 0 12px 8px; padding: 10px; border: 1px solid rgba(255,63,212,.22); border-radius: 12px; background: rgba(185,44,255,.07); }
.media-preview-icon { width: 42px; height: 42px; display: grid; place-items: center; color: var(--violet); border: 1px solid rgba(255,63,212,.25); border-radius: 10px; background: rgba(255,63,212,.07); }
.media-preview-copy { min-width: 0; }
.media-preview-copy strong, .media-preview-copy span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.media-preview-copy strong { font-size: .82rem; }
.media-preview-copy span { margin-top: 3px; color: var(--text-faint); font-size: .73rem; }
.task-item:hover { background: rgba(69,243,255,.055); }

.resource-card, .table-card { border-color: var(--line); background: linear-gradient(145deg, rgba(14,20,43,.88), rgba(5,8,20,.94)); box-shadow: 0 12px 34px rgba(0,0,0,.25); }
.resource-card::before { background: radial-gradient(circle, rgba(185,44,255,.2), transparent 67%); }
.resource-card:hover { border-color: rgba(69,243,255,.32); }
.data-row.header { background: rgba(69,243,255,.035); }
.source-preview { border-color: rgba(69,243,255,.2); background: linear-gradient(90deg, rgba(69,243,255,.08), rgba(185,44,255,.05)); }
.source-preview-icon { color: var(--cyan); border-color: rgba(69,243,255,.24); background: rgba(69,243,255,.07); }
.toast { color: var(--text); background: rgba(10,15,34,.97); }

.reels-shell { max-width: 980px; margin: 0 auto; }
.reels-card { max-width: 760px; position: relative; overflow: hidden; }
.reels-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, transparent 28%, rgba(69,243,255,.035), transparent 72%); }
.reels-visual { position: relative; width: 96px; height: 96px; display: grid; place-items: center; margin: 2px auto 24px; color: var(--cyan); border: 1px solid rgba(69,243,255,.38); border-radius: 24px; background: linear-gradient(145deg, rgba(69,243,255,.12), rgba(185,44,255,.12)); box-shadow: 0 0 30px rgba(69,243,255,.12); overflow: hidden; }
.reels-visual svg { width: 38px; height: 38px; }
.scan-line { position: absolute; left: 8px; right: 8px; height: 1px; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); animation: scan-media 2.8s ease-in-out infinite; }
.check-row { min-height: 48px; display: flex; align-items: flex-start; gap: 11px; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(69,243,255,.035); cursor: pointer; }
.check-row input { width: 19px; min-height: 19px; margin: 2px 0 0; accent-color: var(--cyan); }
.check-row span { color: var(--text-soft); font-weight: 400; }
.reels-auth-card { max-width: 760px; margin-top: 14px; padding: 0; overflow: hidden; }
.reels-auth-card summary { min-height: 58px; display: flex; align-items: center; padding: 0 20px; color: var(--text-soft); font-family: "JetBrains Mono", monospace; font-size: .82rem; cursor: pointer; list-style: none; }
.reels-auth-card summary::-webkit-details-marker { display: none; }
.reels-auth-card summary::before { content: "+"; margin-right: 10px; color: var(--cyan); font-size: 1.15rem; }
.reels-auth-card[open] summary::before { content: "−"; }
.reels-auth-card[open] summary { color: var(--text); border-bottom: 1px solid var(--line); }
.reels-auth-copy, .reels-auth-card form, .reels-auth-card > .form-status { margin-right: 20px; margin-left: 20px; }
.reels-auth-copy { padding-top: 18px; }
.reels-auth-copy p { margin: 6px 0 0; color: var(--text-soft); line-height: 1.55; }
.reels-auth-card form { display: flex; align-items: center; gap: 12px; padding: 16px 0; }
.reels-auth-card input[type="file"] { flex: 1; min-width: 0; padding: 8px; }
.reels-auth-card > .form-status:not(:empty) { margin-bottom: 18px; color: var(--green); }

@keyframes cyber-grid { to { transform: translate3d(36px,36px,0); } }
@keyframes scan-media { 0%,100% { transform: translateY(-30px); opacity: .35; } 50% { transform: translateY(30px); opacity: 1; } }

@media (max-width: 860px) {
    .app-shell { height: 100dvh; }
    .chat-layout { height: 100%; }
    .view[data-view="chat"] { padding-bottom: max(8px, env(safe-area-inset-bottom)); }
}
@media (max-width: 600px) {
    body { font-size: 16px; }
    .messages { padding: 14px 10px; }
    .message { max-width: 100%; }
    .prompt-box { margin: 7px; }
    .prompt-footer { align-items: center; flex-direction: row; }
    .prompt-footer .button { width: auto; }
    .prompt-context > span { display: none; }
    .reels-card { padding: 22px 17px; }
    .reels-auth-card form { align-items: stretch; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
    body::before, .scan-line { animation: none !important; }
}

/* Cyberpunk HUD polish v6 — UI/UX Pro Max: clarity first, spectacle second */
.topbar { position: relative; }
.topbar::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent 4%, var(--cyan) 28%, rgba(255,63,212,.85) 72%, transparent 96%);
    box-shadow: 0 0 18px rgba(69,243,255,.34);
    opacity: .55;
}
.brand-row strong { position: relative; letter-spacing: .2em; text-shadow: 0 0 16px rgba(69,243,255,.18); }
.brand-row strong::after { content: "CORE"; position: absolute; top: -7px; right: -27px; color: var(--cyan); font: 500 6px/1 "JetBrains Mono", monospace; letter-spacing: .12em; opacity: .8; }
.brand-row:hover strong { text-shadow: -1px 0 rgba(255,63,212,.8), 1px 0 rgba(69,243,255,.85), 0 0 18px rgba(69,243,255,.24); }
.chat-main, .task-rail, .form-card, .resource-card, .table-card { position: relative; }
.chat-main::after, .form-card::after {
    content: "";
    position: absolute;
    inset: 8px;
    z-index: 3;
    pointer-events: none;
    background:
        linear-gradient(var(--cyan), var(--cyan)) left top / 18px 1px no-repeat,
        linear-gradient(var(--cyan), var(--cyan)) left top / 1px 18px no-repeat,
        linear-gradient(var(--violet), var(--violet)) right bottom / 18px 1px no-repeat,
        linear-gradient(var(--violet), var(--violet)) right bottom / 1px 18px no-repeat;
    opacity: .48;
}
.empty-icon {
    color: #051116;
    border-color: rgba(69,243,255,.75);
    background: linear-gradient(145deg, #45f3ff, #73f8dd 56%, #c5fff3);
    box-shadow: 0 0 0 8px rgba(69,243,255,.035), 0 0 34px rgba(69,243,255,.22), 0 16px 42px rgba(0,0,0,.4);
}
.empty-orbit { filter: drop-shadow(0 0 18px rgba(69,243,255,.09)); }
.capability-strip span {
    color: #91a9c1;
    border-color: rgba(69,243,255,.16);
    background: rgba(69,243,255,.045);
    font-family: "JetBrains Mono", monospace;
    letter-spacing: .025em;
}
.capability-strip span::before { content: "// "; color: var(--cyan); opacity: .72; }
.messages:focus-visible { outline: 1px solid rgba(69,243,255,.52); outline-offset: -3px; }
.message:not(.user):not(.error) { border-left-color: rgba(69,243,255,.42); }
.message.user { border-right-color: rgba(255,63,212,.48); }
.rail-title::after { content: "LIVE"; margin-left: auto; color: var(--green); font: 600 .58rem/1 "JetBrains Mono", monospace; letter-spacing: .12em; text-shadow: 0 0 10px rgba(84,245,167,.5); }
.page-heading h3::after { content: "_"; color: var(--cyan); animation: hud-cursor 1.1s steps(1) infinite; }
.reels-card .form-status:not(:empty) { padding: 12px 14px; border: 1px solid rgba(255,200,87,.28); border-radius: 10px; background: rgba(255,200,87,.055); line-height: 1.55; }
@keyframes hud-cursor { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .page-heading h3::after { animation: none; } }

/* Living office + mission CRM v11 */
.office-heading-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.trend-button { min-height:44px; color:#07121a; border-color:rgba(84,245,167,.72); background:linear-gradient(135deg,var(--green),var(--cyan)); box-shadow:0 0 24px rgba(84,245,167,.16); font-weight:800; }
.trend-button:hover { filter:brightness(1.08); box-shadow:0 0 30px rgba(69,243,255,.25); }
.trend-factory-dialog { width:min(760px,calc(100vw - 24px)); max-height:calc(100dvh - 24px); overflow:auto; z-index:70; }
.trend-factory-dialog form { padding:24px; }
.trend-factory-dialog::backdrop { background:rgba(0,3,12,.78); backdrop-filter:blur(7px); }
.trend-pipeline { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin:18px 0 2px; }
.trend-pipeline span { min-height:42px; display:grid; place-items:center; padding:8px; color:var(--cyan); border:1px solid rgba(69,243,255,.2); border-radius:8px; background:rgba(69,243,255,.045); font:600 .61rem/1.25 "JetBrains Mono",monospace; text-align:center; }
.trend-source{margin:16px 0;padding:16px;border:1px solid rgba(69,243,255,.18);border-radius:14px;background:rgba(2,10,24,.46)}
.trend-source legend{padding:0 8px;color:var(--cyan);font:700 .72rem/1 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
.trend-upload{min-height:76px;display:flex;align-items:center;gap:14px;margin:12px 0;padding:14px 16px;border:1px dashed rgba(69,243,255,.42);border-radius:12px;background:rgba(69,243,255,.055);cursor:pointer;transition:border-color .18s ease,background .18s ease}
.trend-upload:hover,.trend-upload:focus-within{border-color:var(--cyan);background:rgba(69,243,255,.1)}
.trend-upload svg{width:30px;height:30px;color:var(--cyan)}
.trend-upload span,.trend-upload strong,.trend-upload small{display:block}.trend-upload small{margin-top:5px;color:var(--text-soft);font-size:.75rem}
.trend-upload.is-ready{border-style:solid;border-color:rgba(84,245,167,.72);background:rgba(84,245,167,.07)}
.trend-upload.is-ready svg{color:var(--green)}
.trend-source-divider{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--text-faint);font-size:.72rem;text-transform:uppercase}
.trend-source-divider::before,.trend-source-divider::after{content:"";height:1px;flex:1;background:var(--line)}
.profile-connect-existing,.context-danger-zone{display:grid;align-items:center;gap:12px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}
.profile-connect-existing{grid-template-columns:minmax(180px,1fr) minmax(180px,.8fr) auto}.profile-connect-existing span,.context-danger-zone p{display:block;margin:4px 0 0;color:var(--text-soft);font-size:.76rem;line-height:1.45}
.context-danger-zone{grid-template-columns:minmax(0,1fr) auto;margin-top:20px;border-color:rgba(255,107,122,.28);background:rgba(255,107,122,.04)}
.rich-text{color:var(--text-soft);font-size:.92rem;line-height:1.68}.rich-text>*:first-child{margin-top:0}.rich-text>*:last-child{margin-bottom:0}.rich-text h2,.rich-text h3,.rich-text h4{margin:1.25em 0 .5em;color:var(--text);line-height:1.25}.rich-text h2{font-size:1.18rem}.rich-text h3{font-size:1.05rem}.rich-text h4{font-size:.96rem}.rich-text p{margin:.7em 0}.rich-text ul,.rich-text ol{margin:.65em 0;padding-left:1.35em}.rich-text li{margin:.32em 0}.rich-text strong{color:var(--text);font-weight:750}.rich-text hr{height:1px;margin:1.25em 0;border:0;background:linear-gradient(90deg,transparent,var(--line),transparent)}.rich-text blockquote{margin:.85em 0;padding:10px 14px;border-left:3px solid var(--cyan);background:rgba(69,243,255,.045)}
@media(max-width:700px){.profile-connect-existing,.context-danger-zone{grid-template-columns:1fr}.profile-connect-existing .button,.context-danger-zone .button{width:100%}}
.office-heading-actions svg,.tasks-page .page-heading svg { width:18px; height:18px; }
.office-scene { min-height:680px; padding:0; background:linear-gradient(180deg,rgba(7,14,34,.98),rgba(3,7,19,.99)); }
.office-scene::before { inset:25% -20% -45%; opacity:.72; transform:perspective(520px) rotateX(57deg) scale(1.55); }
.office-grid-lines { z-index:20; }
.office-room { position:absolute; z-index:1; color:rgba(220,247,255,.72); border:1px solid rgba(69,243,255,.2); background:rgba(69,243,255,.035); box-shadow:inset 0 0 28px rgba(69,243,255,.025); font:600 .55rem "JetBrains Mono",monospace; letter-spacing:.12em; }
.office-room > span { position:absolute; top:7px; left:9px; }
.room-briefing { top:4%; right:4%; width:30%; height:24%; border-color:rgba(255,63,212,.25); }
.room-briefing i { position:relative; top:45%; width:20px; height:20px; display:inline-block; margin-left:14%; border:1px solid rgba(255,63,212,.35); border-radius:50%; }
.room-lab { right:3%; bottom:4%; width:18%; height:24%; border-color:rgba(255,200,87,.3); }
.room-lab b { position:absolute; inset:32% 16% 18%; border:1px solid rgba(255,200,87,.34); background:repeating-linear-gradient(0deg,rgba(255,200,87,.09) 0 2px,transparent 2px 7px); }
.room-lounge { bottom:4%; left:3%; width:17%; height:20%; border-color:rgba(84,245,167,.25); }
.office-desk { position:absolute; z-index:2; width:12%; height:7%; border:1px solid rgba(69,243,255,.25); border-radius:3px; background:linear-gradient(160deg,#16294d,#081126); box-shadow:8px 10px 0 rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.08); }
.office-desk::before,.office-desk::after { content:""; position:absolute; bottom:-15px; width:3px; height:15px; background:#162641; }.office-desk::before{left:13%}.office-desk::after{right:13%}
.office-desk i { position:absolute; left:38%; bottom:70%; width:25%; height:78%; border:1px solid rgba(69,243,255,.45); background:repeating-linear-gradient(0deg,rgba(69,243,255,.13) 0 2px,#061027 2px 5px); box-shadow:0 0 12px rgba(69,243,255,.12); }
.office-desk span { position:absolute; left:10%; top:20%; width:14%; height:18%; background:var(--cyan); box-shadow:0 0 8px var(--cyan); }
.desk-1{left:10%;top:45%}.desk-2{left:30%;top:45%}.desk-3{left:50%;top:45%}.desk-4{left:70%;top:45%}.desk-5{left:22%;top:75%}.desk-6{left:53%;top:75%}
.lead-station.agent-station { position:absolute; z-index:8; top:4%; left:3%; width:28%; min-height:126px; margin:0; grid-template-columns:64px minmax(0,1fr); border-color:rgba(255,63,212,.4); background:linear-gradient(145deg,rgba(40,18,67,.94),rgba(7,12,31,.96)); }
.lead-station::after { display:none; }
.office-agent-grid { position:absolute; inset:0; z-index:7; display:block; pointer-events:none; }
.office-character { position:absolute; left:calc(var(--target-x) * 1%); top:calc(var(--target-y) * 1%); width:112px; min-height:126px; display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding:0; color:var(--text); border:0; background:transparent; transform:translate(-50%,-50%); transition:left 1.05s cubic-bezier(.22,.78,.22,1),top 1.05s cubic-bezier(.22,.78,.22,1),filter .2s; cursor:pointer; pointer-events:auto; text-align:center; }
.office-character:hover,.office-character:focus-visible { z-index:15; filter:brightness(1.2) drop-shadow(0 0 12px var(--agent-color)); }
.pixel-person { position:relative; width:46px; height:64px; display:block; image-rendering:pixelated; filter:drop-shadow(0 0 8px color-mix(in srgb,var(--agent-color, var(--cyan)) 44%,transparent)); }
.pixel-shadow { position:absolute; left:5px; bottom:0; width:38px; height:8px; border-radius:50%; background:rgba(0,0,0,.48); }
.pixel-body { position:absolute; left:9px; bottom:9px; width:30px; height:30px; border:3px solid color-mix(in srgb,var(--agent-color, var(--cyan)) 72%,#fff); background:linear-gradient(135deg,color-mix(in srgb,var(--agent-color, var(--cyan)) 45%,#172343),#0b1124); box-shadow:-5px 8px 0 #0b1124,5px 8px 0 #0b1124; }
.pixel-head { position:absolute; top:5px; left:8px; width:32px; height:29px; border:3px solid var(--agent-color,var(--cyan)); border-radius:3px; background:#0b1831; box-shadow:0 0 0 2px rgba(1,4,12,.9); }
.pixel-face { position:absolute; top:17px; left:17px; width:4px; height:4px; color:var(--agent-color,var(--cyan)); background:currentColor; box-shadow:11px 0 currentColor,3px 8px 0 -1px currentColor,7px 8px 0 -1px currentColor; }
.pixel-badge { position:absolute; right:3px; bottom:24px; width:8px; height:8px; background:var(--agent-color,var(--cyan)); box-shadow:0 0 8px var(--agent-color,var(--cyan)); }
.character-name { max-width:110px; margin-top:4px; overflow:hidden; color:#fff; font:700 .66rem "Orbitron",monospace; text-overflow:ellipsis; white-space:nowrap; text-shadow:0 1px 4px #000; }
.character-role { max-width:110px; margin-top:2px; overflow:hidden; color:var(--agent-color,var(--cyan)); font:600 .5rem "JetBrains Mono",monospace; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
.character-bubble { position:absolute; bottom:103%; left:50%; width:max-content; max-width:180px; padding:6px 8px; opacity:0; color:#dffaff; border:1px solid color-mix(in srgb,var(--agent-color,var(--cyan)) 42%,transparent); border-radius:7px; background:rgba(3,7,19,.96); box-shadow:0 8px 22px rgba(0,0,0,.36); transform:translate(-50%,5px); transition:opacity .18s,transform .18s; font:.58rem/1.35 "JetBrains Mono",monospace; pointer-events:none; }
.office-character:hover .character-bubble,.office-character:focus-visible .character-bubble,.office-character[data-status="working"] .character-bubble,.office-character[data-status="testing"] .character-bubble { opacity:1; transform:translate(-50%,0); }
.office-character[data-status="working"] .pixel-person { animation:pixel-work 1.1s steps(2,end) infinite; }.office-character[data-status="testing"] .pixel-person { animation:pixel-scan 1.5s ease-in-out infinite; }.office-character[data-status="completed"] .pixel-person,.office-character[data-status="done"] .pixel-person { animation:pixel-wave 1.8s ease-in-out 2; }
.office-empty { position:absolute; inset:30% 20%; z-index:4; min-height:0; pointer-events:none; }
.office-roster-summary { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 10px; margin-top:18px; padding:12px; border:1px solid var(--line); border-radius:10px; background:rgba(69,243,255,.035); }
.office-roster-summary span { color:var(--text-faint); font-size:.68rem; }.office-roster-summary strong{font-size:.75rem}.office-roster-summary button{grid-column:1/-1; padding:5px 0;color:var(--cyan);border:0;background:transparent;text-align:left;cursor:pointer}
.office-open-mission { width:100%; min-height:44px; margin:4px 0 14px; }
.tasks-page { max-width:1700px; margin:0 auto; }
.crm-board { display:grid; grid-template-columns:repeat(5,minmax(250px,1fr)); gap:12px; min-width:1280px; padding-bottom:14px; }
.tasks-page { overflow-x:auto; }
.crm-column { min-height:520px; overflow:hidden; border:1px solid var(--line); border-radius:14px; background:linear-gradient(155deg,rgba(12,19,42,.92),rgba(4,8,20,.96)); }
.crm-column-head { min-height:55px; display:flex; align-items:center; justify-content:space-between; padding:0 14px; border-bottom:1px solid var(--line); background:rgba(69,243,255,.035); }.crm-column-head h4{margin:0;font:700 .73rem "Orbitron",monospace}.crm-count{min-width:25px;padding:4px 7px;color:var(--cyan);border:1px solid rgba(69,243,255,.2);border-radius:99px;text-align:center;font:.62rem "JetBrains Mono",monospace}
.crm-column-list { display:grid; align-content:start; gap:10px; padding:10px; }.crm-empty{margin:18px 4px;color:var(--text-faint);text-align:center;font-size:.75rem}
.crm-card { position:relative;padding:13px;border:1px solid rgba(69,243,255,.14);border-left:3px solid var(--cyan);border-radius:10px;background:rgba(4,8,20,.8);box-shadow:0 8px 22px rgba(0,0,0,.18)}.crm-card.priority-high{border-left-color:var(--amber)}.crm-card.priority-urgent{border-left-color:var(--red)}.crm-card.priority-low{border-left-color:var(--text-faint)}
.crm-project{color:var(--cyan);font:600 .55rem "JetBrains Mono",monospace;text-transform:uppercase}.crm-card h5{margin:7px 0;font-size:.84rem;line-height:1.42}.crm-description{display:-webkit-box;margin:0 0 10px;overflow:hidden;color:var(--text-soft);font-size:.69rem;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}.crm-meta{display:grid;gap:3px;color:var(--text-faint);font-size:.62rem}.crm-actions{display:flex;align-items:center;gap:6px;margin-top:12px}.crm-actions button{min-height:34px;padding:0 9px;color:var(--text-soft);border:1px solid var(--line);border-radius:7px;background:rgba(69,243,255,.04);cursor:pointer}.crm-actions button:hover{color:var(--cyan);background:rgba(69,243,255,.1)}.crm-run{flex:1}
.profile-appearance { display:grid;grid-template-columns:90px minmax(150px,1fr) auto;align-items:end;gap:12px}.profile-appearance input[type="color"]{height:44px;padding:4px}.modal-spacer{flex:1}
@keyframes pixel-work { 50%{transform:translateY(-3px)} }
@keyframes pixel-scan { 50%{filter:drop-shadow(0 0 18px var(--agent-color)) brightness(1.35)} }
@keyframes pixel-wave { 30%{transform:rotate(-5deg) translateY(-3px)} 60%{transform:rotate(5deg)} }
@media(max-width:1050px){.office-scene{min-height:620px}.office-layout{grid-template-columns:1fr}.mission-board{order:0}.crm-board{grid-template-columns:repeat(5,270px)}}
@media(max-width:700px){.office-heading-actions{width:100%}.office-heading-actions .button{flex:1}.office-scene{min-height:610px}.lead-station.agent-station{top:3%;left:3%;width:46%}.room-briefing{width:43%}.office-desk{width:16%}.desk-1{left:6%}.desk-2{left:26%}.desk-3{left:46%}.desk-4{left:66%}.office-character{width:88px}.character-bubble{max-width:130px}.profile-appearance{grid-template-columns:1fr 1fr}.profile-appearance .button{grid-column:1/-1}.tasks-page .page-heading .button{width:100%}.trend-pipeline{grid-template-columns:1fr 1fr}.trend-factory-dialog form{padding:18px 15px}}
@media(prefers-reduced-motion:reduce){.office-character{transition:none}.office-character .pixel-person{animation:none!important}.character-bubble{transition:none}}
.credit-dashboard { display:grid; grid-template-columns:repeat(3,auto); align-items:center; gap:6px; margin-left:auto; }
.credit-dashboard>div { min-width:92px; padding:7px 10px; border:1px solid rgba(69,243,255,.16); border-radius:9px; background:rgba(69,243,255,.035); }
.credit-dashboard span,.credit-dashboard strong{display:block;white-space:nowrap}.credit-dashboard span{color:var(--text-faint);font:.52rem "JetBrains Mono",monospace;text-transform:uppercase}.credit-dashboard strong{margin-top:3px;color:var(--cyan);font:700 .68rem "JetBrains Mono",monospace}
@media(max-width:900px){.credit-dashboard>div:nth-child(2),.credit-dashboard>div:nth-child(3){display:none}.credit-dashboard>div{min-width:82px}}
@media(max-width:520px){.credit-dashboard{display:none}}

/* Warm studio v21 — calm home-office palette with a pixel-art workplace */
:root {
    color-scheme: light;
    --bg:#f4eadf; --bg-deep:#eadbcb; --surface:rgba(255,252,247,.9); --surface-solid:#fffaf4;
    --surface-raised:#fffdf9; --surface-soft:rgba(169,112,76,.08); --line:rgba(104,72,53,.16);
    --line-strong:rgba(104,72,53,.28); --text:#3d2f27; --text-soft:#6e5a4d; --text-faint:#927d70;
    --violet:#a66a70; --violet-strong:#85545b; --cyan:#b46f48; --green:#708b62; --amber:#cf8b45; --red:#b8564d;
    --shadow-lg:0 22px 60px rgba(91,61,43,.14),0 1px 0 rgba(255,255,255,.8) inset;
    --shadow-glow:0 0 0 1px rgba(104,72,53,.13),0 20px 48px rgba(91,61,43,.12);
}

/* Warm overrides for late-loaded inspector components */
.inspector-section,.change-details { background:#fff8ef; }
.plan-card { background:linear-gradient(135deg,rgba(180,111,72,.1),rgba(112,139,98,.07)); box-shadow:0 10px 24px rgba(91,61,43,.09); }
.diff-view,.visual-result { color:#f5e9dc; background:#3f342d; }
.context-button { font-family:"Manrope",sans-serif; }
.status.cancelled { color:var(--red); }

+/* Neiro Atelier v22 — structural redesign, not a recolor */
:root {
  color-scheme: light;
  --atelier-ink:#20251f; --atelier-paper:#f4efe4; --atelier-card:#fffdf7;
  --atelier-moss:#435744; --atelier-clay:#b85f42; --atelier-butter:#e8ca78;
  --atelier-line:#292e27; --atelier-muted:#706e63; --atelier-shadow:8px 8px 0 #292e27;
  --sidebar:112px;
}
html,body{background:#d9d3c5;font-family:"DM Sans",sans-serif}
body::before{display:none}
.app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr);gap:10px;padding:10px;background:#d9d3c5}
.sidebar{position:relative;height:calc(100vh - 20px);padding:18px 10px;border:2px solid var(--atelier-line);border-radius:24px;background:var(--atelier-ink);box-shadow:5px 5px 0 rgba(32,37,31,.22);color:#fff}
.brand-row{display:grid;place-items:center;gap:7px;padding:0 0 20px;border-bottom:1px solid rgba(255,255,255,.18);text-align:center}
.brand-mark.small{width:48px;height:48px;border:2px solid #fff;border-radius:50%;background:var(--atelier-clay);box-shadow:none}
.brand-row strong{display:block;color:#fff;font:400 1.08rem "Instrument Serif",serif;letter-spacing:.04em}.brand-row span{display:block;margin-top:2px;color:#c8cabc;font:400 .48rem "Space Mono",monospace;letter-spacing:.08em}
.main-nav{display:grid;gap:5px;margin-top:18px}.nav-item{min-height:58px;display:grid;grid-template-columns:1fr;place-items:center;gap:4px;padding:6px;color:#bfc2b6;border:1px solid transparent;border-radius:15px;font-size:.64rem;text-align:center}.nav-item svg{width:20px;height:20px}.nav-item.active{color:var(--atelier-ink);border-color:#f5ead1;background:var(--atelier-butter);box-shadow:3px 3px 0 #000}.nav-item.active::before{display:none}.nav-item:hover{color:#fff;background:rgba(255,255,255,.09)}
.sidebar-footer{display:grid;gap:8px;margin-top:auto;padding:14px 2px 0;border-color:rgba(255,255,255,.18)}.user-chip{max-width:92px;overflow:hidden;color:#d7d8cf;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem}.sidebar-footer .button{width:100%;min-height:38px;color:#fff;border-color:rgba(255,255,255,.2);background:transparent;font-size:.62rem}
.workspace{grid-template-rows:72px 86px minmax(0,1fr);border:2px solid var(--atelier-line);border-radius:24px;overflow:hidden;background:var(--atelier-paper);box-shadow:6px 6px 0 rgba(32,37,31,.22)}
.topbar{position:relative;min-height:72px;padding:10px 20px;border-bottom:2px solid var(--atelier-line);background:var(--atelier-card);backdrop-filter:none}.topbar .eyebrow{display:none}.topbar h2{font:400 1.75rem "Instrument Serif",serif}.connection-pill{border:1px solid var(--atelier-line);border-radius:99px;background:#e6eadf}.credit-dashboard>div{border:1px solid var(--atelier-line);border-radius:0;background:transparent}.credit-dashboard span{font-family:"Space Mono",monospace}.credit-dashboard strong{color:var(--atelier-clay);font-family:"Space Mono",monospace}
.project-dock{min-width:0;display:grid;grid-template-columns:180px minmax(0,1fr) 138px;align-items:center;gap:14px;padding:12px 20px;border-bottom:2px solid var(--atelier-line);background:#e8ca78}.project-dock-title span,.workspace-index,.rail-title span{display:block;color:#5d593f;font:700 .54rem "Space Mono",monospace;letter-spacing:.11em;text-transform:uppercase}.project-dock-title strong{font:400 1.25rem "Instrument Serif",serif}.project-list{min-width:0;display:flex;gap:8px;overflow-x:auto;padding:4px 2px}.project-button{min-width:max-content;min-height:42px;padding:0 16px;color:var(--atelier-ink);border:1px solid var(--atelier-line);border-radius:99px;background:#f9e8ab;font-weight:600}.project-button.active{color:#fff;border-color:var(--atelier-line);background:var(--atelier-moss);box-shadow:3px 3px 0 var(--atelier-line)}.project-add-button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;color:#fff;border:2px solid var(--atelier-line);border-radius:12px;background:var(--atelier-clay);box-shadow:3px 3px 0 var(--atelier-line);cursor:pointer}.project-add-button svg{width:17px;height:17px}
.view{padding:18px}.view[data-view="chat"]{padding:18px;overflow:hidden}.chat-layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px}.chat-main{border:2px solid var(--atelier-line);border-radius:20px;background:var(--atelier-card);box-shadow:var(--atelier-shadow)}.chat-main::before{display:none}.workspace-masthead{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr);gap:20px;padding:22px 26px;border-bottom:2px solid var(--atelier-line);background:#e7dfcf}.workspace-masthead h3{margin:4px 0 0;font:400 clamp(2rem,3vw,3.2rem)/.95 "Instrument Serif",serif}.workspace-masthead h3 em{color:var(--atelier-clay);font-weight:400}.workspace-masthead p{max-width:430px;margin:auto 0;color:#5e5c53;line-height:1.5}
.messages{padding:24px;background:linear-gradient(90deg,rgba(67,87,68,.05) 1px,transparent 1px),linear-gradient(rgba(67,87,68,.05) 1px,transparent 1px);background-size:32px 32px}.message{border-radius:14px}.message.user{color:#fff;background:var(--atelier-moss);box-shadow:4px 4px 0 var(--atelier-line)}.message.assistant{border:2px solid var(--atelier-line);background:#fffdf7;box-shadow:4px 4px 0 #c9c2b2}
.empty-state{max-width:720px;margin:auto;padding:36px;text-align:left}.empty-orbit{display:none}.empty-state .eyebrow{color:var(--atelier-clay);font-family:"Space Mono",monospace;text-shadow:none}.empty-state h3{max-width:600px;font:400 clamp(2.6rem,5vw,5.3rem)/.88 "Instrument Serif",serif;letter-spacing:-.04em}.empty-state>p{max-width:520px;color:var(--atelier-muted);font-size:1rem}.capability-strip{justify-content:flex-start}.capability-strip span{color:var(--atelier-ink);border:1px solid var(--atelier-line);border-radius:99px;background:#e8ca78}
.prompt-box{margin:14px 18px 18px;border:2px solid var(--atelier-line);border-radius:16px;background:#fff;box-shadow:5px 5px 0 var(--atelier-line)}.prompt-box:focus-within{border-color:var(--atelier-clay);box-shadow:5px 5px 0 var(--atelier-clay);transform:none}.prompt-box textarea{font-size:1rem}.prompt-footer{border-top:1px solid #c9c2b6;background:#f1eadf}.button.primary{border:2px solid var(--atelier-line);border-radius:11px;background:var(--atelier-clay);box-shadow:3px 3px 0 var(--atelier-line)}
.task-rail{border:2px solid var(--atelier-line);border-radius:20px;background:#dce2d4;box-shadow:var(--atelier-shadow)}.rail-title{min-height:76px;display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:2px solid var(--atelier-line)}.rail-title h3{margin:3px 0 0;font:400 1.55rem "Instrument Serif",serif}.rail-title svg{width:25px;height:25px}.rail-intro{margin:0;padding:14px 18px;color:#5f665c;border-bottom:1px solid rgba(41,46,39,.3);font-size:.78rem;line-height:1.45}.task-list{padding:12px}.task-entry{grid-template-columns:minmax(0,1fr) 42px!important;gap:7px}.task-item{min-height:78px;padding:12px;border:1px solid var(--atelier-line);border-radius:12px;background:#f8fbf4}.task-item:hover{background:#fff}.task-item strong{font-family:"DM Sans",sans-serif}.task-inspect-button{border:1px solid var(--atelier-line);background:#e8ca78}
.office-page,.tasks-page,.reels-shell{max-width:none}.office-scene,.mission-board,.neiro-channel,.team-feed,.crm-column,.form-card,.resource-card,.table-card{border:2px solid var(--atelier-line);box-shadow:5px 5px 0 rgba(41,46,39,.18)}.page-heading h3{font:400 clamp(2.2rem,4vw,4.4rem)/.95 "Instrument Serif",serif}.page-heading .eyebrow{font-family:"Space Mono",monospace}.modal{border:2px solid var(--atelier-line);border-radius:20px;box-shadow:8px 8px 0 var(--atelier-line)}
@media(max-width:1050px){:root{--sidebar:92px}.project-dock{grid-template-columns:140px minmax(0,1fr) 48px}.project-add-button span{display:none}.chat-layout{grid-template-columns:1fr}.task-rail{display:none}.workspace-masthead{grid-template-columns:1fr}.workspace-masthead p{display:none}}
@media(max-width:700px){.app-shell{display:block;padding:0}.workspace{min-height:100dvh;border:0;border-radius:0;box-shadow:none;grid-template-rows:64px 74px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:min(310px,86vw);height:100dvh;border-radius:0;transform:translateX(-105%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.main-nav{grid-template-columns:1fr}.nav-item{grid-template-columns:28px 1fr;justify-items:start;padding:8px 14px;text-align:left}.project-dock{grid-template-columns:minmax(0,1fr) 46px;padding:9px 12px}.project-dock-title{display:none}.project-list{gap:6px}.project-button{min-height:40px;padding:0 12px}.view[data-view="chat"],.view{padding:8px}.workspace-masthead{padding:16px 18px}.workspace-masthead h3{font-size:2.2rem}.prompt-box{margin:8px}.messages{padding:12px}.credit-dashboard{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}


/* v23: keep the new document structure inside its own grid tracks. */
.app-shell{height:100dvh;overflow:hidden}
.workspace{min-width:0;min-height:0;height:calc(100dvh - 20px);display:grid;grid-template-rows:72px 86px minmax(0,1fr)}
.project-dock{position:relative;z-index:2;min-height:0;overflow:hidden}
.view{min-width:0;min-height:0;overflow:auto}
.view[data-view="chat"]{min-height:0}
.chat-layout{width:100%;height:100%;min-width:0;min-height:0}
.chat-main{min-width:0;min-height:0}
.workspace-masthead{flex:0 0 auto}
.messages{min-height:0;flex:1}
.prompt-box{flex:0 0 auto}
@media(max-width:700px){.workspace{width:100%;height:100dvh}.app-shell{overflow:hidden}}
body { color:var(--text); background:radial-gradient(circle at 82% 4%,#fff8ed 0,transparent 30rem),linear-gradient(145deg,#f8f0e7,#eadac9); font-family:"Manrope",system-ui,sans-serif; }
body::before { opacity:.35; background-image:linear-gradient(rgba(104,72,53,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(104,72,53,.04) 1px,transparent 1px); background-size:48px 48px; animation:none; }
::selection { color:#fff; background:var(--cyan); } :focus-visible { outline:3px solid rgba(180,111,72,.45); outline-offset:2px; }
.eyebrow { color:#a75f3c; text-shadow:none; letter-spacing:.12em; } label { color:var(--text); }
input,select,textarea { color:var(--text); border-color:var(--line); background:#fffdf9; }
input::placeholder,textarea::placeholder { color:#a38f82; } input:focus,select:focus,textarea:focus { border-color:#b97852; background:#fff; box-shadow:0 0 0 3px rgba(180,111,72,.13); }
.button { border-color:var(--line); color:var(--text); background:#fffaf4; box-shadow:0 2px 7px rgba(91,61,43,.07); }
.button:hover:not(:disabled),.icon-button:hover { background:#f6e7d8; box-shadow:0 5px 14px rgba(91,61,43,.1); }
.button.primary { color:#fff; border-color:#9e5e3d; background:linear-gradient(135deg,#bc7650,#9f5e3d); box-shadow:0 8px 18px rgba(145,77,43,.2); }
.button.primary:hover:not(:disabled) { color:#fff; border-color:#8e5032; background:linear-gradient(135deg,#c68159,#a75f3c); box-shadow:0 10px 22px rgba(145,77,43,.25); }
.button.secondary { background:#fffaf4; } .button.danger { color:#963f39; border-color:rgba(184,86,77,.32); background:#fff1ed; }
.login-screen::before { background:radial-gradient(circle,#e8c5a8,transparent 66%); }.login-screen::after { background:radial-gradient(circle,#c8d3ba,transparent 66%); }
.login-card,.form-card,.modal,.resource-card,.table-card { color:var(--text); border-color:var(--line); background:rgba(255,251,245,.97); box-shadow:var(--shadow-lg); }
.modal::backdrop { background:rgba(62,43,32,.38); backdrop-filter:blur(5px); }
.login-card h1,.brand-row strong,.topbar h2,.empty-state h3,.page-heading h3,.modal-head h3 { font-family:"Manrope",system-ui,sans-serif; }
.brand-mark { color:#fff; border-color:#a86441; background:linear-gradient(145deg,#d19168,#9d6547); box-shadow:0 9px 24px rgba(105,65,42,.2); }
.sidebar { border-right-color:var(--line); background:linear-gradient(180deg,rgba(255,250,244,.98),rgba(237,220,202,.97)); }
.nav-item:hover,.project-button:hover { background:rgba(180,111,72,.09); }.nav-item.active { color:#75462e; border-color:rgba(180,111,72,.2); background:linear-gradient(90deg,rgba(180,111,72,.16),rgba(255,255,255,.38)); box-shadow:none; }
.nav-item.active::before { background:#b46f48; box-shadow:none; }.project-button.active { color:#75462e; border-color:rgba(180,111,72,.22); background:rgba(180,111,72,.1); }
.topbar { border-bottom-color:var(--line); background:rgba(248,239,229,.88); }.topbar::after { display:none; }
.connection-pill,.credit-dashboard>div { color:var(--text-soft); border-color:var(--line); background:rgba(255,250,244,.75); }.credit-dashboard strong { color:#9f5e3d; }.credit-dashboard span { color:var(--text-faint); }
.chat-main,.prompt-box,.task-rail,.mission-board,.neiro-channel,.team-feed,.crm-column { border-color:var(--line); background:rgba(255,251,246,.88); box-shadow:0 14px 36px rgba(91,61,43,.09); }
.chat-main::before { opacity:.35; background-image:radial-gradient(circle,rgba(180,111,72,.22) 1px,transparent 1px); }
.message.assistant,.activity-log,.plan-card { border-color:var(--line); background:#fffaf4; }.message.user { color:#fff; background:#a96846; }.task-item:hover { background:rgba(180,111,72,.08); }
.office-live-status { color:#6c754d; border-color:rgba(112,139,98,.25); background:rgba(112,139,98,.09); font-family:"Manrope",sans-serif; }.office-live-status::before { background:#708b62; box-shadow:none; }
.office-scene { border:5px solid #7a5139; border-radius:18px; background:linear-gradient(180deg,#e5c39f 0 27%,#c9976d 27% 30%,#d9b88e 30% 100%); box-shadow:0 18px 45px rgba(93,58,34,.2),inset 0 0 0 3px #f4d8b6; image-rendering:pixelated; }
.office-scene::before { inset:30% 0 0; opacity:.75; transform:none; background:repeating-linear-gradient(90deg,transparent 0 47px,rgba(112,70,42,.12) 48px 50px),repeating-linear-gradient(0deg,transparent 0 47px,rgba(112,70,42,.1) 48px 50px); background-size:auto; }
.office-grid-lines { opacity:.55; background:linear-gradient(#fff2d8,#fff2d8) left top/28px 3px no-repeat,linear-gradient(#fff2d8,#fff2d8) left top/3px 28px no-repeat,linear-gradient(#704d37,#704d37) right bottom/28px 3px no-repeat,linear-gradient(#704d37,#704d37) right bottom/3px 28px no-repeat; }
.office-room { color:#6a4935; border:3px solid rgba(107,73,51,.38); background:rgba(255,239,216,.42); box-shadow:inset 0 0 0 2px rgba(255,255,255,.35); font-family:"Pixelify Sans",monospace; font-size:.7rem; }
.room-briefing { border-color:#a87358; }.room-briefing i { border:3px solid #9b674c; background:#d9ad83; }.room-lab { border-color:#7e9369; }.room-lab b { border-color:#71835f; background:repeating-linear-gradient(0deg,rgba(112,139,98,.2) 0 3px,transparent 3px 8px); }.room-lounge { border-color:#b47b55; }
.office-desk { border:3px solid #684733; background:#a66f4b; box-shadow:7px 9px 0 rgba(82,48,29,.2),inset 0 3px #d49b71; }.office-desk::before,.office-desk::after { width:5px; background:#6d4934; }.office-desk i { border:3px solid #5c473b; background:repeating-linear-gradient(0deg,#a9bd97 0 3px,#5f7055 3px 6px); box-shadow:none; }.office-desk span { background:#f0c56d; box-shadow:none; }
.lead-station.agent-station { border:3px solid #8f6047; background:rgba(255,235,211,.94); box-shadow:6px 7px 0 rgba(102,66,44,.13); }
.station-kicker,.character-role,.crm-project { color:#9f5e3d; font-family:"Pixelify Sans",monospace; }.character-name { color:#49352a; font-family:"Pixelify Sans",monospace; font-size:.82rem; text-shadow:0 1px #fff1df; }
.pixel-person { filter:drop-shadow(3px 4px 0 rgba(86,55,37,.2)); }.pixel-shadow { background:rgba(91,57,37,.24); }.pixel-head { border-color:var(--agent-color,#9f6849); background:#f1c5a0; box-shadow:0 0 0 2px #624534; }.pixel-body { border-color:var(--agent-color,#9f6849); background:var(--agent-color,#9f6849); box-shadow:-5px 8px 0 #6e4d3a,5px 8px 0 #6e4d3a; }.pixel-face { color:#573b2d; }
.character-bubble { color:#49352a; border:2px solid #8c6048; background:#fff8eb; box-shadow:4px 5px 0 rgba(92,58,38,.16); font-family:"Pixelify Sans",monospace; font-size:.72rem; }
.office-roster-summary,.office-report-button,.trend-source,.profile-connect-existing,.context-danger-zone { border-color:var(--line); background:rgba(180,111,72,.06); }.office-roster-summary button,.mission-dialogue-details summary { color:#9f5e3d; }
.crm-column { background:#f7e9d9; }.crm-column-head,.data-row.header { background:rgba(180,111,72,.08); }.crm-card { border-color:rgba(104,72,53,.15); border-left-color:#b46f48; background:#fffaf3; box-shadow:0 7px 16px rgba(91,61,43,.08); }.crm-actions button { color:var(--text-soft); border-color:var(--line); background:#f7e9d9; }
.channel-live,.status.running { color:#5d7752; }.toast { color:var(--text); background:#fff8ef; box-shadow:var(--shadow-lg); }
@media(prefers-reduced-motion:reduce){.office-character,.pixel-person{animation:none!important;transition:none!important}}

/* Agent intelligence layer v8 */
.context-button { min-height: 38px; padding: 0 11px; color: var(--cyan); border: 1px solid rgba(69,243,255,.22); border-radius: 10px; background: rgba(69,243,255,.055); font: 600 .68rem "JetBrains Mono", monospace; cursor: pointer; white-space: nowrap; }
.context-button:hover:not(:disabled) { border-color: rgba(69,243,255,.5); background: rgba(69,243,255,.1); }
.context-button:disabled { opacity: .4; cursor: not-allowed; }
.task-entry { min-width: 0; display: grid; grid-template-columns: minmax(0,1fr) 36px; align-items: stretch; gap: 4px; }
.task-entry .task-item { min-width: 0; }
.task-inspect-button { min-width: 36px; min-height: 44px; color: var(--cyan); border: 0; border-radius: 9px; background: transparent; font-size: 1rem; cursor: pointer; }
.task-inspect-button:hover { background: rgba(69,243,255,.09); }
.status.budget_stopped { color: var(--amber); }
.plan-card { width: min(880px,94%); margin: 2px auto; padding: 16px 18px; border: 1px solid rgba(69,243,255,.25); border-left: 3px solid var(--cyan); border-radius: 12px; background: linear-gradient(135deg, rgba(69,243,255,.075), rgba(185,44,255,.045)); box-shadow: 0 10px 30px rgba(0,0,0,.18); }
.plan-card > strong { display: block; margin-top: 5px; }
.plan-kicker { color: var(--cyan); font: 600 .62rem "JetBrains Mono", monospace; letter-spacing: .14em; }
.plan-card ol { margin: 10px 0; padding-left: 22px; color: var(--text-soft); line-height: 1.55; }
.plan-verification { margin: 0; color: var(--green); font-size: .78rem; }
.task-inspector { width: min(980px, calc(100vw - 28px)); max-height: min(880px, calc(100dvh - 28px)); padding: 0; overflow: hidden; }
.task-inspector-shell { max-height: inherit; display: grid; grid-template-rows: auto minmax(0,1fr); }
.task-inspector .modal-head { padding: 22px 24px 18px; border-bottom: 1px solid var(--line); }
.inspector-content { min-height: 0; overflow: auto; padding: 20px 24px 28px; scrollbar-gutter: stable; }
.inspector-section { padding: 18px; border: 1px solid var(--line); border-radius: 13px; background: rgba(3,7,18,.56); }
.inspector-section + .inspector-section { margin-top: 14px; }
.inspector-section h4 { margin: 0 0 13px; color: var(--cyan); font: 700 .78rem "JetBrains Mono", monospace; letter-spacing: .08em; text-transform: uppercase; }
.inspector-error { margin-bottom: 14px; padding: 17px; color: #ffd4da; border: 1px solid rgba(229,141,145,.42); border-radius: 13px; background: rgba(130,38,46,.2); }
.inspector-error-kicker { display: block; margin-bottom: 6px; color: #f0a5aa; font: 700 .61rem "Inter", sans-serif; letter-spacing: .1em; }
.inspector-error strong { display: block; margin-bottom: 9px; color: #fff1f2; }
.inspector-error pre { max-height: 260px; margin: 0; overflow: auto; color: #ffd4da; font: .75rem/1.55 "JetBrains Mono", monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.inspector-progress-item { position: relative; margin: 0; padding: 8px 10px 8px 24px; color: var(--text-soft); border-bottom: 1px solid var(--glass-line); line-height: 1.5; }
.inspector-progress-item:last-child { border-bottom: 0; }
.inspector-progress-item::before { content: ""; position: absolute; left: 7px; top: 15px; width: 6px; height: 6px; border-radius: 50%; background: var(--glass-sealion); }
.inspector-section ol { color: var(--text-soft); line-height: 1.6; }
.change-details { overflow: hidden; border: 1px solid rgba(69,243,255,.14); border-radius: 10px; background: rgba(1,3,10,.55); }
.change-details + .change-details { margin-top: 8px; }
.change-details summary { min-height: 46px; display: flex; align-items: center; gap: 10px; padding: 9px 12px; cursor: pointer; }
.change-details summary code { min-width: 0; overflow: hidden; color: var(--text-soft); text-overflow: ellipsis; white-space: nowrap; }
.change-operation { flex: 0 0 auto; padding: 3px 7px; border-radius: 999px; color: var(--cyan); background: rgba(69,243,255,.09); font: 600 .58rem "JetBrains Mono", monospace; text-transform: uppercase; }
.change-operation.deleted { color: var(--red); background: rgba(255,86,120,.09); }
.change-operation.modified { color: var(--amber); background: rgba(255,200,87,.09); }
.diff-view { max-height: 420px; margin: 0; padding: 14px; overflow: auto; color: #bad0df; border-top: 1px solid var(--line); background: #02040c; font: .73rem/1.55 "JetBrains Mono", monospace; white-space: pre; }
.visual-result { margin: 12px 0 0; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: #02040c; }
.visual-result img { width: 100%; aspect-ratio: 16/10; display: block; object-fit: contain; background: #000; }
.visual-result figcaption { padding: 10px 12px; overflow-wrap: anywhere; color: var(--text-faint); font: .68rem/1.5 "JetBrains Mono", monospace; }

@media (max-width: 600px) {
    .context-button { padding-inline: 8px; font-size: .62rem; }
    .task-inspector { width: calc(100vw - 12px); max-height: calc(100dvh - 12px); }
    .task-inspector .modal-head, .inspector-content { padding-inline: 15px; }
    .plan-card { width: 100%; }
}

.inspector-section,.change-details { background:#fff8ef; }
.plan-card { background:linear-gradient(135deg,rgba(180,111,72,.1),rgba(112,139,98,.07)); box-shadow:0 10px 24px rgba(91,61,43,.09); }
.diff-view,.visual-result { color:#f5e9dc; background:#3f342d; }
.context-button { font-family:"Manrope",sans-serif; }
.status.cancelled { color:var(--red); }

/* NEIRO GLASS v24 — final visual layer */
:root{
    color-scheme:dark;
    --glass-black:#050505;--glass-bg:#11171b;--glass-cinder:#24292e;
    --glass-chimney:#4a5156;--glass-sealion:#808a92;--glass-dolphin:#bdc7ce;
    --glass-white:#f4f7f8;--glass-line:rgba(222,236,242,.14);
    --glass-line-strong:rgba(222,236,242,.25);--glass-panel:rgba(26,34,39,.58);
    --glass-panel-strong:rgba(31,40,46,.82);--glass-glow:rgba(171,218,232,.14);
    --text:#f4f7f8;--text-soft:#c2cbd0;--text-faint:#8e9aa1;
    --line:var(--glass-line);--line-strong:var(--glass-line-strong);
    --cyan:#dbeef4;--purple:#a8bbc3;--green:#9fd0b6;--amber:#d7bd85;--red:#e58d91;
    --sidebar:286px;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;
    --shadow-lg:0 28px 80px rgba(0,0,0,.38);
}
*{scrollbar-color:rgba(189,199,206,.28) transparent}
html,body{background:#0b1114;color:var(--text);font-family:"Inter",system-ui,sans-serif}
body{background:
    radial-gradient(900px 640px at 76% -10%,rgba(128,154,164,.26),transparent 64%),
    radial-gradient(700px 600px at 4% 96%,rgba(50,78,86,.24),transparent 66%),
    linear-gradient(135deg,#090d10 0%,#162027 47%,#0d1216 100%);background-attachment:fixed}
body::before{display:block;position:fixed;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px}
button,a,input,textarea,select{font:inherit}button{cursor:pointer}
:where(button,a,input,textarea,select,summary):focus-visible{outline:2px solid #dbeef4!important;outline-offset:3px!important}
.app-shell{height:100dvh;min-height:0;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:16px;padding:16px;overflow:hidden;background:transparent}
.sidebar{position:relative;inset:auto;z-index:30;width:auto;height:calc(100dvh - 32px);display:flex;flex-direction:column;padding:18px;border:1px solid var(--glass-line);border-radius:26px;color:var(--text);background:linear-gradient(155deg,rgba(45,56,63,.65),rgba(14,19,23,.7));box-shadow:inset 0 1px rgba(255,255,255,.11),0 24px 70px rgba(0,0,0,.3);backdrop-filter:blur(28px) saturate(125%);transform:none;overflow:hidden}
.brand-row{display:flex;place-items:initial;align-items:center;gap:12px;padding:2px 2px 18px;border-bottom:1px solid var(--glass-line);text-align:left}.brand-mark.small{width:42px;height:42px;flex:0 0 42px;border:1px solid rgba(255,255,255,.28);border-radius:14px;color:var(--glass-white);background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035));box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 22px rgba(0,0,0,.2)}.brand-row strong{display:block;color:var(--glass-white);font:700 .94rem "Manrope",sans-serif;letter-spacing:.16em}.brand-row span{display:block;margin-top:3px;color:var(--text-faint);font:500 .55rem "Inter",sans-serif;letter-spacing:.15em}
.main-nav{display:grid;gap:4px;margin:14px 0 0}.nav-item{min-height:44px;display:grid;grid-template-columns:22px minmax(0,1fr);place-items:initial;align-items:center;gap:11px;padding:0 12px;color:var(--text-soft);border:1px solid transparent;border-radius:12px;background:transparent;font-size:.77rem;text-align:left;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.nav-item svg{width:18px;height:18px;color:var(--glass-sealion)}.nav-item:hover{color:#fff;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.055)}.nav-item.active{color:#fff;border-color:rgba(220,239,245,.2);background:linear-gradient(100deg,rgba(189,209,217,.16),rgba(189,209,217,.065));box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 18px rgba(0,0,0,.12)}.nav-item.active::before{display:none}.nav-item.active svg{color:#e5f5f9}
.project-dock{position:relative;z-index:1;min-width:0;min-height:0;display:flex;flex:1;flex-direction:column;align-items:stretch;gap:9px;margin:16px 0 0;padding:16px 0 12px;border:0;border-top:1px solid var(--glass-line);background:transparent;overflow:hidden}.project-dock-title{display:flex;align-items:end;justify-content:space-between;padding:0 4px}.project-dock-title span{color:var(--text-faint);font:600 .56rem "Inter",sans-serif;letter-spacing:.13em;text-transform:uppercase}.project-dock-title strong{color:var(--glass-white);font:600 .8rem "Manrope",sans-serif}.project-list{min-width:0;min-height:0;display:flex;flex:1;flex-direction:column;gap:4px;padding:0 3px 0 0;overflow-x:hidden;overflow-y:auto}.project-button{width:100%;min-width:0;min-height:42px;display:flex;align-items:center;gap:10px;padding:0 11px;color:var(--text-soft);border:1px solid transparent;border-radius:11px;background:transparent;font-size:.75rem;font-weight:500;text-align:left;box-shadow:none}.project-button svg{width:17px;height:17px;flex:0 0 auto;color:var(--glass-sealion)}.project-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-button:hover{color:#fff;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.05)}.project-button.active{color:#fff;border-color:rgba(220,239,245,.2);background:rgba(191,216,225,.13);box-shadow:inset 0 1px rgba(255,255,255,.08)}.project-button.active svg{color:#e2f2f6}.project-add-button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-soft);border:1px dashed rgba(220,239,245,.24);border-radius:11px;background:rgba(255,255,255,.025);box-shadow:none;font-size:.72rem}.project-add-button span{display:inline}.project-add-button:hover{color:#fff;border-style:solid;background:rgba(255,255,255,.07)}.project-add-button svg{width:16px;height:16px}
.sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:0;padding:13px 2px 0;border-top:1px solid var(--glass-line)}.user-chip{max-width:140px;color:var(--text-faint);font-size:.67rem}.sidebar-footer .button{width:auto;min-height:38px;padding:0 12px;color:var(--text-soft);border-color:var(--glass-line);background:rgba(255,255,255,.035);font-size:.67rem;box-shadow:none}
.workspace{min-width:0;min-height:0;height:calc(100dvh - 32px);display:grid;grid-template-rows:68px minmax(0,1fr);overflow:hidden;border:1px solid var(--glass-line);border-radius:26px;background:linear-gradient(150deg,rgba(29,38,44,.5),rgba(8,12,15,.4));box-shadow:inset 0 1px rgba(255,255,255,.09),0 28px 80px rgba(0,0,0,.32);backdrop-filter:blur(24px) saturate(120%)}
.topbar{position:relative;top:auto;z-index:20;min-height:68px;display:flex;align-items:center;gap:14px;padding:10px 20px;border-bottom:1px solid var(--glass-line);background:rgba(22,29,34,.42);backdrop-filter:blur(24px)}.topbar::after{display:none}.menu-button{display:none}.topbar .eyebrow{display:block;margin-bottom:2px;color:var(--text-faint);font-size:.52rem;letter-spacing:.14em}.topbar h2{margin:0;color:var(--glass-white);font:600 .94rem "Manrope",sans-serif;letter-spacing:-.01em}.credit-dashboard{gap:7px}.credit-dashboard>div{min-width:86px;padding:7px 10px;border:1px solid var(--glass-line);border-radius:10px;background:rgba(255,255,255,.035)}.credit-dashboard span{color:var(--text-faint);font:.48rem "Inter",sans-serif}.credit-dashboard strong{color:var(--glass-dolphin);font:600 .64rem "Inter",sans-serif}.connection-pill{min-height:38px;color:var(--text-soft);border:1px solid var(--glass-line);border-radius:99px;background:rgba(255,255,255,.04)}.status-dot{background:#8fc7ad;box-shadow:0 0 12px rgba(143,199,173,.55)}
.view{min-width:0;min-height:0;height:100%;display:none;padding:16px;overflow:auto}.view.active{display:block}.view[data-view="chat"]{padding:16px;overflow:hidden}.chat-layout{width:100%;height:100%;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:14px}.chat-main,.task-rail,.form-card,.resource-card,.table-card,.mission-board,.neiro-channel,.team-feed,.crm-column{border:1px solid var(--glass-line);background:linear-gradient(145deg,rgba(53,66,74,.42),rgba(13,18,22,.46));box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 44px rgba(0,0,0,.2);backdrop-filter:blur(22px)}
.chat-main{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:20px}.chat-main::before{display:block;content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.25;background:radial-gradient(circle at 70% 0%,rgba(184,219,231,.2),transparent 40%)}.chat-main::after{display:none}.workspace-masthead{position:relative;z-index:1;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 22px;border-bottom:1px solid var(--glass-line);background:rgba(255,255,255,.025)}.workspace-index,.rail-title span{display:block;color:var(--glass-sealion);font:600 .52rem "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase}.workspace-masthead h3{margin:3px 0 0;color:#f3f7f8;font:600 1.08rem "Manrope",sans-serif;letter-spacing:-.02em}.workspace-masthead h3 em{color:var(--glass-dolphin);font-style:normal;font-weight:500}.workspace-masthead p{max-width:430px;margin:0;color:var(--text-faint);font-size:.75rem;line-height:1.55}
.messages{position:relative;z-index:1;min-height:0;flex:1;padding:22px;overflow:auto;background:transparent;scroll-behavior:smooth}.message{border-radius:15px;color:var(--text);line-height:1.65}.message.user{color:#f7fafb;border:1px solid rgba(224,241,246,.13);background:linear-gradient(135deg,rgba(112,136,146,.52),rgba(66,81,89,.64));box-shadow:inset 0 1px rgba(255,255,255,.12),0 10px 25px rgba(0,0,0,.14)}.message.assistant{color:var(--text);border:1px solid var(--glass-line);background:rgba(11,16,20,.5);box-shadow:inset 0 1px rgba(255,255,255,.055),0 10px 25px rgba(0,0,0,.12)}.message a{color:#d9edf3}.message code{background:rgba(0,0,0,.3)}
.empty-state{position:relative;z-index:1;max-width:620px;margin:auto;padding:32px;text-align:center}.empty-orbit{display:grid}.empty-state .eyebrow{color:var(--glass-sealion);font-family:"Inter",sans-serif;text-shadow:none}.empty-state h3{max-width:none;margin:12px 0;color:#f3f7f8;font:600 clamp(2rem,4vw,3.4rem)/1.05 "Manrope",sans-serif;letter-spacing:-.05em}.empty-state>p{max-width:520px;margin-inline:auto;color:var(--text-soft);font-size:.9rem}.capability-strip{justify-content:center}.capability-strip span{color:var(--text-soft);border:1px solid var(--glass-line);border-radius:99px;background:rgba(255,255,255,.035)}
.prompt-box{position:relative;z-index:2;flex:0 0 auto;margin:12px;border:1px solid var(--glass-line-strong);border-radius:17px;background:rgba(10,14,17,.66);box-shadow:inset 0 1px rgba(255,255,255,.07),0 16px 38px rgba(0,0,0,.22);backdrop-filter:blur(20px)}.prompt-box:focus-within{border-color:rgba(219,238,244,.5);box-shadow:0 0 0 3px rgba(219,238,244,.07),0 16px 38px rgba(0,0,0,.25);transform:none}.prompt-box textarea{min-height:78px;color:var(--glass-white);font-size:.91rem}.prompt-box textarea::placeholder{color:#7f8b91}.prompt-footer{border-top:1px solid var(--glass-line);background:rgba(255,255,255,.025)}.context-button{min-height:38px;color:var(--glass-dolphin);border-color:var(--glass-line);border-radius:10px;background:rgba(255,255,255,.04);font-family:"Inter",sans-serif}.button.primary{min-height:44px;color:#101619;border:1px solid rgba(255,255,255,.65);border-radius:12px;background:linear-gradient(145deg,#e3edf0,#9eadb4);box-shadow:inset 0 1px #fff,0 8px 22px rgba(0,0,0,.24)}.button.primary:hover:not(:disabled){color:#090d0f;border-color:#fff;background:linear-gradient(145deg,#f3f8f9,#b7c5ca);box-shadow:inset 0 1px #fff,0 10px 26px rgba(0,0,0,.3)}
.task-rail{min-width:0;min-height:0;overflow:hidden;border-radius:20px}.rail-title{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--glass-line)}.rail-title h3{margin:3px 0 0;color:var(--glass-white);font:600 .9rem "Manrope",sans-serif}.rail-title svg{width:20px;height:20px;color:var(--glass-sealion)}.rail-intro{margin:0;padding:12px 16px;color:var(--text-faint);border-bottom:1px solid var(--glass-line);font-size:.68rem;line-height:1.5}.task-list{height:calc(100% - 121px);padding:8px;overflow:auto}.task-entry{grid-template-columns:minmax(0,1fr) 38px!important;gap:5px}.task-item{min-height:66px;padding:10px;color:var(--text-soft);border:1px solid transparent;border-radius:11px;background:rgba(255,255,255,.025)}.task-item:hover{border-color:var(--glass-line);background:rgba(255,255,255,.055)}.task-item strong{font-family:"Inter",sans-serif}.task-inspect-button{color:var(--glass-dolphin);border:1px solid transparent;background:transparent}.task-inspect-button:hover{border-color:var(--glass-line);background:rgba(255,255,255,.05)}
.button,.icon-button{color:var(--text-soft);border-color:var(--glass-line);background:rgba(255,255,255,.04);box-shadow:none}.button:hover:not(:disabled),.icon-button:hover{color:#fff;border-color:var(--glass-line-strong);background:rgba(255,255,255,.08);box-shadow:none}.button.danger{color:#f2b5b8;border-color:rgba(229,141,145,.28);background:rgba(229,141,145,.09)}
.page-heading h3,.modal-head h3,.login-card h1{color:var(--glass-white);font-family:"Manrope",sans-serif}.page-heading p,.field span,.muted{color:var(--text-faint)}.modal,.login-card{color:var(--text);border:1px solid var(--glass-line-strong);background:rgba(20,27,32,.88);box-shadow:0 28px 90px rgba(0,0,0,.55);backdrop-filter:blur(30px)}.modal::backdrop{background:rgba(0,0,0,.62);backdrop-filter:blur(8px)}input,textarea,select{color:var(--text);border-color:var(--glass-line);background:rgba(0,0,0,.25)}.inspector-section,.change-details,.plan-card{color:var(--text);border-color:var(--glass-line);background:rgba(0,0,0,.25)}.diff-view,.visual-result{color:#d9e3e7;background:#050708}
@media(max-width:1180px){:root{--sidebar:250px}.chat-layout{grid-template-columns:minmax(0,1fr) 260px}.workspace-masthead p{display:none}}
@media(max-width:900px){.chat-layout{grid-template-columns:1fr}.task-rail{display:none}.credit-dashboard{display:none}}
@media(max-width:700px){.app-shell{display:block;height:100dvh;padding:0;overflow:hidden}.workspace{width:100%;height:100dvh;border:0;border-radius:0;grid-template-rows:64px minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:80;width:min(300px,88vw);height:100dvh;border-radius:0 22px 22px 0;transform:translateX(-105%);transition:transform .2s ease}.sidebar.open{transform:translateX(0)}.menu-button{display:grid}.view[data-view="chat"],.view{padding:8px}.workspace-masthead{padding:13px 15px}.workspace-masthead h3{font-size:.98rem}.messages{padding:12px}.prompt-box{margin:8px}.topbar{padding-inline:12px}.connection-pill{margin-left:auto}.main-nav{grid-template-columns:1fr}.nav-item{grid-template-columns:22px 1fr;justify-items:start;text-align:left}}
@media(max-width:430px){.connection-pill span:last-child{display:none}.connection-pill{width:42px;padding:0;justify-content:center}.workspace-masthead{display:none}.prompt-footer{align-items:flex-end}.selected-project-label{max-width:130px}.button.primary span{display:none}.button.primary{width:46px;padding:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* v25: keep the agent composer readable in every focus/attachment state. */
.prompt-box #prompt-input,
.prompt-box #prompt-input:hover,
.prompt-box #prompt-input:focus,
.prompt-box #prompt-input:active{
    color:#f4f7f8;
    -webkit-text-fill-color:#f4f7f8;
    caret-color:#dbeef4;
    border:0;
    outline:0;
    background:rgba(5,8,10,.34);
    box-shadow:none;
}
.prompt-box #prompt-input::placeholder{
    color:#8e9aa1;
    -webkit-text-fill-color:#8e9aa1;
    opacity:1;
}
.prompt-box #prompt-input::selection{color:#071014;background:#bdc7ce}
.prompt-box #prompt-input:-webkit-autofill,
.prompt-box #prompt-input:-webkit-autofill:hover,
.prompt-box #prompt-input:-webkit-autofill:focus{
    -webkit-text-fill-color:#f4f7f8;
    caret-color:#dbeef4;
    box-shadow:0 0 0 1000px #10171b inset;
}
.media-preview{
    color:var(--glass-white);
    border-color:rgba(189,199,206,.2);
    background:rgba(128,138,146,.09);
}
.media-preview-icon{
    color:var(--glass-dolphin);
    border-color:rgba(189,199,206,.2);
    background:rgba(189,199,206,.07);
}

/* v27: compact layered pixel office */
.view[data-view="office"]{padding:12px}
.office-page{max-width:1680px;display:grid;gap:10px;margin:0 auto}
.office-commandbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 13px;border:1px solid var(--glass-line);border-radius:16px;background:linear-gradient(145deg,rgba(53,66,74,.4),rgba(13,18,22,.42));box-shadow:inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(20px)}
.office-title{min-width:0;display:flex;align-items:center;gap:13px}.office-title>.eyebrow{flex:0 0 auto;margin:0;padding:7px 9px;color:#b8cbd2;border:1px solid rgba(219,238,244,.16);border-radius:8px;background:rgba(255,255,255,.035);font:650 .48rem "Inter",sans-serif;letter-spacing:.13em}.office-title h3{margin:0;color:#f4f7f8;font:650 1.05rem "Manrope",sans-serif;letter-spacing:-.02em}.office-title-note{display:block;margin-top:2px;color:var(--text-faint);font-size:.66rem;white-space:nowrap}
.office-heading-actions{flex-wrap:nowrap}.office-heading-actions .button{min-height:40px;padding:0 12px;border-radius:10px;font-size:.69rem}.office-heading-actions svg{width:16px;height:16px}
.office-live-status{min-height:36px;margin:0;padding:0 12px;color:#b4cabd;border:1px solid rgba(159,208,182,.16);border-radius:11px;background:rgba(101,143,124,.07);font:600 .66rem "Inter",sans-serif}.office-live-status::before{width:6px;height:6px;margin-right:8px;background:#8fc7ad;box-shadow:0 0 10px rgba(143,199,173,.48)}
.office-layout{min-height:500px;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px}
.office-scene{position:relative;min-height:500px;height:500px;padding:0;overflow:hidden;border:1px solid rgba(222,236,242,.2);border-radius:18px;background:linear-gradient(180deg,#2c3940 0 15%,#1d282e 15% 18%,#26343a 18% 100%);box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 42px rgba(0,0,0,.25);isolation:isolate;image-rendering:pixelated}
.office-scene::before{content:"";position:absolute;inset:18% 0 0;z-index:-3;opacity:.58;transform:none;background:linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(135deg,#314249,#243238);background-size:42px 42px,42px 42px,auto}
.office-scene::after{content:"";position:absolute;inset:18% 0 auto;height:6px;z-index:-1;background:linear-gradient(90deg,#1a2328,#56636a 35%,#1b252a 80%);box-shadow:0 3px 0 rgba(0,0,0,.25)}
.office-grid-lines{inset:8px;z-index:30;opacity:.38;background:linear-gradient(#b9d1d9,#b9d1d9) left top/20px 1px no-repeat,linear-gradient(#b9d1d9,#b9d1d9) left top/1px 20px no-repeat,linear-gradient(#b9d1d9,#b9d1d9) right bottom/20px 1px no-repeat,linear-gradient(#b9d1d9,#b9d1d9) right bottom/1px 20px no-repeat}
.office-window-wall{position:absolute;z-index:0;top:2.5%;right:36%;width:30%;height:10%;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:5px;border:2px solid #151e22;border-radius:5px;background:#121a1e;box-shadow:0 5px 0 rgba(0,0,0,.2)}.office-window-wall i{border:1px solid rgba(205,232,240,.25);background:linear-gradient(145deg,rgba(185,218,228,.32),rgba(65,94,104,.16));box-shadow:inset 5px 0 rgba(255,255,255,.04)}
.office-room{position:absolute;z-index:1;color:#9fb0b6;border:1px solid rgba(210,230,236,.16);border-radius:8px;background:rgba(8,13,16,.2);box-shadow:inset 0 1px rgba(255,255,255,.035);font:650 .48rem "Inter",sans-serif;letter-spacing:.12em}.office-room>span{position:absolute;top:7px;left:8px}
.room-briefing{top:3%;right:2%;width:31%;height:26%;border-color:rgba(182,202,208,.2);background:rgba(14,21,25,.34)}
.briefing-table{position:absolute;inset:35% 13% 18%;border:3px solid #151f24;border-radius:50%;background:linear-gradient(155deg,#617078,#313f45);box-shadow:4px 5px 0 rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.18)}.briefing-table i{position:absolute;width:12px;height:12px;border:2px solid #182126;border-radius:4px;background:#89969b}.briefing-table i:nth-child(1){left:-10px;top:28%}.briefing-table i:nth-child(2){right:-10px;top:28%}.briefing-table i:nth-child(3){left:34%;top:-10px}.briefing-table i:nth-child(4){left:34%;bottom:-10px}
.room-lab{right:2%;bottom:3%;width:18%;height:22%;border-color:rgba(159,208,182,.24);background:rgba(76,112,94,.08)}.room-lab b{position:absolute;inset:33% 12% 20%;border:2px solid #34474c;border-radius:3px;background:repeating-linear-gradient(0deg,#a5b7ad 0 3px,#62776d 3px 6px);box-shadow:3px 4px 0 rgba(0,0,0,.16)}.room-lab i{position:absolute;right:12%;top:14%;width:8px;height:8px;border-radius:50%;background:#8fc7ad;box-shadow:0 0 8px rgba(143,199,173,.55)}
.room-lounge{bottom:3%;left:2%;width:18%;height:20%;border-color:rgba(215,189,133,.2);background:rgba(145,115,70,.07)}.room-lounge b{position:absolute;left:12%;right:12%;bottom:18%;height:32%;border:2px solid #3e3430;border-radius:4px;background:#76655e;box-shadow:3px 4px 0 rgba(0,0,0,.2)}.room-lounge i{position:absolute;right:12%;top:18%;width:17px;height:24px;border-radius:50% 50% 30% 30%;background:#789083;box-shadow:0 8px 0 -3px #4e4037}
.office-rug{position:absolute;z-index:0;left:37%;top:37%;width:26%;height:52%;border:1px solid rgba(174,196,201,.11);border-radius:8px;background:repeating-linear-gradient(90deg,rgba(132,158,165,.08) 0 10px,rgba(8,13,16,.04) 10px 20px);transform:skewY(-1deg)}
.office-plant{position:absolute;z-index:3;width:22px;height:20px;border:2px solid #2c2521;border-radius:3px;background:#69564b;box-shadow:2px 3px rgba(0,0,0,.16)}.office-plant::before{content:"";position:absolute;left:4px;bottom:13px;width:11px;height:24px;border-radius:70% 20%;background:#769482;box-shadow:-7px 6px #5d7b6c,8px 5px #89a18f}.plant-a{left:34%;top:6%}.plant-b{right:22%;bottom:5%}
.office-desk{position:absolute;z-index:2;width:13%;height:7.5%;border:2px solid #1b2327;border-radius:4px;background:linear-gradient(165deg,#77858b,#414e54);box-shadow:5px 6px 0 rgba(0,0,0,.2),inset 0 2px rgba(255,255,255,.12)}.office-desk::before,.office-desk::after{bottom:-11px;width:4px;height:11px;background:#222b30}.office-desk i{left:38%;bottom:72%;width:25%;height:74%;border:2px solid #182126;background:repeating-linear-gradient(0deg,#9eb4ba 0 3px,#3b5158 3px 6px);box-shadow:none}.office-desk span{left:9%;top:21%;width:15%;height:20%;background:#d7bd85;box-shadow:none}.desk-1{left:12%;top:48%}.desk-2{left:32%;top:48%}.desk-3{left:52%;top:48%}.desk-4{left:72%;top:48%}.desk-5{left:24%;top:77%}.desk-6{left:54%;top:77%}
.lead-station.agent-station{position:absolute;z-index:10;top:3%;left:2%;width:31%;min-height:112px;display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px;margin:0;padding:9px 10px;color:var(--text);border:1px solid rgba(218,236,241,.2);border-radius:12px;background:linear-gradient(145deg,rgba(68,83,91,.82),rgba(18,25,29,.87));box-shadow:inset 0 1px rgba(255,255,255,.1),0 10px 24px rgba(0,0,0,.2);backdrop-filter:blur(10px)}.lead-station .station-status{top:8px;right:9px;color:#b9c9ce;border-color:rgba(219,238,244,.16);background:rgba(255,255,255,.04);font-family:"Inter",sans-serif}.lead-station strong{font:700 .76rem "Manrope",sans-serif}.lead-station p{margin:4px 0 0;color:#aebbc0;font-size:.61rem;line-height:1.35}
.office-agent-sprite{width:76px;height:104px;display:block;object-fit:contain;object-position:center bottom;image-rendering:pixelated;filter:drop-shadow(0 6px 5px rgba(0,0,0,.3));transform-origin:center bottom}.lead-station .office-agent-sprite{width:62px;height:92px}
.office-agent-grid{position:absolute;inset:0;z-index:8;display:block;pointer-events:none}.office-character{position:absolute;left:calc(var(--target-x) * 1%);top:calc(var(--target-y) * 1%);width:110px;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0;color:var(--text);border:0;background:transparent;transform:translate(-50%,-50%);transition:left .65s cubic-bezier(.22,.78,.22,1),top .65s cubic-bezier(.22,.78,.22,1),filter .18s;pointer-events:auto}.office-character:hover,.office-character:focus-visible{z-index:18;filter:brightness(1.08) drop-shadow(0 0 10px rgba(200,225,232,.22))}.office-character[data-status="working"] .office-agent-sprite{animation:office-agent-work 1.4s steps(2,end) infinite}.office-character[data-status="testing"] .office-agent-sprite{animation:office-agent-test 1.6s ease-in-out infinite}.office-character[data-status="completed"] .office-agent-sprite,.office-character[data-status="done"] .office-agent-sprite{animation:office-agent-done 1.7s ease-in-out 2}
.character-name{max-width:94px;margin-top:0;color:#f4f7f8;font:700 .63rem "Manrope",sans-serif;text-shadow:0 2px 3px #0a0d0f}.character-role{max-width:94px;margin-top:1px;color:#b3c4ca;font:600 .48rem "Inter",sans-serif;text-transform:none;text-shadow:0 1px 2px #0a0d0f}.character-bubble{bottom:103%;max-width:170px;padding:6px 8px;color:#edf5f7;border:1px solid rgba(219,238,244,.2);border-radius:8px;background:rgba(9,14,17,.92);box-shadow:0 8px 22px rgba(0,0,0,.32);font:500 .58rem/1.35 "Inter",sans-serif;backdrop-filter:blur(10px)}
.office-empty{position:absolute;inset:35% 28%;z-index:4;min-height:0;color:#8d9ba1}.office-empty svg{width:34px;height:34px}.office-empty strong{font-size:.82rem}.office-empty span{font-size:.66rem}
.mission-board{min-height:500px;padding:15px;border-radius:18px;overflow:auto}.mission-board h4{margin:8px 0;color:#f4f7f8;font:700 .86rem/1.5 "Manrope",sans-serif}.mission-board>p{margin:0 0 12px;color:var(--text-faint);font-size:.68rem;line-height:1.55}.mission-progress{margin:10px 0 0;padding:10px 0;border-top:1px solid var(--glass-line)}.office-roster-summary{margin-top:10px;padding:10px;border-color:var(--glass-line);border-radius:10px;background:rgba(255,255,255,.025)}.office-roster-summary button{color:#c5d7dc}.office-report-list{gap:6px;margin-top:10px}.office-report-button{min-height:42px;border-color:var(--glass-line);background:rgba(255,255,255,.025)}
.office-comms-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:10px;margin-top:0}.neiro-channel,.team-feed{border-radius:18px}.channel-head{min-height:58px}.office-dialogue-list,.team-feed-list{min-height:150px;max-height:250px;padding:10px}.neiro-composer{padding:10px}.neiro-composer textarea{min-height:76px}.neiro-composer-actions .button{min-height:40px}
@keyframes office-agent-work{50%{transform:translateY(-2px)}}@keyframes office-agent-test{50%{filter:drop-shadow(0 6px 8px rgba(143,199,173,.55));transform:translateY(-1px)}}@keyframes office-agent-done{35%{transform:translateY(-3px) rotate(-2deg)}70%{transform:translateY(0) rotate(2deg)}}
@media(max-width:1180px){.office-title-note{display:none}.office-layout{grid-template-columns:minmax(0,1fr) 250px}.office-heading-actions .button{padding:0 10px}.office-heading-actions .button:nth-child(1){display:none}}
@media(max-width:900px){.office-commandbar{align-items:flex-start;flex-direction:column}.office-heading-actions{width:100%}.office-heading-actions .button{flex:1}.office-layout{grid-template-columns:1fr}.mission-board{min-height:0;max-height:none}.office-scene{height:500px;min-height:500px}.office-comms-grid{grid-template-columns:1fr}}
@media(max-width:620px){.view[data-view="office"]{padding:8px}.office-title>.eyebrow{display:none}.office-title h3{font-size:.98rem}.office-commandbar{min-height:0}.office-heading-actions .button{font-size:0}.office-heading-actions .button svg{width:18px;height:18px}.office-heading-actions .button::after{font-size:.66rem}.office-heading-actions .button:nth-child(2)::after{content:"Команда"}.office-heading-actions .button:nth-child(3)::after{content:"Задача"}.office-scene{height:460px;min-height:460px}.lead-station.agent-station{width:43%;grid-template-columns:46px 1fr}.lead-station .office-agent-sprite{width:44px;height:72px}.lead-station .station-status,.lead-station p{display:none}.room-briefing{width:36%}.office-desk{width:15%}.desk-1{left:6%}.desk-2{left:26%}.desk-3{left:46%}.desk-4{left:66%}.office-character{width:78px}.office-agent-sprite{width:52px;height:70px}.character-name,.character-role{max-width:76px}.character-bubble{max-width:120px}.office-comms-grid{display:block}.team-feed{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.office-character,.office-agent-sprite{animation:none!important;transition:none!important}}

/* v31: spacious pixel office, minimalist sprite atlas and contrast repair */
.view[data-view="office"]{padding:14px}
.office-page{max-width:1760px;gap:12px}
.office-layout{min-height:650px;grid-template-columns:minmax(0,1fr) 300px;gap:12px}
.office-scene{height:650px;min-height:650px;border-color:rgba(207,226,232,.28);border-radius:22px;background:linear-gradient(180deg,#334249 0 16%,#1b252a 16% 19%,#29383e 19% 100%);box-shadow:inset 0 1px rgba(255,255,255,.14),inset 0 0 0 7px rgba(8,13,16,.12),0 22px 52px rgba(0,0,0,.28)}
.office-scene::before{inset:19% 0 0;opacity:.72;background:linear-gradient(90deg,rgba(216,232,236,.035) 1px,transparent 1px),linear-gradient(rgba(216,232,236,.032) 1px,transparent 1px),linear-gradient(145deg,#304248,#202e34);background-size:48px 48px,48px 48px,auto}
.office-scene::after{inset:16% 0 auto;height:9px;background:linear-gradient(90deg,#121a1e,#65747b 35%,#192328 75%);box-shadow:0 5px 0 rgba(0,0,0,.24)}
.office-window-wall{top:3%;right:37%;width:26%;height:10%;gap:7px;padding:7px;border-radius:8px}
.office-room{border-radius:12px;background:rgba(8,13,16,.26);box-shadow:inset 0 1px rgba(255,255,255,.05),0 10px 26px rgba(0,0,0,.1)}
.room-briefing{top:2.5%;right:2%;width:31%;height:21%}.room-lab{right:2%;bottom:2.5%;width:18%;height:20%}.room-lounge{left:2%;bottom:2.5%;width:18%;height:18%}
.office-rug{left:35%;top:31%;width:30%;height:50%;border:1px solid rgba(188,211,217,.12);border-radius:18px;background:repeating-linear-gradient(90deg,rgba(158,186,193,.075) 0 13px,rgba(7,12,15,.045) 13px 26px);box-shadow:inset 0 0 0 7px rgba(9,14,17,.08);transform:none}
.plant-a{left:31%;top:7%}.plant-b{right:22%;bottom:5%}
.office-desk{width:14%;height:8.5%;border:2px solid #121a1e;border-radius:7px;background:linear-gradient(180deg,#77878d 0 18%,#536168 18% 70%,#3b484e 70%);box-shadow:5px 7px 0 rgba(0,0,0,.22),inset 0 2px rgba(255,255,255,.18)}
.office-desk::before,.office-desk::after{bottom:-13px;width:5px;height:13px;border-radius:0 0 2px 2px;background:#1c272c;box-shadow:0 5px 0 -2px #11181b}
.office-desk::before{left:9%}.office-desk::after{right:9%}
.office-desk i{left:36%;bottom:69%;width:28%;height:70%;border:3px solid #10171a;border-radius:3px;background:linear-gradient(145deg,#9db2b8,#465c63);box-shadow:0 4px 0 -2px #10171a}
.office-desk i::after{content:"";position:absolute;left:42%;bottom:-7px;width:16%;height:6px;background:#172126}
.office-desk span{left:10%;top:25%;width:16%;height:22%;border-radius:2px;background:#d8c48c;box-shadow:2px 2px 0 rgba(0,0,0,.14)}
.desk-1{left:10%;top:39%}.desk-2{left:29%;top:29%}.desk-3{left:57%;top:29%}.desk-4{left:76%;top:39%}.desk-5{left:17%;top:74%}.desk-6{left:69%;top:74%}
.lead-station.agent-station{top:47%;left:50%;width:220px;height:174px;min-height:0;display:block;padding:0;color:#eef5f7;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;transform:translate(-50%,-50%)}
.lead-station .office-agent-sprite{position:absolute;z-index:2;top:0;left:50%;width:94px;height:94px;transform:translateX(-50%);filter:drop-shadow(0 7px 4px rgba(0,0,0,.35))}
.lead-executive-desk{position:absolute;z-index:3;top:72px;left:50%;width:196px;height:58px;border:3px solid #11191d;border-radius:7px;background:linear-gradient(180deg,#849299 0 18%,#526168 18% 74%,#37454b 74%);box-shadow:7px 9px 0 rgba(0,0,0,.24),inset 0 3px rgba(255,255,255,.16);transform:translateX(-50%)}
.lead-executive-desk::before,.lead-executive-desk::after{content:"";position:absolute;bottom:-20px;width:7px;height:20px;background:#192328}.lead-executive-desk::before{left:14px}.lead-executive-desk::after{right:14px}
.lead-executive-desk i{position:absolute;left:50%;bottom:42px;width:48px;height:31px;border:3px solid #11191d;border-radius:4px;background:linear-gradient(145deg,#b0c3c8,#526b73);transform:translateX(-50%)}
.lead-executive-desk i::after{content:"";position:absolute;left:20px;bottom:-10px;width:7px;height:9px;background:#11191d}
.lead-executive-desk b{position:absolute;left:15px;top:20px;width:28px;height:12px;border-radius:2px;background:#d8c48c;box-shadow:2px 2px rgba(0,0,0,.16)}
.lead-executive-desk span{position:absolute;right:16px;top:14px;width:16px;height:22px;border-radius:8px 8px 3px 3px;background:#789483;box-shadow:0 6px 0 -3px #263137}
.lead-copy{position:absolute;z-index:5;left:50%;bottom:0;min-width:176px;padding:5px 10px;color:#eaf2f4;border:1px solid rgba(218,235,240,.18);border-radius:9px;background:rgba(10,15,18,.88);box-shadow:0 7px 18px rgba(0,0,0,.24);text-align:center;transform:translateX(-50%);backdrop-filter:blur(8px)}
.lead-copy .station-kicker{display:block;color:#a8c0c7;font-size:.45rem;letter-spacing:.13em}.lead-copy strong{display:block;margin-top:1px;color:#fff;font-size:.72rem}.lead-copy p{margin:1px 0 0;color:#aebdc2;font-size:.52rem}
.lead-station .station-status{top:4px;right:-8px;z-index:6;padding:4px 7px;color:#c3d2d6;border-color:rgba(219,238,244,.18);background:rgba(13,19,23,.8);font-size:.46rem}
.office-agent-sprite{width:92px;height:92px;display:block;background-image:url("office/agents/agents-minimal-v2.png");background-repeat:no-repeat;background-position:var(--sprite-x,0%) var(--sprite-y,0%);background-size:400% 400%;image-rendering:pixelated;filter:drop-shadow(0 7px 4px rgba(0,0,0,.32));transform-origin:center bottom}
.office-character{width:116px;min-height:132px}.character-name{margin-top:-4px;font-size:.65rem}.character-role{font-size:.49rem}.character-bubble{bottom:100%}
.office-empty{inset:auto;top:20%;left:50%;width:260px;min-height:0;padding:8px 12px;color:#93a4aa;transform:translateX(-50%)}.office-empty svg{width:24px;height:24px}.office-empty strong{font-size:.72rem}.office-empty span{font-size:.58rem}
.mission-board{min-height:650px}

/* All pale controls must carry dark ink; glass controls keep light ink. */
.button.primary{color:#11181c!important}
.credential-result{color:#bde8d2!important;background:rgba(63,121,95,.16)}
.message-tool,.activity-details,.activity-log,.plan-card,.inspector-section,.change-details,.approval-card,.context-danger-zone,.media-preview,.resource-card,.table-card,.form-card,.modal,.crm-column,.crm-card,.toast{color:#e8f0f2;background-color:#11191d}
.message-tool :is(strong,p,span,summary),.activity-details :is(strong,p,span,summary),.activity-log :is(strong,p,span,summary),.plan-card :is(strong,p,span),.inspector-section :is(strong,p,span),.change-details :is(strong,p,span),.modal :is(h2,h3,h4,label,p,span),.form-card :is(h2,h3,h4,label,p,span){color:inherit}
input,select,textarea{color:#edf3f5!important;background:#0b1114!important;-webkit-text-fill-color:#edf3f5}
input::placeholder,textarea::placeholder{color:#7f8e94!important;-webkit-text-fill-color:#7f8e94}
select option{color:#edf3f5;background:#10181c}
.button.secondary,.icon-button{color:#dbe6e9;background:rgba(255,255,255,.045)}
.button.secondary:hover,.icon-button:hover{color:#fff;background:rgba(255,255,255,.09)}

@media(max-width:1180px){.office-layout{grid-template-columns:minmax(0,1fr) 270px}.office-scene,.mission-board{height:610px;min-height:610px}}
@media(max-width:900px){.office-layout{grid-template-columns:1fr}.office-scene{height:620px;min-height:620px}.mission-board{height:auto;min-height:0}}
@media(max-width:620px){.office-scene{height:540px;min-height:540px}.office-window-wall{right:39%;width:25%}.room-briefing{width:34%;height:20%}.room-lab,.room-lounge{width:20%}.office-desk{width:17%}.desk-1{left:5%}.desk-2{left:26%}.desk-3{left:57%}.desk-4{left:78%}.desk-5{left:13%}.desk-6{left:72%}.lead-station.agent-station{top:49%;width:180px;transform:translate(-50%,-50%) scale(.82)}.office-character{width:76px}.office-agent-sprite{width:70px;height:70px}.character-name{font-size:.55rem}.character-role{display:none}.office-empty{top:21%;width:210px}.office-empty span{display:none}}

/* v32: flat conversational workspace inspired by content-first AI chat apps */
:root{--sidebar:260px;--chat-bg:#171717;--chat-sidebar:#202020;--chat-hover:#2a2a2a;--chat-surface:#2f2f2f;--chat-line:#343434;--chat-text:#ececec;--chat-muted:#a1a1a1}
html,body{background:var(--chat-bg)}
body{background:var(--chat-bg)}body::before{display:none}
.app-shell{height:100dvh;grid-template-columns:var(--sidebar) minmax(0,1fr);gap:0;padding:0;background:var(--chat-bg)}
.sidebar{width:auto;height:100dvh;padding:10px 9px 8px;border:0;border-right:1px solid #292929;border-radius:0;background:var(--chat-sidebar);box-shadow:none;backdrop-filter:none}
.brand-row{min-height:48px;padding:4px 8px 10px;border:0}.brand-mark.small{width:32px;height:32px;flex-basis:32px;border:0;border-radius:8px;background:#2d2d2d;box-shadow:none}.brand-mark.small svg{width:16px;height:16px}.brand-row strong{font-size:.82rem;letter-spacing:.08em}.brand-row span{font-size:.48rem}
.main-nav{gap:2px;margin:2px 0 0}.nav-item{min-height:38px;grid-template-columns:20px 1fr;gap:9px;padding:0 9px;border:0;border-radius:8px;font-size:.74rem}.nav-item svg{width:16px;height:16px}.nav-item:hover{border:0;background:var(--chat-hover)}.nav-item.active{border:0;background:#303030;box-shadow:none}.nav-item.active svg{color:#f0f0f0}
.project-dock{flex:0 1 auto;max-height:31%;gap:5px;margin:10px 0 0;padding:12px 0 8px;border-top:1px solid #303030}.project-dock-title{align-items:center;padding:0 8px 5px}.project-dock-title span{font-size:.56rem;letter-spacing:.05em;text-transform:none}.project-dock-title strong{display:none}.project-list{gap:1px;padding:0}.project-button{min-height:34px;padding:0 9px;border:0;border-radius:8px;font-size:.71rem}.project-button svg{width:15px;height:15px}.project-button:hover,.project-button.active{border:0;background:var(--chat-hover);box-shadow:none}.project-add-button{min-height:34px;justify-content:flex-start;padding:0 9px;border:0;border-radius:8px;background:transparent;font-size:.7rem}.project-add-button:hover{border:0;background:var(--chat-hover)}
.sidebar>.task-rail{min-height:110px;display:flex;flex:1;flex-direction:column;margin:3px 0 0;padding:8px 0 4px;border:0;border-top:1px solid #303030;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;overflow:hidden}.sidebar>.task-rail .rail-title{min-height:31px;padding:0 8px;border:0}.sidebar>.task-rail .rail-title h3{color:#929292;font:500 .67rem "Inter",sans-serif}.sidebar>.task-rail .rail-title svg{width:14px;height:14px;margin-left:auto;color:#7d7d7d}.sidebar>.task-rail .rail-intro{display:none}.sidebar>.task-rail .task-list{height:auto;min-height:0;flex:1;padding:0;overflow:auto}.task-entry{grid-template-columns:minmax(0,1fr) 30px!important;gap:1px}.task-item{min-height:38px;padding:7px 9px;border:0;border-radius:8px;background:transparent}.task-item:hover{border:0;background:var(--chat-hover);transform:none}.task-item strong{margin:0;color:#d1d1d1;font:500 .69rem "Inter",sans-serif}.task-meta{margin-top:3px;font-size:.53rem}.task-inspect-button{min-width:30px;min-height:38px;border:0;border-radius:8px;color:#888;background:transparent}.task-inspect-button:hover{border:0;background:var(--chat-hover);color:#fff}
.sidebar-footer{padding:7px 7px 0;border-top:1px solid #303030}.sidebar-footer .button{min-height:34px;border:0;border-radius:8px;background:transparent}.sidebar-footer .button:hover{background:var(--chat-hover)}
.workspace{width:100%;height:100dvh;grid-template-rows:56px minmax(0,1fr);border:0;border-radius:0;background:var(--chat-bg);box-shadow:none;backdrop-filter:none}
.topbar{min-height:56px;padding:7px 18px;border:0;background:var(--chat-bg);backdrop-filter:none}.topbar .eyebrow{display:none}.topbar h2{font-size:.86rem}.credit-dashboard{gap:14px;margin-left:auto}.credit-dashboard>div{min-width:0;padding:0;border:0;border-radius:0;background:transparent}.credit-dashboard span{display:none}.credit-dashboard strong{color:#8f8f8f;font-size:.58rem}.connection-pill{min-height:32px;padding:0 9px;border:0;background:transparent;font-size:.62rem}.status-dot{width:6px;height:6px;box-shadow:none}
.view[data-view="chat"]{padding:0}.chat-layout{display:block;width:100%;height:100%}.chat-main{width:100%;height:100%;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}.chat-main::before{display:none}.workspace-masthead{display:none}
.messages{width:100%;padding:34px max(22px,calc((100% - 820px)/2)) 20px;background:transparent;scrollbar-gutter:stable}.message{max-width:820px;margin:0 auto 20px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--chat-text);font-size:.9rem;line-height:1.7}.message.assistant{border:0;background:transparent;box-shadow:none}.message.user{width:fit-content;max-width:min(680px,82%);margin-right:max(0px,calc((100% - 820px)/2));margin-left:auto;padding:10px 14px;border:0;border-radius:18px;background:var(--chat-surface);box-shadow:none}.message.system{padding:9px 0;color:#929292;border:0;border-top:1px solid var(--chat-line);border-bottom:1px solid var(--chat-line);border-radius:0;background:transparent;font:500 .72rem/1.5 "Inter",sans-serif}.message.error{padding:11px 14px;color:#ffc7cb;border:1px solid rgba(239,126,134,.35);border-radius:10px;background:rgba(124,45,52,.18)}
.message-tool{max-width:820px;margin:0 auto 16px;color:#a8a8a8;border:0;border-top:1px solid var(--chat-line);border-bottom:1px solid var(--chat-line);border-radius:0;background:transparent;font:500 .7rem/1.5 "Inter",sans-serif}.message-tool::before{display:none}.activity-summary{min-height:40px;padding:7px 2px}.activity-summary:hover{background:transparent;color:#ddd}.activity-details{padding:4px 0 10px;color:#9d9d9d;border-top:1px solid #2b2b2b;background:transparent}.activity-row{padding:7px 2px;border-bottom-color:#292929}.activity-row-copy strong{font-family:"Inter",sans-serif;font-size:.72rem}.plan-card,.inspector-section,.change-details{max-width:820px;border:0;border-left:2px solid #4a4a4a;border-radius:0;background:transparent!important;box-shadow:none}
.empty-state{max-width:680px;padding:24px}.empty-orbit,.empty-state .eyebrow,.capability-strip{display:none}.empty-state h3{margin:0 0 10px;color:var(--chat-text);font:500 clamp(1.65rem,3vw,2.25rem)/1.15 "Inter",sans-serif;letter-spacing:-.04em}.empty-state>p{max-width:470px;color:#8e8e8e;font-size:.84rem}
.prompt-box{width:min(780px,calc(100% - 32px));margin:8px auto 18px;border:1px solid #424242;border-radius:24px;background:#2f2f2f;box-shadow:0 8px 28px rgba(0,0,0,.24);backdrop-filter:none}.prompt-box:focus-within{border-color:#686868;box-shadow:0 8px 30px rgba(0,0,0,.3);transform:none}.prompt-box #prompt-input,.prompt-box #prompt-input:hover,.prompt-box #prompt-input:focus,.prompt-box #prompt-input:active{min-height:58px;max-height:200px;padding:15px 17px 7px;color:var(--chat-text)!important;background:transparent!important;-webkit-text-fill-color:var(--chat-text)}.prompt-box #prompt-input::placeholder{color:#929292!important;-webkit-text-fill-color:#929292}.prompt-footer{min-height:48px;padding:4px 7px 7px 10px;border:0;background:transparent}.prompt-context{gap:5px}.context-button{min-height:34px;padding:0 9px;border:0;border-radius:8px;color:#b5b5b5;background:transparent;font-size:.62rem}.context-button:hover:not(:disabled){background:#3b3b3b}#selected-project-label{max-width:300px;color:#9c9c9c;font-size:.63rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-button{width:34px;height:34px;border:0;border-radius:50%;background:transparent}.attach-button:hover{background:#3d3d3d}.prompt-box .button.primary{width:38px;min-width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:50%;background:#f1f1f1;box-shadow:none}.prompt-box .button.primary span{display:none}.prompt-box .button.primary svg{width:17px;height:17px}.prompt-box .button.primary:hover:not(:disabled){background:#fff;box-shadow:none}.media-preview{margin:5px 10px;padding:8px;border:0;border-radius:12px;background:#252525}
.voice-button.is-listening{color:#ffd9dc!important;background:rgba(214,81,91,.2)!important;box-shadow:0 0 0 4px rgba(214,81,91,.12),0 0 18px rgba(214,81,91,.28);animation:voice-listening 1.2s ease-in-out infinite}.voice-button:disabled{cursor:not-allowed;opacity:.38}@keyframes voice-listening{50%{box-shadow:0 0 0 7px rgba(214,81,91,.06),0 0 24px rgba(214,81,91,.38)}}

@media(max-width:900px){:root{--sidebar:238px}.credit-dashboard{display:none}.messages{padding-inline:max(18px,calc((100% - 760px)/2))}.prompt-box{width:min(720px,calc(100% - 24px))}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;width:min(280px,88vw);height:100dvh;padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));border-right:1px solid #353535;border-radius:0;box-shadow:20px 0 50px rgba(0,0,0,.35)}.workspace{grid-template-rows:52px minmax(0,1fr)}.topbar{min-height:52px;padding:6px 10px}.menu-button{display:grid;width:44px;height:44px;border:0;background:transparent}.connection-pill span:last-child{display:none}.connection-pill{width:36px;padding:0;justify-content:center}.nav-item,.project-button,.project-add-button,.task-item,.task-inspect-button{min-height:44px}.messages{padding:22px 14px 10px}.message{font-size:.88rem}.message.user{max-width:88%;margin-right:0}.prompt-box{width:calc(100% - 16px);margin:6px 8px max(9px,env(safe-area-inset-bottom));border-radius:20px}.prompt-box #prompt-input{font-size:16px}#selected-project-label{max-width:145px}.context-button,.attach-button{min-width:44px;min-height:44px}.prompt-box .button.primary{width:44px;min-width:44px;height:44px;min-height:44px}.context-button{font-size:0}.context-button::after{content:"Память";font-size:.61rem}}
@media(max-width:400px){.topbar h2{font-size:.78rem}.message{margin-bottom:16px}.messages{padding-inline:11px}.prompt-box{width:calc(100% - 12px);margin-inline:6px}#selected-project-label{max-width:105px}.prompt-footer{padding-left:6px}.context-button{padding-inline:5px}}