/* ================================================================
   MIES Theme — „Bordeaux tief“
   Hintergrund #5a1f2b · Kopfleiste #4a1822 · Karten Creme #fbf3e6 · Hauptbutton #f4e8d6
   Schrift: Red Hat Display (liegt lokal in /fonts, funktioniert auch offline)
   Wird NACH dem alten CSS geladen und überschreibt es.
   ================================================================ */
@font-face{font-family:'Red Hat Display';font-weight:400;font-style:normal;font-display:swap;src:url('/fonts/red-hat-display-latin-400-normal.woff2') format('woff2');}
@font-face{font-family:'Red Hat Display';font-weight:500;font-style:normal;font-display:swap;src:url('/fonts/red-hat-display-latin-500-normal.woff2') format('woff2');}
@font-face{font-family:'Red Hat Display';font-weight:600;font-style:normal;font-display:swap;src:url('/fonts/red-hat-display-latin-600-normal.woff2') format('woff2');}
@font-face{font-family:'Red Hat Display';font-weight:700;font-style:normal;font-display:swap;src:url('/fonts/red-hat-display-latin-700-normal.woff2') format('woff2');}

:root{
  /* Palette */
  --page:#5a1f2b; --top:#4a1822; --top-line:#6b2c38;
  --cream:#f4e8d6; --cream-2:#e6cdb8;
  --card:#fbf3e6; --card-2:#efe0cc; --card-line:#e6d3b8;
  --ink:#2a1a16; --ink-2:#8f7466;
  --bord:#7a2e3a; --bord-d:#4a1822; --bord-l:#9b5560;
  --sheet:#f7efe4;
  /* Standard (helle Flächen) */
  --bg:var(--sheet); --surface:var(--card); --surface2:var(--card-2); --border:var(--card-line);
  --text:var(--ink); --muted:var(--ink-2); --accent:var(--bord); --accent2:var(--bord-l);
  /* Gedämpfte Statusfarben */
  --free:#e9eedd;   --free-c:#68825a;
  --busy:#f4e4d8;   --busy-c:#b0603a;
  --warn:#f6ecd0;   --warn-c:#9c7b2c;
  --alert:#f1dbd7;  --alert-c:#a63f3d;
  --rbitte:#f5e7c9; --rbitte-c:#8f6a22;
  --res:#e6e7f0;    --res-c:#5f6894;
  --green:#68825a; --red:#a63f3d; --blue:#5f6894; --yellow:#9c7b2c;
  /* Weiche Schatten + größere Rundungen */
  --shadow:0 2px 6px rgba(42,26,22,.10),0 12px 28px rgba(42,26,22,.14);
  --shadow-lg:0 16px 48px rgba(24,6,10,.40);
  --r:18px; --r-sm:14px; --r-lg:26px;
}
html{background:var(--page);}
body{font-family:'Red Hat Display',-apple-system,'Segoe UI',Roboto,sans-serif;background:var(--page);color:var(--cream);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;}
button,input,select,textarea{font-family:inherit;}
.ic{display:inline-block;vertical-align:-0.22em;flex-shrink:0;stroke:currentColor;}
.btn .ic,.pref-btn .ic,.chip .ic,.nav-item .ic,.user-btn .ic,.zahl-btn .ic{vertical-align:-0.25em;}

/* Beschriftungen (ehemals Monospace) → Red Hat */
.login-sub,.who-label,.nav-section,.sidebar-logo-sub,.section-label,.form-label,.todo-section-title,.dash-section-title,.stat-label,.topbar-clock,.res-time,.tc-total{font-family:inherit !important;}
.who-label,.nav-section,.section-label,.form-label,.todo-section-title,.dash-section-title,.stat-label{letter-spacing:.12em;font-weight:600;}

