.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}.messenger{display:grid;grid-template-columns:300px minmax(0,1fr);height:640px;max-height:calc(100dvh - 240px);min-height:380px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--panel)}.thread-panel{border-right:1px solid var(--border);overflow:auto;min-width:0}.thread-heading{padding:18px;display:flex;justify-content:space-between;font-weight:700;border-bottom:1px solid var(--border)}.thread{display:flex;align-items:center;gap:12px;width:100%;padding:17px;text-align:left;border-bottom:1px solid #ffffff06}.thread:hover,.thread.selected{background:#c2abff12}.thread-avatar{flex-shrink:0;display:grid;place-items:center;width:40px;height:40px;background:#493952;border-radius:50%;color:#ead9fa}.thread-copy{flex:1;min-width:0}.thread-copy strong,.thread-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-copy small{color:var(--muted);margin-top:4px}.thread-meta{font-size:11px;color:var(--muted);text-align:right}.thread-meta b{display:block;margin:5px 0 0 auto;background:var(--purple);color:#241735;border-radius:15px;padding:1px 7px;width:fit-content}.message-panel{min-width:0;min-height:0;display:flex;flex-direction:column}.message-header{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.message-header>div{flex:1;min-width:0}.message-header small{display:block;color:var(--muted)}.chat-back{display:none;font-size:28px;min-width:40px;min-height:44px}.message-list{flex:1;min-height:100px;overflow:auto;padding:20px;overscroll-behavior:contain}.message-row{display:flex;margin-bottom:16px}.message-row.mine{justify-content:flex-end}.message-bubble{max-width:85%;min-width:90px;border-radius:14px 14px 14px 3px;background:#34303f;padding:11px 14px}.mine .message-bubble{background:#594276;border-radius:14px 14px 3px 14px}.message-bubble p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 5px;font-size:14px}.message-bubble small{font-size:11px;color:#c6bbd2}.report-message{font-size:11px;color:#d8c2ed;text-decoration:underline;padding:4px}.message-composer{padding:14px 18px;border-top:1px solid var(--border)}.message-composer textarea{margin:0;min-height:70px;max-height:150px;font-size:15px}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.composer-bottom small{font-size:11px;color:var(--muted)}.message-unread{background:var(--purple);color:#241735;padding:1px 5px;border-radius:10px;font-size:10px;margin-left:auto}.load-older{padding:10px;font-size:12px;color:var(--purple)}.chat-unavailable{padding:10px 18px;color:var(--danger);font-size:13px}.message-empty{margin:auto}.message-empty span{display:block;font-size:35px;color:var(--purple);margin-bottom:15px}.message-disclaimer{font-size:11px;color:var(--muted);margin:14px 0}.history-row{display:flex;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--border)}.history-row>div{flex:1;min-width:0}.history-row small{display:block;color:var(--muted);margin-top:4px}.history-row .secondary{flex-shrink:0}blockquote{margin:12px 0;padding:12px 15px;border-left:3px solid var(--purple);background:#ffffff05;white-space:pre-wrap;overflow-wrap:anywhere}.admin-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.admin-task{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid var(--border);border-radius:14px;padding:20px;text-align:left;background:#ffffff03}.admin-task strong{font-size:28px;color:var(--purple)}.admin-task small{color:var(--muted);flex:1}.admin-task b{font-size:12px;color:var(--purple)}@media(max-width:760px){.messenger{grid-template-columns:1fr;max-height:none;height:calc(100dvh - 275px);min-height:420px}.thread-panel{border:0}.message-panel{display:none}.messenger.chat-active .thread-panel{display:none}.messenger.chat-active .message-panel{display:flex}.chat-back{display:block}.message-header{gap:8px;padding:10px}.message-header .secondary{font-size:12px;padding:8px}.message-header .thread-avatar{width:32px;height:32px}.message-list{padding:14px}.message-composer{padding:12px}.composer-bottom small{max-width:150px}.message-bubble{max-width:90%}.admin-task-grid{grid-template-columns:1fr}.admin-task{gap:5px}.admin-task strong{font-size:24px}.history-row{gap:10px}.history-row small{font-size:11px}}
