/* forms.css — cards, form fields and buttons (login, password, admin). Depends on base.css tokens. */
.plain-main{padding-block:32px 56px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 6px 20px rgba(15,73,65,.06)}
.card.narrow{max-width:440px;margin:0 auto}
.card h1,.card h2{font-family:var(--f-display);font-weight:600;color:var(--deep);line-height:1.3;margin:0 0 6px}
.card h1{font-size:1.5rem}
.card h2{font-size:1.2rem;margin-bottom:14px}
.card .back{margin:0 0 10px;font-size:.9rem}
.card .back a,.card a:not(.btn){color:var(--brand-d)}
.form{display:grid;gap:14px;margin-top:14px}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:.92rem;color:var(--ink)}
.form input,.form select{height:var(--ctl);border:1.5px solid var(--line);border-radius:12px;padding:0 12px;font:inherit;font-weight:400;background:#fff;color:var(--ink);min-width:0}
.form input:hover,.form select:hover{border-color:var(--brand)}
.form input:focus-visible,.form select:focus-visible{outline:none;border-color:var(--brand-d);box-shadow:0 0 0 3px rgba(49,176,153,.22)}
.btn{display:inline-flex;align-items:center;justify-content:center;height:var(--ctl);padding:0 20px;border:0;border-radius:12px;background:var(--brand-d);color:#fff;font:600 1rem var(--f-body);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--deep)}
.btn:focus-visible{outline:2px solid var(--deep);outline-offset:2px}
.btn.ghost{background:#fff;color:var(--brand-d);border:1.5px solid var(--line)}
.btn.ghost:hover{border-color:var(--brand-d);background:var(--mint)}
.btn.danger{color:#a3271a}
.btn.danger:hover{border-color:#a3271a;background:#fdecea}