/* Stile shtesë mbi Tailwind (CDN). */

:root { --brand: #0f766e; }

/* Fokus i qartë për përdorim me tastierë */
*:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 1px;
}

/* Numrat të rreshtuar bukur në tabela */
.tabular { font-variant-numeric: tabular-nums; }

/* Animacion i lehtë për kartat */
@keyframes fadeIn { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: none; } }
.fade-in { animation: fadeIn .2s ease-out; }

/* Stilet e printimit (raporte/fatura) */
@media print {
  aside, header, .no-print { display: none !important; }
  body { background: #fff !important; }
  main { padding: 0 !important; max-width: 100% !important; }
  .print-block { box-shadow: none !important; border: none !important; }
}

/* Heq shigjetat e input number për pamje më të pastër */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type=number] { -moz-appearance: textfield; }