/* Ergänzt hub.css: Formulare für Login, Konto, Admin. Nutzt Butas Variablen (--gold, --night, --line, --parch, --mist). */
.form-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box}
.form-card{width:100%;max-width:420px;background:var(--night);border:1px solid var(--line);padding:28px 24px}
.form-card h1{font-family:var(--caps);color:var(--gold);font-size:22px;margin:0 0 18px;letter-spacing:.06em}
.form-card label{display:block;font-size:13px;color:var(--mist);margin:14px 0 6px}
.form-card input,.form-card select,.form-card textarea{width:100%;box-sizing:border-box;padding:10px 12px;background:transparent;color:var(--parch);border:1px solid var(--line);font:inherit}
.form-card .btn{margin-top:20px;width:100%}
.form-msg{min-height:20px;margin-top:12px;font-size:14px;color:var(--mist)}
.form-msg.err{color:#e0703a}
.admin-wrap{max-width:1100px;margin:0 auto;padding:24px 16px}
.admin-wrap section{border:1px solid var(--line);padding:18px;margin:0 0 18px;background:var(--night)}
.admin-wrap h2{font-family:var(--caps);color:var(--gold);font-size:18px;margin:0 0 12px}
.admin-wrap table{width:100%;border-collapse:collapse;font-size:14px}
.admin-wrap td,.admin-wrap th{border-bottom:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top}
.admin-wrap textarea{min-height:120px;font-family:ui-monospace,monospace;font-size:12px}
.tag-unchecked{color:#e0703a;font-size:12px}
/* hub.css setzt display:flex auf diese Bereiche, dadurch greift das hidden-Attribut sonst nicht */
.name-pick[hidden],.name-gate[hidden]{display:none}