#view-assistant{max-width:1000px;margin:auto}
#view-assistant>.view-heading .assistant-personal-greeting{font-size:clamp(30px,5vw,44px)!important;font-weight:750;letter-spacing:-.035em;line-height:1.15!important;margin:20px 0 12px;color:#edf6ff!important;overflow-wrap:anywhere}
html #view-assistant>.view-heading{padding:28px;min-height:0;background:radial-gradient(ellipse at 100% 0%,#25446188,transparent 65%),linear-gradient(125deg,#10253b,#171c3b)!important;border-radius:24px}
#view-assistant>.view-heading::after{display:none}
#view-assistant>.view-heading>div{max-width:100%;width:100%}
.assistant-hero-brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:.04em;color:#c7dffa}
.assistant-hero-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#287ad6,#6757c7);color:#fff;font-size:25px;box-shadow:0 5px 15px #416cc62b}
#view-assistant>.view-heading .assistant-hero-question{font-size:clamp(20px,3vw,25px)!important;line-height:1.4!important;font-weight:550;margin:0 0 16px;color:#d5e6fa!important}
#view-assistant>.view-heading .assistant-hero-hint{font-size:15px!important;line-height:1.7!important;margin:0;color:#bbcadf!important;max-width:580px}
html[data-design=light] #view-assistant>.view-heading{background:radial-gradient(ellipse at 100% 0%,#e4defb,transparent 65%),linear-gradient(125deg,#f3fbff,#f3f5ff)!important}
html[data-design=light] #view-assistant>.view-heading .assistant-personal-greeting{color:#172e4c!important}
html[data-design=light] #view-assistant>.view-heading .assistant-hero-question{color:#314d71!important}
html[data-design=light] #view-assistant>.view-heading .assistant-hero-hint,html[data-design=light] .assistant-hero-brand{color:#49617e!important}
@media(max-width:600px){html #view-assistant>.view-heading{padding:22px}}
#view-assistant>.view-heading{min-height:0;padding:20px 24px;margin-bottom:18px}
#view-assistant>.view-heading h1{font-size:clamp(26px,3vw,36px)}
.assistant-chat{border:1px solid #619bd344;border-radius:23px;overflow:hidden;background:linear-gradient(145deg,#0b1c30,#060e1a);box-shadow:0 20px 70px #0004}
.assistant-chat-top{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:15px 22px;border-bottom:1px solid #73baff26;background:#11263c77}
.assistant-chat-top>strong{color:#a4e6ff}.assistant-chat-top>button{margin-left:auto;font-size:12px;min-height:38px}
.assistant-transcript{height:clamp(310px,48dvh,640px);overflow:auto;overscroll-behavior:contain;padding:22px;display:flex;flex-direction:column;gap:22px;scrollbar-color:#294969 #081321}
.assistant-turn{max-width:90%;width:fit-content;flex-shrink:0;min-width:0}
.assistant-speaker{display:block;color:#8caecf;font-size:11px;margin:0 0 7px 4px;font-weight:600}
.assistant-turn-user{align-self:flex-end;max-width:80%}.assistant-turn-user .assistant-speaker{text-align:right;margin-right:5px}
.assistant-bubble{border:1px solid #639fd62e;background:#102039;border-radius:4px 18px 18px;padding:15px 18px;min-width:0;overflow-wrap:anywhere}
.assistant-bubble>p{white-space:pre-wrap;line-height:1.65;font-size:14px;margin:0;color:#dbeaff}
.assistant-turn-user .assistant-bubble{background:linear-gradient(125deg,#184776,#153354);border-color:#6cc3ff55;border-radius:18px 4px 18px 18px}
.assistant-bubble>.business-card{margin-top:14px}.assistant-bubble .business-actions{gap:8px}.assistant-bubble .business-actions button,.assistant-bubble .business-actions a{font-size:12px;min-height:40px;padding:9px 13px}
.assistant-bubble>small{display:block;margin-top:16px;line-height:1.5}.assistant-bubble textarea{width:100%;min-height:150px;background:#081526;color:#e7f3ff;border:1px solid #568fc355;border-radius:10px;padding:12px;font:inherit}
.assistant-composer.business-form{margin:0;padding:18px 22px;border-top:1px solid #75b9f533;background:#0c1a2b}
.assistant-composer label{font-size:12px}.assistant-composer textarea{min-height:72px;max-height:170px;resize:vertical;background:#06111f;font-size:15px;line-height:1.5}
.assistant-composer .business-actions{margin-top:0;justify-content:space-between;align-items:center}.assistant-composer .primary-action{min-width:100px;width:auto;padding:11px 23px;min-height:43px}
.assistant-composer .business-status:empty{display:none}.assistant-composer .business-status{margin:0;font-size:12px}
.assistant-thinking .assistant-bubble,.assistant-thinking{color:#9fd5ff}
.assistant-thinking>p::after{content:' ✦';display:inline-block;animation:assistant-wait 1.8s ease-in-out infinite}
@keyframes assistant-wait{50%{opacity:.35;transform:rotate(90deg)}}
body:has(#view-assistant:not([hidden])) .assistant-launcher{display:none}
@media(max-width:600px){#view-assistant>.view-heading{padding:16px;margin-bottom:12px}#view-assistant>.view-heading p{font-size:12px}.assistant-chat{border-radius:17px}.assistant-chat-top{padding:12px;gap:8px}.assistant-chat-top>.business-muted{display:none}.assistant-transcript{padding:14px;height:44dvh;min-height:300px;gap:17px}.assistant-turn{max-width:97%}.assistant-turn-user{max-width:90%}.assistant-bubble{padding:12px 14px}.assistant-bubble>p{font-size:14px}.assistant-composer.business-form{padding:14px;gap:10px}.assistant-composer .business-actions>small{flex:1;font-size:10px}.assistant-composer .business-actions>button{flex:0 0 auto}.assistant-composer textarea{font-size:16px}.assistant-chat-top>.ghost-action{font-size:11px}}
@media(prefers-reduced-motion:reduce){.assistant-thinking>p::after{animation:none}}
/* Chat cards need usable action widths, not five equal narrow flex columns. */
.assistant-bubble .business-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));align-items:stretch;gap:10px}
.assistant-bubble .business-actions>:is(button,a){box-sizing:border-box;width:100%;min-width:0;min-height:48px;padding:12px 14px;white-space:normal;overflow-wrap:normal;word-break:normal;hyphens:none;text-align:center;display:flex;align-items:center;justify-content:center}
@media(max-width:650px){
  .assistant-turn-assistant{width:100%;max-width:100%}
  .assistant-turn-assistant .assistant-bubble{padding:14px}
  .assistant-bubble>.business-card{padding:14px}
  .assistant-bubble .business-actions{grid-template-columns:minmax(0,1fr)}
}