#sardine-auth-panel { min-width: 0; overflow-wrap: anywhere; color:var(--text,#f1f5f9); background:var(--panel,#0e1720); }
#sardine-auth-panel p { margin-block: .75rem; line-height: 1.5; }
#sardine-auth-panel label { display: block; margin-block: .75rem .25rem; }
#sardine-auth-panel input,
#sardine-auth-panel textarea { box-sizing: border-box; width: 100%; max-width: 100%; min-width: 0; min-height:44px; padding: .6rem; font: inherit; color:var(--text,#f1f5f9); background:var(--panel-light,#162432); border:1px solid var(--muted,#a3b4c8); }
#sardine-auth-panel div { display: flex; flex-wrap: wrap; gap: .5rem; margin-block: .75rem; }
#sardine-auth-panel button { min-height: 44px; max-width: 100%; padding: .6rem .8rem; white-space: normal; color:var(--text,#f1f5f9); background:var(--panel-light,#162432); border:1px solid var(--muted,#a3b4c8); }
#sardine-auth-panel :focus-visible { outline: 3px solid var(--cyan, #007b9e); outline-offset: 3px; }
#sardine-auth-panel .sardine-language-controls button { flex: 0 1 auto; }
#sardine-auth-panel .sardine-language-controls [aria-pressed="true"] { font-weight: 700; text-decoration: underline; text-underline-offset: .25em; }
@media (max-width: 480px) {
  #sardine-auth-panel button { flex: 1 1 100%; }
}