/* /var/www/html/au/au.css – Auth-Modal Styles (kompakt) */
#au-modal { position:fixed; inset:0; background:rgba(0,0,0,0.7); display:flex; align-items:center; justify-content:center; z-index:10000; }
.au-dialog { background:#fff; border-radius:1rem; width:100%; max-width:420px; padding:2rem; position:relative; max-height:90vh; overflow-y:auto; }
.au-close { position:absolute; top:1rem; right:1rem; font-size:2rem; cursor:pointer; border:none; background:transparent; }
.au-pane { display:none; }
.au-pane:not([hidden]) { display:block; }
.pill-buttons { display:flex; gap:1rem; margin:1.5rem 0; }
.pill-btn { flex:1; padding:0.75rem; border-radius:50px; text-align:center; cursor:pointer; border:1px solid #ccc; background:#fff; transition:0.2s; }
.pill-btn.primary { background:#6366f1; color:white; border-color:#6366f1; }
.pill-btn:hover { background:#f0f0f0; }
.pill-btn.primary:hover { background:#4f52e0; }
input, button { width:100%; margin:0.5rem 0; padding:0.75rem; border:1px solid #ccc; border-radius:0.5rem; box-sizing:border-box; }
.password-wrapper { position:relative; }
.toggle-password { position:absolute; right:0.75rem; top:50%; transform:translateY(-50%); background:transparent; border:none; width:auto; cursor:pointer; }
.code-inputs { display:flex; gap:0.5rem; justify-content:center; margin:1rem 0; }
.code-input-field { width:3rem; height:3.5rem; text-align:center; font-size:1.5rem; border-radius:0.5rem; }
.link { text-align:center; margin-top:1rem; }