:root{--ink:#062e43;--sea:#007f98;--paper:#f2f8fa;--line:#d3e6ec}
body{background:radial-gradient(ellipse at top left,#d7f5f8,transparent 58%),var(--paper)}
main.chat-shell{display:flex;flex-direction:column;gap:18px;max-width:860px;margin:24px auto;padding:0 24px}
.chat-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;border-radius:18px;background:linear-gradient(115deg,#062e43,#087d94 65%,#55bcc9);color:#fff}
.brand-logos{display:flex;align-items:center;gap:14px;min-width:0}.brand-logos img{max-width:40%;height:auto;object-fit:contain}.brand-logos img:last-child{background:#fff;border-radius:8px;padding:5px}
.chat-brand a{color:inherit;font-size:13px;text-underline-offset:4px;white-space:nowrap}
.chat-card{height:calc(100dvh - 160px);min-height:480px;max-height:860px}.chat-heading{background:linear-gradient(110deg,#f5fcfd,#fff)}
.chat-heading h1{font-size:26px;letter-spacing:-.8px;margin:0}.chat-heading .eyebrow{line-height:1.6}.messages{overscroll-behavior:contain}.message.assistant{align-self:flex-start;background:#eaf7fa}.message.user{background:linear-gradient(130deg,#07566a,#062e43)}
.message.error{background:#fff1e8}textarea{font-size:16px;min-height:60px}.form-footer p{font-size:11px;max-width:420px}#new-chat{font-size:12px;min-height:30px}.starters button{font-size:12px;min-height:36px}
@media(max-width:600px){main.chat-shell{padding:0 12px;margin:12px auto;gap:12px}.chat-brand{padding:14px;gap:12px;flex-wrap:wrap}.brand-logos{gap:10px}.brand-logos img{width:125px}.chat-brand a{font-size:12px}.chat-card{height:calc(100dvh - 158px);max-height:none;min-height:430px}.chat-heading{padding:18px}.chat-heading h1{font-size:24px}.message{max-width:95%}.form-footer p{font-size:10px}.chat-heading .eyebrow{font-size:8px}}
.feedback{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:10px;border-top:1px solid #cce1e7;font-size:12px}.feedback button{border:1px solid #bcdbe3;background:white;color:var(--ink);border-radius:20px;padding:6px 12px;min-height:32px;cursor:pointer}.feedback-form{flex-basis:100%;padding:0;margin-top:4px}.feedback-form textarea{background:#fff;border:1px solid #bcdbe3;border-radius:10px;min-height:86px;padding:10px}.feedback-actions{display:flex;gap:8px;margin-top:6px}#counter{font-size:10px;white-space:nowrap;color:var(--muted)}