/* File: public_html/wms/css/style.css */

/* 1. MÀU SẮC GIAO DIỆN CHUẨN TMS 365 */
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

.bg-tms-dark {
  background-color: #0b1a30;
}

.bg-login-theme {
  background-color: #0d274c;
}

.active-menu {
  background-color: #1e3a8a;
  border-left: 4px solid #3b82f6;
  color: #ffffff !important;
  font-weight: 600;
}

/* 2. THANH CUỘN MỎNG TINH TẾ */
.custom-scroll::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 4px;
}

.custom-scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* 3. HIỆU ỨNG POPUP NẢY NHẸ */
@keyframes bounceShort {
  0% { transform: scale(0.95); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.animate-bounce-short {
  animation: bounceShort 0.2s ease-out forwards;
}

/* 4. CẤU HÌNH IN ẤN KHỔ A4 CHUẨN DOANH NGHIỆP */
@media print {
  @page {
    size: A4 portrait;
    margin: 12mm 10mm 15mm 10mm;
  }

  body * {
    visibility: hidden;
  }

  #printableArea, #printableArea * {
    visibility: visible;
  }

  #printableArea {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    font-family: 'Times New Roman', Times, serif;
    color: #000000 !important;
    background: #ffffff !important;
  }

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

  table {
    width: 100%;
    border-collapse: collapse;
  }

  thead {
    display: table-header-group;
  }

  tr {
    page-break-inside: avoid;
  }

  .signature-box, .bbkk-signatures {
    page-break-inside: avoid;
    margin-top: 30px;
  }
}