/* The conversation owns the workspace; assistance is an explicit, temporary layer. */
.inbox{grid-template-columns:256px minmax(0,1fr)}
.conversation .thread{padding-bottom:88px;scroll-padding-bottom:88px}
.conversation .message{max-width:min(88%,72ch)}
.conversation .summary-message{max-width:76ch}
.capsule-slot{position:absolute;right:24px;bottom:190px;z-index:3}
.assistant-capsule{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 17px;border:1px solid oklch(from var(--white) l c h / 0.239);border-radius:28px;background:var(--assistant-capsule-glass);color:var(--plum-100);box-shadow:0 6px 20px oklch(from var(--plum-950) l c h / 0.125);backdrop-filter:blur(16px);font:500 12px/1.3 'Golos Text',sans-serif;cursor:pointer;transition:background-color 160ms,opacity 160ms,transform 220ms cubic-bezier(.2,1.3,.3,1)}
.assistant-capsule>svg{color:var(--mint);flex-shrink:0}
.assistant-capsule:hover{background:var(--assistant-capsule-hover);transform:translateY(-1px)}
.assistant-capsule:active{transform:translateY(0) scale(.975);transition-duration:80ms}
.assistant-capsule:focus-visible{outline:3px solid var(--plum-400);outline-offset:4px}
.capsule-indicator{height:5px;width:5px;border-radius:50%;background:var(--plum-300)}
.assistant-capsule[data-state=ready] .capsule-indicator{background:var(--mint)}
.assistant-capsule[data-state=stale] .capsule-indicator,.assistant-capsule[data-state=error] .capsule-indicator{background:var(--warning-300)}
.assistant-capsule[data-state=working] .capsule-indicator{background:var(--mint);animation:request-dots 1.4s ease-in-out infinite}
.capsule-slot{transition:opacity 120ms ease-out}.capsule-slot[data-open=true]{opacity:0;pointer-events:none}

