/* GODIMENTO UI 886.4 – mittig ausgerichtete Premium-Navigation nur fuer Fahrer & Admin.
   Keine Aenderung an Kundenansicht, Rollen, Tour- oder Push-Logik. */
body.gd8863-staff nav.bottom{
  background:linear-gradient(135deg,rgba(26,28,22,.975),rgba(34,30,22,.975))!important;
  border:1px solid rgba(224,192,124,.42)!important;
  border-radius:22px!important;
  box-shadow:0 15px 38px rgba(10,9,6,.27),inset 0 1px 0 rgba(247,222,165,.09)!important;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
body.gd8863-staff nav.bottom .tabs{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:4px!important;align-items:center!important;justify-items:stretch!important;
  min-width:0!important;width:100%!important;min-height:50px!important;height:50px!important;
}
body.gd8863-staff nav.bottom .tabs > .tab{
  box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
  height:50px!important;min-height:50px!important;max-height:50px!important;
  margin:0!important;padding:6px 2px!important;
  grid-column:auto!important;grid-row:1!important;
  flex:0 1 auto!important;flex-direction:column!important;
  justify-content:center!important;align-items:center!important;gap:3px!important;
  border:1px solid transparent!important;border-radius:14px!important;
  background:transparent!important;box-shadow:none!important;
  color:#e2d5ba!important;font-size:10px!important;font-weight:650!important;
  line-height:1.05!important;letter-spacing:0!important;text-align:center!important;
  overflow:hidden!important;text-overflow:clip!important;white-space:nowrap!important;
  transition:color .18s ease,background-color .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
body.gd8863-staff nav.bottom .tabs > .tab b{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:24px!important;height:24px!important;min-height:24px!important;
  padding:0!important;margin:0!important;line-height:1!important;font-size:19px!important;
  font-weight:500!important;color:#d1bd93!important;opacity:1!important;
}
body.gd8863-staff nav.bottom .tabs > .tab b svg{width:22px!important;height:22px!important;display:block!important;flex-shrink:0!important}
body.gd8863-staff nav.bottom .tabs > .tab.active{
  color:#2c2517!important;
  background:linear-gradient(140deg,#e9d099,#c59c57)!important;
  border-color:rgba(255,237,190,.63)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 4px 12px rgba(0,0,0,.16)!important;
}
body.gd8863-staff nav.bottom .tabs > .tab.active b{color:#2c2517!important}
body.gd8863-staff nav.bottom .tabs > #navStaffRecipes.active{color:#2c2517!important}
body.gd8863-staff nav.bottom .tabs > .tab:focus-visible{outline:2px solid #f7d990!important;outline-offset:-2px!important}
body.gd8863-staff nav.bottom .tabs > .tab:active{transform:scale(.97)!important}
/* Die zuvor vorhandenen Zusatzreiter bleiben unsichtbar und unter Mehr erreichbar. */
body.gd8863-staff nav.bottom .tabs > #navProducts,
body.gd8863-staff nav.bottom .tabs > #navInventory,
body.gd8863-staff nav.bottom .tabs > #navMhd{display:none!important}
/* Rezept als dritter Reiter: Tour | Kunden | Rezepte | Katalog | Mehr. */
body.gd8863-staff nav.bottom .tabs > #navStaffRecipes{display:flex!important}
@media(max-width:360px){
 body.gd8863-staff nav.bottom .tabs{gap:2px!important}
 body.gd8863-staff nav.bottom .tabs > .tab{font-size:9px!important;padding-left:1px!important;padding-right:1px!important}
}
@media(prefers-reduced-motion:reduce){
 body.gd8863-staff nav.bottom .tabs > .tab{transition:none!important;animation:none!important}
 body.gd8863-staff nav.bottom .tabs > .tab:active{transform:none!important}
}