:root{--widget-font:"Inter", system-ui, sans-serif;--widget-primary:#303030;--widget-on-primary:#fff;--widget-text:#303030;--widget-secondary:#616161;--widget-surface:#fff;--widget-subdued:#f1f1f1;--widget-subdued-soft:#f7f7f7;--widget-line:#e3e3e3;--widget-muted:#8a8a8a;--widget-available:#29845a;--widget-link:#005bd3;--widget-link-hover:#004299;--widget-avatar-neutral:#e3e3e3;--widget-avatar-neutral-ink:#303030;--widget-avatar-blue:#d5ebff;--widget-avatar-blue-ink:#00527c}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}html,body,#root,.root{height:100%}body{background:var(--widget-surface);color:var(--widget-text);font-family:var(--widget-font);margin:0;font-size:13px;line-height:1.45}.root[hidden]{display:none}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--widget-link);outline-offset:2px}.notice-page{color:var(--widget-secondary);padding:24px}.panel{box-sizing:border-box;background:var(--widget-surface);flex-direction:column;height:100%;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--widget-line);align-items:center;gap:10px;padding:14px 16px;display:flex}.avatar{background:var(--widget-avatar-neutral);width:30px;height:30px;color:var(--widget-avatar-neutral-ink);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.titles{min-width:0}.title{margin:0;font-size:13px;font-weight:600}.subtitle{color:var(--widget-secondary);margin:0;font-size:12px}.notice{background:var(--widget-subdued-soft);color:var(--widget-secondary);justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:flex}.link-button{color:var(--widget-link);font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:hover{color:var(--widget-link-hover)}.body{flex:auto;min-height:0;display:flex}.messages{flex-direction:column;flex:1;gap:10px;margin:0;padding:16px;list-style:none;display:flex;overflow-y:auto}.greeting{color:var(--widget-secondary);text-align:center;margin:0;padding:2px 6px 6px}.message{flex-direction:column;gap:4px;max-width:82%;display:flex}.message.mine{align-self:flex-end;align-items:flex-end}.message.theirs{align-self:flex-start}.sender{color:var(--widget-secondary);overflow-wrap:anywhere;font-size:12px}.bubble{overflow-wrap:anywhere;border-radius:14px;padding:10px 13px}.mine .bubble{background:var(--widget-primary);color:var(--widget-on-primary)}.mine .bubble a{color:inherit}.theirs .bubble{background:var(--widget-subdued)}.bubble a{color:var(--widget-link)}.bubble.failed{opacity:.6}.meta{color:var(--widget-secondary);font-size:12px}.meta.error{color:var(--widget-text);font-weight:500}.divider{color:var(--widget-muted);align-items:center;gap:10px;font-size:11px;display:flex}.divider:before,.divider:after{content:"";background:var(--widget-line);flex:1;height:1px}.typing{background:var(--widget-subdued);border-radius:14px;gap:4px;width:max-content;padding:12px 13px;display:flex}.typing span{background:var(--widget-muted);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite typing}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.4}30%{opacity:1}}@media (prefers-reduced-motion:reduce){.typing span{animation:none}}.composer-area{border-top:1px solid var(--widget-line);padding:12px}.warning{background:var(--widget-subdued-soft);color:var(--widget-secondary);border-radius:8px;margin:0 0 8px;padding:8px 10px;font-size:12px}.composer{border:1px solid var(--widget-line);border-radius:12px;align-items:flex-end;gap:6px;padding:4px 4px 4px 12px;display:flex}.composer:focus-within{border-color:var(--widget-link)}.composer textarea{resize:none;min-width:0;color:inherit;background:0 0;border:0;outline:0;flex:auto;padding:8px 0;line-height:1.45}.composer textarea::placeholder{color:var(--widget-secondary)}.send{background:var(--widget-primary);width:34px;height:34px;color:var(--widget-on-primary);cursor:pointer;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.send:disabled{opacity:.4;cursor:default}.name-ask{border:1px solid var(--widget-line);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.name-ask label{font-weight:500}.name-ask input{border:1px solid var(--widget-line);background:var(--widget-surface);height:38px;color:inherit;font:inherit;border-radius:10px;padding:0 10px}.name-ask input:focus{border-color:var(--widget-link)}.name-ask-actions{justify-content:space-between;align-items:center;display:flex}.quiet-button,.primary-button{height:32px;font:inherit;cursor:pointer;border:0;border-radius:8px}.quiet-button{color:var(--widget-secondary);background:0 0;padding:0 10px}.primary-button{background:var(--widget-primary);color:var(--widget-on-primary);padding:0 12px;font-weight:500}.primary-button:disabled{opacity:.4;cursor:default}.attach{width:34px;height:34px;color:var(--widget-secondary);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.attach:hover:not(:disabled){background:var(--widget-subdued-soft)}.attach:disabled{opacity:.4;cursor:default}.attachments{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.attachment,.file-card{border:1px solid var(--widget-line);background:var(--widget-surface);color:var(--widget-text);border-radius:12px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;display:flex}.attachment.failed{border-style:dashed}.file-icon{background:var(--widget-subdued);width:32px;height:32px;color:var(--widget-secondary);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.attachment-text{flex-direction:column;flex:auto;min-width:0;display:flex}.file-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.file-meta{color:var(--widget-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.file-meta.error{color:var(--widget-text)}.file-meta progress{width:80px;height:4px;accent-color:var(--widget-primary)}.remove{width:28px;height:28px;color:var(--widget-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;display:flex}.remove:hover{background:var(--widget-subdued-soft)}.files{flex-direction:column;gap:6px;max-width:100%;display:flex}.mine .files{align-items:flex-end}.files .image{border-radius:12px;line-height:0;display:block;overflow:hidden}.files .image img{border:1px solid var(--widget-line);object-fit:contain;background:var(--widget-subdued);border-radius:12px;max-width:220px;max-height:220px}.file-card{max-width:260px}.file-card.pending{opacity:.6}.header{flex-wrap:wrap}.titles{overflow-wrap:anywhere;flex:1}.available-operators{flex-basis:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:0;padding:0;list-style:none;display:grid}.public-operator{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.public-avatar{width:24px;height:24px;overflow:hidden}.public-avatar img{object-fit:cover;width:100%;height:100%}.available-operators .public-operator{flex-direction:column;align-items:flex-start}.available-operators .sender{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.more-operators{color:var(--widget-secondary);white-space:nowrap;grid-column:1/-1;align-self:center;font-size:12px}
