.chat-surface{max-width:720px;margin:0 auto;min-width:0;display:grid;gap:16px}.chat-list-head,.chat-room-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.chat-list-head h2,.chat-room-head h2{margin:0;flex:1;overflow-wrap:anywhere;font-size:22px}.chat-list{display:grid;gap:10px}.chat-row{width:100%;display:flex;gap:14px;align-items:center;padding:18px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:16px;min-width:0;font-size:16px}.chat-row>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.chat-row small{display:block;font-size:14px;color:var(--muted);margin-top:5px}.chat-icon{font-size:28px;color:#253b2d}.chat-badge{background:#d6381e;color:white;border-radius:12px;padding:3px 7px;font-size:12px;font-weight:700}.chat-invites{padding:18px;background:#edf1e7;border-radius:16px}.chat-invites article+article{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}.chat-actions{display:flex;gap:12px}.chat-contacts{max-height:40dvh;overflow:auto}.chat-contact{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px;border-bottom:1px solid var(--line)}.chat-contact[hidden]{display:none}.chat-contact input{width:20px;height:20px;flex:none}.chat-messages{display:flex;flex-direction:column;gap:14px}.chat-message{align-self:flex-start;max-width:88%;border:1px solid var(--line);background:white;border-radius:16px 16px 16px 3px;padding:12px 16px;overflow-wrap:anywhere;min-width:0}.chat-message.mine{align-self:flex-end;background:#e7efdf;border-radius:16px 16px 3px 16px}.chat-message strong{font-size:14px}.chat-message p{white-space:pre-wrap;font-size:16px;line-height:1.5;margin:6px 0}.chat-message time{font-size:12px;color:var(--muted)}.chat-composer{display:flex;gap:10px;align-items:flex-end;background:var(--bg,#f5f5f2);padding:12px 0}.chat-composer textarea{resize:vertical;flex:1;min-width:0;width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;font:inherit;font-size:16px}.chat-composer button{min-height:48px}.chat-people p{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.chat-surface button{min-height:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav[data-view=chats]{position:relative}.nav [data-chat-badge]{position:absolute;right:2px;top:1px;min-width:18px;line-height:18px}.chat-room-head>button:first-child{width:100%;text-align:left}.chat-contact span{overflow-wrap:anywhere}
@media(max-width:700px){.rail.signed-in nav{grid-template-columns:repeat(4,minmax(0,1fr))}.chat-row{padding:14px}.chat-room-head h2{font-size:20px}.chat-surface{gap:12px}.chat-message{max-width:92%}.chat-list-head .primary{padding:12px}.chat-composer button{padding:12px}.chat-room-head button{font-size:14px}.nav{padding-left:2px!important;padding-right:2px!important}}
/* One stable navigation layout for guest and signed-in users. */
@media(max-width:700px){.rail nav,.rail.signed-in nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}.rail{height:auto;min-height:calc(70px + env(safe-area-inset-bottom));padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -3px 16px #202b2608}.rail .nav{min-height:56px;font-size:14px!important;line-height:1.25;min-width:0;gap:5px}.rail .profile-nav span:last-child{font-size:14px}.top>.account-entry{display:none}.top{height:64px}.workspace{padding-bottom:calc(80px + env(safe-area-inset-bottom))}footer{padding-bottom:24px}.toast{bottom:calc(90px + env(safe-area-inset-bottom))}.rail [data-chat-badge]{right:10%;top:0;font-size:12px}main{scroll-margin-bottom:90px}}