/* ── LOGIN (Bordeaux) ─────────────────────────────── */
#login{background:var(--page);}
.login-title{color:var(--cream);font-weight:700;letter-spacing:.08em;font-size:34px;}
.login-sub{color:var(--cream-2);text-transform:uppercase;letter-spacing:.22em;font-weight:500;font-size:11px;}
.login-card{background:var(--card);border-radius:30px;box-shadow:var(--shadow-lg);color:var(--ink);--text:var(--ink);--muted:var(--ink-2);--border:var(--card-line);}
.user-btn{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--r-sm);border:1.5px solid var(--card-line);background:transparent;color:var(--ink);font-weight:600;letter-spacing:.02em;}
.user-btn:active{background:var(--card-2);}
.user-btn.chef{border-color:var(--bord);color:var(--bord);}
.pin-back{color:var(--ink-2);display:inline-flex;align-items:center;gap:6px;}
.pin-who{color:var(--ink);font-weight:700;}
.pin-dot{border-color:var(--card-line);}
.pin-dot.filled{background:var(--bord);border-color:var(--bord);}
.pin-key{font-family:inherit;border-radius:var(--r);background:transparent;border:1.5px solid var(--card-line);color:var(--ink);font-weight:600;display:flex;align-items:center;justify-content:center;}
.pin-key:active{background:var(--card-2);}
.pin-key[data-k="ok"]{background:var(--bord) !important;color:var(--cream) !important;border-color:var(--bord) !important;}
.pin-error{color:var(--alert-c);}

/* ── KOPFLEISTE + Handy-Statusleiste ───────────────── */
#app{height:100vh;height:100dvh;}
.topbar{background:var(--top);color:var(--cream);border-bottom:1px solid var(--top-line);box-shadow:none;padding-top:calc(13px + env(safe-area-inset-top));padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));}
.topbar-title{color:var(--cream);font-weight:600;letter-spacing:.05em;}
.topbar-clock{color:var(--cream-2);font-weight:500;}
.burger{background:transparent;border:1px solid rgba(244,232,214,.3);color:var(--cream);border-radius:12px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;}
.main{height:calc(100vh - 53px - env(safe-area-inset-top));height:calc(100dvh - 53px - env(safe-area-inset-top));background:transparent;}

/* ── SEITENLEISTE (Bordeaux) ───────────────────────── */
.sidebar-backdrop{background:rgba(24,6,10,.55);}
.sidebar-panel{background:var(--top);color:var(--cream);box-shadow:var(--shadow-lg);padding-top:env(safe-area-inset-top);display:flex;flex-direction:column;--text:var(--cream);--muted:var(--cream-2);--border:var(--top-line);}
.sidebar-logo{border-bottom:1px solid var(--top-line);}
.sidebar-logo-name{color:var(--cream);font-weight:700;letter-spacing:.1em;}
.sidebar-logo-sub{color:var(--cream-2);text-transform:uppercase;letter-spacing:.18em;font-size:10px;}
.nav-section{color:rgba(230,205,184,.65);}
.nav-item{color:var(--cream);gap:12px;margin:2px 10px;padding:12px 12px;border-radius:14px;font-weight:500;}
.nav-item .ic{opacity:.85;}
.nav-item:active{background:rgba(244,232,214,.10);}
.nav-item.active{background:rgba(244,232,214,.14);color:var(--cream);font-weight:700;}
.nav-item.active .ic{opacity:1;}
.nav-item .badge{background:var(--cream);color:var(--top);}
.sidebar-bottom{border-top:1px solid var(--top-line);}
.sidebar-user{color:var(--cream);display:flex;align-items:center;gap:8px;}
.sidebar-user-sub{color:var(--cream-2);}
.logout-btn{border:1.5px solid rgba(244,232,214,.4);color:var(--cream);border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;}

/* ── BUTTONS: ein Hauptbutton, Rest als Umriss ─────── */
.btn{border-radius:var(--r-sm);background:transparent;border:1.5px solid var(--bord);color:var(--bord);font-weight:600;letter-spacing:.03em;box-shadow:none;}
.btn:active{background:rgba(122,46,58,.08);opacity:1;}
.btn-primary{background:var(--bord);color:var(--cream);border-color:var(--bord);box-shadow:0 4px 14px rgba(74,24,34,.28);}
.btn-primary:active{background:var(--bord-d);box-shadow:none;}
.btn-danger{color:var(--alert-c);border-color:var(--alert-c);background:transparent;}
.btn-warn{color:var(--warn-c);border-color:var(--warn-c);background:transparent;}
.btn-green{color:var(--free-c);border-color:var(--free-c);background:transparent;}
.btn-sm{border-radius:12px;}
/* auf dunklem Grund (Bordeaux): Hauptbutton Creme, Rest Creme-Umriss */
#view-tischplan,#view-bestellungen,.topbar,#sidebar,.order-bar{--text:var(--cream);--muted:var(--cream-2);--border:rgba(244,232,214,.24);}
#view-tischplan .btn,#view-bestellungen .btn,.order-bar .btn{color:var(--cream);border-color:rgba(244,232,214,.5);background:transparent;}
#view-tischplan .btn:active,#view-bestellungen .btn:active,.order-bar .btn:active{background:rgba(244,232,214,.12);}
#view-tischplan .btn-primary,#view-bestellungen .btn-primary,.order-bar .btn-primary{background:var(--cream);color:var(--top);border-color:var(--cream);box-shadow:0 6px 18px rgba(24,6,10,.35);}
.order-bar .btn-primary:active{background:var(--cream-2);}

