/* Gemeinsames Design für Shop-/Admin-/Konto-Seiten – gleiche Palette wie die Salon-Website */
:root{--cream:#faf6f0;--sand:#f1e8dc;--beige:#e6d7c3;--taupe:#8a7462;--ink:#2e2520;--muted:#6f625a;--line:#e3d6c6;--ok:#4f6b4a;--warn:#9a6b1f;--bad:#a0402f;
--serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;--sans:"Jost",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);color:var(--ink);background:var(--cream);line-height:1.55;font-size:16px;font-weight:300;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.1;letter-spacing:.01em}
h1{font-size:clamp(2rem,5vw,2.8rem)}h2{font-size:1.7rem}h3{font-size:1.3rem}
em{font-style:italic;color:var(--taupe)}
a{color:inherit}
[hidden]{display:none!important}
.eyebrow{font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--taupe);font-weight:400;display:block;margin-bottom:.7rem}
.muted{color:var(--muted)}.small{font-size:.85rem}.right{text-align:right}.nowrap{white-space:nowrap}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.6rem;min-height:46px;background:var(--ink);color:var(--cream);text-decoration:none;font:inherit;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;border:1px solid var(--ink);border-radius:999px;cursor:pointer;transition:.25s}
.btn:hover:not(:disabled){background:var(--taupe);border-color:var(--taupe)}
.btn.ghost{background:transparent;color:var(--ink)}.btn.ghost:hover:not(:disabled){background:var(--ink);color:var(--cream)}
.btn.danger{background:var(--bad);border-color:var(--bad)}.btn.sm{min-height:36px;padding:.5rem 1rem;font-size:.7rem}
.btn:disabled{opacity:.55;cursor:not-allowed}
.btn.block{width:100%}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:1.4rem}
.card+.card{margin-top:1rem}
.grid{display:grid;gap:1rem}.g2{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.stat b{font-family:var(--serif);font-size:2.2rem;font-weight:500;display:block;line-height:1.1}.stat span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
label{display:block;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:1rem 0 .35rem}
input,select,textarea{width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:12px;padding:.75rem .9rem;min-height:46px}
textarea{min-height:90px;resize:vertical}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--taupe);outline-offset:2px}
.row{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.row>.grow{flex:1;min-width:180px}
.badge{display:inline-block;padding:.15rem .7rem;border-radius:999px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);background:var(--sand);color:var(--muted)}
.badge.active{background:#e8efe4;border-color:#c9d8c3;color:var(--ok)}.badge.redeemed{background:var(--sand)}.badge.void,.badge.expired,.badge.failed{background:#f5e2dd;border-color:#e6c4bb;color:var(--bad)}
.badge.review,.badge.pending{background:#f6ecd5;border-color:#e6d3a0;color:var(--warn)}.badge.paid{background:#e8efe4;border-color:#c9d8c3;color:var(--ok)}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);text-align:left;font-weight:400;padding:.6rem .6rem;border-bottom:1px solid var(--line)}
td{padding:.75rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
tr.click{cursor:pointer}tr.click:hover td{background:var(--sand)}
.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.msg{padding:.8rem 1rem;border-radius:12px;font-size:.92rem;margin:1rem 0;border:1px solid var(--line);background:var(--sand)}
.msg.err{background:#f5e2dd;border-color:#e6c4bb;color:var(--bad)}.msg.okk{background:#e8efe4;border-color:#c9d8c3;color:var(--ok)}
.preview-banner{background:var(--ink);color:var(--cream);font-size:.78rem;letter-spacing:.06em;text-align:center;padding:.5rem 1rem}
.preview-banner a{color:var(--beige)}
/* Dialog */
dialog{border:0;border-radius:20px;padding:1.6rem;max-width:min(480px,92vw);width:100%;background:var(--cream);color:var(--ink);box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}
dialog::backdrop{background:rgba(46,37,32,.55)}
dialog h3{margin-bottom:.6rem}
/* Gutschein-Karte */
.vcard{position:relative;aspect-ratio:1.62/1;max-width:460px;width:100%;border-radius:22px;padding:1.6rem;color:var(--cream);background:linear-gradient(140deg,#4a3b32 0%,#2e2520 55%,#6b5646 120%);overflow:hidden;box-shadow:0 30px 60px -30px rgba(46,37,32,.6);display:flex;flex-direction:column;justify-content:space-between}
.vcard::after{content:"";position:absolute;right:-60px;top:-60px;width:200px;height:200px;border-radius:50%;border:1px solid rgba(230,215,195,.35);box-shadow:0 0 0 22px rgba(230,215,195,.07)}
.vcard .v-brand{font-family:var(--serif);font-size:1.25rem;letter-spacing:.06em}.vcard .v-eyebrow{font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--beige)}
.vcard .v-amount{font-family:var(--serif);font-size:clamp(2.6rem,9vw,3.6rem);line-height:1;color:#fff}
.vcard .v-to{font-family:var(--serif);font-style:italic;font-size:1.15rem;color:var(--beige)}
.vcard .v-msg{font-size:.85rem;color:#eadfd0;max-height:3.2em;overflow:hidden}
.vcard .v-foot{display:flex;justify-content:space-between;gap:1rem;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--beige)}
dialog{margin:auto}
.stat b,.bigbal,.vcard .v-amount,.price,.mono{font-variant-numeric:lining-nums tabular-nums}
.stat b,.bigbal,.vcard .v-amount,.price{font-feature-settings:"lnum" 1}

.legalfoot{max-width:1020px;margin:0 auto;padding:1.6rem 5% 2.4rem;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-size:.85rem;color:var(--muted)}
.legalfoot a{color:var(--muted);text-decoration:none;padding:.35rem 0;min-height:32px;display:inline-block}.legalfoot a:hover{text-decoration:underline}
.legalfoot .sp{flex-basis:100%;font-size:.78rem}
.consent{display:flex;gap:.7rem;align-items:flex-start;text-transform:none;letter-spacing:0;font-size:.92rem;margin:.8rem 0 0;color:var(--ink)}
.consent input{width:22px;height:22px;min-height:0;margin-top:.15rem;flex:none;accent-color:var(--ink)}
.sumline{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;margin-top:1.2rem;border-top:1px solid var(--line);font-size:1.05rem}