.chat-admin-app[hidden],.chat-admin-login[hidden]{display:none}.chat-admin-app{padding:30px 0 54px}.chat-admin-app>.admin-status{margin:-12px 0 15px}.chat-inbox{display:grid;grid-template-columns:minmax(230px,310px) minmax(0,1fr);min-height:min(680px,calc(100vh - 220px));overflow:hidden;border:1px solid var(--admin-line);border-radius:14px;background:#fff}.chat-inbox__list{min-width:0;border-right:1px solid var(--admin-line);background:#fbfcfb}.chat-inbox__list-heading{display:flex;justify-content:space-between;align-items:center;padding:17px 16px;border-bottom:1px solid var(--admin-line);font:700 14px var(--admin-display)}.chat-inbox__list-heading span{display:grid;min-width:24px;height:24px;place-items:center;border-radius:20px;color:#216aa9;background:#eaf4ff;font-size:11px}.chat-room-list{max-height:calc(100vh - 310px);overflow:auto}.chat-room{display:grid;width:100%;gap:5px;padding:14px 15px;border:0;border-bottom:1px solid #e5edf4;color:var(--admin-ink);background:transparent;text-align:left;cursor:pointer;transition:background 180ms ease}.chat-room:hover,.chat-room.is-active{background:#eff7ff}.chat-room.is-active{box-shadow:inset 3px 0 #287cc2}.chat-room strong,.chat-room span,.chat-room small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room strong{font:700 13px var(--admin-display)}.chat-room span{color:#52666b;font-size:12px}.chat-room small{color:#738083;font-size:10px}.chat-inbox__thread{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0}.chat-thread-heading{display:grid;gap:4px;padding:16px 19px;border-bottom:1px solid var(--admin-line)}.chat-thread-heading strong{font:700 15px var(--admin-display)}.chat-thread-heading span{color:var(--admin-muted);font-size:11px}.chat-thread-messages{display:flex;min-height:260px;max-height:calc(100vh - 390px);flex-direction:column;gap:10px;overflow:auto;padding:20px;background:#f4f8fc}.chat-thread-message{display:grid;width:min(82%,520px);gap:4px;align-self:flex-start;padding:11px 13px;border:1px solid #e1e9e5;border-radius:5px 13px 13px 13px;background:#fff}.chat-thread-message--agent{align-self:flex-end;border-color:#b9ddff;background:#eaf4ff}.chat-thread-message strong{font-size:10px;color:#216aa9}.chat-thread-message p{margin:0;color:#243a40;font-size:13px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.chat-thread-message time{justify-self:end;color:#778589;font-size:10px}.chat-inbox-empty{margin:auto;padding:20px;color:var(--admin-muted);font-size:12px;line-height:1.55;text-align:center}.chat-thread-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;padding:13px;border-top:1px solid var(--admin-line);background:#fff}.chat-thread-composer textarea{width:100%;resize:vertical;min-height:46px;max-height:150px;padding:11px 12px;border:1px solid #ccdae8;border-radius:8px;color:var(--admin-ink);font:13px/1.5 var(--admin-body)}.chat-thread-composer textarea:focus{outline:2px solid rgba(102,174,255,.5);border-color:#287cc2}.chat-thread-composer button{min-width:100px}.chat-admin-app .admin-status.is-error{color:#a5332e}
@media(max-width:760px){.chat-inbox{grid-template-columns:1fr;min-height:700px}.chat-inbox__list{max-height:240px;border-right:0;border-bottom:1px solid var(--admin-line)}.chat-room-list{max-height:180px}.chat-thread-messages{max-height:none;min-height:260px}.chat-thread-composer{grid-template-columns:1fr}.chat-thread-composer button{width:100%}}
@media(prefers-reduced-motion:reduce){.chat-room{transition:none}}