/* TableOrder V2.64 – Glocke im Gäste-Header */
.guest-header-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.to-waiter-header{position:relative;display:flex;align-items:center;flex-shrink:0}
.to-call-waiter{width:49px;height:49px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.35);border-radius:14px;background:var(--restaurant-accent,#314d41);color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.13);cursor:pointer;padding:0;transition:transform .15s,box-shadow .15s,background .15s}
.to-call-waiter svg{display:block;width:27px;height:27px;flex-shrink:0}
.to-call-waiter:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px rgba(0,0,0,.19)}
.to-call-waiter:focus-visible{outline:3px solid #e2b76a;outline-offset:3px}
.to-call-waiter:disabled{opacity:.72;cursor:default}
.to-call-waiter.is-called{background:#256b4c}
#to-call-status:empty{display:none}
#to-call-status{position:absolute;right:0;top:calc(100% + 9px);z-index:1100;width:max-content;max-width:min(310px,80vw);padding:10px 14px;border-radius:11px;background:#fff;color:#243329;box-shadow:0 7px 26px rgba(0,0,0,.2);font:500 13px/1.45 system-ui,sans-serif;white-space:normal}
@media(max-width:620px){.guest-header-controls{gap:7px}.to-call-waiter{width:44px;height:44px;border-radius:12px}.to-call-waiter svg{width:25px;height:25px}}

/* V2.66: Glocke schwingt nur bei aktivem Kellnerruf. */
@keyframes to-bell-swing {
  0%,100% { transform:rotate(0deg); }
  12% { transform:rotate(19deg); }
  28% { transform:rotate(-16deg); }
  44% { transform:rotate(12deg); }
  60% { transform:rotate(-8deg); }
  76% { transform:rotate(4deg); }
}
.to-call-waiter.is-called svg {
  transform-origin:50% 12%;
  animation:to-bell-swing 1.65s ease-in-out infinite;
}
@media (prefers-reduced-motion:reduce) {
  .to-call-waiter.is-called svg { animation:none; }
}
