/* Саморегистрация (signup.php, docs/spec/packages.ux.md 4.3–4.5): една колона до 480 px, полета и бутони 44 px. */
.su-main { display: block; }
/* Като панела за вход и „Покана за планера“ (theme.css): една колона в средата, без хоризонтално превъртане. */
.portal > .su-panel { box-sizing: border-box; width: min(100%, 480px); max-width: 480px; margin: clamp(16px, 7vh, 72px) auto 48px; padding: clamp(24px, 5vw, 48px); border-top: 3px solid var(--gold-line); border-radius: 2px; }
.su-panel * { box-sizing: border-box; max-width: 100%; }
.su-form { display: grid; gap: 14px; }
.su-form h1 { font-family: Lora, Georgia, serif; font-weight: 500; margin: 0; }
.su-lead { color: var(--ink-muted); margin: 0; }
.su-form label { display: grid; gap: 6px; }
.su-form input:not([type="checkbox"]):not([type="radio"]) { min-height: 44px; }
.su-form .primary.su-main-btn { min-height: 48px; width: 100%; }
.su-note { background: var(--gold-soft); color: var(--gold-ink); border-radius: 10px; padding: 10px 12px; margin: 0; }
.su-err { color: var(--danger); margin: 0; }
.su-form label.su-check { display: flex; align-items: flex-start; gap: 10px; min-height: 44px; }
.su-check input { width: 20px; height: 20px; margin-top: 2px; flex: none; accent-color: var(--gold); }
.su-points { list-style: none; padding: 12px 0 0; margin: 0; border-top: 1px solid var(--line); color: var(--ink-muted); display: grid; gap: 4px; }
.su-points li::before { content: "◦ "; color: var(--gold); }
/* Скритото поле-капан: извън екрана (не display:none — някои ботове ги пропускат), без фокус. */
.su-hp { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.su-pass { display: flex; gap: 8px; }
.su-pass input { flex: 1; }
.su-pass button { min-width: 88px; min-height: 44px; }
.su-hint { color: var(--ink-muted); }
.su-hint--ok { color: var(--success); }
.su-hint--ok::before { content: "✓ "; }
.su-types { border: 0; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.su-types legend { padding: 0; margin-bottom: 6px; }
.su-form label.su-chip { display: inline-flex; align-items: center; position: relative; }
.su-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.su-chip span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 16px; border: 1px solid var(--line-strong); border-radius: 999px; background: var(--paper); cursor: pointer; }
.su-chip input:checked + span { background: var(--gold-soft); border-color: var(--gold); color: var(--gold-ink); }
.su-chip input:focus-visible + span { outline: 2px solid var(--gold); outline-offset: 2px; }
.su-more summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; }
.su-more button { min-height: 44px; }
.su-info { color: var(--ink-muted); font-size: 0.9rem; margin: -4px 0 0; }
.su-partner { background: var(--cream); color: var(--ink); border-left: 3px solid var(--gold-line); font-size: 14px; }