/* .shell/.login-wrap definem display e anulavam o atributo hidden: o painel aparecia sem login */
[hidden] { display: none !important; }
.login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
.login-card { width: 360px; }
.login-card h2 { margin: 0 0 4px; font-size: 18px; }
.qr-box { display: flex; align-items: center; justify-content: center; min-height: 280px; background: #fff; border: 1px dashed var(--field); border-radius: var(--radius); }
.qr-box img { width: 260px; height: 260px; }
.summary-text { white-space: pre-wrap; font-size: 13px; line-height: 1.5; }
.field-sm { width: 80px; }
.pager { display: flex; gap: 8px; align-items: center; justify-content: flex-end; margin-top: 10px; }

.chats-split { grid-template-columns: 340px 1fr; }
.chat-list { max-height: calc(100vh - 210px); overflow-y: auto; display: flex; flex-direction: column; gap: 6px; }
.chat-pane { min-height: 400px; }
.chat-msgs { height: calc(100vh - 230px); overflow-y: auto; display: flex; flex-direction: column; gap: 8px; padding-right: 4px; }
.msg { max-width: 78%; background: var(--bg); border-radius: var(--radius); padding: 6px 10px; }
.msg-me { align-self: flex-end; background: var(--primary-soft); }
.msg-text { white-space: pre-wrap; font-size: 13px; }
.msg-quote { border-left: 3px solid var(--primary); padding: 2px 6px; margin: 4px 0; color: var(--muted); white-space: pre-wrap; }
.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 240px; }
.retro-groups { max-height: 260px; overflow-y: auto; }
.msg-hl { outline: 2px solid var(--attention); background: var(--attention-soft); }
.filters { flex-wrap: wrap; gap: 8px; }
.filters .field { width: auto; }
#aq { flex: 1; }
.answer { font-size: 14px; }
.src-excerpt { white-space: pre-wrap; }
mark { background: var(--attention-soft); color: inherit; padding: 0 2px; }