@tailwind base;
@tailwind components;
@tailwind utilities;

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap");

:root { --radius: 14px; }

body {
  @apply bg-slate-50 text-slate-900 antialiased;
  font-family: Inter, system-ui, sans-serif;
}

.card {
  @apply bg-white rounded-2xl border border-slate-100 shadow-sm;
}
.skeleton {
  @apply animate-pulse bg-slate-200 rounded;
}


@media print {
  @page {
    size: A4 portrait;
    margin: 10mm;
  }

  html,
  body {
    background: white !important;
    zoom: 0.85;
  }

  .no-print {
    display: none !important;
  }

  .print-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  .print-card {
    break-inside: avoid;
    page-break-inside: avoid;
    margin-top: 10px !important;
    box-shadow: none !important;
  }

  img {
    max-height: 90px !important;
  }

  button {
    display: none !important;
  }
}