:root{--navy:#08233f;--navy-2:#12395b;--teal:#00a7ad;--teal-dark:#087b82;--sky:#eef8fc;--line:#d8e8ef;--muted:#668198;--white:#fff;--green:#138a62;--amber:#b76d08;--red:#b83d4c;--shadow:0 18px 50px rgba(17,58,87,.11);font-family:"Segoe UI",Arial,sans-serif;color:var(--navy);background:#eaf5f9}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 68% 2%,#fff 0,#eef9fb 31%,#e7f2f7 72%);color:var(--navy)}button,textarea,a{font:inherit}.skip-link{position:fixed;z-index:100;left:12px;top:-60px;padding:10px 14px;border-radius:10px;background:var(--navy);color:#fff}.skip-link:focus{top:12px}.control-shell{min-height:100vh;display:grid;grid-template:72px 1fr/226px minmax(0,1fr);grid-template-areas:"top top" "side main"}.topbar{grid-area:top;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.brand-face{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--navy);color:#fff;font-size:27px;font-weight:900;line-height:1}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.08em}.brand em{font-style:normal;color:var(--teal)}.brand small{margin-top:2px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.04em}.top-status,.lead-chip,.notification-button{display:flex;align-items:center}.top-status{gap:16px}.lead-chip{gap:8px}.lead-chip img{width:48px;height:54px;object-fit:contain;align-self:flex-end}.lead-chip strong,.lead-chip small{display:block}.lead-chip strong{font-size:13px}.lead-chip small{font-size:10px;color:var(--muted)}.lead-chip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:4px}.notification-button{gap:7px;padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-weight:800;cursor:pointer}.notification-button>span{color:var(--teal);font-size:10px}.notification-button b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--navy);color:#fff;font-size:11px}.sidebar{grid-area:side;padding:22px 16px;background:linear-gradient(180deg,#092947,#071d35);color:#fff;display:flex;flex-direction:column;gap:22px;position:sticky;top:72px;height:calc(100vh - 72px)}.identity-card{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.06)}.identity-card img{width:50px;height:60px;object-fit:contain;object-position:top}.identity-card strong,.identity-card span{display:block}.identity-card strong{font-size:15px}.identity-card span{color:#adc7d9;font-size:10px}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:#c8dae6;text-decoration:none;text-align:left;font-weight:700;cursor:pointer}.nav-link span{width:20px;text-align:center}.nav-link:hover,.nav-link:focus-visible,.nav-link.active{background:rgba(0,167,173,.17);color:#fff}.guardrail-card{margin-top:auto;display:flex;gap:10px;padding:14px 12px;border-radius:14px;background:rgba(0,167,173,.13);border:1px solid rgba(117,223,221,.22)}.guardrail-card .shield{display:grid;place-items:center;flex:0 0 26px;height:26px;border-radius:50%;background:#baf2e4;color:#096847;font-weight:900}.guardrail-card strong,.guardrail-card small{display:block}.guardrail-card strong{font-size:11px}.guardrail-card small{margin-top:5px;color:#b8cedb;font-size:9px;line-height:1.45}.workspace{grid-area:main;display:grid;grid-template-columns:minmax(520px,1.45fr) minmax(330px,.85fr);gap:18px;max-width:1440px;width:100%;margin:0 auto;padding:22px}.conversation-panel{min-width:0;display:flex;flex-direction:column;min-height:calc(100vh - 116px);border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.91);box-shadow:var(--shadow);overflow:hidden}.welcome-card{min-height:188px;display:flex;align-items:center;justify-content:space-between;padding:28px 28px 20px;background:linear-gradient(120deg,#e6f8f7 0,#f6fbfd 59%,#e8f5fb 100%);border-bottom:1px solid var(--line);overflow:hidden}.welcome-copy{max-width:580px;position:relative;z-index:1}.eyebrow{margin:0 0 7px;color:var(--teal-dark);font-size:10px;font-weight:900;letter-spacing:.13em}.welcome-card h1{max-width:620px;margin:0;font-size:clamp(27px,3vw,42px);line-height:1.04;letter-spacing:-.035em}.welcome-card p:last-child{max-width:590px;margin:13px 0 0;color:#47667d;font-size:14px;line-height:1.55}.welcome-card img{width:160px;height:176px;object-fit:contain;object-position:top center;align-self:flex-end;margin:-8px 0 -22px 15px;filter:drop-shadow(0 16px 16px rgba(8,35,63,.13))}.conversation-stream{flex:1;min-height:280px;max-height:calc(100vh - 470px);overflow:auto;padding:22px 24px}.message{display:flex;gap:11px;max-width:86%;margin-bottom:18px}.message-avatar{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:11px;background:var(--navy);color:#fff;font-size:12px;font-weight:900}.message>div{padding:13px 15px;border:1px solid var(--line);border-radius:4px 16px 16px 16px;background:#f7fbfd}.message strong{font-size:11px;color:var(--teal-dark);letter-spacing:.03em}.message p{margin:4px 0 0;color:#294c66;font-size:13px;line-height:1.55}.user-message{margin-left:auto;flex-direction:row-reverse}.user-message .message-avatar{background:var(--teal)}.user-message>div{border-radius:16px 4px 16px 16px;background:var(--navy);border-color:var(--navy)}.user-message strong{color:#8ae2df}.user-message p{color:#fff}.starter-prompts{display:flex;flex-wrap:wrap;gap:8px;padding-left:42px}.starter-prompts button{padding:9px 12px;border:1px solid #bcdde2;border-radius:999px;background:#f1fbfa;color:#17636b;font-size:11px;font-weight:800;cursor:pointer}.starter-prompts button:hover{background:#dff6f3}.goal-composer{padding:15px 20px 17px;border-top:1px solid var(--line);background:#fff}.goal-composer>label{display:block;margin-bottom:7px;font-size:11px;font-weight:900}.composer-row{display:flex;gap:10px;align-items:flex-end}.composer-row textarea{width:100%;min-height:54px;max-height:150px;resize:vertical;padding:13px 14px;border:1px solid #b9d2dd;border-radius:14px;background:#fbfdfe;color:var(--navy);line-height:1.4}.composer-row textarea:focus{outline:3px solid rgba(0,167,173,.18);border-color:var(--teal)}.composer-row button{flex:0 0 auto;display:flex;align-items:center;gap:9px;height:52px;padding:0 18px;border:0;border-radius:14px;background:var(--teal);color:#fff;font-weight:900;cursor:pointer;box-shadow:0 8px 20px rgba(0,167,173,.23)}.composer-row button:hover{background:#078f95}.composer-row button:disabled{opacity:.55;cursor:wait}.composer-note{display:flex;justify-content:space-between;gap:12px;margin-top:7px;color:var(--muted);font-size:9px}.right-rail{display:flex;flex-direction:column;gap:14px;min-width:0}.panel{padding:18px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(17,58,87,.07)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-heading h2{margin:0;font-size:17px}.status-pill{padding:6px 9px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.status-pill.neutral{background:#edf3f6;color:#60798c}.status-pill.ready,.status-pill.completed{background:#e2f7ef;color:#087452}.status-pill.awaiting_approval{background:#fff1db;color:#9a5a00}.status-pill.blocked,.status-pill.failed,.status-pill.unsupported{background:#ffe7e9;color:#9c3541}.status-pill.approved,.status-pill.running{background:#e4f4fb;color:#176b91}.empty-state{text-align:center;padding:25px 12px 15px;color:var(--muted)}.empty-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 10px;border-radius:14px;background:#edf9f8;color:var(--teal);font-size:22px}.empty-state p,.empty-copy{margin:0;font-size:12px;line-height:1.5}.plan-details{margin-top:16px}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-fact{padding:10px;border-radius:11px;background:#f2f8fa}.plan-fact small,.plan-fact strong{display:block}.plan-fact small{color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.07em}.plan-fact strong{margin-top:3px;font-size:12px}.risk-low{color:var(--green)}.risk-medium{color:var(--amber)}.risk-high{color:var(--red)}.plan-preview{margin:11px 0;padding:11px 12px;border-left:3px solid var(--teal);border-radius:0 10px 10px 0;background:#f1faf9;color:#31566d;font-size:11px;line-height:1.5}.plan-steps{margin:10px 0;padding-left:21px;color:#45657b;font-size:10px;line-height:1.55}.plan-actions{display:flex;gap:8px;margin-top:13px}.primary-button,.approval-button{width:100%;padding:11px;border:0;border-radius:11px;color:#fff;font-weight:900;cursor:pointer}.primary-button{background:var(--navy)}.approval-button{background:var(--amber)}.primary-button:disabled,.approval-button:disabled{opacity:.55;cursor:wait}.plan-error{margin-top:10px;padding:10px;border-radius:10px;background:#fff0f1;color:#963943;font-size:10px;line-height:1.45}.text-button{border:0;background:transparent;color:var(--teal-dark);font-size:10px;font-weight:900;cursor:pointer}.team-list{display:grid;gap:8px;margin-top:13px}.team-member{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:9px;border:1px solid #e2edf2;border-radius:12px}.team-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#e6f6f5;color:#08767c;font-weight:900}.team-member strong,.team-member small{display:block}.team-member strong{font-size:11px}.team-member small{margin-top:2px;color:var(--muted);font-size:9px}.team-state{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;font-weight:800}.team-state i{width:7px;height:7px;border-radius:50%;background:#a4b3bd}.team-state.ready i,.team-state.online i{background:var(--green)}.team-state.running i{background:var(--teal);box-shadow:0 0 0 4px rgba(0,167,173,.12)}.team-state.needs_connection i,.team-state.attention i{background:var(--amber)}.channel-panel{margin-top:auto}.channel-row{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:10px 0;border-top:1px solid #e7eff3}.channel-row:first-of-type{margin-top:10px}.channel-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e8f7f5;color:var(--teal-dark);font-size:10px;font-weight:900}.channel-row strong,.channel-row small{display:block}.channel-row strong{font-size:10px}.channel-row small{margin-top:2px;color:var(--muted);font-size:8px}.channel-row b{font-size:8px;color:var(--muted);text-transform:uppercase}.channel-row .active-label{color:var(--green)}.channel-row.dormant{opacity:.68}.skeleton-line{height:49px;border-radius:11px;background:linear-gradient(90deg,#eef4f6,#f8fbfc,#eef4f6);background-size:200% 100%;animation:shimmer 1.4s infinite}.notification-drawer{position:fixed;z-index:50;top:0;right:0;width:min(390px,92vw);height:100vh;padding:20px;background:#fff;box-shadow:-18px 0 60px rgba(5,31,52,.2);overflow:auto}.drawer-backdrop{position:fixed;z-index:45;inset:0;background:rgba(4,26,45,.35);backdrop-filter:blur(2px)}.drawer-heading{display:flex;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.drawer-heading h2{margin:0;font-size:21px}.drawer-heading button{width:36px;height:36px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--navy);font-size:22px;cursor:pointer}.notification-list{display:grid;gap:9px;padding-top:13px}.notification-card{display:grid;grid-template-columns:9px 1fr;gap:10px;padding:12px;border:1px solid var(--line);border-radius:13px;background:#fbfdfe}.notification-card.unread{background:#effafa;border-color:#bee4e1}.notification-dot{width:9px;height:9px;margin-top:3px;border-radius:50%;background:var(--teal)}.notification-card.failed .notification-dot,.notification-card.blocked .notification-dot{background:var(--red)}.notification-card.approval_needed .notification-dot{background:var(--amber)}.notification-card strong,.notification-card small{display:block}.notification-card strong{font-size:11px}.notification-card p{margin:4px 0;color:#48677c;font-size:10px;line-height:1.45}.notification-card small{color:var(--muted);font-size:8px}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:1040px){.workspace{grid-template-columns:minmax(440px,1fr) 330px;padding:15px}.welcome-card img{width:125px}.sidebar{padding-left:11px;padding-right:11px}.control-shell{grid-template-columns:205px minmax(0,1fr)}}
@media(max-width:820px){.control-shell{display:block}.topbar{height:66px;padding:0 14px}.sidebar{position:static;height:auto;padding:9px 12px;display:block;background:var(--navy)}.identity-card,.guardrail-card{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:5px}.nav-link{width:auto;white-space:nowrap;padding:9px 11px;font-size:11px}.workspace{display:block;padding:12px}.conversation-panel{min-height:auto}.right-rail{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}.plan-panel{grid-column:1/-1}.channel-panel{margin-top:0}.conversation-stream{max-height:430px}.welcome-card h1{font-size:29px}}
@media(max-width:580px){.brand small,.lead-chip{display:none}.top-status{gap:7px}.notification-button{padding:8px 10px}.sidebar nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}.nav-link{width:100%;min-width:0;white-space:normal}.workspace{padding:8px}.conversation-panel,.panel{border-radius:16px}.welcome-card{min-height:164px;padding:22px 17px 16px}.welcome-card img{width:92px;height:132px;margin-right:-10px}.welcome-card h1{font-size:26px}.welcome-card p:last-child{font-size:12px}.conversation-stream{padding:17px 13px;max-height:none;min-height:310px}.message{max-width:96%}.starter-prompts{padding-left:0}.goal-composer{padding:13px}.composer-row{display:block}.composer-row button{width:100%;height:46px;margin-top:8px;justify-content:center}.composer-note{display:block}.composer-note span{display:block;margin-top:3px}.right-rail{display:block}.right-rail .panel{margin-bottom:9px}.plan-grid{grid-template-columns:1fr}.topbar .brand strong{font-size:13px}}

