/* ═══════════════════════════════════════
   FABs — Floating Action Buttons
   ═══════════════════════════════════════ */

.fab-container { position: absolute; bottom: 22px; right: 20px; display: flex; flex-direction: column; gap: 8px; z-index: 95; animation: fadeInUp .5s var(--ease-spring) both; }
@keyframes fadeInUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }
.fab { width: 42px; height: 42px; background: linear-gradient(135deg, rgba(56,189,248,.85), rgba(96,165,250,.7)); border-radius: var(--radius-md); display: flex; align-items: center; justify-content: center; cursor: pointer; font-size: 17px; box-shadow: var(--shadow-md), 0 0 0 1px rgba(56,189,248,.2); transition: all .25s var(--ease-spring); border: none; }
.fab:hover { transform: translateY(-2px) scale(1.04); box-shadow: var(--shadow-lg), var(--shadow-glow); }
.fab:active { transform: translateY(-1px) scale(1.01); }