:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#111413;--foreground:#f4f0e8;--muted:#a7afa9;--panel:#1d2421;--panel-strong:#27312d;--line:#3d4742;--accent:#d6ff6b;--accent-ink:#151812;--blue:#9cc8ff}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{gap:24px;max-width:1040px;margin:0 auto;padding:48px 24px;display:grid}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding-bottom:28px;display:flex}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:700}h1,h2,p{margin:0}h1{font-size:42px;line-height:1.05}h2{font-size:18px}.lede{color:var(--muted);max-width:700px;margin-top:16px;font-size:17px;line-height:1.6}.primaryAction{background:var(--accent);color:var(--accent-ink);white-space:nowrap;border-radius:8px;align-items:center;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.secondaryAction{border:1px solid var(--line);color:var(--foreground);white-space:nowrap;border-radius:8px;align-items:center;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.statusGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.statusItem{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:12px;min-height:112px;padding:18px;display:grid}.statusItem span{color:var(--blue);font-size:13px;font-weight:700}.statusItem strong{font-size:18px;line-height:1.3}.runway{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;padding:22px}.runway ol{color:var(--muted);gap:10px;margin:18px 0 0;padding-left:20px;line-height:1.5;display:grid}@media (max-width:760px){.shell{padding:32px 18px}.header{align-items:start;display:grid}h1{font-size:34px}.statusGrid{grid-template-columns:1fr}}@media (min-width:761px) and (max-width:980px){.statusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.embedShell{place-items:center;min-height:100vh;padding:24px;display:grid}.embedPanel{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:18px;width:min(100%,720px);max-width:720px;min-height:min(720px,100vh - 48px);padding:22px;display:grid}.embedHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:16px;padding-bottom:16px;display:flex}.embedHeader h1{font-size:26px}.packageBadge{border:1px solid var(--line);color:var(--blue);white-space:nowrap;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.messageList{align-content:start;gap:12px;padding-right:4px;display:grid;overflow:auto}.messageBubble{border:1px solid var(--line);border-radius:8px;gap:6px;max-width:82%;padding:12px 14px;display:grid}.messageBubble span{color:var(--blue);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:800}.messageContent{gap:8px;display:grid}.messageContent p{color:var(--foreground);line-height:1.45}.messageContent strong{font-weight:800}.messageBubble.client{background:#203045;justify-self:end}.messageBubble.agent{background:var(--panel-strong)}.messageBubble.system{background:#2e2b22;justify-self:center}.messageForm{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:10px;padding-top:16px;display:grid}.messageForm input{border:1px solid var(--line);color:var(--foreground);font:inherit;background:#0f1211;border-radius:8px;min-width:0;min-height:44px;padding:0 12px}.messageForm button{background:var(--accent);color:var(--accent-ink);cursor:pointer;font:inherit;border:0;border-radius:8px;min-height:44px;padding:0 18px;font-weight:800}.messageForm button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:640px){.embedShell{padding:12px}.embedPanel{min-height:calc(100vh - 24px);padding:16px}.embedHeader{display:grid}.messageBubble{max-width:100%}.messageForm{grid-template-columns:1fr}}.mockSiteShell{color:#1d2520;background:#faf7ef;min-height:100vh}.mockHero{color:#fffaf0;background-color:#0000;background-image:linear-gradient(90deg,#1d2520d1,#1d252047),url(https://images.unsplash.com/photo-1560066984-138dadb4c035?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:end;min-height:72vh;padding:56px clamp(20px,6vw,84px);display:grid}.mockHero>div{gap:18px;max-width:720px;display:grid}.mockHero h1{max-width:780px;font-size:clamp(40px,7vw,84px);line-height:.98}.mockEyebrow{color:#3a7a62;letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.mockHero .mockEyebrow{color:#bdf4d9}.mockLede{color:#f4ead9;max-width:640px;font-size:18px;line-height:1.55}.mockActions{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.mockActions a{color:#1d2520;background:#fffaf0;border-radius:8px;align-items:center;min-height:44px;padding:0 16px;font-weight:800;display:inline-flex}.mockActions a+a{color:#fffaf0;background:#fffaf024;border:1px solid #fffaf080}.mockContentBand,.mockAssistantBand{padding:56px clamp(20px,6vw,84px)}.mockContentGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.mockContentGrid article{background:#fffdf8;border:1px solid #e1d7c5;border-radius:8px;gap:12px;min-height:190px;padding:22px;display:grid}.mockContentGrid span{color:#3a7a62;font-size:13px;font-weight:900}.mockContentGrid h2,.mockAssistantCopy h2{color:#1d2520;font-size:24px}.mockContentGrid p,.mockAssistantCopy p{color:#536158;line-height:1.55}.mockAssistantBand{background:#24322b;grid-template-columns:minmax(240px,360px) minmax(0,1fr);align-items:start;gap:24px;display:grid}.mockAssistantCopy{gap:14px;display:grid}.mockAssistantCopy h2{color:#fffaf0}.mockAssistantCopy p{color:#d9e2d9}.mockAssistantFrame{background:#111413;border:1px solid #fffaf02e;border-radius:8px;width:100%;min-height:720px}@media (max-width:820px){.mockHero{min-height:68vh;padding-bottom:36px}.mockContentGrid,.mockAssistantBand{grid-template-columns:1fr}.mockAssistantFrame{min-height:680px}}.consoleShell{gap:22px;max-width:1320px;margin:0 auto;padding:34px 24px 48px;display:grid}.consoleHero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;display:flex}.consoleHero h1{font-size:38px}.heroActions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.metricGrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.metricTile{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:10px;min-height:86px;padding:14px;display:grid}.metricTile span{color:var(--muted);font-size:12px;font-weight:700}.metricTile strong{text-transform:capitalize;font-size:20px;line-height:1.2}.consoleLayout{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:start;gap:18px;display:grid}.mainColumn,.sideColumn{gap:18px;display:grid}.consoleSection{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:16px;padding:18px;display:grid}.sectionHeading{justify-content:space-between;align-items:start;gap:14px;display:flex}.sectionHeading h2{font-size:20px}.subtleCount{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:700}.sectionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.alphaChecklistGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.alphaCodeBlock{border:1px solid var(--line);color:var(--foreground);white-space:pre-wrap;background:#0f1211;border-radius:8px;margin:0;padding:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.45;overflow:auto}.stackList{gap:10px;display:grid}.compactItem{border:1px solid var(--line);background:#151a18;border-radius:8px;gap:9px;padding:13px;display:grid}.compactItem div{gap:4px;display:grid}.compactItem span{color:var(--blue);font-size:12px;font-weight:700}.compactItem strong{text-transform:capitalize;font-size:16px;line-height:1.25}.compactItem p{color:var(--muted);font-size:13px;line-height:1.45}.detailList{gap:10px;margin:0;display:grid}.detailList div{border-bottom:1px solid var(--line);gap:4px;padding-bottom:10px;display:grid}.detailList div:last-child{border-bottom:0;padding-bottom:0}.detailList dt{color:var(--muted);font-size:12px;font-weight:700}.detailList dd{color:var(--foreground);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.45}.statusPill{border:1px solid var(--line);color:var(--blue);text-transform:capitalize;border-radius:999px;justify-self:start;padding:5px 8px;font-size:12px;font-weight:800;display:inline-flex}.status-succeeded,.status-published,.status-completed,.status-delivered,.status-healthy{color:#92f0ad;background:#1d3227}.status-failed,.status-unhealthy,.status-error,.status-validation_failed{color:#ffaaa0;background:#3b2424}.status-follow-up,.status-delivery_queued,.status-running{color:#ffd27a;background:#332d1e}.timelineSection{min-height:520px}.timelineList{gap:0;margin:0;padding:0;list-style:none;display:grid}.timelineItem{grid-template-columns:18px minmax(0,1fr);gap:12px;padding:0 0 14px;display:grid}.timelineMarker{background:var(--accent);border-radius:999px;width:9px;height:9px;margin-top:8px}.timelineItem article{border-bottom:1px solid var(--line);gap:8px;padding-bottom:14px;display:grid}.timelineItem:last-child article{border-bottom:0;padding-bottom:0}.timelineTop{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.timelineTop strong{text-transform:capitalize}.timelineTop time{color:var(--muted);white-space:nowrap;font-size:12px}.timelineItem p{color:var(--muted);font-size:14px;line-height:1.5}@media (max-width:1080px){.metricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.consoleLayout{grid-template-columns:1fr}}@media (max-width:760px){.consoleShell{padding:28px 16px}.consoleHero{align-items:start;display:grid}.heroActions{justify-content:start}.metricGrid,.sectionGrid,.alphaChecklistGrid{grid-template-columns:1fr}.timelineTop{gap:5px;display:grid}}@media (min-width:761px) and (max-width:1180px){.alphaChecklistGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.operatorShell{gap:22px;max-width:1240px;margin:0 auto;padding:34px 24px 48px;display:grid}.operatorHero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;display:flex}.operatorHero h1{font-size:38px}.operatorLayout{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:18px;display:grid}.operatorLoginForm{gap:12px;display:grid}.operatorLoginForm label{gap:6px;display:grid}.operatorLoginForm span{color:var(--muted);font-size:12px;font-weight:800}.operatorLoginForm input{border:1px solid var(--line);color:var(--foreground);font:inherit;background:#0f1211;border-radius:8px;min-width:0;min-height:42px;padding:0 12px}.operatorLoginForm button,.operatorButtonRow button{background:var(--accent);color:var(--accent-ink);cursor:pointer;font:inherit;border:0;border-radius:8px;min-height:40px;padding:0 14px;font-weight:800}.operatorButtonRow button{border:1px solid var(--line);color:var(--foreground);background:0 0}.operatorLoginForm button:disabled,.operatorButtonRow button:disabled{cursor:not-allowed;opacity:.5}.operatorButtonRow{flex-wrap:wrap;gap:8px;display:flex}.operatorStatus{color:var(--muted);font-size:13px;line-height:1.45}.operatorQueuePanel{min-height:620px}.operatorMetricGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.operatorQueueList{gap:12px;display:grid}.operatorQueueItem{border:1px solid var(--line);background:#151a18;border-radius:8px;gap:12px;padding:14px;display:grid}.operatorQueueTop{justify-content:space-between;align-items:start;gap:14px;display:flex}.operatorQueueTop div{gap:4px;display:grid}.operatorQueueTop span{color:var(--blue);font-size:12px;font-weight:800}.operatorQueueTop strong{font-size:17px}.operatorQueueItem p{color:var(--foreground);white-space:pre-line;line-height:1.5}.operatorQueueMeta{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;display:grid}.operatorQueueMeta div{border:1px solid var(--line);background:#101412;border-radius:8px;gap:4px;min-width:0;padding:10px;display:grid}.operatorQueueMeta dt{color:var(--muted);font-size:11px;font-weight:800}.operatorQueueMeta dd{overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.35}.emptyState{border:1px dashed var(--line);border-radius:8px;gap:8px;padding:20px;display:grid}.emptyState p{color:var(--muted);line-height:1.5}.status-open{color:#ffd27a;background:#332d1e}.status-acknowledged{color:#9cc8ff;background:#1c2d3a}.status-closed{color:#92f0ad;background:#1d3227}@media (max-width:920px){.operatorLayout{grid-template-columns:1fr}.operatorHero{align-items:start;display:grid}}@media (max-width:680px){.operatorShell{padding:28px 16px}.operatorMetricGrid,.operatorQueueMeta{grid-template-columns:1fr}.operatorQueueTop{display:grid}}