/* ── SEITEN: Tischplan + Bestellungen dunkel, Rest als helle Fläche ── */
.view{padding:16px 16px 24px;padding-left:calc(16px + env(safe-area-inset-left));padding-right:calc(16px + env(safe-area-inset-right));}
.view:not(#view-tischplan):not(#view-bestellungen):not(#view-reservierungen){background:var(--sheet);color:var(--ink);--text:var(--ink);--muted:var(--ink-2);--border:var(--card-line);border-radius:26px 26px 0 0;margin-top:6px;min-height:calc(100% - 6px);}

/* Tischplan */
#view-tischplan{color:var(--cream);}
.tischplan-search input{background:rgba(244,232,214,.10);border:1px solid rgba(244,232,214,.26);color:var(--cream);border-radius:var(--r-sm);font-weight:600;letter-spacing:.06em;}
.tischplan-search input::placeholder{color:rgba(230,205,184,.7);font-weight:500;}
.floor-tab{border-radius:999px;background:rgba(244,232,214,.10);border:1px solid rgba(244,232,214,.26);color:var(--cream-2);font-weight:600;}
.floor-tab.active{background:var(--cream);color:var(--top);border-color:var(--cream);}
.leg{color:var(--cream-2);}
.section-label{color:rgba(230,205,184,.75);}
.tisch-card{background:var(--card);border:none;border-left:6px solid var(--card-line);border-radius:var(--r);box-shadow:var(--shadow);color:var(--ink);padding:13px 12px;min-height:88px;}
.tisch-card.free{background:var(--free);border-left-color:var(--free-c);}
.tisch-card.busy{background:var(--busy);border-left-color:var(--busy-c);}
.tisch-card.warn{background:var(--warn);border-left-color:var(--warn-c);}
.tisch-card.alert{background:var(--alert);border-left-color:var(--alert-c);}
.tisch-card.rbitte{background:var(--rbitte);border-left-color:var(--rbitte-c);}
.tisch-card.reserved{background:var(--res);border-left-color:var(--res-c);}
.tisch-card:active{transform:scale(.96) translateY(1px);box-shadow:0 1px 2px rgba(24,6,10,.3);}
.tc-num{font-size:16px;font-weight:700;color:var(--ink);}
.tc-status,.tc-time{color:var(--ink-2);display:flex;align-items:center;gap:5px;font-weight:500;}
.tc-total{color:var(--bord);font-weight:700;}

/* ── BESTELLBILDSCHIRM ─────────────────────────────── */
#view-bestellungen{color:var(--cream);padding-bottom:130px !important;}
.b-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px;position:relative;}
.b-title{font-size:24px;font-weight:700;letter-spacing:.01em;color:var(--cream);}
.b-sub{font-size:12px;color:var(--cream-2);margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.icon-btn{width:42px;height:42px;border-radius:14px;border:1.5px solid rgba(244,232,214,.45);background:transparent;color:var(--cream);display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;}
.icon-btn:active{background:rgba(244,232,214,.14);}
.b-menu{position:absolute;right:0;top:50px;z-index:40;background:var(--card);color:var(--ink);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:6px;min-width:220px;display:none;flex-direction:column;}
.b-menu.open{display:flex;}
.b-menu-item{display:flex;align-items:center;gap:12px;padding:13px 14px;border:none;background:none;border-radius:12px;font-size:15px;font-weight:600;color:var(--ink);text-align:left;width:100%;}
.b-menu-item:active{background:var(--card-2);}
.b-menu-item.danger{color:var(--alert-c);}
.kat-bar{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 12px;margin:0 -2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:sticky;top:0;z-index:20;background:var(--page);}
.kat-bar::-webkit-scrollbar{display:none;}
.karte-tab{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:rgba(244,232,214,.12);border:1px solid rgba(244,232,214,.24);color:var(--cream-2);font-size:14px;font-weight:600;white-space:nowrap;}
.karte-tab.active{background:var(--cream);color:var(--top);border-color:var(--cream);}
.karte-tab .kc{min-width:21px;height:21px;padding:0 6px;border-radius:11px;background:var(--cream);color:var(--top);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;}
.karte-tab.active .kc{background:var(--bord);color:var(--cream);}
.tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:12px;}
.tile{position:relative;text-align:left;background:var(--card);border:none;border-radius:20px;padding:14px 14px 12px;min-height:108px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;color:var(--ink);box-shadow:var(--shadow);transition:transform .08s ease,box-shadow .08s ease;-webkit-user-select:none;user-select:none;}
.tile:active{transform:scale(.955) translateY(2px);box-shadow:0 1px 2px rgba(24,6,10,.35);}
.tile-name{font-weight:700;font-size:15px;line-height:1.2;letter-spacing:.005em;}
.tile-desc{font-size:11px;color:var(--ink-2);line-height:1.3;margin-top:3px;font-weight:500;}
.tile-foot{display:flex;align-items:center;justify-content:space-between;gap:6px;}
.tile-price{font-weight:700;color:var(--bord);font-size:15px;}
.tile-more{color:var(--ink-2);display:flex;align-items:center;}
.tile-badge{position:absolute;top:-7px;right:-7px;min-width:27px;height:27px;padding:0 7px;border-radius:14px;background:var(--bord);color:var(--cream);font-weight:700;font-size:14px;display:none;align-items:center;justify-content:center;border:2.5px solid var(--page);box-shadow:0 2px 6px rgba(24,6,10,.4);}
.tile.in-order .tile-badge{display:flex;}