.copilot-card{--copilot-width:400px;position:fixed;inset:auto;left:var(--copilot-left,24px);bottom:var(--copilot-bottom,24px);width:var(--copilot-width);max-height:var(--copilot-max-height,80dvh);margin:0;padding:0;overflow:hidden;flex-direction:column;border:1px solid oklch(from var(--white) l c h / 0.188);border-radius:16px;background:var(--assistant-card-glass);color:var(--plum-50);box-shadow:0 22px 64px oklch(from var(--plum-950) l c h / 0.239);backdrop-filter:blur(20px) saturate(1.2);color-scheme:dark;opacity:0;clip-path:inset(calc(100% - var(--capsule-height,46px)) 0 0 calc(100% - var(--capsule-width,190px)) round 23px);transform-origin:bottom right;transition:opacity 160ms,clip-path 200ms var(--ease),display 200ms allow-discrete,overlay 200ms allow-discrete}
.copilot-card:popover-open{display:flex;opacity:1;clip-path:inset(0 round 16px);transition-duration:160ms,300ms,300ms,300ms}
.copilot-card::backdrop{background:transparent;pointer-events:none}
@starting-style{.copilot-card:popover-open{opacity:.65;clip-path:inset(calc(100% - var(--capsule-height,46px)) 0 0 calc(100% - var(--capsule-width,190px)) round 23px)}}
.copilot-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px 12px 22px;border-bottom:1px solid oklch(from var(--white) l c h / 0.110);flex-shrink:0}
.copilot-heading{display:flex;gap:10px;align-items:center;min-width:0}
.copilot-heading>svg{color:var(--mint);flex-shrink:0}
.copilot-heading h2{font-size:14px;line-height:1.5;font-weight:500;letter-spacing:-.015em;margin:0}
.copilot-card .copilot-close{display:inline-flex;color:var(--plum-150);min-width:40px;min-height:40px;border-radius:10px;background:transparent}
.copilot-card .copilot-close:hover{background:oklch(from var(--white) l c h / 0.071);color:var(--white)}
.copilot-body{padding:24px;overflow-y:auto;overscroll-behavior:contain;min-height:0;scrollbar-color:var(--plum-400) transparent}
.copilot-body,.copilot-header{opacity:1;transition:opacity 180ms 50ms}
@starting-style{.copilot-card:popover-open .copilot-body,.copilot-card:popover-open .copilot-header{opacity:0}}
.copilot-card h3{font-size:19px;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:0 0 14px}
.copilot-card p{font-size:13px;line-height:1.75;color:var(--plum-200)}
.copilot-card .btn{font-size:12px;min-height:42px;border-radius:9px}
.copilot-card .btn.primary{background:var(--mint);color:var(--success-800);border-color:transparent}
.copilot-card .btn.primary:hover:not(:disabled){background:var(--mint-hover)}
.copilot-card .btn:disabled{opacity:.55;cursor:not-allowed}
.copilot-card :is(button,summary,a):focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.copilot-card ::selection{background:var(--mint);color:var(--mint-800)}
.copilot-card .suggestion{padding:0;margin:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
.copilot-card .suggestion-copy{padding:0}
.copilot-card .suggestion-copy blockquote{padding:0;margin:0;font-size:16px;font-weight:400;line-height:1.7;letter-spacing:-.01em;color:var(--plum-50);white-space:pre-wrap;overflow-wrap:anywhere}
.copilot-card .suggestion-actions{margin:24px 0 22px;display:block}
.copilot-card .suggestion-actions .btn{width:100%;justify-content:center}
.copilot-card :is(.advice-reason,.copilot-sources){font-size:12px;line-height:1.7;color:var(--plum-200);margin:0;border-top:1px solid oklch(from var(--white) l c h / 0.110);padding:0}
.copilot-card details>summary{cursor:pointer;padding:13px 0;min-height:42px;line-height:1.5;list-style-position:inside;color:var(--plum-200)}
.copilot-card details>summary:hover{color:var(--white)}
.copilot-card .advice-reason p{margin:0 0 14px;font-size:12px}
.copilot-sources>summary>span{margin-left:6px;color:var(--plum-200);font-variant-numeric:tabular-nums}
.copilot-card .sources{margin:0 0 12px;padding:0;border:0}
.copilot-card .source-link{padding:0;margin:0;border:0;background:transparent}
.copilot-card .source-name{font-size:12px;font-weight:500;white-space:normal;overflow-wrap:anywhere}
.copilot-card .source-quote{margin:0 0 16px;font-size:12px;line-height:1.75;color:var(--plum-200)}
.copilot-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin:8px -8px -8px}
.copilot-card .btn.ghost{color:var(--plum-200);background:transparent;padding:8px}
/* Ghost actions stay borderless; on touch the tap that opened the card must not leave one looking pressed. */
.copilot-card .btn.ghost,.copilot-card .btn.ghost:hover{border-color:transparent}
@media(hover:hover){.copilot-card .btn.ghost:hover:not(:disabled){background:oklch(from var(--white) l c h / 0.047);color:var(--white)}}

