@media print {
  body * { visibility: hidden !important; }
  #paymentApplicationPrintArea,
  #paymentApplicationPrintArea * { visibility: visible !important; }
  #paymentApplicationPrintArea {
    display: block !important;
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    padding: 22px;
    color: #111827;
    background: #fff;
    font-family: "Microsoft YaHei", SimSun, sans-serif;
  }
  #paymentApplicationPrintArea h1 { margin: 0 0 16px; text-align: center; font-size: 24px; letter-spacing: 0; }
  #paymentApplicationPrintArea .print-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 18px; margin-bottom: 14px; font-size: 13px; }
  #paymentApplicationPrintArea .print-grid div { border-bottom: 1px solid #e5e7eb; padding: 7px 0; }
  #paymentApplicationPrintArea table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 12px; }
  #paymentApplicationPrintArea th,
  #paymentApplicationPrintArea td { border: 1px solid #d1d5db; padding: 7px; text-align: left; vertical-align: top; }
  #paymentApplicationPrintArea th { background: #f3f4f6; }
  #paymentApplicationPrintArea .print-sign-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 28px; font-size: 13px; }
}
.hidden { display: none !important; }
body[data-app-booting="1"] .container { visibility: hidden; }
@media (max-width: 900px) {
  body { padding: 12px; }
  .reconciliation-file-grid { grid-template-columns: 1fr; }
  .recognition-feedback-history-head { align-items: stretch; flex-direction: column; }
  .recognition-feedback-upload-actions { justify-content: flex-start; }
  .recognition-feedback-record { grid-template-columns: 1fr; }
  .recognition-feedback-record-actions { justify-content: flex-start; min-width: 0; }
  .recognition-feedback-admin-card { grid-template-columns: 1fr; }
  .recognition-feedback-admin-actions { padding-left: 0; border-left: 0; border-top: 1px solid #edf2f7; padding-top: 10px; }
  .report-summary-grid,
  .report-mini-grid,
  .report-problem-grid,
  .report-panels { grid-template-columns: 1fr; }
  .report-toolbar { align-items: stretch; flex-direction: column; }
  .report-period-fields { align-items: stretch; }
  .auth-grid, .mapping-grid, .split-panels, .erp-control-grid, .erp-settings-grid, .erp-connection-form, .settings-shell, .rpa-metrics, .rpa-wizard-grid, .rpa-tutorial-rail { grid-template-columns: 1fr; }
  .erp-field-file,
  .erp-field-mode,
  .erp-field-connection,
  .erp-field-settlement,
  .erp-field-direction,
  .erp-field-date { grid-column: 1 / -1; }
  .rpa-profile-toolbar, .rpa-profile-picker, .rpa-wizard-fields, .rpa-mapping-table, .rpa-login-account-grid { grid-template-columns: 1fr; }
  .rpa-profile-actions { justify-content: flex-start; }
  .company-rpa-intro, .rpa-execution-profile-bar { align-items: stretch; flex-direction: column; }
  .rpa-execution-profile-actions { justify-content: flex-start; }
  .mailbox-basics-grid, .mailbox-protocol-grid { grid-template-columns: 1fr; }
  .mailbox-inline-fields { grid-template-columns: minmax(120px, 1fr) minmax(150px, 1fr); }
  .settings-nav { position: static; }
  .summary-grid { grid-template-columns: repeat(2, minmax(120px, 1fr)); }
  .header { align-items: flex-start; flex-direction: column; }
}