/* AVENTALIS Küchenanzeige — Tablet am Tresen: große Flächen, hoher Kontrast, wenig Text.
   Bewusst NICHT das feine Marketing-Layout: hier zählt Lesbarkeit aus zwei Metern. */

.kitchen-main{padding:calc(var(--nav-bottom, 90px) + 20px) 18px 30px;max-width:1500px;margin:0 auto}

.kitchen-head{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;
  margin-bottom:18px
}
.kitchen-counts{display:flex;flex-wrap:wrap;gap:10px}
.kitchen-counts span{
  font-size:.85rem;padding:8px 14px;border-radius:10px;
  background:rgba(29,43,83,.35);border:1px solid rgba(255,255,255,.08)
}
.kitchen-counts b{
  font-family:'Cinzel',Georgia,serif;font-size:1.25rem;color:var(--gold-soft);
  margin-right:7px;font-variant-numeric:tabular-nums
}
.kitchen-counts .muted b{color:rgba(246,244,236,.55)}
.kitchen-updated{font-size:.78rem;color:rgba(246,244,236,.4)}

.kitchen-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.kitchen-empty{
  grid-column:1/-1;text-align:center;padding:60px 20px;
  color:rgba(246,244,236,.45);font-size:.95rem
}

.k-card{
  display:flex;flex-direction:column;gap:12px;padding:16px 18px;border-radius:14px;
  background:rgba(29,43,83,.35);border:1px solid rgba(255,255,255,.1)
}
.k-card.zubereitung{border-color:rgba(212,175,55,.45);background:rgba(212,175,55,.07)}
.k-card.fertig{border-color:rgba(74,190,130,.5);background:rgba(74,190,130,.09)}
/* Ab 10 Minuten Wartezeit sichtbar machen — ohne Alarmfarbe, die den Tresen nervös macht. */
.k-card.late{box-shadow:0 0 0 1px rgba(240,168,168,.5)}

.k-card header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.k-code{
  font-family:'Cinzel',Georgia,serif;font-size:1.7rem;color:var(--white);
  font-variant-numeric:tabular-nums;line-height:1
}
.k-age{font-size:.8rem;color:rgba(246,244,236,.5);font-variant-numeric:tabular-nums}
.k-card.late .k-age{color:#f0a8a8}

.k-items{list-style:none;display:flex;flex-direction:column;gap:6px}
.k-items li{display:flex;gap:9px;font-size:.95rem;line-height:1.35}
.k-items b{color:var(--gold-soft);font-variant-numeric:tabular-nums;flex-shrink:0}

/* style.css setzt global `footer{padding:50px 0; background; border-top}` für den
   Seitenfuß. Das schlägt sonst in die Auftragskarte durch und reißt eine große Lücke —
   gleiche Falle wie bei `section{padding:120px 0}`. Deshalb hier zurücksetzen. */
.k-card footer{
  display:flex;align-items:center;gap:8px;margin-top:2px;flex-wrap:wrap;
  padding:0;background:none;border-top:0
}
.k-state{font-size:.76rem;color:rgba(246,244,236,.55);margin-right:auto}
.k-advance{
  font-family:inherit;font-size:.9rem;font-weight:600;padding:12px 20px;border-radius:10px;
  border:none;cursor:pointer;background:var(--gold);color:var(--ink);min-height:44px
}
.k-advance:disabled{opacity:.5;cursor:not-allowed}
.k-back{
  font-family:inherit;font-size:.76rem;padding:10px 12px;border-radius:9px;cursor:pointer;
  background:none;border:1px solid rgba(255,255,255,.16);color:rgba(246,244,236,.6);min-height:40px
}
.k-back:hover{border-color:rgba(255,255,255,.35);color:var(--white)}

/* --- Gastseite: Bestellstatus in der App ------------------------------------------------ */
.food-order{
  border-radius:14px;padding:16px 18px;margin-bottom:12px;
  background:rgba(29,43,83,.35);border:1px solid rgba(212,175,55,.25)
}
.food-order.fertig{border-color:rgba(74,190,130,.5);background:rgba(74,190,130,.1)}
.food-order h4{font-size:.98rem;margin-bottom:4px}
.food-order .fo-code{
  font-family:'Cinzel',Georgia,serif;font-size:1.9rem;color:var(--gold-soft);
  line-height:1.1;margin:6px 0
}
.food-order .fo-status{font-size:.85rem;color:rgba(246,244,236,.75)}
.food-order.fertig .fo-status{color:#7fd6a6;font-weight:600}
.food-order .fo-items{
  list-style:none;margin-top:10px;font-size:.85rem;color:rgba(246,244,236,.7);
  display:flex;flex-direction:column;gap:3px
}

/* Stationsauswahl wie in Kasse und Einlass (fehlte hier → weißes Standard-Dropdown). */
.pos-station{padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:var(--ink);color:var(--white);font-family:inherit;font-size:.85rem;min-height:40px}