/* ---------------------------------------------------------------------------
 * giaodien.css — chỉnh nhẹ trên nền Bootstrap 5
 * Chỉ để những gì Bootstrap không có sẵn. Đừng viết lại cái Bootstrap đã làm.
 * ------------------------------------------------------------------------- */

body {
  font-size: 0.95rem;
}

/* Bảng số liệu: chữ số thẳng cột, dễ dò bằng mắt */
.so-tien,
table td.so-tien,
.font-so {
  font-variant-numeric: tabular-nums;
  text-align: right;
  white-space: nowrap;
}

/* Ô nhập số tiền — gõ nhiều nên cho to hơn một chút */
input.o-tien {
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.card {
  border-radius: 0.6rem;
}

.navbar-brand {
  letter-spacing: -0.01em;
}

/* Chi tiết nhật ký kiểm toán */
pre {
  white-space: pre-wrap;
  word-break: break-word;
  max-height: 16rem;
  overflow: auto;
}

/* Trên điện thoại, bảng dài cuộn ngang thay vì vỡ khung */
@media (max-width: 576px) {
  .table-responsive table {
    font-size: 0.875rem;
  }
  main.container-fluid {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
}

/* In ra giấy: bỏ menu và nút bấm */
@media print {
  .navbar, footer, .btn, .pagination, .alert-dismissible .btn-close {
    display: none !important;
  }
  .card {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
  }
}