/* BeckGastro Klickdemo – Ausbau (Auswertung, Postfach, Akte, Mitarbeiter-App, Marketing, Belege, Reservierung, Tisch-QR, Kundenbindung) */
.szen h3{margin:12px 6px 4px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--grau)}.szen h3:first-child{margin-top:2px}
.cz-top button.firma{font-family:var(--archivo)}.cz-top .firma{padding:6px 12px;font-size:12.5px}
.cz-nav.eng{gap:5px;padding:9px 14px 0}.cz-nav.eng button{padding:7px 10px;font-size:12px;border-left-width:3px}
.cz-kpi.rot{border-left-color:#c23a3a}.cz-kpi.rot b{color:#a11d1d}.cz-kpi.gruen b{color:#12643f}
.cz-pille.ok2{background:#e3f4ea;color:#12804a}.cz-btn.dunkel{background:#141414;border-color:#141414;color:#fff}
/* Auswertung */
.aw-kopf{display:flex;align-items:center;gap:12px;background:#141414;color:#fff;border-radius:14px;padding:9px 14px;margin-bottom:10px}
.aw-kopf>b{font:800 17px var(--archivo);margin-right:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aw-kopf .csv{padding:6px 12px;border-radius:999px;background:#e6f5ee;color:#12643f;font:800 12px var(--archivo);white-space:nowrap}
.aw-teile{display:flex;gap:5px}.aw-teile button{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:#2a2a2a;color:#e8e8e8;font:700 12.5px var(--archivo);white-space:nowrap}
.aw-teile button.an{background:#fff;color:#141414}.cz-titel .aw-teile button{background:#fff;border:1px solid #dcdad3;color:var(--sp-text)}.cz-titel .aw-teile button.an{background:var(--sp-text);color:#fff;border-color:var(--sp-text)}
.aw-filter{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #e3e1da;border-radius:14px;padding:8px 12px;margin-bottom:10px}
.aw-filter small{font:800 10px var(--archivo);letter-spacing:.07em;color:var(--sp-text2);margin:0 4px 0 8px}.aw-filter small:first-child{margin-left:0}
.aw-filter button,.aw-filter span{padding:6px 13px;border-radius:999px;background:#eceae4;border:1px solid #dcdad3;font:700 12.5px var(--archivo);color:var(--sp-text)}
.aw-filter .an{background:#fde9e7;border-color:#d9301f;color:#a11d1d}
.aw-3{display:grid;grid-template-columns:1fr 1.15fr 1.15fr;gap:10px}.aw-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.aw-3 .cz-karte,.aw-4 .cz-karte{margin-bottom:10px;padding:11px 13px}.aw-4 .cz-kv{font-size:12.5px;padding:5px 0}
.aw-chart{display:flex;align-items:flex-end;gap:8px;height:128px;border-bottom:1px solid #dcdad3;padding:0 4px}
.aw-chart div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:3px}.aw-chart i{width:70%;background:#1e7a50;border-radius:3px 3px 0 0;display:block}.aw-chart small{font:500 10px var(--mono);color:var(--sp-text3);margin-bottom:-16px}
.aw-z{display:grid;grid-template-columns:118px 1fr auto 40px;align-items:center;gap:7px;font-size:12.5px;padding:3.500px 0}
.aw-z i{height:7px;border-radius:4px;background:#efeee9;overflow:hidden}.aw-z em{display:block;height:100%;border-radius:4px;max-width:100%}.aw-z b{font:700 12px var(--mono)}.aw-z small{font:500 11px var(--mono);color:var(--sp-text3);text-align:right}
.aw-schnitt{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:8px}.aw-schnitt .cz-karte{margin:0;padding:12px}.aw-schnitt h4{font-size:13.5px;margin-bottom:6px;min-height:34px;align-items:flex-start}.aw-schnitt p{margin:7px 0 0;font-size:11.5px}
.aw-kam{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px}
.kam{position:relative;border-radius:14px;overflow:hidden;background:#111;color:#fff;border:1px solid #2b2b2b}.kam svg{display:block;width:100%;aspect-ratio:16/10}
.kam .live{position:absolute;left:10px;top:10px;background:rgba(0,0,0,.6);border-radius:6px;padding:3px 8px;font:800 10.5px var(--archivo);letter-spacing:.08em;display:flex;align-items:center;gap:5px}.kam .live i{width:7px;height:7px;border-radius:50%;background:#e3000f}
.kam b{display:block;padding:8px 12px 0;font:800 14px var(--archivo)}.kam small{display:block;padding:0 12px 10px;font:500 11px var(--mono);color:#9a9a9a}
/* Postfach (dunkel) */
.cz.b-postfach{background:#111}.cz.b-postfach .cz-nav button{background:#1c1c1c;border-color:#2b2b2b;color:#e8e8e8}.cz.b-postfach .cz-nav button.an{background:#fff;color:#111}.b-postfach .cz-inhalt{color:#eee}
.pf-kopf{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pf-kopf b{font:400 24px var(--anton);letter-spacing:.04em}.pf-kopf b i{font-style:normal;color:#e3000f}
.pf-kopf .firma{background:#e3000f;border-radius:8px;padding:4px 10px;font:400 13px var(--anton);letter-spacing:.05em}.pf-kopf em{margin-left:auto;font-style:normal;font-weight:700;color:#9aa3ad;font-size:12.5px}
.pf-2{display:grid;grid-template-columns:1fr 1.15fr;gap:12px;align-items:start}
.pf-filter{display:flex;gap:6px;margin-bottom:9px}.pf-filter span{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;border:1px solid #333;background:#141414;font:700 12px var(--archivo)}.pf-filter .an{background:#e3000f;border-color:#e3000f}.pf-filter i{width:8px;height:8px;border-radius:50%;background:#2f7de0}.pf-filter .r{margin-left:auto}
.pf-mail{display:block;width:100%;text-align:left;padding:8px 11px;border:1px solid #333;border-radius:10px;background:#222;color:#9c9c9c;margin-bottom:6px;font-family:var(--archivo)}
.pf-mail.neu{border-left:4px solid #e3000f;color:#fff}.pf-mail.an{background:#2c2c2c;border-color:#666}
.pf-mail .k{display:flex;align-items:center;gap:8px;font-size:12px}.pf-mail .k i{font-style:normal;border:1px solid #444;border-radius:999px;padding:1px 8px;font:700 10.5px var(--archivo);color:#cfcfcf}.pf-mail .k small{margin-left:auto;font:500 11px var(--mono);color:#8a8a8a}
.pf-mail .b{display:block;margin-top:3px;font-size:13px}.pf-mail.neu .b{font-weight:800}.pf-mail em{font-style:normal;display:inline-block;margin:4px 5px 0 0;font:700 10.5px var(--archivo);background:#12301f;color:#7ee2a4;border-radius:999px;padding:1px 8px}
.pf-detail .betr{display:block;font:800 16px var(--archivo);margin-bottom:6px}.pf-anhang{display:inline-flex;gap:7px;align-items:center;border:1px solid #333;border-radius:8px;padding:6px 10px;font:500 12px var(--mono);margin-bottom:10px}
.pf-entwurf{border:1px solid #1d5a36;background:#0f2418;border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45;margin-bottom:10px}.pf-entwurf small{display:block;font:800 10px var(--archivo);letter-spacing:.08em;color:#4fd787;margin-bottom:4px}
.pf-akt{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.hc-knopf.grau{background:#262626;border:1px solid #3a3a3a}.pf-akt .hc-knopf{padding:9px 13px;font-size:12.5px}
/* Einkauf: Lieferanten */
.ek-lief{display:grid;grid-template-columns:auto repeat(3,1fr);gap:8px;align-items:center}.ek-lief h4{margin:0 8px 0 0}
.ek-lief button{text-align:left;border:1px solid #dcdad3;border-radius:11px;padding:8px 11px;background:#faf9f6;font-family:var(--archivo)}.ek-lief b{display:block;font-size:13.5px;color:#1f4f9c}.ek-lief small{color:var(--sp-text3);font-size:11px;display:block}.ek-lief i{font-style:normal;font:700 11px var(--archivo);color:#a11d1d}
.ek-reiter{display:flex;gap:5px;border-bottom:2px solid #dcdad3;margin-bottom:12px}
.ek-reiter button{padding:8px 11px;border-radius:9px 9px 0 0;font:700 12.5px var(--archivo);color:var(--sp-text2);background:#e6e4de}.ek-reiter button.an{background:#d9301f;color:#fff}
.km-hinweis{margin:0 16px 8px;padding:10px 16px;border-radius:10px;background:#3a2a05;border:1px solid #f5a300;color:#ffd98a;display:flex;align-items:center;gap:9px;font-size:14px}.km-hinweis b{color:#fff}.km-hinweis span{margin-left:auto;padding:6px 11px;border-radius:8px;background:#f5a300;color:#201500;font:800 11.5px var(--archivo);white-space:nowrap}
/* Mitarbeiter-App */
.fa-karte h5.gelb{font:800 16px var(--archivo);color:#f5a300;letter-spacing:0}
.ma-papier{background:#f6f2e9;color:#171310;border-radius:8px;padding:12px;font:500 11.5px/1.5 var(--mono)}.ma-papier b{font-size:13px}
.ma-sign{height:76px;border:1.500px dashed #4a4a4a;border-radius:10px;display:grid;place-items:center;color:#7a7a7a;font-size:12.5px;background:#0b0b0b}.ma-sign svg{width:86%;height:60px}
.ma-zeit{font:700 34px var(--mono);margin:2px 0 4px;color:#fff}
.ma-chat{display:flex;flex-direction:column;gap:8px}.ma-chat .bl{max-width:84%;background:#1d1d1d;border:1px solid #2b2b2b;border-radius:14px 14px 14px 4px;padding:9px 11px;font-size:13.5px;line-height:1.4}
.ma-chat .bl small{display:block;font:700 10.5px var(--archivo);color:#9a9a9a;margin-bottom:2px}.ma-chat .bl.ich{align-self:flex-end;background:#12301f;border-color:#1d5a36;border-radius:14px 14px 4px 14px}
.ma-chat .foto{margin-top:7px;border-radius:9px;overflow:hidden}.ma-chat .foto svg{display:block;width:100%}
.fa-fuss.ma-senden{display:flex;gap:7px;align-items:center;padding-bottom:10px}.ma-senden>span:first-child{width:40px;height:40px;border-radius:10px;border:1px solid #2b2b2b;display:grid;place-items:center;flex:none}.ma-senden .feld{flex:1;padding:11px;border-radius:10px;border:1px solid #2b2b2b;color:#7a7a7a;font-size:13px}.ma-senden .fa-knopf{width:auto;padding:11px 13px;font-size:13px;white-space:nowrap}
.ma-schritt{display:flex;gap:10px;padding:8px 0;border-bottom:1px solid #262626;font-size:13.5px;line-height:1.4}.ma-schritt:last-child{border-bottom:0}.ma-schritt b{width:24px;height:24px;border-radius:50%;background:#e3000f;display:grid;place-items:center;font:700 12px var(--mono);flex:none}
.fa .so-nav{display:grid;grid-template-columns:repeat(4,1fr);padding:8px 6px 22px;background:#0d0d0d;border-top:1px solid #222}
.fa .so-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font:700 10px var(--archivo);color:#8a8a8a;padding:5px 0;border-radius:10px}.fa .so-nav button.an{color:#fff;background:#1d1d1d;box-shadow:inset 0 2px 0 #e3000f}
/* Marketing */
.cz-2.mk{grid-template-columns:1fr 1.5fr}
.mk-feld{display:block;width:100%;text-align:left;padding:11px 12px;border:1px solid #dcdad3;border-radius:10px;background:#fff;color:var(--sp-text3);font:500 13.5px var(--archivo);margin-bottom:8px}.mk-feld.voll{color:var(--sp-text);font-weight:700}
.mk-bild{height:118px;border:1px dashed #c9c7c0;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--sp-text3);font-size:12.5px;margin-bottom:10px;overflow:hidden;background:#faf9f6}.mk-bild svg:not(.ico){width:100%;height:100%}
.mk-vor{display:flex;gap:10px;width:100%;text-align:left;padding:8px 10px;border:1px solid #dcdad3;border-radius:10px;background:#fff;margin-bottom:6px;font:500 13px/1.4 var(--archivo)}.mk-vor b{width:22px;height:22px;border-radius:50%;background:var(--sp-text);color:#fff;display:grid;place-items:center;font:700 11px var(--mono);flex:none}
.mk-kanal{display:grid;grid-template-columns:170px 1fr;gap:1px 10px;padding:6px 0;border-bottom:1px solid #efeee9}.mk-kanal b{font-size:13px}.mk-kanal small{grid-column:1;color:var(--sp-text3);font-size:10.5px}.mk-kanal p{grid-column:2;grid-row:1/3;margin:0;font-size:12px;line-height:1.4;color:var(--sp-text)}
.mk-kanal+.cz-btn,.mk .cz-btn.rot{margin-top:10px}
.mk-kal{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.mk-kal div{border:1px solid #e3e1da;border-radius:10px;min-height:150px;padding:7px;background:#faf9f6}.mk-kal div.heute{border-color:#d9301f;background:#fff}
.mk-kal small{font:800 11px var(--archivo);color:var(--sp-text2)}.mk-kal i{display:block;margin-top:6px;font-style:normal;font:700 10.5px/1.3 var(--archivo);background:#eceae4;border-radius:7px;padding:5px 6px}.mk-kal i.ok{background:#17402a;color:#8ff0b5}
.mk-logos{display:flex;gap:6px;flex-wrap:wrap}.mk-logos span{padding:5px 11px;border-radius:999px;border:1px solid #dcdad3;font:700 11.5px var(--archivo)}
/* Belegscanner */
.cz-titel h3.gross{font:800 22px var(--archivo);letter-spacing:.04em}
.bl-zeile{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.bl-reiter{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.bl-reiter span{display:inline-flex;gap:6px;align-items:center;border:1px solid #dcdad3;border-radius:9px;padding:7px 11px;font:700 12.5px var(--archivo)}
.cz-2.bl{grid-template-columns:.62fr 1.5fr}
.bl-foto{background:#fff;border:1px solid #d9d6cc;box-shadow:0 6px 18px rgba(0,0,0,.12);transform:rotate(-1.200deg);margin:8px 6px 6px;padding:14px 13px;font:500 10.5px/1.5 var(--mono);color:#222}
.bl-foto b{display:block;font-size:13px}.bl-foto small{display:block;color:#777}.bl-foto em{display:block;font-style:normal;font-weight:700;margin:8px 0;padding:5px 0;border-top:1px dashed #999;border-bottom:1px dashed #999}
.bl-foto span{display:flex;justify-content:space-between;gap:8px}.bl-foto i{font-style:normal}.bl-foto .s{margin-top:8px;padding-top:5px;border-top:1px solid #222;font-weight:700}
.bl-summen{display:grid;grid-template-columns:1fr 1fr .7fr;gap:8px;margin-top:10px}.bl-summen div{border:1px solid #e3e1da;border-radius:10px;padding:7px 10px}.bl-summen small{display:block;font:800 9.5px var(--archivo);letter-spacing:.06em;color:var(--sp-text2)}.bl-summen b{font:700 13.5px var(--mono)}
/* Reservierungen & Tischplan */
.rs-z{display:flex;align-items:center;gap:16px;background:#fff;border-radius:14px;padding:11px 16px;margin-bottom:8px;box-shadow:0 1px 3px rgba(20,26,34,.05)}
.rs-z .t{text-align:center;min-width:64px}.rs-z .t b{display:block;font:800 19px var(--archivo)}.rs-z .t small{color:var(--sp-text3);font-size:12px}
.rs-z .m{flex:1}.rs-z .m>b{font:800 15px var(--archivo)}.rs-z .m small{display:block;color:var(--sp-text2);font-size:12.5px;margin-top:2px}
.rs-z .r{display:flex;align-items:center;gap:8px;font-size:14px}.rs-z .tn{font-style:normal;background:#141414;color:#fff;border-radius:7px;padding:2px 9px;font:700 13px var(--mono)}
.ti-leg{margin-left:auto;margin-right:12px;display:flex;align-items:center;gap:6px;font:700 12px var(--inter);color:#6f6858}.ti-leg i{width:12px;height:12px;border-radius:4px;margin-left:8px}
.ti-leg .frei,.ti.frei{background:#eaf6ee;border-color:#9fd3b0}.ti-leg .res,.ti.res{background:#fdf0d2;border-color:#e3b23c}.ti-leg .belegt,.ti.belegt{background:#fde3e0;border-color:#e2867c}
.ti-leg i{border:1.500px solid}
.ti-plan{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ti{border:2px solid;border-radius:16px;padding:13px 14px;min-height:132px;display:flex;flex-direction:column;gap:2px;font-family:var(--inter)}
.ti b{font:800 17px var(--inter)}.ti small{color:#6f6858;font-size:12px}.ti span{font:800 11px var(--inter);letter-spacing:.06em;text-transform:uppercase;margin-top:4px}
.ti.frei span{color:#149043}.ti.res span{color:#8a5a00}.ti.belegt span{color:#b01c0f}.ti em{font-style:normal;font-size:12px;font-weight:700}
.ti button{margin-top:auto;padding:8px;border-radius:9px;background:#149043;color:#fff;font:800 12.5px var(--inter)}
/* Tisch-QR */
.tq-karten{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.tq{background:#fff;border:1px solid #dcdad3;border-radius:14px;padding:12px;text-align:center;box-shadow:0 2px 8px rgba(20,26,34,.07);border-top:5px solid #e3000f}
.tq small{display:block;font:400 13px var(--anton);letter-spacing:.06em}.tq .qr{width:104px;height:104px;margin:6px auto}.tq b{display:block;font:400 22px var(--anton);letter-spacing:.04em}.tq span{font-size:11.5px;color:var(--sp-text2)}
/* Kellner-Handykasse (Kassen-Optik) */
.ke{height:100%;display:flex;flex-direction:column;background:radial-gradient(600px 300px at 20% 0,#fffdf7,#f6f2ea 70%);font-family:var(--inter);color:#1d1d1f}
.ke-kopf{display:flex;align-items:center;gap:9px;padding:52px 14px 10px;border-bottom:2px solid #e42313;background:#fffaf2}.ke-kopf b{font:800 17px var(--inter);letter-spacing:.02em}.ke-kopf b i{font-style:normal;color:#e42313}
.ke-kopf span{margin-left:auto;padding:7px 11px;border-radius:10px;border:1.500px solid #d8d0bd;background:#fff;font:800 12.5px var(--inter)}
.ke-inhalt{flex:1;overflow:auto;padding:14px;min-height:0}.ke h6{margin:0 0 8px;font:800 11px var(--inter);letter-spacing:.08em;color:#8d8676}
.ke-tische{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.ke-tische button{aspect-ratio:1;border-radius:14px;background:#eaf6ee;border:2px solid #9fd3b0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ke-tische b{font:800 22px var(--inter)}.ke-tische small{font:700 10px var(--inter);color:#149043}
.ke-tische button.belegt{background:#fde3e0;border-color:#e2867c}.ke-tische button.belegt small{color:#b01c0f}
.ke-ok{margin-top:14px;padding:12px;border-radius:12px;background:#e0f3e7;color:#0f6b32;font-weight:800;font-size:13.5px;display:flex;gap:8px;align-items:center}
.ke-arts{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.ke-arts button{text-align:left;padding:10px;border-radius:12px;background:#fff;border:1px solid #d8d0bd;border-top:4px solid #e42313;display:flex;flex-direction:column;gap:6px;box-shadow:0 2px 6px rgba(60,40,20,.08)}.ke-arts b{font:800 12px var(--inter);text-transform:uppercase}.ke-arts span{font:700 12.5px var(--mono);color:#149043}
.ke-bon{background:#fffdf8;border:1px solid #e3dccb;border-radius:12px;padding:11px 12px}.ke-bon div{display:flex;justify-content:space-between;padding:4px 0;font-size:13.5px;font-weight:700}.ke-bon div b{font:700 13px var(--mono)}.ke-bon small{color:#8d8676}
.ke-bon .s{border-top:2px solid #e42313;margin-top:6px;padding-top:7px}.ke-bon .s b{color:#e42313;font-size:16px}
.ke-fuss{padding:10px 14px 26px;border-top:1px solid #e3dccb;background:#fffaf2}
.ke-gross{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px;border-radius:12px;background:#149043;color:#fff;font:800 15px var(--inter);margin-bottom:9px}.ke-gross.blau{background:#1e6fe0}.ke-fuss .ke-gross{margin:0}
.ke-betrag{text-align:center;background:#fffdf8;border:1px solid #e3dccb;border-radius:14px;padding:16px;margin-bottom:14px}.ke-betrag small{font:800 11px var(--inter);letter-spacing:.07em;color:#8d8676;display:block}.ke-betrag b{font:700 38px var(--mono);color:#e42313}
.ke-inhalt p{color:#6f6858;font-size:12.5px;line-height:1.45;text-align:center}.ke-nfc{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 10px;text-align:center}
/* Kundenbindung */
.kb-kopf{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #d43a2a;padding-bottom:8px;margin-bottom:12px}.kb-kopf b{font:800 18px var(--archivo);letter-spacing:.08em}.kb-kopf b i{font-style:normal;color:#d9301f}
.b-kunden .cz-kpi{border-left-width:1px;border-left-color:#e3e1da}
.so-chatknopf{position:absolute;right:14px;bottom:86px;width:54px;height:54px;border-radius:50%;background:#e3261b;color:#fff;display:grid;place-items:center;box-shadow:0 8px 22px rgba(227,38,27,.5);z-index:5}
.kb-chat .cb{max-width:86%;padding:10px 12px;border-radius:14px 14px 14px 4px;background:#1f1b18;border:1px solid var(--li);font-size:13px;line-height:1.45;margin-bottom:8px}.kb-chat .cb b{color:#fff}
.kb-chat .cb.ich{margin-left:auto;background:#e3261b;border-color:#e3261b;border-radius:14px 14px 4px 14px;font-weight:700;width:max-content}
.kb-fr{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.kb-fr button{padding:8px 12px;border-radius:999px;border:1px solid var(--li);background:#1a1715;color:var(--tx);font:700 12px var(--sora)}
.kd-nfc{position:absolute;left:14px;right:14px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px;border-radius:10px;background:#141a22;color:#fff;font:700 13px var(--inter)}.kd{position:relative}
.kd-danke .wellen{margin-bottom:10px}
.so-tip button{padding:7px 14px;border-radius:999px;border:1px solid var(--li);background:#1a1715;color:var(--tx);font:700 12.5px var(--sora)}.so-tip button.an{background:#fff;color:#111}
.cz-kv{align-items:center}.cz-kv small{color:var(--sp-text3)}