/* Untere Bestellleiste */
.order-bar{position:fixed;left:0;right:0;bottom:0;z-index:150;background:var(--top);color:var(--cream);border-top-left-radius:26px;border-top-right-radius:26px;box-shadow:0 -12px 34px rgba(24,6,10,.45);padding-bottom:env(safe-area-inset-bottom);display:none;}
.order-bar-row{display:flex;align-items:center;gap:12px;padding:12px 16px 14px;}
.order-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:10px;background:none;border:none;color:var(--cream);font-size:15px;font-weight:600;text-align:left;padding:8px 0;}
.order-toggle .chev{transition:transform .2s;}
.order-bar.open .order-toggle .chev{transform:rotate(180deg);}
.ob-total{font-size:24px;font-weight:700;letter-spacing:.01em;white-space:nowrap;}
.ob-buchen{padding:15px 26px;font-size:16px;font-weight:700;border-radius:16px;letter-spacing:.06em;text-transform:uppercase;}
.ob-buchen[disabled]{opacity:.4;box-shadow:none;}
.order-sheet{display:none;max-height:56vh;overflow-y:auto;padding:2px 16px 6px;border-bottom:1px solid var(--top-line);}
.order-bar.open .order-sheet{display:block;}
.order-sheet-head{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 4px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--cream-2);font-weight:600;}
.order-bar .bestell-items{padding:0;}
.order-bar .bestell-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--top-line);}
.order-bar .bestell-item-name{flex:1;font-size:15px;font-weight:600;color:var(--cream);min-width:0;}
.order-bar .bestell-item-note{font-size:12px;color:var(--cream-2);margin-top:3px;font-weight:500;display:flex;align-items:center;gap:5px;}
.order-bar .bestell-item-price{font-size:15px;font-weight:700;color:var(--cream);}
.bestell-item-qty{display:flex;align-items:center;gap:10px;}
.qty-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(244,232,214,.5);background:transparent;color:var(--cream);font-size:22px;display:flex;align-items:center;justify-content:center;padding:0;}
.qty-btn.plus{background:var(--cream);color:var(--top);border-color:var(--cream);}
.qty-btn:active{transform:scale(.92);}
.qty-num{font-size:19px;font-weight:700;min-width:24px;text-align:center;}
.item-edit{width:38px;height:38px;border-radius:12px;border:1.5px solid rgba(244,232,214,.35);background:transparent;color:var(--cream-2);display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;}
.order-bar .bestell-total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0 6px;font-size:14px;font-weight:600;color:var(--cream-2);border-top:none;}
.order-bar .bestell-total b{font-size:26px;color:var(--cream);}
.order-sheet-actions{display:flex;gap:10px;padding:10px 0 12px;}
.order-sheet-actions .btn{flex:1;padding:13px;font-size:14px;}

