/* 自定义样式补充 */

/* 移动端侧边栏动画 */
@media (max-width: 768px) {
  #sidebar {
    position: fixed;
    left: 0;
    top: 0;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    z-index: 50;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
  }
  
  #sidebar:not(.-translate-x-full) {
    transform: translateX(0);
  }
  
  /* 移动端遮罩层 */
  #sidebar-overlay {
    z-index: 40;
  }
}

/* 页面内容淡入动画 */
.page-content {
  animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 侧边栏子菜单动画优化 */
.sidebar-item[data-toggle] + ul {
  transition: all 0.3s ease-in-out;
}

/* 图表容器响应式调整 */
canvas {
  max-width: 100%;
  height: auto !important;
}

/* 确保表格在小屏幕上可滚动 */
@media (max-width: 768px) {
  .overflow-x-auto {
    -webkit-overflow-scrolling: touch;
  }
}

/* 水印样式 */
.watermark {
  position: absolute;
  color: rgba(0, 0, 0, 0.15);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.6;
  white-space: nowrap;
  transform: rotate(-25deg);
  user-select: none;
  pointer-events: none;
  text-align: center;
}

/* 打印样式 - 只打印三方授权证明预览内容 */
@media print {
  body.printing-cert * {
    visibility: hidden;
  }
  
  body.printing-cert #cert-preview-modal,
  body.printing-cert #cert-preview-modal * {
    visibility: visible;
  }
  
  body.printing-cert #cert-preview-modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: white;
    z-index: 9999;
    display: block !important;
    padding: 0;
    margin: 0;
  }
  
  body.printing-cert #cert-preview-modal > div {
    max-width: 100%;
    max-height: 100%;
    box-shadow: none;
    margin: 0;
    padding: 20px;
  }
  
  body.printing-cert #cert-preview-modal .p-4,
  body.printing-cert #cert-preview-modal .border-b {
    display: none !important;
  }
  
  body.printing-cert #cert-preview-container {
    height: auto !important;
    overflow: visible !important;
    padding: 0 !important;
  }
  
  body.printing-cert #cert-preview-content {
    margin: 0 auto;
    padding: 40px;
    max-width: 800px;
    box-shadow: none;
    border: none;
  }
  
  @page {
    size: A4;
    margin: 20mm;
  }
  
  /* 确保水印在打印时不显示 */
  body.printing-cert .watermark {
    display: none !important;
  }
  
  /* 确保印章在打印时正确覆盖 */
  body.printing-cert #cert-preview-authorizer-seal,
  body.printing-cert #cert-preview-authorizee-seal {
    position: absolute !important;
    opacity: 0.85 !important;
    z-index: 10 !important;
  }
}

/* 印章覆盖效果样式 */
#cert-preview-authorizer-seal,
#cert-preview-authorizee-seal {
  pointer-events: none;
  mix-blend-mode: multiply;
}

@media print {
  #cert-preview-authorizer-seal,
  #cert-preview-authorizee-seal {
    mix-blend-mode: multiply;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* 打印样式 - 只打印用章审批证明预览内容 */
@media print {
  /* 隐藏页面上除了预览内容之外的所有内容 */
  body.printing-seal * {
    visibility: hidden;
  }
  
  /* 只显示预览弹窗和其内容 */
  body.printing-seal #seal-preview-modal,
  body.printing-seal #seal-preview-modal * {
    visibility: visible;
  }
  
  /* 弹窗容器样式 */
  body.printing-seal #seal-preview-modal {
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: white !important;
    z-index: 99999 !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
  }
  
  /* 弹窗内部白色容器 */
  body.printing-seal #seal-preview-modal > div {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: white !important;
    border-radius: 0 !important;
  }
  
  /* 隐藏弹窗头部（标题和按钮） */
  body.printing-seal #seal-preview-modal > div > .p-4,
  body.printing-seal #seal-preview-modal > div > .border-b,
  body.printing-seal #seal-preview-modal button {
    display: none !important;
    visibility: hidden !important;
  }
  
  /* 内容容器 */
  body.printing-seal #seal-preview-container {
    height: auto !important;
    overflow: visible !important;
    padding: 40px 20px !important;
    margin: 0 !important;
    background: white !important;
  }
  
  /* 预览内容区域 - 只显示一次 */
  body.printing-seal #seal-preview-content {
    margin: 0 auto !important;
    padding: 0 !important;
    max-width: 800px !important;
    box-shadow: none !important;
    border: none !important;
    background: white !important;
    min-height: auto !important;
    page-break-inside: avoid !important;
    display: block !important;
    visibility: visible !important;
  }
  
  /* 确保内容区域内的所有元素都显示 */
  body.printing-seal #seal-preview-content * {
    visibility: visible !important;
  }
  
  @page {
    size: A4;
    margin: 20mm;
  }
  
  /* 确保水印在打印时不显示 */
  body.printing-seal .watermark {
    display: none !important;
    visibility: hidden !important;
  }
  
  /* 确保印章在打印时正确覆盖 */
  body.printing-seal #seal-preview-company-seal {
    position: absolute !important;
    opacity: 0.85 !important;
    z-index: 10 !important;
    visibility: visible !important;
  }
}

/* 印章覆盖效果样式 */
#seal-preview-company-seal {
  pointer-events: none;
  mix-blend-mode: multiply;
}

@media print {
  #seal-preview-company-seal {
    mix-blend-mode: multiply;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}

/* 三方授权证明表格固定列样式 */
#third-party-cert .overflow-x-auto {
  position: relative;
}

#third-party-cert .sticky-col-status,
#third-party-cert .sticky-col-action {
  position: sticky;
  right: 0;
  background-color: white;
  z-index: 10;
}

#third-party-cert thead .sticky-col-status,
#third-party-cert thead .sticky-col-action {
  background-color: #f9fafb; /* bg-gray-50 */
  z-index: 20;
}

#third-party-cert tbody tr:hover .sticky-col-status,
#third-party-cert tbody tr:hover .sticky-col-action {
  background-color: #f3f4f6; /* hover时的背景色 */
}

#third-party-cert .sticky-col-action {
  right: 0;
  min-width: 280px;
  box-shadow: -2px 0 4px rgba(0, 0, 0, 0.05);
}

#third-party-cert .sticky-col-status {
  right: 280px;
  min-width: 100px;
  box-shadow: -2px 0 4px rgba(0, 0, 0, 0.05);
}

/* 用章审批证明首行缩进样式 */
#seal-preview-content .text-indent-8 {
  text-indent: 2em; /* 两个中文字符的宽度 */
}