/* Assistent (A1): Chat-Fenster auf der Bestellseite und im Betriebsbereich. Farben aus den Variablen der Seite (--p, --s, ...), sonst Siegel-Farben. */
.as-knopf{display:inline-flex;align-items:center;gap:.5em;min-height:44px;padding:.55em 1.1em;border:2px solid var(--p,#0F3324);border-radius:999px;background:var(--surface,#fff);color:var(--p-text,var(--p,#0F3324));font:inherit;font-weight:700;cursor:pointer}
.as-knopf:hover{background:var(--p-zart,#eef3ef)}
.as-knopf:focus-visible,.as-zu:focus-visible,.as-senden:focus-visible,.as-form input[type=text]:focus-visible{outline:3px solid var(--s,#F6AF2F);outline-offset:2px}
.as-box{margin:0 0 1.2rem}
.as-fenster{max-width:640px;margin:.8rem 0 0;background:var(--surface,#fff);color:var(--fg,#1c1b18);border:2px solid var(--p,#0F3324);border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(15,51,36,.14)}
.as-fenster[hidden]{display:none}
.as-kopf{display:flex;align-items:center;gap:.7em;padding:.7em 1em;background:var(--p,#0F3324);color:var(--p-on,#fff)}
.as-kopf h2{margin:0;font-size:1.15rem;color:inherit;flex:1}
.as-ki{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.2em .6em;border-radius:999px;background:var(--s,#F6AF2F);color:var(--s-on,#1a1916)}
.as-zu{width:44px;height:44px;margin:-.5em -.6em -.5em 0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:1.7rem;line-height:1;cursor:pointer}
.as-zu:hover{background:rgba(255,255,255,.15)}
.as-verlauf{display:flex;flex-direction:column;gap:.7em;height:min(50vh,420px);min-height:220px;overflow-y:auto;padding:1em;background:var(--tief,#f5f2ec)}
.as-blase{max-width:90%;padding:.55em .85em;border-radius:14px;line-height:1.5;overflow-wrap:anywhere}
.as-blase p{margin:0}
.as-bot{align-self:flex-start;background:var(--surface,#fff);border:1px solid var(--line,#e2ddd2);border-bottom-left-radius:4px}
.as-ich{align-self:flex-end;background:var(--p,#0F3324);color:var(--p-on,#fff);border-bottom-right-radius:4px}
.as-hinweis{align-self:center;font-size:.88rem;color:var(--muted,#57544d);text-align:center}
.as-tippt{display:flex;gap:5px;padding:0 1em .6em;background:var(--tief,#f5f2ec)}
.as-tippt[hidden]{display:none}
.as-tippt i{width:9px;height:9px;border-radius:50%;background:var(--s,#F6AF2F);animation:as-punkt 1.2s infinite ease-in-out}
.as-tippt i:nth-of-type(2){animation-delay:.2s}
.as-tippt i:nth-of-type(3){animation-delay:.4s}
@keyframes as-punkt{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}
.as-form{display:flex;gap:.6em;padding:.8em 1em;border-top:1px solid var(--line,#e2ddd2);position:relative}
.as-form input[type=text]{flex:1;min-width:0;min-height:46px;padding:0 .8em;border:2px solid var(--line,#e2ddd2);border-radius:12px;background:var(--surface,#fff);color:var(--fg,#1c1b18);font:inherit;font-size:1rem}
.as-senden{flex:none;min-height:46px;padding:0 1.2em;border:0;border-radius:12px;background:var(--p,#0F3324);color:var(--p-on,#fff);font:inherit;font-weight:700;cursor:pointer}
.as-senden:disabled{opacity:.55;cursor:wait}
.as-falle{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.as-klein{margin:0;padding:0 1em .7em;font-size:.82rem;color:var(--muted,#57544d);line-height:1.5}
.as-versteckt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.as-vorschlag{align-self:stretch;border:2px solid var(--p,#0F3324);border-radius:14px;background:var(--surface,#fff);padding:.8em 1em}
.as-vorschlag h3{margin:0 0 .4em;font-size:1.05rem}
.as-vorschlag ul{list-style:none;margin:0 0 .5em;padding:0}
.as-vorschlag li{display:flex;justify-content:space-between;gap:1em;padding:.25em 0;border-bottom:1px dashed var(--line,#e2ddd2)}
.as-vorschlag .as-summe{display:flex;justify-content:space-between;font-weight:700;margin:.4em 0}
.as-vorschlag .as-klein{padding:0 0 .6em}
.as-vorschlag a{display:inline-flex;align-items:center;min-height:44px;padding:0 1.2em;border-radius:999px;background:var(--p,#0F3324);color:var(--p-on,#fff);font-weight:700;text-decoration:none}
@media (max-width:560px){.as-fenster{border-radius:14px}.as-verlauf{height:min(56vh,400px)}.as-form{flex-direction:column}}
@media (prefers-reduced-motion:reduce){.as-tippt i{animation:none}}
/* Betriebsbereich: Variablen von betrieb.css verwenden */
.be-haupt .as-fenster{--p:var(--gruen,#0F3324);--s:var(--gold,#F6AF2F);--s-on:var(--gruen,#1a1916);--p-on:#fff;--tief:var(--paper,#f5f2ec)}