/* Varianten-Sheet mit Chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px;}
.chip,.pref-btn{padding:12px 18px;border-radius:999px;border:1.5px solid var(--card-line);background:transparent;color:var(--ink);font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;}
.chip.sel,.pref-btn.selected{background:var(--bord);border-color:var(--bord);color:var(--cream);}
.chip small{font-size:12px;font-weight:600;opacity:.75;}
.chip:active,.pref-btn:active{transform:scale(.96);opacity:1;}
.sheet-group-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);font-weight:700;margin:14px 0 10px;}
.sheet-add{width:100%;padding:16px;font-size:16px;font-weight:700;letter-spacing:.05em;margin-top:14px;border-radius:16px;}
.quick-notes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px;}
.quick-notes .chip{padding:9px 14px;font-size:13px;}

/* ── MODALS (Bottom-Sheets, Creme) ─────────────────── */
.modal-overlay{background:rgba(32,8,14,.62);}
.modal{background:var(--card);color:var(--ink);border-radius:30px 30px 0 0;box-shadow:var(--shadow-lg);--text:var(--ink);--muted:var(--ink-2);--border:var(--card-line);--surface:var(--card);--surface2:var(--card-2);--accent:var(--bord);}
.modal::before{content:"";display:block;width:44px;height:5px;border-radius:3px;background:var(--card-line);margin:10px auto 0;}
.modal-head{border-bottom:1px solid var(--card-line);padding:14px 20px 16px;}
.modal-title{font-weight:700;letter-spacing:.01em;}
.modal-close{background:var(--card-2);color:var(--ink-2);width:36px;height:36px;}
.modal-row{border-bottom-color:var(--card-2);}
.modal-footer{border-top:1px solid var(--card-line);}
.form-input{border-radius:var(--r-sm);border:1.5px solid var(--card-line);background:#fffcf7;color:var(--ink);}
.form-input:focus{border-color:var(--bord);}
.zahl-btn{border-radius:var(--r-sm);border:1.5px solid var(--card-line);background:transparent;color:var(--ink);font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;}
.zahl-btn.selected{border-color:var(--bord);background:rgba(122,46,58,.08);color:var(--bord);}
/* Große Gesamtsumme beim Bezahlen */
.zahl-hero{text-align:center;padding:20px 20px 6px;}
.zahl-hero-label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-weight:600;}
.zahl-hero-sum{font-size:56px;line-height:1.05;font-weight:700;color:var(--bord);letter-spacing:-.01em;margin-top:4px;}
.zahl-hero-sub{font-size:12px;color:var(--ink-2);margin-top:4px;min-height:16px;}

/* ── Karten / Listen auf hellen Flächen ────────────── */
.bestell-card,.karte-section,.stat-card,.todo-item,.notice-box,.res-card{background:var(--card);border:1px solid var(--card-line);border-radius:var(--r);box-shadow:var(--shadow);color:var(--ink);--text:var(--ink);--muted:var(--ink-2);--border:var(--card-line);}
.stat-value{color:var(--bord);}
.notice-input,.tischplan-search input{font-family:inherit;}

/* ── Meldungen in Creme ────────────────────────────── */
#toast{background:var(--card);color:var(--bord-d);border:1px solid var(--card-line);box-shadow:0 10px 30px rgba(24,6,10,.35);border-radius:16px;padding:12px 20px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:10px;bottom:calc(32px + env(safe-area-inset-bottom));}
#toast .ic{color:var(--bord);}
body.has-order-bar #toast{bottom:calc(110px + env(safe-area-inset-bottom));}

