#rcChatNav,#rcChatInspector,#rcChatControls{display:none}
body.rc-chat-active #conversationSurface{inset:0;width:100%;max-width:none;height:100dvh;display:grid!important;grid-template-columns:240px minmax(320px,1fr) 350px;border:0;border-radius:0;transform:none;box-shadow:none;z-index:60}
body.rc-chat-active #focusNav,body.rc-chat-active #conversationStage,body.rc-chat-active #chatClose{display:none!important}
body.rc-chat-active #rcChatNav,body.rc-chat-active #rcChatInspector{display:flex;flex-direction:column;min-width:0;background:var(--bg,#f7f8f7);padding:18px;gap:14px;overflow:hidden}
body.rc-chat-active #rcChatNav{border-right:1px solid var(--border)}
body.rc-chat-active #rcChatInspector{border-left:1px solid var(--border);padding:0;gap:0}
body.rc-chat-active .focus-main{min-width:0;min-height:0;width:100%;display:flex;flex-direction:column}
body.rc-chat-active #rcChatControls{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
#rcChatProvider{font-size:12px;color:var(--muted,#68706a);margin-right:auto}
#rcChatMenu,#rcChatPanelClose{display:none}
.rc-chat-home{display:flex;align-items:center;gap:12px;border:0!important;background:none!important;text-align:left;font-size:23px;font-weight:700;padding:8px 0}
.rc-chat-home span{font-size:13px;font-weight:500}
#rcChatNav input,.rc-chat-tools>input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:inherit}
.rc-chat-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:5px}
.rc-chat-item{display:flex;flex-direction:column;gap:5px;text-align:left;padding:13px 10px;border:0;border-radius:9px;background:transparent;color:inherit;min-width:0}
.rc-chat-item strong{font-size:13px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-chat-item small,.rc-chat-file small,.rc-chat-reference small,.rc-chat-history small,.rc-chat-capability small{display:block;color:var(--muted,#69716c);font-size:11px}
.rc-chat-item.selected{background:var(--surface-2);color:var(--text)}
#rcChatInspector>header{display:flex;align-items:center;justify-content:space-between;padding:22px 20px 12px;font-size:14px}
.rc-chat-tabs{display:flex;gap:5px;padding:8px 16px;border-bottom:1px solid var(--border)}
.rc-chat-tabs button{flex:1;border:0;border-radius:6px;padding:9px;background:transparent;color:inherit;font-size:12px}
.rc-chat-tabs button[aria-pressed=true]{background:var(--surface-2);box-shadow:0 1px 4px #0001}
#rcChatPanelBody{overflow:auto;flex:1;padding:18px;min-height:0}
.rc-chat-panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:12px}
.rc-chat-file,.rc-chat-reference,.rc-chat-history article,.rc-chat-capability{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;padding:15px;margin-bottom:12px;min-width:0}
.rc-chat-file>button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:inherit;text-align:left;padding:0;max-width:100%}
.rc-chat-file strong{font-size:13px;overflow-wrap:anywhere}.rc-chat-file>small{margin:10px 0}
.rc-chat-file-icon{font-size:9px;letter-spacing:.04em;padding:10px 6px;border-radius:5px;background:var(--surface-2);color:var(--text)}
.rc-chat-file div,.rc-chat-reference div{display:flex;gap:10px;flex-wrap:wrap}
#rcChatPanelBody button,.rc-chat-upload button,.rc-chat-history button,.rc-chat-capability button{font-size:12px;border:0;background:transparent;color:var(--text);padding:5px 0;text-align:left;cursor:pointer}
.rc-chat-empty{padding:40px 8px;color:var(--muted,#69716c);font-size:13px;line-height:1.65;text-align:center}
.rc-chat-empty strong{color:var(--text);font-size:16px;font-weight:550}
.rc-chat-preview-heading{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:20px;font-size:13px}.rc-chat-preview-heading strong{flex-basis:100%;overflow-wrap:anywhere}.rc-chat-preview-heading button{margin-left:auto}
#rcChatPreviewContent{font-size:13px;line-height:1.6;color:var(--muted,#69716c)}#rcChatPreviewContent img{display:block;max-width:100%;height:auto;box-shadow:0 2px 12px #0001;background:white}#rcChatPreviewContent pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px}
.rc-chat-page-controls{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-bottom:12px}.rc-chat-page-controls button:disabled{opacity:.3}
.rc-chat-upload{padding:12px 18px;border-bottom:1px solid var(--border);font-size:12px;display:grid;gap:6px}.rc-chat-upload progress{width:100%;accent-color:var(--accent)}.rc-chat-upload strong{overflow-wrap:anywhere}
.rc-chat-dialog{width:min(620px,calc(100vw - 28px));max-height:85dvh;overflow:auto}.rc-chat-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--border)}.rc-chat-dialog h2{font-size:18px;margin:0}.rc-chat-dialog>header button{background:transparent;border:0;font-size:24px;color:inherit}.rc-chat-dialog .workspace-form,.rc-chat-tools,.rc-chat-history,.rc-chat-reference-history{padding:22px}.rc-chat-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rc-chat-note{font-size:12px;color:var(--muted,#69716c);line-height:1.5}.rc-chat-tools{display:grid;gap:15px}.rc-chat-tools footer{display:flex;justify-content:space-between}.rc-chat-tools label{font-size:12px}.rc-chat-capability p{font-size:12px;color:var(--muted,#69716c)}.rc-chat-capability label{display:flex;gap:8px;margin:12px 0}.rc-chat-history article button{margin-right:15px}.rc-chat-history small{margin:7px 0}.rc-chat-reference-list{display:grid;gap:7px;max-height:50vh;overflow:auto}.rc-chat-reference-list button{display:flex;flex-direction:column;gap:7px;text-align:left;padding:13px;color:inherit;border:1px solid var(--border);border-radius:7px;background:var(--surface-2)}.rc-chat-reference-history p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}
@media(max-width:1150px){body.rc-chat-active #conversationSurface{grid-template-columns:210px minmax(320px,1fr)}body.rc-chat-active #rcChatInspector{display:none;position:fixed;right:0;top:0;bottom:0;width:350px;z-index:80;box-shadow:-10px 0 30px #0002}body.rc-chat-active.rc-chat-panel-open #rcChatInspector{display:flex}#rcChatPanelClose{display:block}}
@media(max-width:760px){body.rc-chat-active #conversationSurface{grid-template-columns:minmax(0,1fr)}body.rc-chat-active #rcChatNav{display:none;position:fixed;left:0;top:0;bottom:0;width:260px;z-index:80;box-shadow:10px 0 30px #0002}body.rc-chat-active.rc-chat-nav-open #rcChatNav{display:flex}#rcChatMenu{display:block}body.rc-chat-active #rcChatInspector{width:min(100vw,380px)}body.rc-chat-active #rcChatControls{gap:5px}body.rc-chat-active #rcChatControls button{font-size:11px;padding:7px}body.rc-chat-active .composer-wrap{min-width:0}.rc-chat-form-grid{grid-template-columns:1fr}.rc-chat-dialog .workspace-form{padding:18px}}

/* Chat navigation has real destinations; ordinary clicks retain local drafts and uploads. */
.rc-chat-home,.rc-chat-item,#rcChatControl{text-decoration:none;color:inherit}
.rc-chat-item:hover{background:var(--surface-2)}
#rcChatWelcome{display:none}
body.rc-chat-home-view #conversationSurface{grid-template-columns:240px minmax(0,1fr)}
body.rc-chat-home-view .focus-main,body.rc-chat-home-view #rcChatInspector{display:none!important}
body.rc-chat-home-view #rcChatWelcome{display:flex;flex-direction:column;min-width:0;overflow:auto;padding:28px;background:var(--bg)}
.rc-chat-welcome-copy{margin:auto;text-align:center;max-width:420px;padding:30px 0 80px}
.rc-chat-welcome-copy>svg{width:34px;height:34px;color:var(--accent);margin-bottom:20px}
.rc-chat-welcome-copy h1{font-size:28px;font-weight:550;letter-spacing:-.8px;line-height:1.2;margin:0 0 14px}
.rc-chat-welcome-copy p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 24px}
#rcChatWelcomeMenu{display:none;align-self:flex-start}
.rc-chat-item:focus-visible,.rc-chat-dialog button:focus-visible,.rc-chat-dialog a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

/* Shared dialog frame: one header, one scrolling body, consistent spacing. */
.rc-chat-dialog{padding:0;box-sizing:border-box;max-width:620px;width:calc(100vw - 32px);max-height:calc(100dvh - 48px);border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:16px;box-shadow:0 24px 80px #0003}
.rc-chat-dialog>header{padding:20px 24px 16px;position:sticky;top:0;background:var(--bg);z-index:1;border-bottom:1px solid var(--border)}
.rc-chat-dialog>header h2{font-size:17px;line-height:1.4;letter-spacing:-.3px;font-weight:600}
.rc-chat-dialog>header button{font-size:23px;width:30px;height:30px;padding:0;border-radius:7px;color:var(--muted)}
.rc-chat-dialog>header button:hover{background:var(--surface-2);color:var(--text)}
.rc-chat-dialog .workspace-form{display:grid;gap:16px;padding:24px}
.rc-chat-dialog .workspace-form>label{display:grid;gap:7px;font-size:12px}
.rc-chat-dialog input:not([type=checkbox]),.rc-chat-dialog select,.rc-chat-dialog textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid var(--border);background:var(--bg);color:var(--text);font:inherit;font-size:13px;padding:10px 12px;border-radius:8px}
.rc-chat-dialog input:focus-visible,.rc-chat-dialog select:focus-visible,.rc-chat-dialog textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.rc-chat-dialog button:disabled{cursor:default;opacity:.5}
.rc-chat-actions-dialog{max-width:370px}
.rc-chat-action-title{margin:0;padding:16px 22px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rc-chat-action-list{padding:6px 10px 12px;display:grid;gap:2px}
.rc-chat-action-list>button{display:flex;align-items:center;gap:14px;width:100%;padding:13px 12px;border:0;border-radius:9px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.rc-chat-action-list>button:hover{background:var(--surface-2)}
.rc-chat-action-list svg{width:19px;height:19px;flex:none;color:var(--muted)}
.rc-chat-action-list svg:last-child:not(:first-child){width:15px;margin-left:auto}
.rc-chat-action-list span{min-width:0;display:grid;gap:4px}
.rc-chat-action-list strong{font-size:13px;font-weight:500}
.rc-chat-action-list small{font-size:11px;color:var(--muted);line-height:1.4}
.rc-chat-action-list [data-archive]{border-top:1px solid var(--border);border-radius:0 0 9px 9px;margin-top:6px;padding-top:17px}

.rc-chat-tools-dialog{max-width:760px;overflow:hidden}
.rc-chat-tools{display:flex;flex-direction:column;padding:0;gap:0;max-height:calc(100dvh - 122px);min-height:0}
.rc-tools-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr);gap:20px;align-items:end;padding:20px 24px 16px}
.rc-tools-toolbar label{display:grid;gap:7px;font-size:11px;color:var(--muted);font-weight:500}
.rc-chat-tools .rc-chat-tabs{padding:0 24px 12px;gap:6px;border:0}
.rc-chat-tools .rc-chat-tabs button{flex:none;display:flex;align-items:center;gap:9px;padding:8px 12px;font-size:12px;color:var(--muted);border:1px solid transparent;border-radius:8px}
.rc-chat-tools .rc-chat-tabs button[aria-pressed=true]{background:var(--surface-2);color:var(--text);border-color:var(--border);box-shadow:none;font-weight:550}
.rc-chat-tabs button span{font-size:10px;opacity:.65;font-variant-numeric:tabular-nums}
.rc-chat-dialog .rc-tools-help{margin:0;padding:0 24px 16px;font-size:11px}
#rcToolsList{padding:0 24px;overflow:auto;min-height:100px;flex:1;overscroll-behavior:contain}
.rc-chat-capability{padding:16px;margin:0 0 10px;border:1px solid var(--border);border-radius:10px;background:var(--bg)}
.rc-capability-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.rc-capability-heading strong{font-size:13px;font-weight:550;overflow-wrap:anywhere;min-width:0}
.rc-tool-state{flex:none;padding:3px 7px;border-radius:5px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:500}
.rc-tool-state.ready{background:color-mix(in srgb,var(--accent) 10%,var(--bg));color:var(--accent)}
.rc-chat-capability p{margin:8px 0 0;font-size:12px;line-height:1.6;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.rc-capability-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;min-height:32px}
.rc-chat-capability label{display:flex;align-items:center;gap:8px;margin:0;font-size:11px;color:var(--muted);cursor:pointer}
.rc-chat-capability input[type=checkbox]{width:14px;height:14px;margin:0;accent-color:var(--accent);flex:none}
.rc-chat-capability .cr-secondary{padding:6px 10px;min-height:30px;border:1px solid var(--border);border-radius:7px;background:var(--bg);color:var(--text);font-size:11px}
.rc-chat-tools footer{padding:16px 24px;display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--border);background:var(--bg);flex-wrap:wrap}
#rcToolsRequired{margin-right:auto;font-size:11px;color:var(--muted)}
.rc-chat-dialog .rc-tools-error{font-size:12px;padding:10px 12px;border-radius:8px;background:var(--surface-2);color:var(--muted);overflow-wrap:anywhere;white-space:pre-wrap}

.rc-reference-picker{padding:20px 24px 24px;display:grid;gap:18px}
.rc-chat-reference-list{display:block;max-height:55dvh;overflow:auto;overscroll-behavior:contain}
.rc-reference-group+.rc-reference-group{margin-top:20px}
.rc-reference-group h3{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;color:var(--muted);margin:0;padding:0 10px 9px;border-bottom:1px solid var(--border);overflow-wrap:anywhere}
.rc-reference-group h3 span{margin-left:auto;font-weight:400;font-size:10px}
.rc-chat-reference-list .rc-reference-group button{width:100%;flex-direction:row;align-items:center;gap:12px;padding:13px 10px;margin:2px 0;border:0;border-radius:7px;background:transparent}
.rc-reference-group button:hover{background:var(--surface-2)}
.rc-reference-group button svg{width:16px;height:16px;flex:none;color:var(--muted)}
.rc-reference-group button strong{font-size:12px;font-weight:450;line-height:1.5;overflow-wrap:anywhere}
.rc-reference-group button span{margin-left:auto;flex:none;font-size:10px;color:var(--muted)}
.rc-reference-group button[aria-pressed=true]{background:var(--surface-2);box-shadow:inset 2px 0 var(--accent)}
.rc-reference-picker>footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid var(--border);padding-top:16px}
.rc-reference-picker>footer>span{margin-right:auto;color:var(--muted);font-size:11px}
.rc-chat-new-options{border:1px solid var(--border);border-radius:10px;padding:0 14px}.rc-chat-new-options>summary{cursor:pointer;padding:13px 0;font-size:12px;font-weight:600}.rc-chat-new-options>.rc-chat-form-grid{padding:4px 0 14px}
@media(max-width:760px){
  body.rc-chat-home-view #conversationSurface{grid-template-columns:minmax(0,1fr)}
  #rcChatWelcomeMenu{display:inline-flex}
  .rc-chat-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:14px}
  .rc-chat-dialog>header{padding:16px 18px 12px}
  .rc-chat-dialog .workspace-form{padding:18px}
  .rc-chat-tools{max-height:calc(100dvh - 86px)}
  .rc-tools-toolbar{padding:16px 18px 12px;grid-template-columns:1fr;gap:12px}
  .rc-chat-tools .rc-chat-tabs{padding:0 18px 12px}
  .rc-chat-dialog .rc-tools-help{padding:0 18px 12px}
  #rcToolsList{padding:0 18px}
  .rc-chat-tools footer{padding:12px 18px;gap:7px}
  .rc-chat-tools footer button{font-size:11px;padding:7px 9px}
  .rc-reference-picker{padding:16px 18px 18px}
  .rc-chat-dialog input:not([type=checkbox]),.rc-chat-dialog select{font-size:16px}
}

.rc-chat-tabs button[aria-pressed=true]{color:var(--text)}
#rcChatPanelBody button:hover{text-decoration:underline;text-underline-offset:3px}
#rcChatPanelBody button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.rc-chat-file small,.rc-chat-reference small,.rc-chat-history small,.rc-chat-capability small{color:var(--text)}
.rc-chat-tabs button[aria-pressed=true]{box-shadow:inset 0 -2px var(--text);font-weight:600}
@media(max-width:650px){
  body.rc-chat-active #rcChatControls{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:4px;margin:0 0 6px;padding:0 2px}
  body.rc-chat-active #rcChatControls::-webkit-scrollbar{display:none}
  body.rc-chat-active #rcChatControls button{padding:5px 9px;font-size:11px;white-space:nowrap;min-height:28px;flex:none}
  body.rc-chat-active #rcChatProvider{display:none}
  body.rc-chat-active #rcChatMenu{display:none}
  body.rc-chat-active #rcChatControls .cr-icon{width:28px;height:28px;min-height:28px;padding:4px}
}

/* The Bot: a badge on its chat row and header, its header actions, and the /bot setup card. */
.rc-bot-badge{display:inline-flex;align-items:center;gap:4px;flex:none;padding:0 7px;border-radius:999px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-size:11px;font-weight:600;line-height:18px;letter-spacing:.01em;vertical-align:1px}
.rc-bot-badge .ic{width:12px;height:12px}
.rc-chat-item .rc-bot-badge{margin-right:7px}
#rcBotSetup{display:none}
body.rc-bot-setup #rcChatNav,body.rc-bot-setup #rcChatWelcome{display:none!important}
body.rc-bot-setup #conversationSurface{grid-template-columns:minmax(0,1fr)}
body.rc-bot-setup #rcBotSetup{position:relative;isolation:isolate;display:flex;flex:1;flex-direction:column;min-width:0;overflow:auto;padding:28px;background:var(--bg)}
.rc-bot-card{position:relative;margin:auto;width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:30px 0 80px}
.rc-bot-card>.bot-orb{margin:0 auto 8px}
.rc-bot-card h1{font-size:28px;font-weight:550;letter-spacing:-.8px;line-height:1.2;margin:0 0 4px}
.rc-bot-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}
.rc-bot-time{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:13px;font-weight:550;color:var(--text)}
.rc-bot-time input{width:9em;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);color:inherit;font:inherit;font-weight:400}
.rc-bot-tz{font-size:12px;color:var(--muted);margin-top:-6px}
.rc-bot-card .rc-bot-error{color:#e5484d;font-size:13px}
.rc-bot-card .rc-bot-error:empty{display:none}
.rc-bot-card button[type=submit]{margin-top:6px}
@media(max-width:480px){body.rc-bot-setup #rcBotSetup{padding:20px}.rc-bot-card h1{font-size:24px}}

/* The Bot's look: a sky / cyan / peach orb. Violet is --bgwork and the state colours stay theirs, so none of them appear here. */
body.rc-bot-chat .stream-status{display:none!important}
body.rc-bot-chat:not(.rc-bot-system-history) #chat>.bot-system-notice{display:none!important}
.rcb-system-history{display:block;width:100%;margin:8px 0 14px;padding:9px 12px;min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font:inherit;font-size:13px;text-align:left;cursor:pointer}
.rcb-system-history:hover:not(:disabled){background:var(--surface-2)}
.rcb-system-history:disabled{color:var(--muted);cursor:default}
.rcb-system-history:focus-visible{outline:2px solid var(--bot-1);outline-offset:2px}
/* Shown system rows stay in their place, subdued so they read as system rows. */
body.rc-bot-chat.rc-bot-system-history #chat>.bot-system-notice{opacity:.6}
/* With the trigger and tool rows hidden, a reply that had tools after it gets its normal footer back. */
body.rc-bot-chat:not(.rc-bot-system-history) #chat>.msg.assistant:has(+ .act.bot-system-notice){margin-bottom:26px}
body.rc-bot-chat:not(.rc-bot-system-history) #chat>.msg.assistant:has(+ .act.bot-system-notice)>.mmeta{position:static;margin-top:4px}
#rcBotSystemPill{display:none}
body.rc-bot-chat.rc-bot-system-history #rcBotSystemPill{display:flex;align-items:center;justify-content:center;gap:6px;width:max-content;max-width:100%;box-sizing:border-box;margin:0 auto 8px;padding:3px 4px 3px 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:12.5px;line-height:1.3}
#rcBotSystemPill button{min-height:30px;padding:4px 10px;border:0;border-radius:999px;background:none;color:var(--link,var(--accent));font:inherit;font-weight:600;cursor:pointer}
#rcBotSystemPill button:hover{background:var(--bg)}
#rcBotSystemPill button:focus-visible{outline:2px solid var(--bot-1);outline-offset:1px}
/* The morning brief's reply: the sunrise pill of the brief's own sender line, in place of "Claude". */
.msg.assistant.bot-brief-reply>.role>.bot-role-name{display:none}
/* The label is wider than "Claude": its copy/time row stays a footer, never beside it on the role line. */
body.rc-bot-chat #chat>.msg.assistant.bot-brief-reply>.mmeta{position:static;margin-top:4px}
.bot-brief-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:9px;background:linear-gradient(90deg,color-mix(in srgb,var(--bot-3) 32%,transparent),color-mix(in srgb,var(--bot-1) 7%,transparent) 85%);color:var(--text);font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.3}
.bot-brief-tag svg{width:13px;height:13px;flex:none;color:color-mix(in srgb,var(--bot-3) 60%,var(--text));animation:bot-orbit 40s linear infinite}
:root{--bot-1:#4c8dff;--bot-2:#34c8e8;--bot-3:#ffb59a;--bot-ink:#16324f;--bot-orb:radial-gradient(circle at 31% 24%,#fffc 0,#fff0 30%),radial-gradient(circle at 70% 82%,#0f2d6b2e,#0f2d6b00 55%),conic-gradient(from 210deg,var(--bot-1),var(--bot-2),var(--bot-3),var(--bot-1));--bot-aurora-a:16%}
html[data-theme=dark]{--bot-1:#6ea2ff;--bot-2:#52d4ee;--bot-3:#ffc3ab;--bot-aurora-a:13%}
.bot-orb{position:relative;display:inline-block;flex:none;width:var(--s,28px);height:var(--s,28px);vertical-align:middle;border-radius:50%;animation:bot-breathe 5s ease-in-out infinite}
.bot-orb::before{content:"";position:absolute;inset:-22%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--bot-2) 55%,transparent),transparent 68%);opacity:.4;animation:bot-glow 5s ease-in-out infinite;pointer-events:none}
.bot-orb::after{content:"";position:absolute;inset:-13%;border-radius:50%;border:max(1.5px,calc(var(--s) * .035)) solid transparent;border-top-color:var(--bot-2);border-right-color:color-mix(in srgb,var(--bot-3) 70%,transparent);opacity:0;transition:opacity .3s;pointer-events:none}
.bot-orb .bo-body{position:absolute;inset:0;border-radius:50%;background:var(--bot-orb)}
.bot-orb .bo-eyes{position:absolute;left:50%;top:43%;width:calc(var(--s) * .46);margin-left:calc(var(--s) * -.23);display:flex;justify-content:space-between;translate:var(--lx,0px) var(--ly,0px);transition:translate .14s ease-out}
.bot-orb .bo-eyes b{box-sizing:border-box;width:calc(var(--s) * .12);height:calc(var(--s) * .17);border-radius:50%;background:var(--bot-ink);animation:bot-blink 5.2s infinite;animation-delay:calc(var(--d,0s) * -1)}
.bot-orb .bo-eyes b+b{animation-delay:calc(var(--d,0s) * -1 + .07s)}
.bot-orb[data-state=working]::after{opacity:1;animation:bot-orbit 1.3s linear infinite}
.bot-orb[data-state=working]::before{animation-duration:1.8s;opacity:.7}
.bot-orb[data-state=working] .bo-eyes{animation:bot-think 2.6s ease-in-out infinite}
.bot-orb.happy{animation:bot-hop 1.5s ease-out both}
.bot-orb.happy .bo-eyes b{background:none;height:calc(var(--s) * .09);border:calc(var(--s) * .04) solid var(--bot-ink);border-bottom:0;border-radius:99px 99px 0 0;animation:none}
.rc-bot-badge:has(.bot-orb){padding-left:3px}.rc-bot-badge .bot-orb{margin:0 1px 0 0}
.rc-chat-item strong>.bot-orb{margin-right:6px}
@keyframes bot-breathe{50%{transform:scale(1.04)}}
@keyframes bot-glow{50%{opacity:.75;transform:scale(1.08)}}
@keyframes bot-blink{0%,92%,100%{transform:scaleY(1)}95%{transform:scaleY(.12)}}
@keyframes bot-orbit{to{transform:rotate(360deg)}}
@keyframes bot-think{0%,100%{transform:translate(0,0)}30%{transform:translate(calc(var(--s) * .05),calc(var(--s) * -.04))}65%{transform:translate(calc(var(--s) * -.05),calc(var(--s) * -.02))}}
@keyframes bot-hop{0%,100%{transform:translateY(0) scale(1)}25%{transform:translateY(calc(var(--s) * -.22)) scale(1.04,.98)}45%{transform:translateY(0) scale(1.06,.92)}60%{transform:translateY(calc(var(--s) * -.08))}75%{transform:translateY(0)}}
@keyframes bot-rise{from{opacity:0;transform:translateY(10px)}}
@keyframes bot-drift{50%{transform:translate3d(4%,3%,0) scale(1.06)}}
html.bot-hidden *,html.bot-hidden *::before,html.bot-hidden *::after{animation-play-state:paused!important}
/* Aurora: three faint static radial layers on a clipped wrapper; only a transform drifts. */
.bot-aurora{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}
.bot-aurora::before{content:"";position:absolute;inset:-12%;background:radial-gradient(42% 46% at 22% 28%,color-mix(in srgb,var(--bot-1) var(--bot-aurora-a),transparent),transparent 70%),radial-gradient(40% 44% at 80% 24%,color-mix(in srgb,var(--bot-2) var(--bot-aurora-a),transparent),transparent 70%),radial-gradient(44% 40% at 56% 66%,color-mix(in srgb,var(--bot-3) var(--bot-aurora-a),transparent),transparent 70%);animation:bot-drift 22s ease-in-out infinite}
/* Hero for an empty Bot chat: a sibling of the thread, never over the composer. */
#rcBotHero{display:none}
body.rc-bot-empty #rcBotHero{position:relative;isolation:isolate;overflow:hidden;flex:1 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;padding:36px 20px 48px}
body.rc-bot-empty .scroll{display:flex;flex-direction:column}
body.rc-bot-empty #chat{padding:0}
#rcBotHero .bot-orb{margin-bottom:14px}
#rcBotHero h2{margin:0;font-size:27px;font-weight:550;letter-spacing:-.7px;line-height:1.2}
#rcBotHero p{margin:0;font-size:15px;color:var(--muted)}
.rc-bot-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px;max-width:480px}
.rc-bot-chip{border:1px solid var(--border-strong);background:color-mix(in srgb,var(--bg) 88%,transparent);color:var(--text);border-radius:999px;padding:8px 14px;font-size:13px;line-height:1.3;transition:transform .18s,border-color .18s,background-color .18s}
.rc-bot-chip:hover{transform:translateY(-1px);border-color:var(--bot-1);background:color-mix(in srgb,var(--bot-1) 9%,var(--bg))}
.rc-bot-chip:focus-visible{outline:2px solid var(--bot-1);outline-offset:2px}
#rcBotHero h2{animation:bot-rise .6s .1s both}
#rcBotHero p{animation:bot-rise .6s .18s both}
.rc-bot-chip{animation:bot-rise .55s both}
.rc-bot-chip:nth-child(1){animation-delay:.3s}.rc-bot-chip:nth-child(2){animation-delay:.38s}.rc-bot-chip:nth-child(3){animation-delay:.46s}.rc-bot-chip:nth-child(4){animation-delay:.54s}
/* Setup card: orb, staggered entrance, a sheen on Enable. */
.rc-bot-card>:not(.bot-orb){animation:bot-rise .6s both}
.rc-bot-card>:nth-child(2){animation-delay:.08s}.rc-bot-card>:nth-child(3){animation-delay:.16s}.rc-bot-card>:nth-child(4){animation-delay:.24s}.rc-bot-card>:nth-child(5){animation-delay:.32s}.rc-bot-card>:nth-child(6){animation-delay:.38s}.rc-bot-card>:nth-child(7){animation-delay:.42s}.rc-bot-card>:nth-child(8){animation-delay:.46s}
.rc-bot-card button[type=submit]{position:relative;overflow:hidden}
.rc-bot-card button[type=submit]::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff5 50%,transparent 65%);transform:translateX(-110%);pointer-events:none}
.rc-bot-card button[type=submit]:hover:not(:disabled)::after{transform:translateX(110%);transition:transform .7s ease}
/* Persistent chat visuals: a small orb beside each reply, sunrise and bell on the gateway's own prompts. */
body.rc-bot-chat #chat>.msg.assistant{position:relative;padding-left:34px}
body.rc-bot-chat #chat>.msg.assistant::before{content:"";position:absolute;left:0;top:-1px;width:22px;height:22px;border-radius:50%;background:var(--bot-orb)}
.msg.sender-bot_brief .role.message-sender{background:linear-gradient(90deg,color-mix(in srgb,var(--bot-3) 32%,transparent),color-mix(in srgb,var(--bot-1) 7%,transparent) 85%);border-radius:9px;padding:5px 10px}
.msg.sender-bot_brief .role svg{animation:bot-orbit 40s linear infinite;color:color-mix(in srgb,var(--bot-3) 60%,var(--text))}
.msg.sender-bot_event .role svg{transform-origin:50% 10%;animation:bot-ring 14s ease-in-out infinite;color:color-mix(in srgb,var(--bot-1) 70%,var(--text))}
@keyframes bot-ring{0%,10%,100%{transform:rotate(0)}2%{transform:rotate(14deg)}4%{transform:rotate(-12deg)}6%{transform:rotate(8deg)}8%{transform:rotate(-5deg)}}
@media(max-width:480px){body.rc-bot-chat #chat>.msg.assistant{padding-left:30px}#rcBotHero h2{font-size:24px}.rc-bot-chips{gap:7px}}

/* ---- Bot header: an identity strip (orb, name, status) plus the Bot's own actions. Other chats keep their header. ---- */
#rcBotHead{display:flex;align-items:center;gap:10px;flex:1 1 0;min-width:0;container-type:inline-size;font-size:12px;color:var(--muted)}
#rcBotHead[hidden]{display:none}
body.rc-bot-chat .focus-main>.topbar .project-heading{display:none}
body.rc-bot-chat #conversationSurface .topbar :is(#chatActivity,#chatRefresh,#autopilotBtn,#chatClose,#chatResults,#chatTools){display:none!important}
.rcb-id{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}
.rcb-name{display:flex;flex-direction:column;gap:1px;min-width:0;line-height:1.25}
#rcBotHead .rc-bot-badge{align-self:flex-start;padding:0;background:none;color:var(--text);font-size:15px;font-weight:600;letter-spacing:-.2px;line-height:1.2}
.rcb-sub{display:flex;min-width:0;white-space:nowrap;overflow:hidden;font-size:12px;color:var(--muted)}
#rcBotStatus{flex:none}
.rcb-id[data-state=working] #rcBotStatus{color:var(--text)}
#rcBotBriefAt{min-width:0;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
#rcBotBriefAt:not(:empty)::before{content:"\00b7";margin:0 6px}
.rcb-actions{position:relative;display:flex;align-items:center;gap:6px;flex:none}
.rcb-actions>.cr-icon{color:var(--muted)}.rcb-actions>.cr-icon:hover{color:var(--text)}
.rcb-actions>.cr-icon[aria-expanded=true]{color:var(--text);background:var(--surface-2)}
.rcb-actions>.cr-icon:focus-visible,.rcb-needs:focus-visible{outline:2px solid var(--bot-1);outline-offset:2px}
@media(min-width:481px){.rcb-actions{padding-right:10px;margin-right:2px;border-right:1px solid var(--border)}}
/* Needs you: a count that exists only while something does. The dot borrows the panel's own question colour. */
.rcb-needs{display:inline-flex;align-items:center;gap:6px;flex:none;padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--chat-question) 50%,var(--border));background:color-mix(in srgb,var(--chat-question) 11%,var(--bg));color:var(--text);font:inherit;font-size:12px;font-weight:550;line-height:1.4;cursor:pointer;white-space:nowrap}
.rcb-needs[hidden]{display:none}
.rcb-needs .rn-dot{width:7px;height:7px;border-radius:50%;background:var(--chat-question)}
.rcb-needs .rn-count{font-variant-numeric:tabular-nums}
.rcb-needs .rn-txt{font-weight:400}
.rcb-needs:hover{border-color:var(--chat-question)}
/* Brief me now: the Bot gradient as a border and a faint tint; the text stays the panel's own colour for contrast in both themes. */
.rc-brief{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:none;border:1.5px solid transparent;border-radius:999px;padding:4px 13px 4px 10px;font:inherit;font-size:12.5px;font-weight:550;line-height:1.35;color:var(--text);white-space:nowrap;cursor:pointer;
 background:linear-gradient(color-mix(in srgb,var(--bot-1) 9%,var(--bg)),color-mix(in srgb,var(--bot-3) 11%,var(--bg))) padding-box,linear-gradient(110deg,var(--bot-1),var(--bot-2),var(--bot-3)) border-box;
 box-shadow:0 1px 12px -3px color-mix(in srgb,var(--bot-2) 55%,transparent);transition:transform .18s ease,box-shadow .18s ease}
