/* ========================================================
   出库单针式打印机专用样式表 (print.css)
   ======================================================== */
@page {
  margin: 4mm 8mm 4mm 8mm;
  size: auto;
}

html, body {
  margin: 0 !important;
  padding: 0 !important;
  background: #fff !important;
  color: #000 !important;
  font-size: 13px !important;
  font-family: "SimSun", "Songti SC", "STSong", "SimHei", "Microsoft YaHei", sans-serif !important;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

/* 打印单纸张自适应 */
.print-sheet {
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  background: #fff !important;
}

.ps-header {
  text-align: center;
  margin-bottom: 6px;
  position: relative;
}

.ps-main-title {
  font-size: 21px;
  font-weight: 700;
  letter-spacing: 1.5px;
  color: #000;
  font-family: "SimSun", "Songti SC", "STSong", "SimHei", "Microsoft YaHei", serif;
  margin: 0;
  padding: 0;
}

.ps-meta-container {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 6px;
  font-size: 13.5px;
  color: #000;
  font-weight: 500;
  font-family: "SimSun", "Songti SC", "STSong", "SimHei", "Microsoft YaHei", sans-serif;
}

.ps-meta-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 1.5;
}

.ps-table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 10px;
}

.ps-table th, .ps-table td {
  border: 1px solid #000 !important;
  color: #000 !important;
  padding: 4px 6px;
  font-size: 13px;
}

.ps-table th {
  background-color: transparent !important;
  font-weight: bold;
}

.ps-sign-container {
  display: flex;
  justify-content: space-between;
  margin-top: 10px;
  font-size: 13px;
}

.ps-sign-item {
  flex: 1;
}

.ps-footer-notice {
  margin-top: 8px;
  font-size: 11.5px;
  color: #000 !important;
  border-top: 1px dashed #000 !important;
  padding-top: 4px;
}

.canvas-editable:hover::after,
.th-resizer {
  display: none !important;
}

/* 主页面触发打印时的全屏隔离规则 */
@media print {
  /* 隐藏所有屏幕界面元素（侧边栏、主内容、弹窗、导航、浮窗等） */
  #app,
  .erp-container,
  .sidebar,
  .main-content,
  .modal-backdrop,
  .login-wrapper,
  #toast-container,
  header,
  footer,
  nav,
  .no-print {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* 打印时使打印专用容器占满纸张并显示 */
  #actual-print-area,
  .actual-print-area {
    display: block !important;
    visibility: visible !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 99999 !important;
  }

  #actual-print-area * {
    visibility: visible !important;
  }
}
