/* One-tap Discord linking: the section inside Settings > Account and the offer in a room shared with Discord. Colours come
   from the variables both layouts already set, so this has one look that follows each layout's own. */
.discord-link { margin-top: .75rem; padding-top: .65rem; border-top: 1px solid var(--line, #1e2531); min-width: 0; }
.discord-link[hidden], .chat-discord-join[hidden] { display: none; }
.discord-link .discord-link__title { display: flex; align-items: center; gap: .4rem; margin: 0 0 .3rem; font-size: 1rem; }
.discord-link .discord-link__who { overflow-wrap: anywhere; margin: 0 0 .2rem; }
.discord-link .btn { display: inline-flex; align-items: center; gap: .4rem; }
.discord-link p { margin: 0 0 .4rem; }
.chat-discord-join { display: flex; align-items: center; justify-content: space-between; gap: .35rem; margin: 0 0 .25rem; min-width: 0; }
.chat-discord-join .chat-discord-join__go { display: inline-flex; align-items: center; gap: .35rem; min-width: 0; white-space: normal; text-align: left; }
.chat-discord-join .chat-discord-join__go svg { flex-shrink: 0; }
.chat-discord-join .chat-discord-join__close { flex-shrink: 0; min-width: 32px; min-height: 32px; }
/* The sign-in screen, when a Discord approval came back to a browser that is not signed in. */
.discord-return { margin: 0 0 .75rem; padding: .55rem .65rem; border: 1px solid var(--line, #1e2531); border-left: 3px solid var(--accent, #65d8e1); border-radius: 4px; text-align: left; }
.discord-return .discord-return__text { display: flex; align-items: flex-start; gap: .4rem; margin: 0; font-size: .85rem; }
.discord-return .discord-return__text svg { flex-shrink: 0; margin-top: .1rem; }
.discord-return .discord-return__app { display: block; margin-top: .5rem; text-align: center; }