/* Sổ Tay Của Mẹ — style bổ sung cho người lớn tuổi */
html { font-size: 18px; }
body {
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  color: #0A326E;
  -webkit-tap-highlight-color: transparent;
  overscroll-behavior: none;
}
h1, h2, .font-head { font-family: 'Montserrat', sans-serif; }

/* Nút to cho mẹ */
.btn-big {
  min-height: 56px;
  font-size: 22px;
  font-weight: 800;
  border-radius: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  transition: transform 0.08s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  border: none;
  cursor: pointer;
}
.btn-big:active { transform: scale(0.97); }

.btn-huge { min-height: 88px; font-size: 26px; }

/* Bàn phím số */
.numpad-key {
  min-height: 64px;
  font-size: 30px;
  font-weight: 800;
  border-radius: 16px;
  background: white;
  color: #0A326E;
  border: 2px solid #d1d5db;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}
.numpad-key:active { background: #e5e7eb; transform: scale(0.96); }

.quick-add {
  min-height: 52px;
  font-size: 18px;
  font-weight: 700;
  border-radius: 14px;
  background: #FFF4DB;
  color: #92600a;
  border: 2px solid #FFC247;
  cursor: pointer;
  touch-action: manipulation;
}
.quick-add:active { background: #FFE9B8; }

/* Ô danh mục vuông */
.cat-tile {
  aspect-ratio: 1;
  border-radius: 20px;
  background: white;
  border: 3px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  font-size: 19px;
  font-weight: 700;
  color: #0A326E;
  cursor: pointer;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
}
.cat-tile:active { border-color: #0758B3; background: #eff6ff; transform: scale(0.97); }
.cat-tile .emoji { font-size: 44px; line-height: 1; }

/* PIN dots */
.pin-dot {
  width: 26px; height: 26px;
  border-radius: 9999px;
  border: 3px solid #0A326E;
  background: transparent;
}
.pin-dot.filled { background: #0A326E; }

/* Hiệu ứng hiện màn hình */
.screen-enter { animation: fadeUp 0.18s ease-out; }
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Đọc số tiền */
.amount-display { font-size: 44px; font-weight: 800; letter-spacing: 1px; }
.amount-words { font-size: 20px; font-weight: 600; color: #0758B3; min-height: 28px; }

/* Danh sách sổ */
.entry-row {
  background: white;
  border-radius: 16px;
  padding: 16px;
  font-size: 20px;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  border: 2px solid #eee;
}
.entry-row:active { background: #f3f4f6; }

/* Thẻ nợ */
.debt-card {
  background: white;
  border-radius: 20px;
  padding: 18px;
  border: 3px solid #eee;
}
.debt-card.settled { opacity: 0.55; }

.badge-red {
  background: #dc2626; color: white;
  border-radius: 9999px;
  min-width: 30px; height: 30px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 17px; font-weight: 800;
  padding: 0 8px;
}