/* Custom Styles for Penghitung Pecahan Uang Rupiah */

@layer base {
  body {
    font-family: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
  }
}

/* Tabular figures ensure aligned numerical columns */
.tabular-nums {
  font-variant-numeric: tabular-nums;
  -moz-font-feature-settings: "tnum";
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
}

/* Remove default number input spinner */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
  -moz-appearance: textfield;
}

/* Custom subtle scrollbar */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: rgba(148, 163, 184, 0.4);
  border-radius: 9999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(148, 163, 184, 0.7);
}

/* Highlight flash animation when updating row */
@keyframes highlightRow {
  0% {
    background-color: rgba(16, 185, 129, 0.15);
  }
  100% {
    background-color: transparent;
  }
}

.row-updated {
  animation: highlightRow 0.5s ease-out;
}

/* Print styling */
@media print {
  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 12pt;
  }

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

  .print-only {
    display: block !important;
  }

  .card-shadow {
    box-shadow: none !important;
    border: 1px solid #e2e8f0 !important;
  }

  .table-print {
    width: 100% !important;
    border-collapse: collapse !important;
  }

  .table-print th, .table-print td {
    border: 1px solid #cbd5e1 !important;
    padding: 6px 12px !important;
  }
}