/* Cabeçalho com espaços separados para menu, Lumi e conta. */
@media(max-width:700px){
 .topbar{position:relative;gap:8px;padding-top:env(safe-area-inset-top);min-height:90px!important;height:auto!important}
 .topbar .mobile-menu{margin-right:auto;margin-left:0;flex:0 0 44px;min-height:44px;display:flex}
 .topbar>.iconbtn{flex-shrink:0;min-width:44px;min-height:44px}
 .topbar .profile{flex-shrink:0;padding:4px;min-height:44px;gap:0}
 .topbar .profile>div,.topbar .profile>.icon{display:none}
 .topbar .profile>.avatar,.topbar .profile>.chat-avatar{display:inline-flex!important;width:36px;height:36px;flex:0 0 36px}
 .shell>.lumi-widget{top:calc(12px + env(safe-area-inset-top));left:calc(50% - 20px)!important;max-width:70px;transform:translateX(-50%)!important}
 .shell>.lumi-widget .lumi-face{width:56px;height:64px}
 .shell>.lumi-widget:has(.lumi-panel:not([hidden])){left:10px!important;right:10px!important;transform:none!important;width:auto;max-width:none;box-sizing:border-box;z-index:65}
 .shell>.lumi-widget .lumi-panel{min-width:0;max-height:calc(100dvh - 115px);overflow:auto;overscroll-behavior:contain}
 .workspace,.page,.card,.field,.form-grid>*{min-width:0}
 input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;max-width:100%;box-sizing:border-box}
 .file-picker{min-width:0;flex-wrap:wrap}.file-picker-copy{min-width:0;flex:1}.file-picker-copy strong,.file-picker-copy small{overflow-wrap:anywhere}
 #scan-file-preview img,#scan-preview img{display:block;max-width:100%;height:auto!important;max-height:45dvh;object-fit:contain;margin:auto}
 .modal-backdrop{padding:12px;align-items:center;overflow:auto;overscroll-behavior:contain}
 .modal{box-sizing:border-box;max-width:100%;scroll-padding-bottom:80px}
 .modal-footer{position:sticky;bottom:0;background:var(--surface);padding-top:12px;z-index:2}
}

.notice-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.notice-tabs .btn{flex:1;justify-content:center;gap:8px}
.notice-message{width:100%;text-align:left;gap:12px}.notice-message>div{min-width:0}.notice-message p{margin:5px 0;line-height:1.5;overflow-wrap:anywhere}.notice-message small{display:block;overflow-wrap:anywhere}
.chat-unread{margin-left:auto;min-width:23px;padding:3px 6px;background:var(--chat-accent,#416fa7);color:white;font-size:11px;text-align:center;border-radius:20px}
.chat-room-title{display:flex!important;align-items:center;gap:10px;min-width:0;text-align:left}.chat-room-title>div{min-width:0}.chat-room-title h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room-title .chat-avatar{flex-shrink:0}
.chat-options-menu{display:grid;gap:8px}.chat-options-menu .btn{justify-content:flex-start;min-height:48px}
.chat-group-details{padding:16px;border-bottom:1px solid var(--line);max-height:50dvh;overflow:auto;flex-shrink:0}.chat-group-identity{display:flex;gap:14px;align-items:center;margin-bottom:14px}.chat-group-identity small{display:block;margin-top:5px;color:var(--muted)}
.chat-group-identity .chat-avatar,.chat-group-photo .chat-avatar{width:64px;height:64px;flex-basis:64px;font-size:22px}.chat-group-photo{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.chat-group-details .online-group-details{position:static!important;width:auto!important;max-height:none;box-shadow:none;border:0;margin-top:12px;padding:0}
.online-conversations .foot .actions{justify-content:flex-end}.online-conversations .list-item{width:100%;min-width:0}.online-conversations .list-item>div{min-width:0}.online-conversations .list-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:700px){.chat-header{gap:8px}.chat-header .chat-room-title{flex:1}.chat-header>.btn{padding:9px;font-size:12px;min-height:44px}.chat-room-title h3{font-size:15px;max-width:40vw}.chat-group-details{padding:12px}.notice-tabs .btn{min-width:125px;min-height:44px}.chat-group-details .actions{flex-wrap:wrap}.chat-group-details .actions .btn{min-height:44px}}

[data-page="chat"] .online-chat-main:has(.chat-group-details){padding-right:0}
[data-page="chat"] .chat-group-details .chat-shared-details{position:static!important;width:auto!important;inset:auto!important;display:block!important;padding:0!important;max-height:none!important;box-shadow:none!important}
[data-page="chat"] .chat-room-title{border:0;background:transparent;color:inherit;padding:0;cursor:pointer}
[data-page="chat"] .chat-group-details .actions{gap:8px;margin-bottom:12px}
[data-page="chat"] .chat-group-details>.chat-group-identity .chat-avatar{width:64px;height:64px;flex-basis:64px}