/* Cloth-bound debt notebook inside the shared wooden cash drawer. */
.thu-ngan-goc-nhin-xuong .hoc-ngan-keo.hoc-phai-so-no {
  box-sizing: border-box;
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: center;
  min-width: 0;
  padding: 6px 14px 9px 4px;
  border: 0;
  border-radius: 0;
  background: #795536;
  box-shadow: inset 2px 3px 3px #432a2066, inset -1px -1px 0 #a17b52;
  overflow: visible;
}

.thu-ngan-goc-nhin-xuong .hoc-phai-so-no::before,
.thu-ngan-goc-nhin-xuong .hoc-phai-so-no::after {
  content: none;
}

.thu-ngan-goc-nhin-xuong .cuon-so-no-that-trong-hoc {
  box-sizing: border-box;
  position: relative;
  isolation: isolate;
  width: 100%;
  height: auto;
  min-width: 0;
  min-height: 112px;
  padding: 4px 5px 6px 11px;
  border: 1px solid #4c2528;
  border-radius: 2px 4px 4px 2px;
  background: #793b41;
  box-shadow: 1px 2px 0 #e2d3b6, 2px 3px 0 #b6a389, 3px 4px 0 #653236, 4px 6px 3px #44281666;
  transform: rotate(-0.8deg);
  transform-origin: center;
  transition: transform 140ms ease;
  overflow: visible;
  cursor: pointer;
}

.thu-ngan-goc-nhin-xuong .cuon-so-no-that-trong-hoc:hover {
  transform: translateY(-1px) rotate(-0.8deg);
}

.thu-ngan-goc-nhin-xuong .cuon-so-no-that-trong-hoc.so-dang-cho-ky,
.thu-ngan-goc-nhin-xuong .cuon-so-no-that-trong-hoc.co-khach-xin-no {
  border-color: #fde047 !important;
  box-shadow:
    0 0 14px rgba(250, 204, 21, 0.92),
    0 0 24px rgba(245, 158, 11, 0.65),
    1px 2px 0 #e2d3b6,
    2px 3px 0 #b6a389 !important;
  animation: sangCuonSoNoTrongHoc 0.95s ease-in-out infinite alternate;
}

@keyframes sangCuonSoNoTrongHoc {
  0% {
    filter: brightness(1.02);
  }
  100% {
    filter: brightness(1.16) drop-shadow(0 0 8px rgba(254, 240, 138, 0.85));
  }
}

.thu-ngan-goc-nhin-xuong .goc-dong-bia-so {
  display: none;
}

.thu-ngan-goc-nhin-xuong .gay-lo-xo-cuon-so {
  top: 7px;
  bottom: 8px;
  left: 3px;
  width: 5px;
  padding: 3px 0;
  border-left: 1px solid #51252d;
  border-right: 1px solid #a15b60;
  background: #683039;
  z-index: 2;
  pointer-events: none;
}

.thu-ngan-goc-nhin-xuong .khoen-lo-xo-so {
  width: 5px;
  height: 2px;
  border: 0;
  border-bottom: 1px solid #dbc5a5;
  border-radius: 0;
  background: none;
  box-shadow: none;
  transform: rotate(-22deg);
  pointer-events: none;
}

