﻿/* ==========================================================
   STYLING KHUSUS CETAK RESMI (PRINT FORMATTER)
   Menyesuaikan Format Dokumen Asli Sekolah
   ========================================================== */

@media print {
  /* Pengaturan Halaman Cetak Landscape A4 / F4 */
  @page {
    size: A4 landscape;
    margin: 12mm 12mm 15mm 12mm;
  }

  /* Sembunyikan elemen non-cetak */
  .app-header,
  .stats-grid,
  .toolbar-section,
  .modal-backdrop,
  .toast-container,
  .col-actions,
  .cell-actions,
  .no-print,
  button,
  .btn {
    display: none !important;
  }

  /* Format Body Bersih */
  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    font-size: 9pt !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  .app-container {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  .table-card {
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    margin-bottom: 0 !important;
  }

  /* Kop / Header Dokumen Cetak */
  .print-header {
    display: block !important;
    margin-bottom: 8px;
    width: 100%;
  }

  .print-header-top {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 10pt;
    font-weight: bold;
    padding-bottom: 4px;
  }

  .print-title {
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
    display: none; /* Disematkan langsung di thead tabel seperti dokumen asli */
  }

  /* Tabel Cetak Presisi Tinggi */
  .rekap-table {
    width: 100% !important;
    border-collapse: collapse !important;
    border: 1.5px solid #000000 !important;
    font-size: 8.5pt !important;
    page-break-inside: auto;
  }

  .rekap-table tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }

  .rekap-table th, 
  .rekap-table td {
    border: 1px solid #000000 !important;
    color: #000000 !important;
    background: transparent !important;
    padding: 3.5px 5px !important;
    line-height: 1.25 !important;
  }

  .rekap-table thead th {
    background-color: #f2f2f2 !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    font-weight: bold !important;
    text-align: center !important;
  }

  .rekap-table th.header-tugas-main {
    font-size: 9pt !important;
    letter-spacing: 0.05em;
  }

  .rekap-table td.cell-no,
  .rekap-table td.cell-kelompok,
  .rekap-table td.cell-nis {
    text-align: center !important;
  }

  .rekap-table td.cell-kelompok {
    font-weight: 600 !important;
    background-color: transparent !important;
  }

  .badge-kelompok {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: #000000 !important;
    font-weight: bold !important;
    font-size: inherit !important;
  }

  .rekap-table td.cell-nama {
    font-weight: normal !important;
  }

  /* Tampilan Checkbox Saat Dicetak */
  .rekap-table td.cell-check {
    text-align: center !important;
    padding: 2px !important;
  }

  .check-box-wrapper {
    width: 18px !important;
    height: 18px !important;
    border: 1px solid #444444 !important;
    box-shadow: none !important;
    background: transparent !important;
    margin: 0 auto;
  }

  .check-box-wrapper.checked {
    background-color: #222222 !important;
    color: #ffffff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .check-box-wrapper.checked::after {
    content: "✓";
    font-size: 11pt;
    font-weight: bold;
    color: #000000;
  }

  .check-box-wrapper svg {
    display: none !important;
  }

  /* Footer Tanda Tangan Resmi */
  .print-footer {
    display: block !important;
    margin-top: 25px;
    width: 100%;
    page-break-inside: avoid;
  }

  .signature-grid {
    display: flex;
    justify-content: space-between;
    padding: 0 40px;
    font-size: 9.5pt;
  }

  .signature-col {
    text-align: center;
    width: 250px;
  }

  .signature-space {
    height: 65px;
  }

  .signature-name {
    font-weight: bold;
    text-decoration: underline;
  }
}

/* Sembunyikan elemen cetak di layar biasa */
.print-header,
.print-footer {
  display: none;
}
