/* HOA GARDEN — customer.css
   Eigenständiges, schlankes Stylesheet nur für customer.html (Kunden werben
   Kunden: Registrierung/Login/Konto). Nutzt dieselben Design-Variablen wie
   base.css/themes.css (Farben, Radius, Schatten kommen von dort), hier nur
   das Layout, das sonst auf keiner anderen Seite vorkommt. */

.kwk-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;max-width:560px;margin:0 auto;}
.kwk-header .kwk-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);}
.kwk-header .kwk-brand img{width:38px;height:38px;object-fit:contain;}
.kwk-header .kwk-brand b{font-family:var(--font-head);font-size:1.05rem;}
.kwk-back{font-size:.82rem;color:var(--text-soft);text-decoration:none;white-space:nowrap;}

.kwk-wrap{max-width:480px;margin:0 auto;padding:6px 20px 60px;}

.kwk-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius,16px);padding:20px;margin-bottom:16px;box-shadow:var(--shadow);}
.kwk-card h2{margin:0 0 6px;font-size:1.15rem;}
.kwk-card p{margin:0 0 4px;color:var(--text-soft);font-size:.85rem;line-height:1.6;}

.kwk-disclaimer{background:var(--surface-2);border-radius:var(--radius-sm,10px);padding:14px;font-size:.78rem;color:var(--text-soft);line-height:1.65;margin-bottom:16px;}
.kwk-disclaimer b{color:var(--text);}

.kwk-tabs{display:flex;gap:6px;margin-bottom:16px;background:var(--surface-2);border-radius:30px;padding:4px;}
.kwk-tabs button{flex:1;border:none;background:none;padding:10px;border-radius:26px;font-weight:600;font-size:.85rem;cursor:pointer;color:var(--text-soft);}
.kwk-tabs button.active{background:var(--accent);color:#fff;}

.kwk-balance-box{text-align:center;padding:14px 0 6px;}
.kwk-balance-box .amt{font-family:var(--font-head);font-size:2.4rem;color:var(--accent);line-height:1.1;}
.kwk-balance-box .cap-note{font-size:.75rem;color:var(--text-soft);margin-top:6px;}
.kwk-balance-bar{height:8px;border-radius:6px;background:var(--surface-2);overflow:hidden;margin:12px 0 4px;}
.kwk-balance-bar > span{display:block;height:100%;background:var(--accent);border-radius:6px;transition:width .4s ease;}

.kwk-link-box{display:flex;align-items:center;gap:8px;background:var(--surface-2);border-radius:var(--radius-sm,10px);padding:10px 12px;font-size:.82rem;word-break:break-all;}
.kwk-link-box input{flex:1;border:none;background:none;color:var(--text);font-size:.82rem;outline:none;}
.kwk-link-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap;}
.kwk-qr-wrap{display:flex;justify-content:center;margin:14px 0 4px;}
.kwk-qr-wrap > div{background:#fff;padding:10px;border-radius:12px;}

.kwk-history{max-height:280px;overflow-y:auto;}
.kwk-history-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);font-size:.83rem;}
.kwk-history-row:last-child{border-bottom:none;}
.kwk-history-row .lbl{color:var(--text-soft);}
.kwk-history-row .amt.plus{color:#1f6d43;font-weight:600;}
.kwk-history-row .amt.minus{color:#c0392b;font-weight:600;}
.kwk-history-empty{color:var(--text-soft);font-size:.82rem;text-align:center;padding:14px 0;}

.kwk-bio-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;}
.kwk-bio-chip{background:var(--surface-2);border:1px solid var(--border);border-radius:30px;padding:8px 14px;font-size:.82rem;cursor:pointer;color:var(--text);}

.kwk-logout{text-align:center;margin-top:6px;}
.kwk-logout button{background:none;border:none;color:var(--text-soft);font-size:.82rem;cursor:pointer;text-decoration:underline;}

.kwk-error{color:#c0392b;font-size:.82rem;min-height:1.2em;margin:4px 0 2px;}
.kwk-success{color:#1f6d43;font-size:.82rem;min-height:1.2em;margin:4px 0 2px;}

/* ---- Personal-Bereich (Kassieren per QR-Scan, siehe customer.js) ----
   Das NumPad selbst (.numpad-display/.numpad-grid) ist nach base.css
   umgezogen -- wird jetzt auch von der Kellner-Abrechnung in index.html
   mitgenutzt (Extra-Betrag eingeben), Theme-Farben bleiben so an einer
   einzigen Stelle gepflegt. */
.kwk-cash-note-input{
  width:100%; margin-top:10px; padding:10px 12px; border-radius:10px; border:1px solid var(--border);
  background:var(--bg); color:var(--text); font-size:.88rem; box-sizing:border-box;
}

/* Inline Admin-Passwort-Bestätigung vor Schenken/Verkaufen */
.kwk-card-inline{background:var(--surface-2);border-radius:var(--radius-sm,10px);padding:14px;margin-bottom:14px;}

/* "Kunde zahlt X €" beim Verkaufen -- Info, keine Warnung, daher eigene Farbe statt kwk-error */
.kwk-pay-note{font-size:.82rem;color:var(--accent);font-weight:600;margin:-4px 0 10px;text-align:center;}
.kwk-pay-note.hidden{display:none;}