.rc-brief .rb-ic,.rc-brief .rb-ck{width:15px;height:15px;flex:none;color:var(--bot-1)}
.rc-brief .rb-spin,.rc-brief .rb-ck{display:none}
.rc-brief .rb-spin{width:12px;height:12px;flex:none;border-radius:50%;border:2px solid color-mix(in srgb,var(--bot-1) 28%,transparent);border-top-color:var(--bot-1);border-right-color:var(--bot-2);animation:bot-orbit .8s linear infinite}
.rc-brief[data-state=busy] .rb-ic,.rc-brief[data-state=done] .rb-ic{display:none}
.rc-brief[data-state=busy] .rb-spin{display:inline-block}
.rc-brief[data-state=done] .rb-ck{display:inline-block;color:var(--bot-ink)}
html[data-theme=dark] .rc-brief[data-state=done] .rb-ck{color:var(--bot-2)}
.rc-brief[data-state=done]{background:linear-gradient(color-mix(in srgb,var(--bot-2) 20%,var(--bg)),color-mix(in srgb,var(--bot-1) 14%,var(--bg))) padding-box,linear-gradient(110deg,var(--bot-1),var(--bot-2),var(--bot-3)) border-box}
.rc-brief:disabled{cursor:progress;color:var(--text);opacity:1}
#rcBotBriefNow .rb-label{display:inline-block;min-width:8.4em;text-align:center}
.rc-brief::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#fff7 50%,transparent 65%);transform:translateX(-120%);pointer-events:none}
html[data-theme=dark] .rc-brief::after{background:linear-gradient(105deg,transparent 35%,#ffffff2b 50%,transparent 65%)}
.rc-brief:focus-visible{outline:2px solid var(--bot-1);outline-offset:2px}
.rc-brief:active:not(:disabled){transform:scale(.97)}
@media(prefers-reduced-motion:no-preference){.rc-brief:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px -6px color-mix(in srgb,var(--bot-2) 80%,transparent)}.rc-brief:hover:not(:disabled)::after{transform:translateX(120%);transition:transform .7s ease}.rc-brief:active:not(:disabled){transform:scale(.97)}}
.rc-bot-chip.rc-brief{padding:8px 15px 8px 12px;font-size:13px;font-weight:500;line-height:1.3;border:1.5px solid transparent}
.rc-bot-chip.rc-brief:hover{border-color:transparent}
/* Brief status: spoken to screen readers always, drawn only as an error. */
#rcBotBriefStatus:empty{display:none}
#rcBotBriefStatus:not(.error){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#rcBotBriefStatus.error{position:absolute;top:calc(100% + 10px);right:0;z-index:6;max-width:min(320px,calc(100vw - 24px));padding:6px 12px;border-radius:10px;border:1px solid color-mix(in srgb,#e5484d 45%,var(--bg));background:color-mix(in srgb,#e5484d 11%,var(--bg));color:#b42327;font-size:12px;line-height:1.4;white-space:normal;box-shadow:0 8px 24px -10px #0003}
html[data-theme=dark] #rcBotBriefStatus.error{color:#ff9fa2}
/* Persistent backdrop: the hero's aurora behind the whole Bot chat. One pseudo-element, transform-only drift, no blur. */
body.rc-bot-chat .focus-main{overflow:clip;isolation:isolate}
body.rc-bot-chat .focus-main::before{content:"";position:absolute;inset:-12%;z-index:0;pointer-events:none;background:radial-gradient(42% 46% at 22% 28%,color-mix(in srgb,var(--bot-1) var(--bot-aurora-a),transparent),transparent 70%),radial-gradient(40% 44% at 80% 24%,color-mix(in srgb,var(--bot-2) var(--bot-aurora-a),transparent),transparent 70%),radial-gradient(44% 40% at 56% 66%,color-mix(in srgb,var(--bot-3) var(--bot-aurora-a),transparent),transparent 70%);animation:bot-drift 22s ease-in-out infinite}
body.rc-bot-chat .focus-main>:where(.scroll,.composer-wrap,.stream-status){z-index:1}
body.rc-bot-chat .focus-main>.topbar{z-index:3}
body.rc-bot-chat #rcBotHero .bot-aurora{display:none}
/* Quick actions above the composer: in the composer-wrap, never taking focus, never moving the composer (it is bottom-anchored). */
#rcBotQuick{display:flex;gap:8px;max-width:780px;margin:0 auto 8px;padding:3px 2px;overflow-x:auto;scrollbar-width:none}
#rcBotQuick::-webkit-scrollbar{display:none}
#rcBotQuick[hidden]{display:none}
#rcBotQuick .rc-bot-chip{flex:none;padding:6px 12px;font-size:12.5px;animation:none}
#rcBotQuick .rc-bot-chip.rc-brief{padding:6px 13px 6px 10px}
/* Today popover. */
.rcb-pop{position:fixed;z-index:130;width:min(360px,calc(100vw - 20px));max-height:min(540px,calc(100dvh - 96px));overflow:auto;box-sizing:border-box;padding:14px 16px 10px;border:1px solid var(--border-strong);border-radius:16px;color:var(--text);font-size:13px;outline:none;box-shadow:0 22px 50px -16px #0004,0 2px 10px #0001;background:linear-gradient(180deg,color-mix(in srgb,var(--bot-2) 10%,var(--bg)),var(--bg) 110px),var(--bg)}
.rcb-pop>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px}
.rcb-pop>header strong{font-size:15px;letter-spacing:-.2px}.rcb-pop>header span{font-size:12px;color:var(--muted)}
.rcb-calm{display:flex;align-items:center;gap:14px;padding:6px 2px 12px}.rcb-calm strong{display:block;font-size:14px}.rcb-calm span{display:block;font-size:12.5px;color:var(--muted);margin-top:2px}
.rcb-pop section{padding:10px 0 4px;border-top:1px solid var(--border)}
.rcb-pop h3{display:flex;align-items:center;gap:7px;margin:0 0 6px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rcb-pop h3 b{padding:0 6px;border-radius:99px;background:var(--surface-2);font-weight:600;color:var(--text);letter-spacing:0}
.rcb-pop ul{list-style:none;margin:0;padding:0}.rcb-pop li{display:flex;flex-direction:column;gap:1px;padding:5px 0;line-height:1.4}
.rcb-pop li strong{font-weight:550;overflow-wrap:anywhere}.rcb-pop li span,.rcb-pop li p{font-size:12px;color:var(--muted)}.rcb-pop li p{margin:2px 0 0;overflow-wrap:anywhere}
.rcb-pop .rcb-kind{align-self:flex-start;padding:0 7px;border-radius:99px;font-size:10.5px;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--chat-question) 16%,var(--bg));border:1px solid color-mix(in srgb,var(--chat-question) 40%,var(--border))}
.rcb-pop .rcb-fail strong::before{content:"";display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#e5484d;vertical-align:middle}
.rcb-pop .rcb-more,.rcb-empty{font-size:12px;color:var(--muted)}.rcb-empty{margin:4px 0 8px}
/* Bot settings dialog: the setup card's hero again. */
.rc-bot-settings{width:min(440px,calc(100vw - 28px))}
.rcb-settings{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 24px 22px;text-align:center}
.rcb-hero{position:relative;isolation:isolate;overflow:hidden;align-self:stretch;margin:0 -24px;padding:24px 28px 18px;display:flex;flex-direction:column;align-items:center;gap:14px}
.rcb-hero p{margin:0;font-size:13.5px;line-height:1.6;color:var(--muted)}
.rcb-settings .rc-bot-error{margin:0;color:#e5484d;font-size:13px}.rcb-settings .rc-bot-error:empty{display:none}
html[data-theme=dark] .rcb-settings .rc-bot-error{color:#ff8b8e}
.rcb-off{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px;padding-top:16px;border-top:1px solid var(--border);text-align:left}
.rcb-off strong{display:block;font-size:13px}.rcb-off span{display:block;font-size:12px;color:var(--muted);margin-top:2px;line-height:1.5}.rcb-off .cr-secondary{flex:none}
/* Narrow header (a docked agent tree, a phone): measured on the strip itself, not the window. */
@container (max-width:580px){.rcb-needs .rn-txt{display:none}}
@container (max-width:470px){#rcBotBriefNow .rb-label{display:none}.rc-brief:not(.rc-bot-chip){padding:0;width:32px;height:32px}}
@container (max-width:380px){#rcBotBriefAt{display:none}}
@media(max-width:480px){body.rc-bot-chat .focus-main>.topbar{padding-left:10px;padding-right:10px;gap:6px}.rcb-actions{gap:4px}#rcBotQuick{margin-bottom:6px}}
body.rc-bot-chat #conversationSurface .composer-wrap{background:transparent}
.rcb-hero .bot-aurora{-webkit-mask-image:linear-gradient(#000 55%,transparent);mask-image:linear-gradient(#000 55%,transparent)}
/* Phones: the top bar's Bot button is the orb alone (it keeps its "Open Bot" name), so the breadcrumb is not cut to "Ho…". */
@media(max-width:650px){#workspaceTopBot>span:not(.bot-orb){display:none}#workspaceTopBot{padding:4px 7px}}
/* Phones: the chat bar's active Bot button already shows the orb, so the header drops its own, and the calendar gives way to the "needs you" chip (both open Today). This is the room "Bot · Idle" needs. */
@media(max-width:480px){body.rc-bot-chat #rcBotHead .rcb-id>.bot-orb{display:none}body.rc-bot-chat #rcBotHead .rcb-id{flex-shrink:0}body.rc-bot-chat #rcBotNeeds:not([hidden])~#rcBotToday{display:none}}

/* Bot notices are "title\nbody": keep the line break instead of running the two together. */
body.rc-bot-chat #chat>.notice>span{white-space:pre-line}
