/* Floating Action Buttons (Ergebnisseiten) */
.fab-bar {
  position:fixed; z-index:30;
  left:12px; right:12px; bottom:calc(12px + env(safe-area-inset-bottom, 0px));
  max-width:440px; margin:0 auto; padding:8px;
  display:grid; grid-template-columns:1fr 1fr; gap:8px;
  border-radius:28px;
  background:color-mix(in srgb, var(--surface) 68%, transparent);
  border:1px solid color-mix(in srgb, var(--border) 70%, transparent);
  box-shadow:0 18px 48px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.05);
  -webkit-backdrop-filter:blur(22px) saturate(1.5); backdrop-filter:blur(22px) saturate(1.5);
  transition:opacity .2s ease, transform .2s ease;
}
html[data-theme="pastel"] .fab-bar { box-shadow:0 14px 40px rgba(24,24,27,.14); }
.fab-bar .fab-btn { min-width:0; width:100%; justify-content:center; text-align:center; }
.fab-bar.is-hidden { opacity:0; transform:translateY(48px); pointer-events:none; }
body.has-fab main.container { padding-bottom:calc(96px + env(safe-area-inset-bottom, 0px)); }
@media (prefers-reduced-motion: reduce) {
  .fab-bar { transition:opacity .2s ease; }
  .fab-bar.is-hidden { transform:none; }
}