/* v37 线上 / 线下 */
.mode-bar{display:flex;align-items:center;gap:8px;padding:5px 12px;font-size:12px;line-height:1.4;cursor:pointer;border-bottom:1px solid rgba(128,128,128,.15);background:rgba(120,120,128,.08);color:var(--text-sub,#888)}
.mode-bar b{font-size:12px;color:var(--text-main,#333)}
.mode-bar span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mode-bar i{font-style:normal;opacity:.7}
.mode-bar.is-off{background:rgba(214,150,90,.16)}
.mode-bar.is-off b{color:#b8742f}
.mode-div{align-self:center;text-align:center;font-size:11px;color:var(--text-sub,#999);margin:10px auto;padding:2px 12px;border-radius:10px;background:rgba(128,128,128,.12)}
.mode-div.to-off{background:rgba(214,150,90,.18);color:#b8742f}
#chatRoomApp.view-split:not(.offline-mode) .message.m-off,
#chatRoomApp.view-split.offline-mode .message.m-on,
#chatRoomApp.view-split .mode-div{display:none}
.xm-md{font-style:normal;font-size:10px;padding:0 5px;margin-right:5px;border-radius:6px;background:rgba(128,128,128,.15)}
.xm-md.off{background:rgba(214,150,90,.2);color:#b8742f}

/* ===== v3.7.2：「＋」面板在可视高度不够时不再溢出屏幕，可以在面板内滚动 ===== */
#chatRoomApp .attach-panel{max-height:min(46%,300px);overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:max(16px,env(safe-area-inset-bottom,0px))}
#chatRoomApp .chat-box{min-height:80px}
/* 键盘弹出时，输入栏不再保留底部安全区留白（iOS 桌面版会在键盘上方多出一截空隙） */
html.kb #chatRoomApp .input-area{padding-bottom:8px}