/* SARAVUE v13 D · Lash Pass (/pass/, Kasse, Konto, Cockpit) und Anzahlung. Baut auf base.css, booking.css und v11cd.css (Tokens, .radio, .check, .a11-*). */
/* /pass/ */
.pass-page .ps-head{display:grid;gap:var(--ma-3)}
.ps-how{margin:0;padding:0;list-style:none;counter-reset:ps;display:grid;gap:var(--ma-3)}
.ps-how li{counter-increment:ps;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;line-height:1.5}
.ps-how li::before{content:counter(ps);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--gruen);color:var(--tusche);font:600 14px/1 var(--f-sans)}
.ps-form{display:grid;gap:var(--ma-6)}
.ps-sec{display:grid;gap:var(--ma-3);min-width:0;margin:0;padding:0;border:0}
.ps-sec legend{padding:0;margin-bottom:var(--ma-3)}
.ps-grp{margin:var(--ma-2) 0 0}
.ps-opt .ps-nm{display:block;font:500 17px/1.3 var(--f-sans)}
.ps-opt b{font:600 17px/1.2 var(--f-sans)}
.ps-row2{display:grid;gap:var(--ma-4)}
@media (min-width:640px){.ps-row2{grid-template-columns:1fr 1fr}}
.ps-go{display:grid;gap:var(--ma-2)}
.ps-sum{font:600 17px/1.3 var(--f-sans)}
.ps-alt{margin-top:var(--ma-6)}
/* Kasse (/buchen/) */
.v13d-pass{display:grid;gap:4px;justify-items:start;margin-top:var(--ma-3)}
.v13d-pass .hint{margin:0}
.v13d-dep{margin:6px 0 0;font-size:var(--fs-small);line-height:1.5;color:var(--rauch)}
.v13d-dep a{color:var(--wald)}
.v13d-unpaid{display:grid;gap:var(--ma-3)}
.v13d-unpaid p{margin:0}
/* Konto */
.k13-list{display:grid;gap:var(--ma-4)}
.k13-pass{display:grid;gap:6px;justify-items:start;padding:var(--ma-4);border-radius:var(--r-2);background:var(--gruen);color:var(--tusche)}
.k13-pass.off{background:var(--papier-2)}
.k13-pass .row-s{color:var(--tusche)}
.k13-pass.off .row-s{color:var(--rauch)}
.k13-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;width:100%;align-items:baseline}
.k13-left{margin:0;font-size:15px}
.k13-dots{display:flex;gap:6px}
.k13-dots i{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--tusche);background:var(--tusche)}
.k13-dots i.u{background:transparent}
.k13-uses{margin:0;padding:0;list-style:none;font-size:14px;display:grid;gap:2px}
.k13-pass .btn{margin-top:4px}
.k13-h3{font:600 15px/1.3 var(--f-sans);margin:var(--ma-5) 0 var(--ma-2)}
/* Cockpit */
.a13{display:grid;gap:var(--ma-3);margin-top:var(--ma-6);padding-top:var(--ma-5);border-top:1px solid var(--hair)}
.a13-h{margin:var(--ma-3) 0 0}
.a13-form{display:grid;gap:10px;padding:12px 0 0}
.a13-form[hidden]{display:none}
/* v15 L1 #22: kein grid auf <fieldset> (älteres WebKit ignoriert es), Abstände per Margin */
fieldset.ps-sec,fieldset.bk-sec{display:block}
fieldset.ps-sec>*+*,fieldset.bk-sec>*+*{margin-top:var(--ma-3)}
fieldset.ps-sec>legend+*,fieldset.bk-sec>legend+*{margin-top:0}