/* Reference-led white chat. Scoped to the panel; launcher and thread mascot stay intact. */
#topica-assistant {
 background:#fff;border:1px solid #e1e1e1;border-radius:18px;
 color:#222;box-shadow:0 8px 28px #0000000f,0 2px 5px #00000005;
 backdrop-filter:none;-webkit-backdrop-filter:none;
}
#topica-assistant .ai-header {
 min-height:58px;padding:10px 14px;border:0;background:#fff;gap:12px;
}
#topica-assistant .ai-header-start {gap:8px;flex:1;min-width:0}
#topica-assistant .ai-header-actions {gap:3px;flex:none}
#topica-assistant .ai-header h2 {font-size:13px;font-weight:550;line-height:1.4;color:#333;white-space:nowrap}
#topica-assistant .ai-header .ai-icon-button {
 display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;
 width:36px;min-width:36px;height:36px;min-height:36px;padding:6px;
 position:relative;border:0;border-radius:7px;background:transparent!important;box-shadow:none;color:#555;cursor:pointer;
}
#topica-assistant .ai-header .ai-icon-button:hover {background:#f5f5f5!important;color:#111}
#topica-assistant .ai-header .ai-icon-button svg {display:block;width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#topica-assistant .ai-history-toggle svg {fill:currentColor!important;stroke:none!important}
#topica-assistant .ai-control-tooltip {
 position:absolute;z-index:9;top:calc(100% + 6px);right:0;display:block;
 width:max-content;max-width:180px;margin:0;padding:6px 9px;border-radius:6px;
 color:#fff;background:#262626;font-size:11px;font-weight:400;line-height:1.5;white-space:nowrap;
 pointer-events:none;visibility:hidden;opacity:0;transform:translateY(-2px);transition:opacity 120ms ease,transform 120ms ease;
}
#topica-assistant .ai-new-chat:focus-visible .ai-control-tooltip {visibility:visible;opacity:1;transform:translateY(0)}
@media(hover:hover){#topica-assistant .ai-new-chat:hover .ai-control-tooltip{visibility:visible;opacity:1;transform:translateY(0)}}
#topica-assistant .ai-workspace {padding:0;gap:0;background:#fff}
#topica-assistant .ai-conversation {background:#fff;border:0;border-radius:0;min-width:0}
#topica-assistant .ai-history {
 background:#f9f9f9!important;border:0;border-right:1px solid #efefef;border-radius:0;
 padding:15px 10px 10px;gap:14px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
#topica-assistant .ai-history-heading {font-size:13px;font-weight:550;color:#333;line-height:1.5;margin:0 8px}
#topica-assistant .ai-history-search-field {
 display:flex;align-items:center;gap:7px;min-width:0;padding:8px 9px;
 border:1px solid #e6e6e6;border-radius:8px;background:#fff;box-shadow:none;
}
#topica-assistant .ai-history-search-field>svg {width:14px;height:14px;flex:none;fill:none;stroke:#898989;stroke-width:1.5;stroke-linecap:round}
#topica-assistant .ai-history-search-field:focus-within {border-color:#c9c9c9;box-shadow:0 0 0 2px #00000004}
#topica-assistant .ai-history .ai-history-search-field input {
 border:0;border-radius:0;background:transparent;box-shadow:none;
 min-height:20px;min-width:0;font-size:12px;padding:0;margin:0;color:#333;
}
#topica-assistant .ai-history input::placeholder {color:#a1a1a1}
#topica-assistant .ai-history-list {scrollbar-width:thin;scrollbar-color:#d6d6d6 transparent}
#topica-assistant .ai-history-group {font-size:10px;line-height:1.6;font-weight:500;color:#949494;margin:17px 8px 6px}
#topica-assistant .ai-history-group:first-child {margin-top:0}
#topica-assistant .ai-history-row {margin-bottom:2px;border-radius:7px;padding-right:3px;gap:1px}
#topica-assistant .ai-history-row:hover {background:#f0f0f0}
#topica-assistant .ai-history-row:has(button[aria-current=true]) {background:#eaeaea}
#topica-assistant .ai-history-row button {color:#444;line-height:1.7}
#topica-assistant .ai-history-row button:first-child {font-size:12px;font-weight:400;padding:9px 8px;border-radius:7px}
#topica-assistant .ai-history-row button[aria-current=true] {background:transparent;box-shadow:none;color:#171717}
#topica-assistant .ai-history-row .ai-history-delete {display:grid;place-items:center;flex:none;width:25px;height:27px;padding:5px;border-radius:5px;opacity:0;color:#8b8b8b}
#topica-assistant .ai-history-row:hover .ai-history-delete,#topica-assistant .ai-history-row:focus-within .ai-history-delete {opacity:1}
#topica-assistant .ai-history-row .ai-history-delete:hover {background:#dedede;color:#444}
#topica-assistant .ai-history-delete svg {display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
#topica-assistant .ai-history-empty {font-size:11px;color:#999;padding:0 2px;line-height:1.8}
#topica-assistant .ai-history-empty-state {padding:25px 2px;color:#9b9b9b;text-align:center;font-size:11px;line-height:1.8}
#topica-assistant .ai-history-empty-state>svg {display:block;margin:0 auto 10px;width:25px;height:25px;fill:none;stroke:#bababa;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
#topica-assistant .ai-history-empty-state p {margin:0 0 4px;color:#747474;font-size:11px}
#topica-assistant .ai-history-empty-state small {font-size:10px}
#topica-assistant .ai-messages {padding:16px 20px 4px;background:#fff;scrollbar-width:thin;scrollbar-color:#d6d6d6 transparent}
#topica-assistant .ai-message {font-size:13px;line-height:1.85;color:#262626;margin-bottom:22px}
#topica-assistant .ai-message p {margin-bottom:10px}
#topica-assistant .ai-message p:last-child {margin-bottom:0}
#topica-assistant .ai-user {
 width:fit-content;max-width:88%;margin-left:auto;margin-right:0;
 padding:11px 14px;border-radius:17px;background:#f5f5f5;color:#222;
}
#topica-assistant .ai-answer>.ai-speaker {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#topica-assistant .ai-source-results li {border-color:#e9e9e9;background:#fff;border-radius:7px;box-shadow:none}
#topica-assistant .ai-source-results blockquote {border-color:#e3e3e3;color:#686868}
#topica-assistant .ai-welcome {display:flex;align-items:center;justify-content:center;min-height:100%;padding:25px 0;text-align:center}
#topica-assistant .ai-welcome p {font-size:12px;line-height:1.85;color:#929292;max-width:240px;margin:0}
#topica-assistant #ai-query-form {padding:8px 15px 4px;border:0}
#topica-assistant .ai-composer-surface {
 display:flex;flex-direction:column;align-items:stretch;gap:9px;
 min-height:88px;padding:12px 12px 9px;border:1px solid #e1e1e1;border-radius:20px;
 background:#fff!important;box-shadow:0 2px 7px #00000005;backdrop-filter:none;-webkit-backdrop-filter:none;
}
#topica-assistant .ai-composer-surface:focus-within {border-color:#c9c9c9;box-shadow:0 2px 7px #00000006}
#topica-assistant #ai-query {
 font-size:13px;line-height:1.7;color:#222;min-height:23px;max-height:100px;
 padding:0;margin:0;border:0;background:transparent;border-radius:0;box-shadow:none;outline:none;
}
#topica-assistant #ai-query::placeholder {color:#a2a2a2;opacity:1}
#topica-assistant .ai-composer-actions {display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:32px}
#topica-assistant #ai-query-form button[type=submit] {
 position:static;display:grid;place-items:center;flex:none;margin-left:auto;
 width:32px;height:32px;min-height:32px;border:0;border-radius:50%;padding:0;
 background:#191919;color:#fff;box-shadow:none;align-self:center;
}
#topica-assistant #ai-query-form button[type=submit]:hover {background:#363636}
#topica-assistant #ai-query-form button[type=submit]:disabled {background:#e8e8e8;color:#aaa;opacity:1}
#topica-assistant #ai-query-form button[type=submit] svg {width:19px;height:19px;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}
#topica-assistant .ai-tools-menu {display:block;position:relative;inset:auto;z-index:5;flex:none}
#topica-assistant .ai-tools-menu summary {
 display:grid;place-items:center;list-style:none;width:32px;height:32px;padding:5px;
 border:0;border-radius:50%;color:#333;cursor:pointer;
}
#topica-assistant .ai-tools-menu summary::-webkit-details-marker {display:none}
#topica-assistant .ai-tools-menu summary:hover {background:#f4f4f4}
#topica-assistant .ai-tools-menu summary svg {display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
#topica-assistant .ai-tools-menu>div {
 position:absolute;inset:auto auto calc(100% + 9px) -1px;width:224px;max-width:min(calc(100vw - 76px),calc(var(--ai-conversation-width,460px) - 52px));
 max-height:var(--ai-menu-height,300px);overflow-y:auto;overscroll-behavior:contain;
 padding:6px;border:1px solid #dededea8;border-radius:12px;background:rgba(255,255,255,.96);
 box-shadow:0 5px 20px #00000010,inset 0 1px 0 #fff;backdrop-filter:blur(10px) saturate(1.03);-webkit-backdrop-filter:blur(10px) saturate(1.03);
}
#topica-assistant #ai-query-form .ai-tools-menu button {
 display:block;position:static;width:100%;height:auto;min-height:34px;padding:8px 10px;
 border:0;border-radius:5px;background:transparent;color:#444;box-shadow:none;
 font:inherit;font-size:12px;line-height:1.6;text-align:left;white-space:normal;overflow-wrap:anywhere;
}
#topica-assistant #ai-query-form .ai-tools-menu button:hover {background:#f5f5f5;color:#111}
#topica-assistant .ai-tools-menu hr {border:0;border-top:1px solid #eee;margin:5px 3px}
#topica-assistant .ai-menu-label {font-size:10px;color:#999;padding:5px 10px 0;margin:0}
#topica-assistant .ai-tools-menu .ai-conversation-title {max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;color:#777!important}
#topica-assistant[data-narrow=true] [data-ai-reset-size] {display:block}
#topica-assistant .ai-rename-form {padding:8px 15px;background:#fff;border-bottom:1px solid #eee}
#topica-assistant .ai-rename-form input {border-color:#ddd;border-radius:5px;font-size:12px}
#topica-assistant .ai-rename-form button {color:#555;border-color:#ddd;background:#fff}
#topica-assistant .ai-footer {justify-content:center;padding:4px 18px 10px;font-size:9px;line-height:1.5;color:#999;text-align:center}
#topica-assistant .ai-footer a {color:inherit}
#topica-assistant .ai-send-status {padding:3px 18px;color:#777;font-size:10px}
#topica-assistant[data-keyboard=true] .ai-tools-menu {display:block}
#topica-assistant :focus-visible {outline:2px solid #555;outline-offset:2px}
#topica-assistant input:focus-visible,#topica-assistant textarea:focus-visible {outline:none}
#topica-assistant #ai-query:focus,#topica-assistant #ai-query:focus-visible {outline:none;box-shadow:none}
@media(max-width:600px),(pointer:coarse) and (max-height:600px) {
 #topica-assistant .ai-header {min-height:54px;padding:7px 10px}
 #topica-assistant .ai-header .ai-icon-button {width:38px;min-width:38px;flex-basis:38px;height:38px}
 #topica-assistant .ai-messages {padding:12px 15px 3px}
 #topica-assistant .ai-message {font-size:13px}
 #topica-assistant .ai-history .ai-history-search-field input,#topica-assistant .ai-rename-form input,#topica-assistant #ai-query {font-size:16px}
 #topica-assistant #ai-query-form {padding:7px 11px 3px}
 #topica-assistant .ai-composer-surface {min-height:87px;padding:10px 11px 8px;border-radius:19px;gap:7px}
 #topica-assistant[data-history=true] .ai-history {background:#f9f9f9!important;padding:16px}
 #topica-assistant .ai-welcome p {font-size:12px}
 #topica-assistant .ai-footer {padding:3px 13px 8px;font-size:8px}
}
@media(hover:none){#topica-assistant .ai-history-row .ai-history-delete{opacity:.65}}
@media(prefers-reduced-motion:reduce){#topica-assistant .ai-control-tooltip{transition:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){#topica-assistant .ai-tools-menu>div{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active) {
 #topica-assistant,#topica-assistant .ai-history,#topica-assistant .ai-composer-surface,#topica-assistant .ai-tools-menu>div {background:Canvas!important;color:CanvasText;border-color:CanvasText}
 #topica-assistant #ai-query-form button[type=submit] {background:ButtonText;color:ButtonFace}
}