/* NoteSmart V79: preview cetak laporan lebih rapi dan profesional di Android. */
:root{
  --ns79-paper-shadow: 0 18px 46px rgba(15,23,42,.14);
  --ns79-paper-border: rgba(15,23,42,.10);
  --ns79-paper-bg: #f3f5f8;
  --ns79-accent: #24523d;
}

html.ns-page-laporan body{
  background: linear-gradient(180deg, #eff4f1 0%, var(--ns79-paper-bg) 100%) !important;
}
html.ns-page-laporan #root main{
  padding-bottom: calc(116px + env(safe-area-inset-bottom, 0px)) !important;
}
html.ns-page-laporan .ns-v79-report-paper,
html.ns-page-laporan .ns-report-paper-v30,
html.ns-page-laporan .ns-report-paper-v33,
html.ns-page-laporan main > div.ns-animate-in > div.print\:hidden + div.ns-card{
  width: min(100%, 210mm) !important;
  max-width: 100% !important;
  margin: 0 auto 28px !important;
  padding: clamp(10px, 2.8vw, 22px) !important;
  border-radius: 12px !important;
  border: 1px solid var(--ns79-paper-border) !important;
  background: #fff !important;
  box-shadow: var(--ns79-paper-shadow) !important;
  overflow: visible !important;
}
html.ns-page-laporan .ns-v79-report-paper .overflow-x-auto,
html.ns-page-laporan .ns-report-paper-v30 .overflow-x-auto,
html.ns-page-laporan .ns-report-paper-v33 .overflow-x-auto{
  overflow-x: auto !important;
  overflow-y: visible !important;
  width: 100% !important;
  max-width: 100% !important;
  -webkit-overflow-scrolling: touch !important;
}
html.ns-page-laporan table.report-table,
html.ns-page-laporan table[data-testid^="rpt-"]{
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: clamp(8.8px, 2vw, 12px) !important;
  line-height: 1.18 !important;
}
html.ns-page-laporan table.report-table th,
html.ns-page-laporan table.report-table td,
html.ns-page-laporan table[data-testid^="rpt-"] th,
html.ns-page-laporan table[data-testid^="rpt-"] td{
  padding: 3px 4px !important;
  vertical-align: middle !important;
}
html.ns-page-laporan #ns-v77-report-print-button{
  box-shadow: 0 14px 34px rgba(36,82,61,.28) !important;
}
body.ns-v79-printing #ns-v77-report-print-button,
body.ns-v79-printing #ns-v76-report-print-fab,
body.ns-v79-printing #ns-v75-report-print-bar,
body.ns-v79-printing #ns-v75-report-print-btn,
body.ns-v79-printing [data-testid="laporan-print-btn"]{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 640px){
  html.ns-page-laporan #root main{
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  html.ns-page-laporan .ns-v79-report-paper,
  html.ns-page-laporan .ns-report-paper-v30,
  html.ns-page-laporan .ns-report-paper-v33,
  html.ns-page-laporan main > div.ns-animate-in > div.print\:hidden + div.ns-card{
    padding: 8px !important;
    border-radius: 10px !important;
    margin-bottom: 22px !important;
  }
  html.ns-page-laporan table.report-table,
  html.ns-page-laporan table[data-testid^="rpt-"]{
    font-size: 8.4px !important;
    line-height: 1.14 !important;
  }
  html.ns-page-laporan table.report-table th,
  html.ns-page-laporan table.report-table td,
  html.ns-page-laporan table[data-testid^="rpt-"] th,
  html.ns-page-laporan table[data-testid^="rpt-"] td{
    padding: 2px 3px !important;
  }
}

@media print{
  @page{ size:A4 portrait; margin:6mm 6mm 7mm; }
  html,body,#root{
    background:#fff !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }
  body *{
    animation:none !important;
    transition:none !important;
    box-shadow:none !important;
    text-shadow:none !important;
  }
  #ns-v77-report-print-button,
  #ns-v76-report-print-fab,
  #ns-v75-report-print-bar,
  #ns-v75-report-print-btn,
  #ns-v74-report-print-bar,
  #ns-v74-report-print-btn,
  [data-testid="laporan-print-btn"]{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
  }
  html.ns-page-laporan .ns-v79-report-paper,
  html.ns-page-laporan .ns-report-paper-v30,
  html.ns-page-laporan .ns-report-paper-v33,
  html.ns-page-laporan .ns-v34-report-paper,
  html.ns-page-laporan main > div.ns-animate-in > div.print\:hidden + div.ns-card,
  .ns-v34-print-sheet,
  .ns-v79-compact-sheet{
    width:auto !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:#fff !important;
    overflow:visible !important;
    page-break-after:auto !important;
    break-after:auto !important;
  }
  #ns-v34-print-root{
    width:100% !important;
  }
  .ns-v34-print-sheet + .ns-v34-print-sheet{
    margin-top: 0 !important;
  }
  html.ns-page-laporan .overflow-x-auto,
  .ns-v34-print-sheet .overflow-x-auto,
  .ns-v79-compact-sheet .overflow-x-auto{
    overflow:visible !important;
    width:100% !important;
    max-width:100% !important;
  }
  html.ns-page-laporan table.report-table,
  html.ns-page-laporan table[data-testid^="rpt-"],
  .ns-v34-print-sheet table,
  .ns-v79-compact-sheet table{
    width:100% !important;
    max-width:100% !important;
    table-layout:fixed !important;
    border-collapse:collapse !important;
    font-size:7.15px !important;
    line-height:1.06 !important;
    page-break-inside:auto !important;
    break-inside:auto !important;
  }
  html.ns-page-laporan table.report-table th,
  html.ns-page-laporan table.report-table td,
  html.ns-page-laporan table[data-testid^="rpt-"] th,
  html.ns-page-laporan table[data-testid^="rpt-"] td,
  .ns-v34-print-sheet table th,
  .ns-v34-print-sheet table td,
  .ns-v79-compact-sheet table th,
  .ns-v79-compact-sheet table td{
    padding: 1.1px 1.7px !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    vertical-align: middle !important;
  }
  html.ns-page-laporan table.report-table tr,
  html.ns-page-laporan table[data-testid^="rpt-"] tr,
  .ns-v34-print-sheet table tr,
  .ns-v79-compact-sheet table tr{
    page-break-inside: avoid !important;
    break-inside: avoid !important;
  }
}