/* View titles other than the document h1. Sizes follow the previous h1 rules. */
.auth-panel .view-title { margin: 0.67em 0 1.5rem; overflow-wrap: anywhere; font-size: clamp(1.7rem, 4vw, 1.9rem); line-height: 1.2; text-wrap: balance; font-weight: 700; }
.inbox-sidebar .view-title { font-size: 1.25rem; margin: 0; font-weight: 700; }
/* WCAG 2.5.8: disclosure summaries are a 24px target. */
#room-about > summary,
#account-settings > summary,
.agent-advanced > summary,
.agent-invite-instructions > summary,
.inbox-gmail summary,
#agent-local-client > summary { display: flex; align-items: center; min-width: 24px; min-height: 24px; }
.button.destructive { color: var(--red); background: var(--panel); border: 1px solid var(--red); }
.deletion-summary { white-space: pre-wrap; }
.inbox-unread { font-weight: 700; }
.inbox-thread-depth-0 { margin-left: 0; }
.inbox-thread-depth-1 { margin-left: 16px; }
.inbox-thread-depth-2 { margin-left: 32px; }
.inbox-thread-depth-3 { margin-left: 48px; }
.inbox-thread-depth-4 { margin-left: 64px; }
.inbox-thread-depth-5 { margin-left: 80px; }
.inbox-thread-depth-6 { margin-left: 96px; }
@media (max-width: 940px) {
  .app-shell:has(#workspace-nav:not([hidden])) { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom)); }
}
.join-page { max-width: 34rem; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; }
.join-card { background: var(--card, #fff); border: 1px solid var(--border, #e2e2e2); border-radius: 12px; padding: 1.5rem; }
.join-card h2 { font-size: 1.35rem; margin: 0 0 .5rem; font-weight: 650; }
.join-card p { margin: .5rem 0; }
.join-permissions { margin: .5rem 0; padding-left: 1.25rem; }
.join-permissions li { margin: .2rem 0; }
.join-secret-row { display: flex; gap: .5rem; margin: .75rem 0; }
.join-secret-row input { flex: 1; font-family: monospace; }
.join-actions { display: flex; gap: .5rem; flex-wrap: wrap; margin-top: 1rem; }
h1.join-brand { text-align: center; margin: 0 0 1.5rem; font-size: 1rem; font-weight: 650; opacity: .85; }