:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--page);--ink-strong: #030d26;--ink: #242f47;--ink-mid: #404968;--ink-muted: #667085;--ink-cool: #5d6b98;--page: #fcfcfd;--surface: #ffffff;--surface-soft: #f8f8fc;--line: #dcdfea;--brand: #1972f5;--brand-strong: #095ad2;--brand-soft: #e8f1fe;--accent: #955cf4;--focus: #69abf8;--success: #5fac43;--warning: #fdb022;--danger: #d41e1e;--ink-on-dark: #7d89b0;--sidebar: 220px;--list: 380px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--page);color:var(--ink)}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{color:var(--ink-strong);margin:0}p{margin:0}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.app{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:8px;padding:20px 14px;border-right:1px solid var(--line);background:var(--surface)}.brand{display:grid;gap:2px;padding:4px 10px 16px}.brand strong{font-size:15px;letter-spacing:-.02em;color:var(--ink-strong)}.brand span{color:var(--ink-cool);font-size:12px}.sidebar nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:8px;background:transparent;color:var(--ink);text-align:left;padding:8px 10px;transition:background .15s ease,color .15s ease}.nav-item:hover{background:var(--surface-soft)}.nav-item.is-current{background:var(--brand-soft);color:var(--brand-strong);font-weight:600}.nav-item em{font-style:normal;min-width:18px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;padding:0 6px}.who{margin-top:auto;padding:10px;color:var(--ink-muted);font-size:12px}.workspace{display:grid;grid-template-columns:minmax(280px,var(--list)) 1fr;min-width:0;background:var(--page)}.api-banner{grid-column:1 / -1;margin:0;padding:10px 20px;background:#ffeddf;color:#9d4b0f;font-size:13px}.workspace:has(.usage),.workspace:has(.widget-page){grid-template-columns:1fr}.inbox,.usage,.widget-page{min-width:0}.inbox{display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--surface)}.inbox-head,.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:22px 20px 12px}.inbox-head h1,.page-head h1{font-size:20px;letter-spacing:-.02em}.inbox-head p,.page-head p{margin-top:4px;color:var(--ink-muted);font-size:13px}.search input,textarea,.btn-primary,.btn-secondary,.btn-ghost,.chip{border-radius:8px}.search{flex:1;max-width:240px}.search input,textarea{width:100%;border:1px solid var(--line);background:var(--surface);padding:8px 10px}.search input:focus,textarea:focus{border-color:var(--brand)}.filters{display:flex;gap:6px;padding:0 20px 12px}.chip{border:1px solid var(--line);background:var(--surface);color:var(--ink-mid);padding:5px 10px;font-size:13px;transition:background .15s ease,border-color .15s ease,color .15s ease}.chip.is-on{background:var(--brand-soft);border-color:transparent;color:var(--brand-strong);font-weight:600}.rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.row{display:grid;gap:6px;width:100%;border:0;border-bottom:1px solid var(--line);background:var(--surface);text-align:left;padding:14px 20px;transition:background .15s ease}.row:hover{background:var(--surface-soft)}.row.is-selected{background:var(--brand-soft)}.row-top,.row-meta{display:flex;justify-content:space-between;gap:12px}.row-top strong{color:var(--ink-strong);font-size:14px}.row-top time,.row-meta{color:var(--ink-cool);font-size:12px}.row-msg{color:var(--ink-mid);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-meta{justify-content:flex-start;flex-wrap:wrap}.empty{color:var(--ink-muted);padding:28px 20px}.state{display:inline-flex;align-items:center;border-radius:999px;background:var(--surface-soft);color:var(--ink-cool);font-size:11px;font-weight:600;letter-spacing:.01em;padding:2px 7px}.state-waiting_for_support,.state-handoff_offered{background:#f3eaff;color:var(--accent)}.state-with_support,.state-reserved{background:var(--brand-soft);color:var(--brand-strong)}.state-ai_active,.state-captured,.state-detected{background:#e8f6e4;color:#3d7a2f}.state-closed,.state-released{background:var(--surface-soft);color:var(--ink-muted)}.state-is-warn,.is-warn{color:#9d4b0f}.pane{display:flex;flex-direction:column;min-width:0;background:var(--surface);animation:rise .22s ease}@keyframes rise{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.pane-head{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;padding:22px 24px 16px;border-bottom:1px solid var(--line)}.pane-head h2{font-size:18px;letter-spacing:-.02em}.pane-head p{margin-top:4px;color:var(--ink-muted);font-size:13px}.back{display:none;border:0;background:transparent;color:var(--brand-strong);padding:0;font-weight:600}.reason{margin:0;padding:12px 24px;background:#f3eaff;color:#5a28b0;font-size:13px}.thread{display:grid;gap:14px;flex:1;min-height:0;overflow:auto;padding:20px 24px 28px}.bubble{display:grid;gap:6px;max-width:640px}.bubble header{display:flex;justify-content:space-between;gap:12px}.bubble strong{font-size:13px;color:var(--ink-strong)}.bubble time{color:var(--ink-cool);font-size:12px}.bubble p{color:var(--ink);font-size:14px;line-height:1.5}.bubble-ai p,.bubble-system p{color:var(--ink-mid)}.bubble-agent{padding-left:12px;border-left:2px solid var(--brand)}.bubble-system{padding-left:12px;border-left:2px solid var(--line)}.composer{border-top:1px solid var(--line);padding:16px 24px 20px;background:var(--surface-soft)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.assignee,.composer-note{color:var(--ink-muted);font-size:13px}.composer form{display:grid;gap:10px;justify-items:start}.composer textarea{min-height:84px;resize:vertical;background:var(--surface)}.composer-note{padding:8px 0}.btn-primary,.btn-secondary,.btn-ghost{border:1px solid transparent;padding:8px 12px;font-size:13px;font-weight:600;transition:background .15s ease,border-color .15s ease}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-strong)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-secondary:hover{border-color:#12376930}.btn-ghost{background:transparent;color:var(--ink-mid)}.btn-ghost:hover{background:var(--surface)}.pane-empty{display:grid;place-items:center;color:var(--ink-muted);background:var(--page)}.usage,.widget-page{padding:8px 8px 40px}.metrics,.install-meta{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:0 20px 24px;background:var(--line);border:1px solid var(--line)}.metrics div,.install-meta div{background:var(--surface);padding:16px 18px}.metrics dt,.install-meta dt{color:var(--ink-cool);font-size:12px}.metrics dd,.install-meta dd{margin:8px 0 0;color:var(--ink-strong);font-size:22px;letter-spacing:-.03em}.install-meta{grid-template-columns:1fr 1fr}.install-meta dd{font-size:16px;letter-spacing:0}.table{width:calc(100% - 40px);margin:0 20px;border-collapse:collapse;background:var(--surface)}.table caption{caption-side:top;text-align:left;padding:0 0 10px;color:var(--ink-strong);font-weight:600}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;padding:10px 12px;font-size:13px}.table th{color:var(--ink-cool);font-weight:600}.snippet{margin:0 20px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.snippet-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.snippet h2{font-size:14px}.snippet pre{margin:0;overflow:auto;padding:12px;border-radius:8px;background:var(--surface-soft);color:var(--ink);font-size:12px;line-height:1.5}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;gap:12px;padding:12px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 8px 0 4px}.sidebar nav{display:flex;gap:4px}.nav-item{width:auto}.who{display:none}.workspace{grid-template-columns:1fr}.inbox{border-right:0}.pane{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4}.back{display:inline;grid-column:1 / -1}.pane-head{grid-template-columns:1fr auto}.pane-empty{display:none}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:640px){.search{max-width:none}.inbox-head,.page-head{flex-direction:column}}