/* ── Leere Zustände ────────────────────────────────── */
.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:36px 20px;text-align:center;color:var(--muted);}
.empty .ic{width:44px;height:44px;opacity:.55;stroke-width:1.4;}
.empty-title{font-size:16px;font-weight:700;color:var(--text);margin-top:4px;}
.empty-text{font-size:13px;line-height:1.5;max-width:260px;}
.order-bar .empty{padding:22px 20px;color:var(--cream-2);--text:var(--cream);}

/* Offline-/Anmelde-Hinweise */
#offline-banner{font-family:inherit;}

/* Bestellzeilen (zweizeilig) in der unteren Leiste */
.order-bar .bestell-item{flex-direction:column;align-items:stretch;gap:8px;padding:14px 0;}
.bi-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.bi-note{font-size:12px;color:var(--cream-2);display:flex;align-items:center;gap:6px;font-weight:500;margin-top:-2px;}
.bi-ctrl{display:flex;align-items:center;justify-content:space-between;gap:10px;}
.item-edit{width:auto;height:42px;padding:0 14px;gap:8px;font-size:13px;font-weight:600;}

/* Kacheln: die alte .add-btn-Regel (kleiner Kreis) darf die Kachelgröße nicht überschreiben */
.tile.add-btn{width:auto;height:auto;border-radius:20px;background:var(--card);color:var(--ink);font-size:inherit;line-height:inherit;border:none;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;}
.tile.add-btn:active{opacity:1;}

/* Zeiten auf der Tischkarte */
.tc-zeiten{display:flex;flex-direction:column;gap:2px;margin-top:5px;font-size:11px;color:var(--ink-2);font-weight:600;}
.tc-zeiten span{display:flex;align-items:center;gap:4px;white-space:nowrap;}
/* Kachel: Plus-Knopf (schnell hinzufügen) */
.tile-plus{width:38px;height:38px;border-radius:50%;background:var(--bord);color:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 3px 8px rgba(74,24,34,.3);}
.tile-plus:active{transform:scale(.88);}
/* Auswahlfenster: Notiz, Menge, Extras */
.sheet-notiz{resize:none;margin-bottom:10px;}
.sheet-hint{font-size:13px;color:var(--ink-2);}
.sheet-qty{display:flex;align-items:center;justify-content:center;gap:22px;margin:18px 0 2px;}
.modal .qty-btn{border-color:var(--bord);color:var(--bord);}
.modal .qty-btn.plus{background:var(--bord);color:var(--cream);}
.modal .qty-num{color:var(--ink);font-size:22px;}
.chip small{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* Extras eingerückt unter ihrem Gericht */
.order-bar .bestell-item.bi-child{margin-left:20px;padding-left:14px;border-left:2px solid var(--top-line);}
.order-bar .bestell-item.bi-child .bestell-item-name{font-size:14px;font-weight:600;}

/* Login: Sicherheitsabstände (Uhr/Kamerainsel oben, Home-Balken unten) + scrollbar auf kleinen Handys */
#login{overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start;padding:calc(64px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));}
#login .login-box{margin:auto;}

/* Tische zusammenführen: Herkunft sichtbar machen */
.von-tag{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.02em;background:rgba(122,46,58,.14);color:#7a2e3a;border-radius:8px;padding:1px 7px;margin-left:6px;vertical-align:1px;}
.tc-zus{font-size:10px;font-weight:600;margin-top:2px;opacity:.9;line-height:1.25;}
.tw-kopf{width:100%;font-size:13px;margin-bottom:4px;}
.tw-sek{width:100%;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.65;margin-top:6px;}
.tw-sek.tw-warn{color:#b0603a;opacity:1;}
.tw-reihe{display:flex;flex-wrap:wrap;gap:8px;width:100%;}
.pref-btn.tw-belegt{border-color:#b0603a !important;}
.tw-frage{width:100%;border:1.5px solid #b0603a;border-radius:16px;padding:14px;}
.tw-frage-titel{font-weight:700;font-size:16px;margin-bottom:6px;}
.tw-frage-text{font-size:13px;line-height:1.55;}
.tw-frage-knoepfe{display:flex;gap:8px;margin-top:12px;}
.tw-frage-knoepfe .btn{flex:1;}
.zh-reihe{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 10px;}
.zh-chip{border:1.5px solid var(--border,#d8c8b0);background:transparent;color:inherit;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;}
.zh-chip.on{background:#7a2e3a;border-color:#7a2e3a;color:#f4e8d6;}