@layer components{.inbox-page{height:calc(100dvh - var(--app-header-h) - var(--app-frame-y));flex-direction:column;min-height:0;display:flex}.inbox-keys{color:var(--color-content-muted);white-space:nowrap;font-size:12.5px}.inbox-head{border-bottom:1px solid var(--color-line-soft);flex-wrap:wrap;flex:none;align-items:center;gap:12px;min-height:46px;padding:8px 14px 8px 18px;display:flex}.inbox-filters{flex:0 auto;min-width:0}.inbox-seg-count{font-variant-numeric:tabular-nums;color:var(--color-content-muted);margin-left:6px}.inbox-subtitle{color:var(--color-content-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;font-size:13px;overflow:hidden}.inbox-scope{flex:none;margin-left:auto}.inbox-split{flex:1;grid-template-columns:minmax(300px,380px) minmax(0,1fr);min-height:0;display:grid}.inbox-empty{min-height:0;padding-top:var(--spacing-16);flex:1;justify-content:center;display:flex;overflow-y:auto}.inbox-rail{border-right:1px solid var(--color-line-soft);flex-direction:column;min-height:0;display:flex;overflow-y:auto}.inbox-rail-loading,.inbox-pane-loading{gap:var(--spacing-3);padding:var(--spacing-4);flex-direction:column;display:flex}.inbox-pane{background:var(--color-surface-0);flex-direction:column;min-width:0;min-height:0;display:flex}.inbox-list{padding-bottom:var(--spacing-6);flex-direction:column;display:flex}.inbox-group{flex-direction:column;display:flex}.inbox-group-head{color:var(--color-content-muted);align-items:center;gap:6px;margin:0;padding:16px 14px 6px;font-size:12.5px;font-weight:500;display:flex}.inbox-group-count{font-variant-numeric:tabular-nums;color:var(--color-content-muted);font-weight:400}.inbox-row{border-top:1px solid var(--color-line-soft);text-align:left;min-height:52px;transition:background-color var(--duration-fast) ease-out;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 16px 6px 14px;display:grid}.inbox-group-head+.inbox-row{border-top:0}.inbox-row:hover{background:var(--color-accent)}.inbox-row-on{background:var(--color-accent);box-shadow:inset 2px 0 0 var(--color-foreground)}.inbox-tile{background:var(--color-muted-bg);width:28px;height:28px;color:var(--color-content-muted);border-radius:8px;flex:none;place-items:center;display:grid}.inbox-tile svg{width:14px;height:14px}.inbox-tile-needs{background:var(--color-brand-soft);color:var(--color-brand-ink)}.inbox-row-main{flex-direction:column;gap:1px;min-width:0;display:flex}.inbox-row-title{color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.inbox-row-sub{color:var(--color-content-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.inbox-row-brand{background:var(--color-muted-bg);color:var(--color-foreground-lighter);border-radius:4px;margin-right:6px;padding:0 5px;font-weight:500;display:inline-block}.inbox-row-side{flex:none;align-items:center;display:flex}.inbox-row-time{color:var(--color-content-muted);font-variant-numeric:tabular-nums;font-size:12px}.inbox-dot{border-radius:var(--radius-full);background:var(--color-primary);width:8px;height:8px}.thr{background:var(--color-background);flex-direction:column;flex:1;min-height:0;display:flex}.thr-head{border-bottom:1px solid var(--color-line-soft);flex:none;align-items:center;gap:10px;min-height:56px;padding:8px 20px;display:flex}.thr-head-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.thr-title{color:var(--color-foreground);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:13.5px;font-weight:600;overflow:hidden}.thr-sub{color:var(--color-content-muted);font-size:12px}.thr-subject-link{color:var(--color-foreground);flex:none;align-items:center;gap:4px;font-size:13px;font-weight:500;display:inline-flex}.thr-subject-link svg{width:13px;height:13px;color:var(--color-content-muted)}.thr-subject-link:hover svg{color:var(--color-foreground)}.thr-body{gap:var(--spacing-5);flex-direction:column;flex:1;min-height:0;padding:18px 24px 12px;display:flex;overflow-y:auto}.thr-foot{gap:var(--spacing-2);flex-direction:column;flex:none;padding:8px 20px 16px;display:flex}.thr-foot>*{max-width:760px}.thr-msg{gap:var(--spacing-2);flex-direction:column;width:100%;max-width:760px;display:flex}.thr-msg-user{align-items:flex-end;gap:var(--spacing-1)}.thr-bubble{max-width:75%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-lg) var(--radius-lg) var(--radius-sm) var(--radius-lg);background:var(--color-accent);color:var(--color-foreground);font-size:var(--text-sm);line-height:1.5}.thr-msg-agent{align-items:flex-start}.thr-msg-continued{margin-top:calc(var(--spacing-5) * -1 + 10px)}.thr-msg-meta{align-items:center;gap:var(--spacing-2);display:flex}.thr-avatar{border-radius:var(--radius-md);background:var(--color-foreground);width:20px;height:20px;color:var(--color-background);font-size:var(--text-2xs);flex:none;place-items:center;font-weight:600;display:grid}.thr-msg-name{color:var(--color-foreground);font-size:13px;font-weight:500}.thr-msg-at{color:var(--color-content-muted);font-variant-numeric:tabular-nums;font-size:12px}.thr-prose{max-width:72ch;color:var(--color-foreground-lighter);text-wrap:pretty;margin:0;font-size:13.5px;line-height:1.6}.thr-outcome{height:20px;padding:0 var(--spacing-1_5);border-radius:var(--radius-sm);background:var(--color-muted);color:var(--color-muted-fg);font-size:var(--text-xs);align-self:flex-start;align-items:center;font-weight:500;display:inline-flex}.thr-outcome-win{background:color-mix(in oklab, var(--color-up) 14%, transparent);color:var(--color-up)}.thr-outcome-loss{background:color-mix(in oklab, var(--color-down) 14%, transparent);color:var(--color-down)}.thr-outcome-mixed,.thr-outcome-unknown,.thr-outcome-pending{background:var(--color-muted);color:var(--color-muted-fg)}.thr-steps{gap:var(--spacing-1_5);flex-direction:column;align-self:flex-start;display:flex}.thr-steps-toggle{align-items:center;gap:var(--spacing-1_5);color:var(--color-content-muted);cursor:pointer;font-size:12.5px;display:inline-flex}.thr-steps-toggle:hover{color:var(--color-foreground)}.thr-steps-caret{width:12px;height:12px;transition:transform var(--duration-fast) ease-out;flex:none}.thr-steps-caret-open{transform:rotate(90deg)}.thr-steps-list{gap:var(--spacing-1);padding:0 0 0 var(--spacing-1);flex-direction:column;margin:0;list-style:none;display:flex}.thr-steps-item{align-items:flex-start;gap:var(--spacing-1_5);color:var(--color-content-muted);font-size:12.5px;line-height:1.5;display:flex}.thr-steps-tick{width:12px;height:12px;color:var(--color-up);flex:none;margin-top:3px}.thr-proposal{flex-direction:column;gap:12px;width:100%;display:flex}.thr-proposal-reason{max-width:72ch;color:var(--color-foreground);text-wrap:pretty;margin:0;font-size:13.5px;line-height:1.6}.thr-bullets{color:var(--color-foreground-lighter);flex-direction:column;gap:5px;margin:0;padding-left:18px;font-size:13px;line-height:1.55;list-style:outside;display:flex}.thr-bullets li::marker{color:var(--color-content-muted)}.thr-bullet-label{color:var(--color-foreground)}.thr-plan{border-radius:var(--radius-lg);background:var(--color-background);box-shadow:0 0 0 1px var(--color-border);flex-direction:column;padding:2px 14px 4px;display:flex}.thr-plan-head{color:var(--color-content-muted);padding:10px 0 6px;font-size:12.5px;font-weight:500}.thr-plan-row{border-top:1px solid var(--color-line-soft);grid-template-columns:120px minmax(0,1fr);gap:12px;padding:9px 0;font-size:13px;line-height:1.5;display:grid}.thr-plan-key{color:var(--color-content-muted)}.thr-plan-value{color:var(--color-foreground);min-width:0}.thr-check{color:var(--color-content-muted);margin:0;font-size:12.5px}.thr-approval{border-radius:var(--radius-lg);background:var(--color-background);box-shadow:0 0 0 1px var(--color-border-secondary), var(--pop-shadow);flex-direction:column;gap:8px;padding:10px 10px 10px 14px;display:flex}.thr-approval-head{align-items:center;gap:8px;min-width:0;display:flex}.thr-approval-tick{width:14px;height:14px;color:var(--color-content-muted);flex:none}.thr-approval-title{color:var(--color-foreground);white-space:nowrap;font-size:13px;font-weight:600}.thr-approval-meta{color:var(--color-content-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12.5px}.thr-approval-waiting{color:var(--color-content-muted);flex:none;margin-left:auto;font-size:12.5px}.thr-approval-foot{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.thr-kbd{min-width:16px;height:16px;box-shadow:inset 0 0 0 1px color-mix(in oklab, currentColor 35%, transparent);font-family:var(--font-mono);color:inherit;opacity:.8;border-radius:4px;place-items:center;margin-left:6px;padding:0 4px;font-size:10.5px;font-weight:500;line-height:1;display:inline-grid}.thr-done{border-radius:var(--radius-lg);background:var(--color-background);box-shadow:0 0 0 1px var(--color-border);flex-direction:column;gap:6px;padding:10px 12px;display:flex}.thr-done-head{align-items:center;gap:8px;min-width:0;display:flex}.thr-done-icon{width:14px;height:14px;color:var(--color-content-muted);flex:none}.thr-done-title{color:var(--color-foreground);min-width:0;font-size:13px;font-weight:600}.thr-done-meta{color:var(--color-content-muted);white-space:nowrap;flex:none;margin-left:auto;font-size:12.5px}.thr-done-note{color:var(--color-content-muted);margin:0;font-size:12.5px;line-height:1.5}.thr-done-foot{align-items:center;gap:6px;display:flex}.thr-composer{align-items:flex-end;gap:var(--spacing-2);padding:var(--spacing-1_5) var(--spacing-1_5) var(--spacing-1_5) var(--spacing-3);border-radius:var(--radius-lg);background:var(--color-background);box-shadow:0 0 0 1px var(--color-border);transition:box-shadow var(--duration-fast) ease-out;display:flex}.thr-composer:focus-within{box-shadow:0 0 0 1px var(--color-border-secondary)}.thr-reopen{color:var(--color-content-muted);cursor:pointer;text-underline-offset:3px;align-self:flex-start;font-size:12.5px;text-decoration:underline}.thr-reopen:hover{color:var(--color-foreground)}.thr-dock{top:var(--spacing-3);right:var(--spacing-3);bottom:var(--spacing-3);z-index:var(--z-panel);width:min(460px, calc(100vw - var(--spacing-6)));border-radius:var(--radius-lg);background:var(--color-background);box-shadow:0 0 0 1px var(--color-border), var(--pop-shadow);display:flex;position:fixed;overflow:hidden}.thr-dock-inner .thr-body{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);gap:var(--spacing-4)}.thr-dock-inner .thr-foot{padding:var(--spacing-2) var(--spacing-4) var(--spacing-4)}.thr-dock-inner .thr-head{padding:var(--spacing-3) var(--spacing-4)}.thr-dock-inner .thr-approval-meta,.thr-dock-inner .thr-done-meta{display:none}.thr-back{width:28px;height:28px;margin-left:calc(var(--spacing-1) * -1);border-radius:var(--radius-md);color:var(--color-muted-fg);flex:none;place-items:center;display:none}.thr-back:hover{background:var(--color-accent);color:var(--color-foreground)}.thr-back svg{width:16px;height:16px}@media (width<=1100px){.inbox-keys{display:none}}@media (width<=900px){.inbox-head{align-items:stretch;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);flex-wrap:wrap}.inbox-filters,.inbox-scope{scrollbar-width:none;overflow-x:auto}.inbox-filters>*{width:max-content}.inbox-filters button,.inbox-scope button{white-space:nowrap}.inbox-subtitle{flex-basis:100%;order:3}.inbox-scope{margin-left:0}.thr-approval-waiting,.thr-approval-meta,.thr-done-meta,.thr-subject-link,.thr-kbd{display:none}.inbox-split{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.inbox-split>.inbox-rail,.inbox-split>.inbox-pane{grid-area:1/1}.inbox-split[data-view=list] .inbox-pane,.inbox-split[data-view=thread] .inbox-rail{display:none}.thr-back{display:grid}.inbox-rail{border-right:0}.inbox-page{height:auto;min-height:calc(100dvh - var(--app-header-h))}.inbox-split{flex:none}.inbox-rail{overflow-y:visible}.thr-body{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);gap:var(--spacing-4);overflow-y:visible}.thr-foot{z-index:1;background:var(--color-background);padding:var(--spacing-2) var(--spacing-4) calc(var(--spacing-4) + env(safe-area-inset-bottom));position:sticky;bottom:0}.thr-approval-foot>button:first-of-type{margin-left:auto}.thr-plan-row{grid-template-columns:minmax(0,1fr);gap:2px}}}