/* =========================================================
   pt.coach-rellah.com — Shared Styles
   ========================================================= */
html, body {
  font-family: 'Lato', system-ui, sans-serif;
  background: #f5f7fa;
  color: #1a1a1a;
  -webkit-tap-highlight-color: transparent;
}
.font-display { font-family: 'Poppins', system-ui, sans-serif; }

.hide { display: none !important; }
.screen { min-height: 100dvh; }

.bg-grad-header { background: linear-gradient(180deg, #334155 0%, #1e293b 100%); }
.ring-bg { stroke: #e3e7ec; }
.ring-fg { stroke: #8DC63F; transition: stroke-dashoffset .5s ease; }

.badge-warn { background: #fff3cd; color: #7a5a00; }
.badge-ok   { background: #e8f3d4; color: #3d5d10; }
.chip       { border: 1px solid #e3e7ec; background: #fff; }

.timeline-dot { width: 10px; height: 10px; border-radius: 999px; background: #8DC63F; box-shadow: 0 0 0 4px #fff, 0 0 0 5px #e3e7ec; }
.timeline-line { background: #e3e7ec; width: 2px; }

.modal-backdrop { background: rgba(15,23,42,.55); backdrop-filter: blur(3px); }
@keyframes slideUp { from { transform: translateY(16px); opacity: 0; } to { transform: none; opacity: 1; } }
.animate-pop { animation: slideUp .22s ease-out; }

.fab { box-shadow: 0 10px 30px rgba(141,198,63,.45); }
.tap { -webkit-tap-highlight-color: transparent; }

input, textarea, select {
  font-family: 'Lato', sans-serif;
}

/* Hide scrollbars on chip rows */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { scrollbar-width: none; -ms-overflow-style: none; }

/* Print stylesheet for invoice view */
@media print {
  nav, .fab, button.tap, header .live-only { display: none !important; }
  body { background: white; }
  .print-page { padding: 18mm; }
}