.thu-ngan-goc-nhin-xuong .trang-so-tay-hoc-phai.trang-giay-so-no-that {
  box-sizing: border-box;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  gap: 3px;
  min-width: 0;
  padding: 4px 6px 4px 10px;
  border: 1px solid #cbb594;
  border-radius: 1px 2px 2px 1px;
  background-color: #f8efd8;
  background-image: linear-gradient(90deg, transparent 6px, #c47d7859 6px, #c47d7859 7px, transparent 7px), repeating-linear-gradient(0deg, transparent 0, transparent 16px, #8eafba59 16px, #8eafba59 17px);
  box-shadow: inset 2px 0 0 #e0ceb0, 1px 1px 0 #eadbc1;
  overflow: visible;
}

.thu-ngan-goc-nhin-xuong .dau-trang-so-no-mini {
  align-items: center;
  flex-wrap: wrap;
  min-width: 0;
  min-height: 15px;
  gap: 3px;
  padding-bottom: 2px;
  border-bottom: 1px solid #ae7770;
}

.thu-ngan-goc-nhin-xuong .moc-do-tieu-de-so {
  font-family: var(--font-pixel);
  font-size: 9px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0;
  color: #8b3b3b;
  white-space: normal;
  overflow-wrap: anywhere;
}

.thu-ngan-goc-nhin-xuong .so-khoan-no-mini {
  flex: 0 0 auto;
  padding: 1px 3px;
  border: 1px solid #c6ae8b;
  border-radius: 2px;
  font-family: var(--font-hand);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.2;
  color: #816448;
  background: #eee0c3;
}

.thu-ngan-goc-nhin-xuong .noi-dung-viet-tay-mini {
  min-width: 0;
  padding: 1px 0;
  font-family: var(--font-hand);
  line-height: 1.35;
  color: #344f67;
}

.thu-ngan-goc-nhin-xuong .chu-viet-tay-dong-1 {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  color: #344f67;
}

.thu-ngan-goc-nhin-xuong .chu-viet-tay-so-tien {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 700;
  color: #954b3c;
}

.thu-ngan-goc-nhin-xuong .chu-viet-tay-phu-de {
  font-size: 10px;
  line-height: 1.4;
  color: #7e715d;
}

.thu-ngan-goc-nhin-xuong .chu-viet-tay-dong-1,
.thu-ngan-goc-nhin-xuong .chu-viet-tay-so-tien,
.thu-ngan-goc-nhin-xuong .chu-viet-tay-phu-de {
  white-space: normal;
  overflow: visible;
  overflow-wrap: anywhere;
  text-overflow: clip;
}

.thu-ngan-goc-nhin-xuong .dong-chan-trang-so-that {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  min-height: 22px;
  padding: 2px 0;
  border: 0;
  border-top: 1px solid #d0bea0;
  border-radius: 0;
  font-family: var(--font-hand);
  font-size: 10px;
  font-weight: 700;
  line-height: 1.3;
  color: #7f403a;
  background: transparent;
  box-shadow: none;
  text-align: left;
  cursor: pointer;
}

.thu-ngan-goc-nhin-xuong .nhan-lat-trang-so {
  font-family: var(--font-hand);
  font-size: 10px;
  line-height: 1.3;
  color: inherit;
  text-decoration: none;
  white-space: normal;
  overflow: visible;
}

.thu-ngan-goc-nhin-xuong .dong-chan-trang-so-that:hover {
  color: #963d35;
  background: #e8d7b766;
}

.thu-ngan-goc-nhin-xuong .nut-ky-so-hoc-phai.con-dau-ky-so-tren-giay {
  box-sizing: border-box;
  flex-shrink: 0;
  width: 100%;
  min-height: 24px;
  padding: 3px 2px;
  border: 1px dashed #b48272;
  border-radius: 2px;
  font-family: var(--font-pixel);
  font-size: 9px;
  font-weight: 700;
  line-height: 1.4;
  color: #8a6556;
  background: #eee1c9;
  box-shadow: none;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  animation: none;
}

.thu-ngan-goc-nhin-xuong .nut-ky-so-hoc-phai.con-dau-ky-so-tren-giay.san-sang-ky {
  border: 1px solid #733d34;
  color: #fff1d7;
  background: #914c42;
  box-shadow: 0 1px 0 #572e2b;
  animation: none;
}

.thu-ngan-goc-nhin-xuong .nut-ky-so-hoc-phai:disabled {
  opacity: 1;
  cursor: not-allowed;
}

.thu-ngan-goc-nhin-xuong .cuon-so-no-that-trong-hoc:focus-visible,
.thu-ngan-goc-nhin-xuong .dong-chan-trang-so-that:focus-visible,
.thu-ngan-goc-nhin-xuong .nut-ky-so-hoc-phai:focus-visible {
  outline: 2px solid #3b6975;
  outline-offset: 3px;
}

.thu-ngan-goc-nhin-xuong .nep-gap-goc-trang-so {
  right: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  border: 0;
  border-radius: 0;
  background: #ceb995;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  pointer-events: none;
}

.thu-ngan-goc-nhin-xuong .day-ruy-bang-do-so {
  left: 64%;
  bottom: -7px;
  width: 6px;
  height: 9px;
  border: 0;
  border-left: 1px solid #ad625b;
  background: #9c3c40;
  box-shadow: 1px 1px 0 #4c292344;
  z-index: -1;
  pointer-events: none;
}

/* The pen sits beyond the cover, inside the reserved compartment space. */
.thu-ngan-goc-nhin-xuong .khung-but-bi-tren-so {
  top: 12px;
  right: -14px;
  width: 8px;
  height: 82px;
  transform: rotate(5deg);
  transform-origin: center;
  filter: drop-shadow(1px 2px 0 #46351f55);
  z-index: 1;
  pointer-events: none;
}

.thu-ngan-goc-nhin-xuong .svg-cay-but-bi-that {
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

@media (max-width: 540px) {
  .thu-ngan-goc-nhin-xuong .cuon-so-no-that-trong-hoc {
    padding: 4px 3px 6px 9px;
  }

  .thu-ngan-goc-nhin-xuong .trang-so-tay-hoc-phai.trang-giay-so-no-that {
    padding: 4px 4px 4px 8px;
  }

  .thu-ngan-goc-nhin-xuong .moc-do-tieu-de-so {
    font-family: var(--font-hand);
    font-size: 10px;
  }

  .thu-ngan-goc-nhin-xuong .chu-viet-tay-dong-1 {
    font-size: 11px;
  }

  .thu-ngan-goc-nhin-xuong .chu-viet-tay-so-tien {
    font-size: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .thu-ngan-goc-nhin-xuong .cuon-so-no-that-trong-hoc {
    transition: none;
  }
}