/* The "Your chats" dialog (js/chat-sync.js): saving to the account, auto-delete and delete.
   Builds on the chat app's .dialog-card, .auth-form, .send-btn and .ghost-btn styles in index.html. */

.chats-card { max-height: calc(100vh - 32px); max-height: calc(100dvh - 32px); overflow-y: auto }
/* Scroll the card rather than squash its buttons when it runs taller than the screen. */
.chats-card > * { flex-shrink: 0 }
.chats-sec { display: flex; flex-direction: column; gap: 8px; padding-top: 12px; border-top: 1px solid var(--line) }
.chats-sec:empty { display: none }
.chats-label { font-size: 13px; font-weight: 700; color: var(--muted) }
.chats-select { height: 48px; border-radius: 14px; border: 1px solid var(--line); background: var(--surface); color: var(--fg); padding: 0 12px; font: inherit; font-size: 15px; width: 100% }
.chats-select:focus-visible { outline: 3px solid var(--gold); outline-offset: 2px }