/* =========================================================
   APP.CSS — Estilos complementares ao Tailwind (utilitário)
   ========================================================= */

body { font-family: 'Inter', sans-serif; }
.font-display { font-family: 'Poppins', sans-serif; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }

.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Navegação */
.nav-link.active {
  background: rgba(249, 115, 22, 0.14);
  color: #fb923c;
  border-left-color: #f97316;
}
.nav-link-mobile.active { color: #f97316; }
.nav-link-mobile { color: #94a3b8; }

/* Categoria (pills) */
.cat-pill.active {
  background: #ea580c;
  color: #fff;
  box-shadow: 0 4px 14px -4px rgba(234, 88, 12, .5);
  border-color: #ea580c !important;
}

/* Cards de produto no PDV / Cardápio / Picker */
.prod-btn:active:not(:disabled) { transform: scale(0.97); }

/* Forma de pagamento */
.pag-forma.selected {
  border-color: #ea580c;
  background: #fff7ed;
  color: #c2410c;
}

/* Modais */
.modal-shell { transition: opacity .15s ease; }
.modal-shell.modal-in { opacity: 1; }

/* Toasts */
.toast { animation: toastIn .25s ease, toastOut .25s ease 2.75s forwards; }
@keyframes toastIn { from { transform: translateX(120%); opacity: 0; } to { transform: translateX(0); opacity: 1; } }
@keyframes toastOut { to { transform: translateX(120%); opacity: 0; } }

/* Aba de estoque */
.est-tab { border-color: transparent; color: #94a3b8; }

/* Impressão de QR Codes (janela auxiliar cuida do print isolado) */
@media print {
  body * { visibility: hidden; }
}