/* FolioDesk PMS - shared app styles (Tailwind handles most via CDN utility classes) */

html, body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.tab-panel.hidden {
  display: none;
}

#toast-root .toast {
  animation: toast-in 0.18s ease-out;
  min-width: 260px;
  max-width: 360px;
}

@keyframes toast-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

input:focus {
  box-shadow: 0 0 0 3px var(--tw-ring-color, rgba(59,130,246,0.35));
}

/* Simple skeleton shimmer for loading rows */
.skeleton {
  background: linear-gradient(90deg, #eef2f7 25%, #e2e8f0 37%, #eef2f7 63%);
  background-size: 400% 100%;
  animation: shimmer 1.4s ease infinite;
}
@keyframes shimmer {
  0% { background-position: 100% 50%; }
  100% { background-position: 0 50%; }
}

/* Install prompt banner */
#install-banner {
  animation: slide-up 0.25s ease-out;
}
@keyframes slide-up {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}