/* Zusatzstile Sonderwunsch-Sammler – nur Tokens aus kit.css (Dark Mode läuft automatisch) */
.thumb.leer{display:grid;place-items:center;background:var(--line-2);color:var(--mut);flex:0 0 auto}
.anfr .thumb{width:60px;height:60px;flex:0 0 60px}.anfr .m{overflow:hidden;text-overflow:ellipsis}
.anfr:focus-visible{outline:2px solid var(--acc);outline-offset:-2px}
.stats.klein{margin:12px 0}.stats.klein .stat b{font-size:1.4rem}
.filterkarte .row{margin-bottom:10px}.filterkarte .field{margin:0}
.filterkarte .field label{margin-top:0}
.chips .chip{min-height:40px;padding:6px 14px}
.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:14px;align-items:start}
@media(max-width:980px){.detail-grid{grid-template-columns:minmax(0,1fr)}}
.detail-grid>div>.card:last-child{margin-bottom:0}
.sec-h{display:flex;gap:10px;align-items:baseline;justify-content:space-between;flex-wrap:wrap;margin-bottom:8px}.sec-h h2{margin:0}
.grp{margin-top:18px}.grp h3,h3.grp{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--mut);margin:18px 0 6px;font-weight:700}
.card>h3.grp:first-child{margin-top:0}
.dl-r{display:grid;grid-template-columns:minmax(120px,.9fr) 1.6fr;gap:4px 14px;padding:9px 0;border-bottom:1px solid var(--line-2);align-items:start}
.dl-r:last-child{border-bottom:0}.dl-l{color:var(--mut);font-size:.9rem}.dl-v{font-weight:500;min-width:0;overflow-wrap:anywhere}
.dl-r.fehlt{background:color-mix(in srgb,var(--bad-bg) 55%,transparent);margin:0 -8px;padding:9px 8px;border-radius:var(--r-s)}
@media(max-width:520px){.dl-r{grid-template-columns:1fr;gap:2px}}
.ph{margin:0;position:relative}.ph img{display:block}.ph figcaption,.ft figcaption{position:absolute;left:6px;bottom:6px;background:var(--info-bg);color:var(--info);font-size:.7rem;font-weight:600;padding:1px 8px;border-radius:99px}
.prog{height:8px;border-radius:99px;background:var(--line-2);overflow:hidden;margin:6px 0 12px}.prog i{display:block;height:100%;background:var(--acc);border-radius:99px;transition:width .25s}
.prog-h{display:flex;justify-content:space-between;gap:10px;font-size:.88rem}.stand{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.rf{padding:10px 0;border-bottom:1px solid var(--line-2)}.rf:last-of-type{border-bottom:0}.rf p{margin:6px 0}.rf-k{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
blockquote{margin:6px 0;padding:8px 12px;border-left:3px solid var(--acc);background:var(--acc-2);border-radius:0 var(--r-s) var(--r-s) 0;overflow-wrap:anywhere}
.acts-l{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
textarea{width:100%}
.timeline{list-style:none;margin:0;padding:0}.timeline li{display:flex;gap:12px;padding:8px 0;position:relative}
.timeline li:not(:last-child)::before{content:"";position:absolute;left:5px;top:22px;bottom:-8px;width:2px;background:var(--line)}
.dot{width:12px;height:12px;border-radius:50%;background:var(--acc);margin-top:5px;flex:0 0 12px;position:relative}.dot.k{background:var(--info)}
.mehr-liste{display:flex;flex-direction:column;gap:8px}.mehr-liste button.mehr{justify-content:flex-start;gap:12px;width:100%;text-align:left}.mehr-liste .acts{margin-top:8px}
.vk h3{margin-bottom:8px}.vk .chips{margin-bottom:8px}
.item.frage{align-items:flex-start}.item.frage .click{cursor:pointer;border-radius:var(--r-s);padding:2px 6px;margin:-2px -6px}.item.frage .click:hover{background:var(--line-2)}
.item.frage .t{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.mv{display:flex;gap:4px;flex:0 0 auto}.mv button{width:44px;padding:0}.mv button:first-child svg{transform:rotate(90deg)}.mv button:last-child svg{transform:rotate(-90deg)}.mv button:disabled{opacity:.35;cursor:default}
.vl{margin:6px 0;padding-left:20px}.vl li{margin:3px 0}
fieldset.bed{border:1px solid var(--line);border-radius:var(--r-s);padding:10px 14px 14px;margin:14px 0 0}fieldset.bed legend{font-size:.82rem;font-weight:600;color:var(--mut);padding:0 6px}
.bedrow{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:start;margin-bottom:8px}.bedrow>*{min-width:0}
@media(max-width:640px){.bedrow{grid-template-columns:1fr auto}.bedrow>select,.bedrow>input,.bedrow>.chk{grid-column:1}.bedrow>button{grid-column:2;grid-row:1}}
.chk{display:flex;flex-direction:column;gap:4px}.chk .check{margin:0;font-weight:500}
.vk-kopf{border:1px dashed var(--line);border-radius:var(--r);padding:14px;background:var(--bg)}
.hinweis{display:flex;gap:10px;align-items:flex-start;color:var(--mut);font-size:.85rem;padding:12px 4px 0}.hinweis svg{flex:0 0 16px;margin-top:3px}
.druckkopf{display:none}
/* Kundenseiten */
.public{max-width:680px}.public h1{font-size:1.5rem}.public .lead{font-size:1.05rem;color:var(--mut)}
.public .field input,.public .field select,.public .field textarea{font-size:1rem;min-height:48px}
.public .field label,.public .lbl{font-size:.95rem;color:var(--fg);font-weight:600}.public .lbl{display:block;margin:12px 0 5px}.public .field .opt{color:var(--mut);font-weight:400;font-size:.85rem}.stern{color:var(--bad)}
.public .field.q{margin:0 0 20px}.public .abschnitt h2{margin-bottom:6px}.public .field.q.bad input,.public .field.q.bad select,.public .field.q.bad textarea{border-color:var(--bad)}
.public .err{font-size:.9rem}
button.gross,.btn.gross{width:100%;min-height:52px;font-size:1.05rem}
.steps{list-style:none;padding:0;margin:16px 0;counter-reset:s}.steps li{display:flex;flex-direction:column;padding:6px 0 6px 44px;position:relative;counter-increment:s;min-height:44px}
.steps li::before{content:counter(s);position:absolute;left:0;top:6px;width:30px;height:30px;border-radius:50%;background:var(--acc-2);color:var(--acc);font-weight:700;display:grid;place-items:center}.steps li span{color:var(--mut);font-size:.9rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.tile{display:block;position:relative;margin:0!important;font-weight:500!important}.tile input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.tile span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:52px;padding:8px 12px;border:1.5px solid var(--line);border-radius:var(--r-s);background:var(--surface);color:var(--fg);transition:border-color .12s,background .12s}
.tile:hover span{border-color:var(--mut)}.tile input:checked+span{border-color:var(--acc);background:var(--acc-2);color:var(--acc);font-weight:700;box-shadow:inset 0 0 0 1px var(--acc)}.tile input:focus-visible+span{outline:2px solid var(--acc);outline-offset:2px}
.field.q.bad .tile span{border-color:var(--bad)}
.thumbs{display:flex;gap:10px;flex-wrap:wrap;margin:6px 0 10px}.ft{margin:0;position:relative}.ft img{width:96px;height:96px;object-fit:cover;border-radius:var(--r-s);border:1px solid var(--line);display:block}
.ft .rm{position:absolute;top:-8px;right:-8px;min-height:32px;width:32px;height:32px;padding:0;border-radius:50%;box-shadow:var(--sh)}
.ft .rm::after{content:"";position:absolute;inset:-6px}
.upl{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.filebtn{position:relative;cursor:pointer}.filebtn input{position:absolute;opacity:0;width:1px;height:1px}.filebtn:focus-within{outline:2px solid var(--acc);outline-offset:2px}.filebtn.aus{opacity:.55;pointer-events:none}
.kopf .save-z{margin-top:6px}.save{font-size:.85rem;color:var(--mut)}.save.ok{color:var(--ok)}.save.bad{color:var(--bad);font-weight:600}
.fuss{position:static}.fuss .zweit{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;justify-content:space-between}
.fuss .gross+.zweit{margin-top:14px}.fuss .gross{margin-bottom:8px}
.rueckfrage{border-left:4px solid var(--warn)}.rf-kopf{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:6px}.rf-text{font-size:1.05rem;font-weight:600}
.hero{text-align:center;padding:26px 18px}.hero h1{margin:10px 0 6px}.hero-ic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;margin:0 auto;background:var(--line-2);color:var(--mut)}
.hero.ok .hero-ic{background:var(--ok-bg);color:var(--ok)}.hero.warn .hero-ic{background:var(--warn-bg);color:var(--warn)}.hero.bad .hero-ic{background:var(--bad-bg);color:var(--bad)}
.stepper{list-style:none;display:flex;justify-content:center;gap:6px;padding:0;margin:18px 0 6px;flex-wrap:wrap}.stepper li{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:var(--line-2);color:var(--mut);font-size:.88rem}
.stepper .n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface);font-size:.75rem;font-weight:700}
.stepper li.done{background:var(--ok-bg);color:var(--ok)}.stepper li.now{background:var(--acc-2);color:var(--acc);font-weight:600}.stepper li.now .n{background:var(--acc);color:var(--acc-fg)}.stepper li.done .n{background:var(--ok);color:var(--bg)}
.fehlerseite{text-align:center;padding:30px 18px}.fs-ic{width:60px;height:60px;border-radius:50%;background:var(--warn-bg);color:var(--warn);display:grid;place-items:center;margin:0 auto 10px}.fs-ic.ok{background:var(--ok-bg);color:var(--ok)}
.public .sec-h h2{font-size:1.1rem}
.public .banner ul{margin:4px 0 0}
/* Drucken: nur die Auftragsübersicht */
@media print{
  body{background:#fff;color:#000}.content{padding:0!important}.nodruck,.detail-grid>div:last-child,.banner,#toast,.side,.bottom,header.top,.page-h .acts{display:none!important}
  .detail-grid{display:block}.druck{border:0;box-shadow:none;padding:0}.druckkopf{display:block;font-size:1.2rem;margin-bottom:12px;border-bottom:2px solid #000;padding-bottom:6px}
  .page-h{margin-bottom:8px}.dl-r{break-inside:avoid}.photos img{width:120px;height:120px}
}
@media(max-width:520px){header.top button .muted{display:none}}