/* Focused, readable conversations with a dedicated composer. */
.ax-app[data-tab="chat"] .ax-left,.ax-app[data-tab="chat"] .ax-right { display:none; }
.ax-app[data-tab="chat"] .ax-shell { grid-template-columns:minmax(0,920px);max-width:920px; }
#chat-hub { gap:17px; }.ax-chat-heading h1 { font-size:32px;letter-spacing:-.05em; }.ax-chat-heading p { margin-top:7px; }
#chat-hub>.ax-room-tabs { padding:6px;border-radius:18px; }.ax-room-tabs [aria-selected="true"] { background:rgb(92 156 246 / .16);color:var(--ax-fg);box-shadow:inset 0 0 0 1px rgb(92 156 246 / .25); }
.ax-chat { padding:0;border-radius:22px;background:var(--ax-glass); }.ax-chat .ax-card-head { min-height:76px;padding:18px 20px;margin:0;border-bottom:1px solid var(--ax-border);box-sizing:border-box;gap:10px;flex-shrink:0; }.ax-chat .ax-card-head h3 { display:flex;align-items:center;gap:8px;font-size:14px;margin:0; }.ax-chat .ax-card-head small { display:block;font-size:10px;color:var(--ax-muted);margin-top:5px;line-height:1.5; }.ax-chat .ax-count { padding:6px 9px;border-radius:99px;border:1px solid var(--ax-border);font-size:10px;white-space:nowrap;color:var(--ax-muted); }
#chat-general-mount .ax-chat { height:min(66dvh,680px);min-height:380px;max-height:none; }
.ax-chat-list { min-height:0;gap:16px;padding:22px 20px;scrollbar-width:thin;scrollbar-color:rgb(92 156 246 / .3) transparent;background:radial-gradient(ellipse at top right,rgb(92 156 246 / .035),transparent 65%); }
.ax-msg { max-width:85%;gap:9px;align-items:flex-end; }.ax-msg .ax-author-mini,.ax-msg .ax-avatar-sm { width:29px;height:29px;flex-shrink:0; }.ax-msg-bubble { border:1px solid var(--ax-border);border-radius:17px 17px 17px 5px;padding:12px 15px 9px;background:var(--ax-input);box-shadow:0 2px 5px #00000008; }.ax-msg-bubble strong { font-size:11px;margin-bottom:5px;line-height:1.4; }.ax-msg-bubble p { font-size:13px;line-height:1.65; }.ax-msg-bubble time { margin-top:7px;font-size:9px; }.ax-msg.mine .ax-msg-bubble { background:linear-gradient(135deg,#356ebd,#2156a0);color:#fff;border:1px solid rgb(132 182 252 / .23);border-radius:17px 17px 5px 17px; }.ax-msg.mine .ax-msg-bubble time { color:#d5e6ff; }.ax-chat-empty { line-height:1.8;padding:30px 18px;color:var(--ax-muted); }
.ax-chat-form { flex-shrink:0;padding:14px 16px;gap:8px;align-items:center;background:var(--ax-bg); }.ax-chat-form input { height:46px;border-radius:14px;padding:0 13px;font-size:12px; }.ax-chat-form .ax-send { height:44px;width:44px;min-width:44px;border-radius:14px;background:#3a85ed;color:#fff; }.ax-chat-form .ax-send:hover { background:#2872d9; }
.ax-emoji-trigger { border:1px solid var(--ax-border);background:transparent;color:var(--ax-muted);width:40px;height:40px;flex:0 0 40px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;padding:8px; }.ax-emoji-trigger svg { width:20px;height:20px;pointer-events:none; }.ax-emoji-trigger:hover { color:#8bb9fa;border-color:#8bb9fa;background:rgb(92 156 246 / .07); }.ax-emoji-trigger:focus-visible { outline:2px solid #8bb9fa;outline-offset:2px; }.ax-composer-foot .ax-emoji-trigger { margin-right:auto; }.ax-composer-foot .ax-counter { margin-right:8px; }
.ax-inbox-card { padding:24px; }.ax-inbox-heading { display:flex;align-items:center;justify-content:space-between;gap:15px; }.ax-inbox-heading h2 { font-size:20px;letter-spacing:-.035em;margin:0; }.ax-inbox-heading p { font-size:12px;color:var(--ax-muted);line-height:1.7;margin:7px 0 0; }.ax-inbox-heading .ax-btn { flex-shrink:0;font-size:11px;min-height:40px; }.ax-inbox-search { display:block;margin:22px 0 12px;font-size:11px;color:var(--ax-muted); }.ax-inbox-search input { display:block;width:100%;box-sizing:border-box;min-height:45px;margin-top:8px;border-radius:13px;font:12px var(--font-primary);background:var(--ax-input);border:1px solid var(--ax-border);color:var(--ax-fg);padding:12px 14px; }
.ax-inbox { display:flex;flex-direction:column;gap:4px; }.ax-inbox .ax-inbox-row { display:flex;align-items:center;gap:13px;width:100%;padding:16px 10px;border:0;border-bottom:1px solid var(--ax-border);border-radius:12px;background:transparent;text-align:left;color:var(--ax-fg);cursor:pointer;font:inherit; }.ax-inbox-row:hover { background:var(--ax-hover); }.ax-inbox-row .ax-avatar { width:44px;height:44px;flex-shrink:0; }.ax-inbox-text { flex:1;min-width:0;display:flex;flex-direction:column;gap:7px; }.ax-inbox-text strong { font-size:13px;overflow-wrap:anywhere; }.ax-inbox-text small { display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;color:var(--ax-muted); }.ax-inbox-meta { display:flex;flex-direction:column;align-items:flex-end;gap:9px;flex-shrink:0; }.ax-inbox-meta time { font-size:10px;color:var(--ax-muted); }.ax-inbox-meta b { min-width:19px;min-height:19px;display:grid;place-items:center;background:#3a85ed;color:#fff;font-size:10px;border-radius:99px;padding:1px 5px;box-sizing:border-box; }
.ax-conversation-empty { padding:50px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ax-muted); }.ax-conversation-empty>span { display:grid;place-items:center;border:1px solid rgb(92 156 246 / .2);background:rgb(92 156 246 / .08);width:62px;height:62px;border-radius:22px;color:#8bb9fa;font-size:27px; }.ax-conversation-empty h3 { color:var(--ax-fg);font-size:16px;margin:0; }.ax-conversation-empty p { font-size:12px;line-height:1.8;max-width:270px;margin:0; }.ax-conversation-empty button { margin-top:6px; }
#messages-pane .ax-dm { display:flex;flex-direction:column;padding:0;overflow:hidden;border-radius:22px;height:min(72dvh,760px);min-height:480px; }
.ax-dm-heading { display:flex;align-items:center;gap:11px;padding:17px 20px;border-bottom:1px solid var(--ax-border);flex-shrink:0; }.ax-dm-back { width:34px;height:38px;flex-shrink:0;background:transparent;border:1px solid var(--ax-border);border-radius:11px;color:var(--ax-muted);font-size:21px;cursor:pointer; }.ax-dm-heading #dm-peer { min-width:0;flex:1; }.ax-dm-heading .ax-person-row { padding:0;border:0;border-radius:0;background:transparent;gap:11px;min-width:0; }.ax-dm-heading .ax-person-row .ax-avatar { width:39px;height:39px; }.ax-dm-heading .ax-person-row strong { font-size:13px;overflow-wrap:anywhere; }.ax-dm-subtitle { font-size:10px;color:var(--ax-muted);padding-left:50px;margin-top:-5px; }
.ax-dm-notice { flex-shrink:0;padding:10px 20px;border-bottom:1px solid var(--ax-border);color:var(--ax-muted);font-size:10px;line-height:1.7; }.ax-dm-notice summary { cursor:pointer; }.ax-dm-notice p { margin:6px 0 0; }.ax-dm-notice.is-manager { background:rgb(92 156 246 / .08);border-color:rgb(92 156 246 / .2); }.ax-dm-notice.is-manager strong { color:var(--ax-fg);display:block;font-size:11px; }
#dm-older { align-self:center;font-size:10px;margin:8px 0 0;padding:7px 13px;min-height:30px; }
.ax-dm-list { flex:1;min-height:120px;max-height:none;margin:0;padding:22px;gap:10px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(92 156 246 / .3) transparent; }.ax-dm-date { display:flex;align-items:center;justify-content:center;margin:7px 0 10px;flex-shrink:0; }.ax-dm-date span { font-size:9px;font-weight:600;letter-spacing:.02em;padding:6px 12px;border:1px solid var(--ax-border);border-radius:99px;color:var(--ax-muted);background:var(--ax-glass); }
.ax-dm-message { max-width:79%;padding:12px 15px 8px;border-radius:16px 16px 16px 4px;box-sizing:border-box;border:1px solid var(--ax-border);background:var(--ax-input); }.ax-dm-message.mine { background:linear-gradient(135deg,#356ebd,#2156a0);color:#fff;border-color:rgb(132 182 252 / .23);border-radius:16px 16px 4px 16px; }.ax-dm-message p { font-size:13px;line-height:1.65; }.ax-dm-message>small { display:flex;justify-content:flex-end;align-items:center;gap:7px;font-size:9px;margin-top:5px; }.ax-dm-message.mine>small { color:#d5e6ff; }.ax-dm-receipt { font-size:11px;letter-spacing:-2px; }.ax-dm-photo { max-width:260px; }.ax-dm-photo img { max-height:280px;border-radius:10px; }
#dm-form { flex-shrink:0;padding:13px 16px 12px;border-top:1px solid var(--ax-border);background:var(--ax-bg);display:flex;flex-direction:column;gap:9px; }#dm-form>label { font-size:10px;color:var(--ax-muted); }#dm-body { width:100%;box-sizing:border-box;resize:vertical;min-height:54px;max-height:160px;padding:12px 14px;border:1px solid var(--ax-border);border-radius:13px;background:var(--ax-input);color:var(--ax-fg);font:12px/1.6 var(--font-primary);margin:0; }.ax-dm-compose-actions { gap:8px;justify-content:flex-start; }.ax-dm-compose-actions .ax-btn[type="submit"] { margin-left:auto;border-radius:12px;min-height:40px;background:#3a85ed;color:#fff;display:inline-flex;align-items:center;gap:8px;font-size:12px; }.ax-dm-photo-picker { gap:7px;padding:8px 11px;border-radius:12px;font-size:11px!important; }.ax-dm-photo-note { display:none; }.ax-dm-compose-help { font-size:9px;color:var(--ax-muted);margin:0; }.ax-dm-attachment { padding:8px;gap:10px; }.ax-dm-attachment img { max-height:80px; }.ax-dm-attachment button { margin-left:auto; }#dm-error:empty { display:none; }
.ax-emoji-dialog { padding:24px;box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:min(640px,85dvh);overflow:auto;border:1px solid var(--ax-border);border-radius:22px;background:var(--ax-bg);color:var(--ax-fg);font-family:var(--font-primary);box-shadow:0 22px 80px #0006; }.ax-emoji-dialog::backdrop { background:#0008;backdrop-filter:blur(4px); }.ax-emoji-dialog header { display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px; }.ax-emoji-dialog header small { font-size:8px;color:var(--ax-muted);letter-spacing:.13em;font-weight:700; }.ax-emoji-dialog h2 { margin:7px 0 0;font-size:20px;letter-spacing:-.04em; }.ax-emoji-dialog [data-emoji-close] { width:35px;height:35px;border:0;background:var(--ax-input);color:var(--ax-fg);border-radius:50%;font-size:24px;cursor:pointer; }.ax-emoji-dialog>label { font-size:11px;color:var(--ax-muted); }.ax-emoji-dialog>input { display:block;box-sizing:border-box;width:100%;height:44px;border:1px solid var(--ax-border);border-radius:12px;background:var(--ax-input);color:var(--ax-fg);font:12px var(--font-primary);padding:10px 13px;margin:8px 0 14px; }.ax-emoji-categories { display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px; }.ax-emoji-categories button { border:1px solid var(--ax-border);border-radius:99px;padding:7px 10px;background:transparent;color:var(--ax-muted);font:10px var(--font-primary);cursor:pointer; }.ax-emoji-categories [aria-pressed="true"] { background:rgb(92 156 246 / .16);color:var(--ax-fg);border-color:rgb(92 156 246 / .4); }.ax-emoji-grid { display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;max-height:290px;overflow-y:auto; }.ax-emoji-grid button { display:grid;place-items:center;min-width:0;min-height:43px;border:0;border-radius:12px;background:transparent;font:26px system-ui;cursor:pointer; }.ax-emoji-grid button:hover { background:var(--ax-hover); }.ax-emoji-grid>p { grid-column:1/-1;font-size:12px;color:var(--ax-muted); }.ax-emoji-status { color:var(--ax-muted);font-size:11px;line-height:1.7; }
:root[data-theme="light"] .ax-msg.mine .ax-msg-bubble,:root[data-theme="light"] .ax-dm-message.mine { background:linear-gradient(135deg,#e7f1ff,#dceafd);border-color:#c5d9f5;color:#142d4f; }:root[data-theme="light"] .ax-msg.mine .ax-msg-bubble time,:root[data-theme="light"] .ax-dm-message.mine>small { color:#597295; }
@media(max-width:760px){#chat-hub { gap:13px; }.ax-chat-heading h1 { font-size:27px; }.ax-chat-heading p { font-size:12px; }#chat-general-mount .ax-chat { height:calc(100dvh - 310px);min-height:340px; }.ax-chat .ax-card-head { padding:15px;min-height:70px; }.ax-chat-list { padding:18px 13px; }.ax-msg { max-width:91%; }.ax-msg-bubble { padding:10px 12px 7px; }.ax-chat-form { padding:12px 10px;gap:6px; }.ax-chat-form .ax-emoji-trigger { width:34px;height:40px;flex-basis:34px;padding:6px; }.ax-chat-form input { font-size:12px;padding:0 11px; }.ax-chat-form .ax-send { width:40px;min-width:40px;height:40px; }.ax-inbox-card { padding:19px 14px; }.ax-inbox-heading { gap:12px;align-items:flex-start; }.ax-inbox-heading h2 { font-size:18px; }.ax-inbox-heading .ax-btn { padding:9px 11px;font-size:10px; }.ax-inbox-text strong { font-size:12px; }.ax-inbox-text small { font-size:11px; }.ax-inbox-row .ax-avatar { width:39px;height:39px; }.ax-inbox .ax-inbox-row { padding:15px 4px;gap:10px; }#messages-pane .ax-dm { height:calc(100dvh - 295px);min-height:440px; }.ax-dm-heading { padding:14px 13px;gap:9px; }.ax-dm-notice { padding:9px 14px;font-size:9px; }.ax-dm-list { padding:16px 12px; }.ax-dm-message { max-width:87%;padding:10px 12px 7px; }#dm-form { padding:12px; }#dm-body { resize:none;min-height:50px; }.ax-dm-compose-help { display:none; }.ax-emoji-dialog { padding:20px; }.ax-emoji-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }}

/* The community card and chat share one viewport; the message list alone scrolls. */
@media(min-width:1101px){
 .ax-right{height:calc(100dvh - 104px);max-height:760px;min-height:0;overflow:hidden;align-self:start;}
 .ax-right>.ax-community-card{flex:0 0 auto;margin-bottom:0;}
 .ax-right>#chat-panel{flex:1 1 0;min-height:180px;height:auto;max-height:none;width:100%;}
 .ax-right>#chat-panel .ax-chat-list{flex:1 1 0;min-height:0;}
 .ax-right>#chat-panel .ax-card-head,.ax-right>#chat-panel .ax-chat-form{flex-shrink:0;}
}
@media(min-width:1101px) and (max-height:740px){
 .ax-right>.ax-community-card{padding:12px;}
 .ax-right .ax-community-heading{margin-bottom:6px;}
 .ax-right .ax-community-card>button{min-height:42px;padding:8px 28px 8px 10px;}
 .ax-right .ax-community-card>button b{top:16px;}
}
@media(min-width:1101px) and (max-height:560px){.ax-right>.ax-community-card{display:none;}}

/* Reserve the fixed mobile navigation below the live-chat composer. */
@media(max-width:760px){#chat-general-mount .ax-chat{height:calc(100dvh - 350px);min-height:220px;}}