/**
 * SiGaji — cetak slip & laporan dari browser (Ctrl+P).
 * Melengkapi export PDF; sembunyikan chrome aplikasi.
 */
@media print {
  .sidebar-wrap,
  .sidebar,
  .sidebar-slot,
  .topbar,
  .nav-drawer-btn,
  .nav-backdrop,
  .ph,
  .page-header,
  .page-actions,
  .page-toolbar-filters,
  .page-toolbar-slip,
  .tabs,
  .period-chrome,
  .period-sticky-bar,
  .period-timeline-bar,
  .period-pill,
  .sync-status,
  .save-ind,
  .sigaji-cloud-load,
  .po,
  .mbd,
  .modal,
  .sigaji-tour,
  .btn,
  button,
  .ab-status-legend,
  .dash-kpi-hint,
  .dash-bento-toolbar,
  details,
  #slip-thr-banner,
  #slip-tab-kirim,
  #slip-preview .empty-state {
    display: none !important;
  }

  html,
  body,
  #app,
  .layout,
  .content {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: var(--wh) !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
  }

  html[data-sigaji-cloud-loading='1'] #app,
  html[data-sigaji-cloud-loading='1'] #app .content,
  html[data-sigaji-cloud-loading='1'] .layout {
    visibility: visible !important;
  }

  .pg {
    display: none !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
  }

  .pg.active {
    display: block !important;
  }

  #pg-slip.active #slip-tab-gaji,
  #slip-preview,
  #slip-preview .slip {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
  }

  #slip-preview .slip .cr,
  #slip-preview .slip .sr {
    display: flex !important;
    visibility: visible !important;
  }

  #slip-preview .slip .semp {
    display: grid !important;
    visibility: visible !important;
  }

  #slip-preview .slip .gross-sec,
  #slip-preview .slip .pph-calc-sec,
  #slip-preview .slip .slip-head,
  #slip-preview .slip .stotal {
    display: block !important;
    visibility: visible !important;
  }

  .card,
  .table-wrap,
  .slip {
    box-shadow: none !important;
    border: none !important;
    break-inside: avoid;
  }

  .slip {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 11pt !important;
    color: #000 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .slip-head {
    border-bottom: 2px solid var(--color-primary) !important;
    margin-bottom: 12px !important;
  }

  .slip-logo {
    max-height: 48px !important;
  }

  table {
    width: 100% !important;
    font-size: 9pt !important;
    border-collapse: collapse !important;
  }

  th,
  td {
    border: 1px solid var(--color-border) !important;
    padding: 4px 6px !important;
  }

  thead {
    display: table-header-group;
  }

  tr {
    break-inside: avoid;
  }

  #lap-tab-rekap,
  #lap-tab-pph {
    display: block !important;
  }

  #lap-tab-variance.u-hidden,
  .u-hidden {
    display: none !important;
  }

  #pg-laporan.active #lap-tab-rekap,
  #pg-laporan.active #lap-tab-pph {
    display: block !important;
  }

  a[href]:after {
    content: none !important;
  }
}