/* Khung chat toàn màn của /mobile (#chatx, BACKLOG-419): dùng lại shared/chat.css, ánh xạ token của /mobile vào đó. */
/* Docs: docs/60_fe-integration/view-support.md#mobile */
@import url('../shared/chat.css');
.chatx{position:fixed;top:0;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:430px;z-index:40;display:none;background:var(--bg);--brand-grad:var(--go);--accent:var(--mint);--accent-soft:var(--up-soft);--accent-ink:var(--go-ink);--bad:var(--down);--radius:14px;--radius-sm:10px;--radius-lg:0;--radius-pill:99px}
.chatx.on{display:block}
.chatx .chat{max-width:none;height:100%;min-height:0;border:0;font-size:calc(14px * var(--fs))}
.chatx .chat-head{font-size:calc(15px * var(--fs));font-weight:700;padding-top:max(12px,env(safe-area-inset-top))}
.chatx .chat-avatar{background:var(--panel-2)}
.chatx .chat-avatar .duo{width:26px;height:26px;--cut:var(--panel-2)}
.chatx .chat-window,.chatx .chat-waiting{font-size:calc(12px * var(--fs))}
.chatx .chat-who{font-size:calc(11.5px * var(--fs))}
.chatx .chat-row,.chatx .chat-error{font-size:calc(13px * var(--fs))}
.chatx .chat-count{font-size:calc(11px * var(--fs))}
.chatx .chat-input{font-size:calc(14px * var(--fs))}
.chatx .chat-send{background:var(--go);color:var(--go-ink);font-weight:700}
.chatx .chat-compose{padding-bottom:max(10px,env(safe-area-inset-bottom))}