/* SCHICHT-WERK — Assistent, Darstellung. Quelle: INTERN/assistent/quelle/assistent.css (kopiert von baue-assistent.py).
   Nur Hauspalette (palette.css), mobil zuerst, ruhige Bewegung; bei „Bewegung reduzieren“ ohne Animation. */
.wrap.as-wrap{max-width:1120px;}
.as-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;}
.as-intro{font-size:.92rem;line-height:1.7;color:var(--t);max-width:760px;margin:0 0 18px;}
.as-lbl{font-family:var(--mono);font-size:.56rem;letter-spacing:.16em;color:var(--t3);margin:18px 0 8px;text-transform:uppercase;}
/* Stufenband */
.as-band{border:1px solid var(--gl);background:linear-gradient(120deg,var(--gf),var(--s) 70%);padding:12px 14px;margin:0 0 20px;position:relative;overflow:hidden;}
.as-band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,var(--gold-glow),transparent);transform:translateX(-100%);animation:as-schimmer 7s ease-in-out infinite;pointer-events:none;}
.as-band-kopf{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;color:var(--gold);display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.as-band-kopf::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 var(--gold-dim);animation:as-puls 2.4s ease-out infinite;}
.as-stufen{list-style:none;display:grid;gap:8px;grid-template-columns:1fr;margin:0;padding:0;}
.as-stufen li{display:flex;gap:10px;align-items:flex-start;font-size:.74rem;line-height:1.55;color:var(--t2);}
.as-stufen b{color:var(--w);font-weight:500;display:block;}
.as-stufen small{display:block;font-size:.7rem;color:var(--t3);}
.as-stufe-n{flex:0 0 26px;height:26px;border:1px solid var(--b2);display:grid;place-items:center;font-family:var(--mono);font-size:.7rem;color:var(--t3);}
.as-stufe-aktiv .as-stufe-n{border-color:var(--gold);color:var(--gold);background:var(--gd);}
.as-stufe-st{font-family:var(--mono);font-size:.52rem;letter-spacing:.12em;text-transform:uppercase;color:var(--t3);margin-left:6px;}
.as-stufe-aktiv .as-stufe-st{color:var(--gut);}
/* Raster: mobil eine Spalte, ab 900 px Gespräch | Fall */
.as-raster{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:start;}
@media(min-width:900px){.as-raster{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);}.as-fall{position:sticky;top:14px;max-height:calc(100vh - 28px);overflow:auto;}.as-stufen{grid-template-columns:repeat(3,1fr);}}
.as-chat,.as-fall{background:var(--s);border:1px solid var(--b);padding:14px;min-width:0;}
.as-chat h2{margin-top:0;}
.as-chat-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:8px;}
.as-sprung{font-family:var(--mono);font-size:.56rem;letter-spacing:.12em;color:var(--gold);text-decoration:none;padding:6px 0;}
@media(min-width:900px){.as-sprung{display:none;}}
.as-fall{scroll-margin-top:60px;}
/* Gesprächsverlauf */
.as-log{display:flex;flex-direction:column;gap:10px;max-height:58vh;min-height:220px;overflow-y:auto;padding:4px 2px 8px;scroll-behavior:smooth;}
.as-msg{display:flex;gap:8px;align-items:flex-end;max-width:100%;}
.as-msg.as-ich{justify-content:flex-end;}
.as-blase{padding:10px 13px;font-size:.84rem;line-height:1.6;max-width:min(560px,88%);overflow-wrap:anywhere;}
.as-bot .as-blase{background:var(--s2);border:1px solid var(--b2);color:var(--w);border-radius:2px 12px 12px 12px;}
.as-ich .as-blase{background:var(--gf);border:1px solid var(--gl);color:var(--br);border-radius:12px 2px 12px 12px;}
.as-wer{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
.as-blase a{color:var(--gold);}
.as-frage .as-blase{border-left:3px solid var(--gold);}
.as-fertig .as-blase{border-left:3px solid var(--gut);}
.as-warn .as-blase{border-left:3px solid var(--warn);}
.as-avatar{flex:0 0 28px;height:28px;border:1px solid var(--gl);background:var(--gf);display:grid;place-items:center;}
.as-sym-k{width:16px;height:16px;fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px;}
.as-neu{animation:as-ein .38s ease both;}
.as-erkannt{font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);}
.as-tag{display:inline-block;border:1px solid var(--b2);padding:2px 7px;margin:3px 3px 0 0;font-size:.74rem;color:var(--w);background:var(--s);}
.as-tag b{font-weight:500;color:var(--gold);margin-right:4px;}
.as-tag-neu{border-color:var(--gold);}
/* Antwortfeld */
.as-wahl{margin:10px 0 0;min-height:10px;}
.as-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px;}
.as-chip{font-family:var(--sans);font-size:.78rem;color:var(--w);background:var(--s2);border:1px solid var(--b2);padding:8px 12px;cursor:pointer;text-decoration:none;display:inline-flex;gap:8px;align-items:center;min-height:40px;transition:border-color .2s ease,transform .2s ease,background-color .2s ease;}
.as-chip:hover{border-color:var(--gold);transform:translateY(-1px);}
.as-chip small{display:block;font-size:.66rem;color:var(--t3);}
.as-chip-zwei{flex-direction:column;align-items:flex-start;gap:0;text-align:left;}
.as-chip-anl{flex:1 1 200px;text-align:left;justify-content:flex-start;}
.as-chip-anl b{display:block;font-weight:500;}
.as-chips-anl{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));}
.as-sym{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:var(--gold);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.as-chip-voll{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:500;}
.as-chip-voll:hover{background:var(--gold-hell);}
.as-chip-leise{background:none;color:var(--t2);}
.as-chip-toggle[aria-pressed="true"]{border-color:var(--gold);background:var(--gd);color:var(--br);}
.as-chip-toggle[aria-pressed="true"]::before{content:"✓";color:var(--gold);}
.as-chips-klein .as-chip{font-size:.72rem;padding:6px 10px;min-height:34px;}
.as-masse{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 8px;}
@media(min-width:560px){.as-masse{grid-template-columns:repeat(4,minmax(0,1fr));}}
.as-feld{display:flex;flex-direction:column;gap:3px;font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;color:var(--t3);text-transform:uppercase;}
.as-feld input,.as-feld select{font-family:var(--sans);font-size:.9rem;color:var(--br);background:var(--bg);border:1px solid var(--b2);padding:8px 9px;min-height:40px;width:100%;}
.as-feld-d{flex-direction:row;align-items:center;gap:6px;}
.as-feld-d input{width:auto;}
.as-fehler{color:var(--warn);font-size:.74rem;min-height:1em;}
.as-tipp{font-size:.7rem;color:var(--t3);margin:0;}
.as-form{display:flex;gap:6px;margin-top:10px;align-items:stretch;}
.as-form textarea{flex:1;min-width:0;resize:vertical;min-height:46px;max-height:160px;background:var(--bg);border:1px solid var(--b2);color:var(--br);padding:10px 12px;font-family:var(--sans);font-size:.9rem;line-height:1.5;}
.as-form textarea:focus{border-color:var(--gold);}
.as-form button{background:var(--s2);border:1px solid var(--b2);color:var(--w);padding:0 12px;cursor:pointer;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;min-width:46px;}
.as-form button[type=submit]{background:var(--gold);color:var(--bg);border-color:var(--gold);}
.as-form .as-sym{width:20px;height:20px;}
/* Fall */
.as-leer{font-size:.8rem;color:var(--t3);}
.as-kopf{display:flex;gap:10px;align-items:center;}
.as-kopf b{display:block;color:var(--br);font-weight:500;}
.as-kopf small{display:block;font-size:.68rem;color:var(--t3);}
.as-kopf>div{flex:1;}
.as-sym-gross{width:34px;height:34px;flex:0 0 34px;fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;}
.as-ring{width:46px;height:46px;flex:0 0 46px;}
.as-ring-b{fill:none;stroke:var(--b2);stroke-width:4;}
.as-ring-v{fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;transition:stroke-dasharray .6s ease;}
.as-ring text{font-family:var(--mono);font-size:9px;fill:var(--w);text-anchor:middle;}
.as-skizze{margin:12px 0 0;border:1px solid var(--b);background:var(--bg);padding:6px;}
.as-skizze svg{width:100%;height:auto;display:block;max-height:180px;}
.as-skizze polygon{stroke:var(--gold);stroke-width:1.2;stroke-linejoin:round;}
.as-f1{fill:var(--gold-dim);}.as-f2{fill:var(--gd);}.as-f3{fill:var(--gold-glow);}
.as-skizze text{font-family:var(--mono);font-size:10px;fill:var(--w);}
.as-skizze figcaption{font-family:var(--mono);font-size:.52rem;letter-spacing:.12em;color:var(--t3);text-transform:uppercase;}
.as-foto-mini{display:flex;gap:8px;align-items:center;margin-top:8px;}
.as-foto-mini img{width:64px;height:48px;object-fit:cover;border:1px solid var(--b2);}
.as-angaben,.as-fehlend,.as-hinweise,.as-gemerkt{list-style:none;margin:0;padding:0;}
.as-angaben li{display:grid;grid-template-columns:12px minmax(0,1fr) auto;grid-template-areas:"p t a" "p w a";column-gap:8px;padding:7px 0;border-bottom:1px solid var(--b);font-size:.78rem;}
.as-punkt{grid-area:p;width:8px;height:8px;border-radius:50%;margin-top:6px;border:1px solid var(--t3);}
.as-angaben li.ok .as-punkt{background:var(--gut);border-color:var(--gut);}
.as-angaben li.fehlt .as-punkt{border-color:var(--gold);}
.as-an-t{grid-area:t;color:var(--t2);font-size:.7rem;}
.as-an-w{grid-area:w;color:var(--br);overflow-wrap:anywhere;}
.as-an-w i{color:var(--t3);font-style:normal;}
.as-angaben .as-link{grid-area:a;align-self:center;}
.as-link{background:none;border:0;color:var(--gold);cursor:pointer;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:6px 4px;min-height:32px;}
.as-link:hover{text-decoration:underline;}
.as-wege{display:flex;flex-direction:column;gap:6px;}
.as-weg{display:block;text-decoration:none;border:1px solid var(--b2);border-left:3px solid var(--b2);padding:10px 12px;background:var(--s2);transition:border-color .2s ease,transform .2s ease;}
.as-weg:hover{border-color:var(--gold);transform:translateX(2px);}
.as-weg b{display:block;color:var(--br);font-weight:500;font-size:.84rem;}
.as-weg span{display:block;font-size:.72rem;color:var(--t2);line-height:1.55;}
.as-weg .as-weg-art{font-family:var(--mono);font-size:.54rem;letter-spacing:.14em;color:var(--t3);margin-bottom:2px;}
.as-weg-erst{border-left-color:var(--gold);}
.as-weg-anfrage{border-left-color:var(--gut);}
.as-fehlend{display:flex;flex-wrap:wrap;gap:4px;}
.as-fehlend .as-link{border:1px solid var(--gl);padding:4px 8px;}
.as-ok{font-size:.76rem;color:var(--gut);}
.as-preis p{font-size:.76rem;line-height:1.6;color:var(--t);margin:0 0 6px;}
.as-preis b{color:var(--br);font-weight:500;}
.as-preis a{color:var(--gold);}
.as-klein{font-size:.7rem!important;color:var(--t3)!important;}
.as-hinweise li{font-size:.74rem;line-height:1.6;color:var(--t);padding:6px 10px;border-left:2px solid var(--gold);background:var(--gd);margin-bottom:4px;}
.as-gemerkt li{font-size:.74rem;color:var(--t);padding:4px 0;border-bottom:1px solid var(--b);}
.as-gemerkt b{color:var(--gold);margin-right:4px;}
.as-aktion{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;}
.as-knopf{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--b2);background:var(--s2);color:var(--w);padding:10px 12px;cursor:pointer;text-decoration:none;min-height:40px;display:inline-flex;align-items:center;}
.as-knopf:hover{border-color:var(--gold);color:var(--gold);}
.as-knopf-voll{background:var(--gold);border-color:var(--gold);color:var(--bg);}
.as-knopf-voll:hover{background:var(--gold-hell);color:var(--bg);}
.as-knopf-leise{background:none;color:var(--t2);}
.as-status{font-size:.72rem;color:var(--gut);align-self:center;}
.as-fuss{font-size:.72rem;line-height:1.7;color:var(--t3);margin:22px 0 0;max-width:820px;}
.as-fuss a{color:var(--gold);}
/* Fotodialog */
.as-dialog{background:var(--s);color:var(--t);border:1px solid var(--gl);padding:0;width:min(860px,96vw);max-height:94vh;}
.as-dialog::backdrop{background:rgba(0,0,0,.72);}
.as-dialog-innen{padding:16px;display:flex;flex-direction:column;gap:10px;}
.as-dialog h2{margin:0;font-size:1rem;color:var(--br);font-weight:400;}
.as-datenschutz{font-size:.72rem;line-height:1.6;color:var(--t2);border-left:2px solid var(--gut);padding:6px 10px;background:var(--gut-f);margin:0;}
.as-dialog canvas{width:100%;height:auto;max-height:52vh;object-fit:contain;background:var(--s2);border:1px solid var(--b2);cursor:crosshair;touch-action:manipulation;}
.as-keine-erkennung{font-size:.72rem;line-height:1.6;color:var(--w);border-left:2px solid var(--gold);padding:6px 10px;background:var(--gd);margin:0;}
.as-chip-foto{border-color:var(--gl);background:var(--gf);}
.as-schritt{font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;color:var(--gold);margin:0;}
.as-dialog-zeile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
@media(min-width:620px){.as-dialog-zeile{grid-template-columns:repeat(4,minmax(0,1fr));}}
@keyframes as-ein{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
@keyframes as-puls{0%{box-shadow:0 0 0 0 var(--gold-dim);}70%{box-shadow:0 0 0 8px transparent;}100%{box-shadow:0 0 0 0 transparent;}}
@keyframes as-schimmer{0%,60%{transform:translateX(-100%);}100%{transform:translateX(100%);}}
@media(prefers-reduced-motion:reduce){.as-neu,.as-band::after,.as-band-kopf::before{animation:none;}.as-chip,.as-weg,.as-ring-v{transition:none;}.as-log{scroll-behavior:auto;}}
@media print{.as-form,.as-wahl,.as-band::after{display:none;}.as-log{max-height:none;overflow:visible;}}