:root{--primary:#c90016;--background:#fff7f8;--accent:#a80012;--ink:#25252b;--muted:#66616a;--line:#eadfe2}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--background);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);display:grid;place-items:center;padding:16px}.chat{width:min(100%,700px);height:min(820px,calc(100dvh - 32px));min-height:400px;background:white;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 50px #061d2780}.chat__header{background:var(--primary);color:white;display:flex;align-items:center;gap:14px;padding:17px 20px}.chat__mark{display:grid;place-items:center;width:42px;height:42px;flex:none;background:var(--accent);color:var(--background);border-radius:12px;font-weight:800;font-size:22px}.chat__mark img{width:100%;height:100%;object-fit:contain}.chat__header h1{margin:0;font-size:19px}.chat__header p{margin:0;font-size:13px;opacity:.9}.chat__messages{flex:1;overflow:auto;background:#faf7f8;padding:20px;overscroll-behavior:contain}.message{max-width:85%;width:fit-content;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 12px;padding:11px 14px;border-radius:14px;background:white;box-shadow:0 1px 3px #25252b16}.message--user{margin-left:auto;background:var(--primary);color:white}.message img{display:block;max-width:100%;max-height:280px;border-radius:8px}.chat__status{min-height:24px;margin:0;padding:2px 20px;color:var(--muted);font-size:13px}.chat__status[data-error="true"]{color:#a02232}.chat__form{border-top:1px solid var(--line);padding:12px 20px 16px}.chat__form textarea{display:block;width:100%;resize:vertical;max-height:140px;min-height:58px;border:1px solid #bacbd2;border-radius:10px;padding:10px 12px;font:inherit;color:var(--ink)}.chat__actions{display:flex;justify-content:space-between;gap:12px;margin-top:9px}.chat__attach,button{font:inherit;cursor:pointer}.chat__attach{padding:9px 10px;color:var(--primary);border:1px solid var(--line);border-radius:9px}.chat__attach:focus-within{outline:3px solid var(--accent);outline-offset:2px}.chat__actions button{padding:9px 24px;background:var(--primary);border:0;border-radius:9px;color:white;font-weight:700}button:disabled{opacity:.55;cursor:wait}.chat__attachment{margin-top:8px;padding:7px 10px;background:#fff0f2;border-radius:8px;font-size:13px;overflow-wrap:anywhere}.chat__attachment button{border:0;background:none;color:var(--primary);font-weight:700}.chat__hint{margin:9px 0 0;color:var(--muted);font-size:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media(max-width:600px){body{padding:0}.chat{width:100%;height:100dvh;min-height:0;border-radius:0}.chat__messages{padding:15px}.chat__form{padding:10px 14px max(12px,env(safe-area-inset-bottom))}.chat__status{padding:2px 14px}.message{max-width:94%}}
.chat__mark--wordmark{width:110px;height:36px;background:transparent;border-radius:4px}.chat__mark--wordmark img{border-radius:4px}
 .chat__portal-link { display: inline-block; margin-top: 0.75rem; padding: 0.65rem 0.9rem; border-radius: 0.55rem; background: #c90016; color: #fff; font-weight: 700; text-decoration: none; }
 .chat__portal-link:focus-visible { outline: 3px solid #f5b342; outline-offset: 2px; }

/* VINPIN red / white identity, v61 */
body{background:radial-gradient(ellipse at top,#ffe5e9,transparent 65%),var(--background)}
.chat{border:1px solid var(--line);box-shadow:0 20px 60px #55001018}
.chat__header{background:#fff;color:var(--ink);border-bottom:3px solid var(--primary);padding:20px}
.chat__header p{color:var(--muted)}
.chat__mark--wordmark{width:132px;height:43px}
.chat__messages{background:#faf7f8}.chat__actions button:hover{background:#a80012}
.chat__portal-link{background:var(--primary)}
@media(max-width:600px){.chat__header{gap:12px;padding:16px 14px}.chat__mark--wordmark{width:105px;height:34px}.chat__header h1{font-size:17px}.chat__header p{font-size:11px}}

.chat__support-state{margin:0;padding:8px 20px;background:#fff0f2;color:var(--primary);font-size:13px;border-bottom:1px solid var(--line);flex-shrink:0}.chat__support-state[hidden]{display:none}

.language-picker { display:inline-flex; align-items:center; gap:.35rem; margin:.5rem; font-size:.9rem; }
.language-picker select { max-width:9rem; padding:.35rem .5rem; border:1px solid #ddd; border-radius:.4rem; background:#fff; color:#222; font:inherit; }
.chat__header { flex-wrap:wrap; }