.copilot-pending{padding:10px 0 18px;min-height:170px}
.copilot-pending p{margin:0;max-width:31ch}
.copilot-pending .request-orbit{margin-bottom:20px}
.copilot-empty{padding:8px 0 12px}
.copilot-empty>svg{color:var(--mint);margin-bottom:20px}
.copilot-empty .btn{margin-top:20px;background:oklch(from var(--white) l c h / 0.071);color:var(--white);border-color:oklch(from var(--white) l c h / 0.133)}
.copilot-stale{display:flex;align-items:flex-start;gap:9px;padding:0 0 20px;color:var(--warning-300)}
.copilot-stale>svg{flex-shrink:0;margin-top:3px}
.copilot-stale p{margin:0;color:var(--warning-300);font-size:12px}
.copilot-error{padding:0 0 22px}
.copilot-error strong{display:block;font-weight:500;font-size:17px;line-height:1.5;color:var(--danger-100)}
.copilot-error p{margin:10px 0 16px;overflow-wrap:anywhere}
.copilot-error .btn{background:oklch(from var(--white) l c h / 0.063);color:var(--white);border-color:oklch(from var(--white) l c h / 0.149)}
.copilot-caution{font-size:12px!important;margin-top:18px;color:var(--warning-300)!important}
/* Actions finish at the editable draft; undo lives outside its compact toolbar. */
.copilot-knowledge{border-top:1px solid var(--assistant-divider,oklch(from var(--white) l c h / 0.110));padding:14px 0 18px}
.copilot-knowledge .btn.ghost{padding-left:0;text-decoration:underline;text-underline-offset:4px}
.copilot-primary-action{margin:4px 0 8px}
.copilot-primary-action .btn{width:100%;justify-content:center}
.draft-feedback:empty{display:none}
.draft-feedback{display:flex;align-items:center;justify-content:space-between;gap:6px 16px;flex-wrap:wrap;padding:8px 0 0;font-size:12px;line-height:1.5;color:var(--muted)}
.draft-feedback .btn{font-size:12px;min-height:40px;padding:8px 4px;color:var(--green);flex-shrink:0}
.compose-toolbar :is(button:disabled){opacity:.42;cursor:not-allowed;transform:none}
:is(#record-button,.suggestion-actions .btn,.copilot-primary-action .btn){transition:background-color 160ms,transform 220ms cubic-bezier(.2,1.3,.3,1)}
:is(#record-button,.suggestion-actions .btn,.copilot-primary-action .btn):active:not(:disabled){transform:scale(.97);transition-duration:80ms}
@media(min-width:1650px){.inbox{grid-template-columns:284px minmax(0,1fr)}}
@media(max-width:1199px){.inbox{grid-template-columns:230px minmax(0,1fr)}}
@media(max-width:850px){.inbox{grid-template-columns:210px minmax(0,1fr)}.capsule-slot{right:16px}}
@media(max-width:650px){.capsule-slot{right:14px}.assistant-capsule{font-size:12px;min-height:44px}.conversation .thread{padding-bottom:78px}.copilot-header{padding-left:20px}.copilot-body{padding:20px}.copilot-card .suggestion-copy blockquote{font-size:15px}.conversation .message{max-width:94%}}
@media(prefers-reduced-motion:reduce){.assistant-capsule[data-state=working] .capsule-indicator{animation:none}.assistant-capsule:hover,.assistant-capsule:active,#record-button:active,.suggestion-actions .btn:active,.copilot-primary-action .btn:active{transform:none}.capsule-slot{transition:none}.copilot-card{clip-path:none;transition:none}.copilot-card:popover-open{clip-path:none}.copilot-card:popover-open .copilot-body,.copilot-card:popover-open .copilot-header{opacity:1}}

/* Routine success is quiet; exceptions and explicit actions stay visible. */
.connection-status[hidden],#draft-status[hidden]{display:none}
.conversation-header{border-bottom:1px solid var(--line)}
.client-preview{margin-top:5px}
.conversations .clients{padding-top:14px}
.draft-feedback{justify-content:flex-end}
.copilot-heading h2.sr-only{margin:0}
.copilot-body>.copilot-knowledge:first-child{border-top:0;padding-top:0}
@media(max-width:650px){.conversation .compose-hint:not(:has(#draft-status:not([hidden]))){display:none}}

.compose-hint{justify-content:flex-end}
#draft-status{margin-right:auto}

.conversation .compose-hint:has(#draft-status[hidden]){display:none}

/* Answer structure follows content; no extra panel titles or fixed template. */
.ai-prose{white-space:normal;overflow-wrap:anywhere}
.ai-prose p{margin:0 0 12px}
.ai-prose p:last-child,.ai-prose :is(ul,ol):last-child{margin-bottom:0}
.ai-prose :is(ul,ol){padding-left:21px;margin:10px 0 14px}
.ai-prose li{padding-left:3px}
.ai-prose li+li{margin-top:7px}
.ai-prose strong{font-weight:600}
.ai-prose code{font-family:ui-monospace,monospace;font-size:.92em}
.copilot-card blockquote.ai-prose{white-space:normal}
.copilot-card .ai-prose li::marker{color:var(--mint)}
.copilot-card .advice-reason .ai-prose{padding-bottom:14px}
.copilot-card .advice-reason .ai-prose p:last-child{margin-bottom:0}
.copilot-card blockquote.ai-prose :is(p,li){font-size:inherit;line-height:inherit;color:inherit}
.copilot-card blockquote.ai-prose p{margin:0 0 12px}
.copilot-card blockquote.ai-prose p:last-child{margin-bottom:0}