/* Kundenkonto /konto: eine ruhige Karte in der Mitte – Anmelden, Passwort vergessen, neues Passwort. */
.phx-konto { padding-block: 36px 72px; display: grid; justify-items: center; }
.phx-konto-card { width: min(100%, 480px); background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); padding: clamp(22px, 5vw, 34px); }
.phx-konto-card .kicker { font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-2); font-weight: 700; }
.phx-konto-card h1 { font-family: var(--font-display); font-weight: 400; font-size: clamp(28px, 6vw, 36px); line-height: 1.15; margin: 8px 0 14px; text-wrap: balance; }
.phx-konto-lead { margin: 0 0 18px; font-size: 16.5px; line-height: 1.55; color: var(--ink-2); text-wrap: pretty; }
.phx-konto-lead b { color: var(--ink); }
.phx-konto-form { display: grid; gap: 14px; }
.phx-konto-field { display: grid; gap: 6px; align-content: start; }
.phx-konto-field span { font-size: 15px; font-weight: 700; }
.phx-konto-field input { width: 100%; box-sizing: border-box; min-height: 50px; padding: 12px 14px; font: inherit; font-size: 17px; color: var(--ink); background: #fff; border: 1.5px solid var(--line); border-radius: 12px; transition: border-color .15s, box-shadow .15s; }
.phx-konto-field input:focus { outline: none; border-color: var(--action, #f76707); box-shadow: 0 0 0 3px rgba(247, 103, 7, .18); }
.phx-konto-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 12px 22px; border: 0; border-radius: 12px; font: inherit; font-size: 17px; font-weight: 700; color: #fff; text-decoration: none; cursor: pointer;
	background: linear-gradient(180deg, var(--action-2, #ff922b), var(--action, #f76707)); box-shadow: 0 6px 16px rgba(247, 103, 7, .28); transition: filter .15s, transform .15s; }
.phx-konto-btn:hover { filter: brightness(1.05); color: #fff; }
.phx-konto-btn:active { transform: translateY(1px); }
.phx-konto-btn.ghost { background: #fff; color: var(--ink); border: 1.5px solid var(--line); box-shadow: none; }
.phx-konto-btn.ghost:hover { border-color: var(--ink-2); color: var(--ink); }
.phx-konto-form .phx-konto-btn { width: 100%; margin-top: 4px; }
.phx-konto-acts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.phx-konto-acts form { display: contents; }
.phx-konto-links { margin: 18px 0 0; text-align: center; font-size: 15px; color: var(--ink-2); }
.phx-konto-links a { color: var(--lacquer-text); text-underline-offset: 3px; white-space: nowrap; }
.phx-konto-msg { margin: 0 0 16px; padding: 12px 14px; border-radius: 12px; font-size: 15.5px; line-height: 1.5; }
.phx-konto-msg.err { background: #fff4f5; border: 1px solid #f1c2cb; color: #9c1c33; }
.phx-konto-msg.ok { background: var(--jade-bg); border: 1px solid #b9dcc7; color: var(--jade); }
@media (max-width: 420px) { .phx-konto-acts { grid-template-columns: minmax(0, 1fr); } }