/* Style wyłącznie dla strony zgłoszenia (/zglos/).
 *
 * Świadomie osobny plik, a nie dopisek do globalnego `topaimuza.css`: zmiana
 * arkusza globalnego zmienia `?v=` na KAŻDEJ stronie serwisu i zamienia poprawkę
 * jednego widoku w pełny transfer FTP. Ten sam powód opisuje `asset_v()` w app.py.
 * Kolory, typografia i promienie pochodzą z tokenów zdefiniowanych w topaimuza.css. */

.zglos{display:block}
.zglos .page-sub{max-width:74ch}
.zglos-free{margin:14px 0 0;color:var(--blue);font:800 12px var(--data);letter-spacing:.02em;text-transform:uppercase}

.zglos-form-title{margin:0;font-family:var(--display);letter-spacing:-.045em}
.zglos-hint{margin:8px 0 0;color:var(--muted);font-size:13px}
.zglos-form{display:grid;gap:18px;margin-top:20px}
.zglos-field{display:grid;gap:7px}
.zglos-field label{color:var(--ink);font:800 11px var(--data);letter-spacing:.035em;text-transform:uppercase}
.zglos-field input,.zglos-field textarea{width:100%;max-width:620px;padding:11px 12px;border:1px solid #aeb9c9;border-radius:1px;background:#fff;color:var(--text);font:400 15px var(--body)}
.zglos-field textarea{resize:vertical;min-height:92px}
.zglos-field input:focus,.zglos-field textarea:focus{outline:2px solid var(--blue);outline-offset:1px}
.zglos-field-hint{margin:0;color:var(--muted);font-size:12px}

.zglos-group{display:grid;gap:16px;margin:0;padding:18px;border:1px solid var(--line);background:#fbfbfd}
.zglos-group legend{padding:0 8px;color:var(--ink);font:800 11px var(--data);letter-spacing:.035em;text-transform:uppercase}

.zglos-consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;padding:14px;border:1px solid var(--line);background:#fff}
.zglos-consent input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--blue)}
.zglos-consent label{color:var(--text);font:400 13px/1.5 var(--body)}

.zglos-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.zglos-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.zglos-actions .cta{min-height:48px;padding:0 22px;border:0;font-size:13px;cursor:pointer}
.zglos-actions-note{color:var(--muted);font:700 11px var(--data);letter-spacing:.02em;text-transform:uppercase}

.zglos-status{border-left:4px solid var(--blue)}
.zglos-status-title{margin:0 0 10px;font-family:var(--display);letter-spacing:-.03em}
.zglos-next{margin-top:26px}
.zglos-next ul{margin:12px 0 0;padding-left:20px;display:grid;gap:8px}

.cta-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:18px 0 0}
.zglos-back{font:800 12px var(--data);letter-spacing:.02em}

@media (max-width:640px){
  .zglos-field input,.zglos-field textarea{font-size:16px} /* 16 px = brak auto-zoom na iOS */
  .zglos-group{padding:14px}
  .zglos-actions .cta{width:100%;justify-content:center}
}