/* NOEM access architecture */
.access-boundary{display:flex;align-items:flex-start;gap:10px;padding:10px 18px;border-bottom:1px solid var(--line);font-size:10px;line-height:1.4}.access-boundary strong{flex:0 0 auto;text-transform:uppercase;letter-spacing:.07em}.access-boundary span{color:#47667d}.customer-boundary{background:#fff9e9;border-color:#ead9a7}.customer-boundary strong{color:#8b5d00}.admin-boundary{background:#fff1f2;border-color:#efc4ca}.admin-boundary strong{color:#9c3541}.assignment-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:13px 0 9px;padding:10px 12px;border-radius:11px;background:linear-gradient(90deg,#082f52,#0b5475);color:#fff}.assignment-banner span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#a9e8e7}.assignment-banner strong{font-size:12px}.read-aloud-button{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:5px 8px;border:1px solid #b9d7df;border-radius:999px;background:#fff;color:#0b6570;font-size:9px;font-weight:900;cursor:pointer}.read-aloud-button:hover{background:#eaf9f8}.read-aloud-button:focus-visible{outline:3px solid rgba(0,167,173,.28);outline-offset:2px}.read-aloud-button.listening{background:var(--navy);border-color:var(--navy);color:#fff}.read-aloud-button:disabled{cursor:not-allowed;opacity:.66}.speaker-icon{font-size:10px;letter-spacing:-2px}.activity-list{display:grid;gap:7px;margin-top:12px;max-height:240px;overflow:auto}.activity-item{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:9px 10px;border:1px solid #e2edf2;border-radius:10px;background:#fbfdfe}.activity-item strong{font-size:10px;text-transform:capitalize}.activity-item span{font-size:8px;color:var(--muted)}.activity-item small{grid-column:1/-1;color:#587489;font-size:8px}.system-details{display:grid;gap:8px;margin-top:12px}.system-details>div{padding:10px;border-radius:11px;background:#f2f8fa}.system-details strong,.system-details span{display:block}.system-details strong{font-size:10px}.system-details span{margin-top:3px;color:var(--muted);font-size:9px;line-height:1.4}.admin-workspace .conversation-stream{max-height:calc(100vh - 510px)}
.plan-assumptions{margin:8px 0;padding-left:20px;color:#587489;font-size:9px;line-height:1.45}
@media(max-width:820px){.access-boundary{padding:9px 13px}.admin-workspace .conversation-stream{max-height:430px}.activity-list{max-height:320px}}
@media(max-width:580px){.access-boundary{display:block}.access-boundary span{display:block;margin-top:3px}.read-aloud-button{font-size:10px;padding:6px 9px}.assignment-banner{align-items:flex-start;flex-direction:column;gap:3px}}