/* ==========================================================================
   print.css — Aturan cetak (FASE 5)
   --------------------------------------------------------------------------
   Dimuat dengan media="print" dari template_admin, template_tes, dan
   template_user. Berlaku untuk halaman yang biasa dicetak lewat aplikasi:
   hasil tes, rekap laporan, analisis butir soal, berita acara.

   TIDAK menyentuh peserta_cetak_kartu_view.php — halaman itu berdiri
   sendiri (punya <html> dan <style> sendiri) dan tidak memuat tema ini.
   Tata letak kartu peserta sengaja dibiarkan apa adanya (PRD §3).
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Yang tidak ikut tercetak
   -------------------------------------------------------------------------- */

.main-header,
.main-sidebar,
.left-side,
.main-footer,
.navbar,
.sidebar-toggle,
.content-header > .breadcrumb,
.box-tools,
.no-print,
.modal,
.modal-backdrop,
.dataTables_length,
.dataTables_filter,
.dataTables_paginate,
.dataTables_info,
.btn,
.soal-legenda,
.soal-nav {
  display: none !important;   /* menimpa display dari CSS layar */
}

/* --------------------------------------------------------------------------
   2. Kanvas
   -------------------------------------------------------------------------- */

@page {
  margin: 15mm 12mm;
}

html,
body {
  background: #fff !important;
  color: #000 !important;
  font-size: 11pt;
  line-height: 1.45;
}

.wrapper,
.content-wrapper,
.container,
.content {
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  background: #fff !important;
}

/* AdminLTE menggeser konten ke kanan untuk memberi ruang sidebar */
.content-wrapper {
  margin-left: 0 !important;
}

/* --------------------------------------------------------------------------
   3. Judul halaman
   -------------------------------------------------------------------------- */

.content-header {
  display: block !important;   /* menimpa flex dari app.css */
  padding: 0 0 8pt !important;
  border-bottom: 1pt solid #000;
  margin-bottom: 12pt;
}

.content-header > h1 {
  font-size: 16pt;
  font-weight: 700;
  color: #000 !important;
}

.content-header > h1 > small {
  display: block;
  margin-top: 2pt;
  font-size: 10pt;
  color: #333 !important;
}

/* --------------------------------------------------------------------------
   4. Kartu dijadikan blok datar
   -------------------------------------------------------------------------- */

.box {
  page-break-inside: auto;
  margin: 0 0 10pt !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: #fff !important;
}

.box > .box-header {
  padding: 0 0 4pt !important;
  border: 0 !important;
  background: #fff !important;
}

.box > .box-header .box-title {
  font-size: 12pt;
  font-weight: 700;
  color: #000 !important;
}

.box > .box-body {
  padding: 0 !important;
}

.box > .box-footer {
  display: none !important;
}

/* --------------------------------------------------------------------------
   5. Tabel — bagian terpenting saat mencetak laporan
   -------------------------------------------------------------------------- */

table {
  width: 100% !important;
  border-collapse: collapse !important;
}

.table > thead > tr > th {
  padding: 5pt 6pt !important;
  font-family: inherit !important;
  font-size: 9pt !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #000 !important;
  background: #eee !important;
  border: 0.5pt solid #000 !important;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

.table > tbody > tr > td {
  padding: 4pt 6pt !important;
  font-size: 10pt !important;
  color: #000 !important;
  border: 0.5pt solid #666 !important;
}

/* Baris jangan terpotong antar halaman, dan header tabel diulang */
.table > tbody > tr {
  page-break-inside: avoid;
}

.table > thead {
  display: table-header-group;
}

/* --------------------------------------------------------------------------
   6. Elemen lain
   -------------------------------------------------------------------------- */

/* Nilai & field readonly: tanpa kotak input, cukup teksnya */
.form-control[readonly],
.form-control {
  padding: 0 !important;
  height: auto !important;
  font-size: 10pt !important;
  color: #000 !important;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.control-label {
  color: #000 !important;
  font-weight: 700;
}

/* app.css dan admin.css memberi latar berwarna pada .callout dengan
   !important. print.css dimuat di <head>, sedangkan app.css di-link dari
   dalam view (body) sehingga urutannya lebih belakang — pada spesifisitas
   yang sama, app.css yang menang. Karena itu selector di sini sengaja
   dinaikkan dengan awalan `html body`. */
html body .callout,
html body .content .callout,
html body .content .callout.callout-info,
html body .content .callout.callout-warning,
html body .content .callout.callout-danger {
  padding: 6pt 8pt !important;
  border: 0.5pt solid #666 !important;
  border-left: 0.5pt solid #666 !important;
  border-radius: 0 !important;
  background: none !important;
  color: #000 !important;
}

.callout h4 {
  font-size: 10pt;
  color: #000 !important;
}

.label {
  padding: 0 !important;
  font-size: 9pt !important;
  font-weight: 700;
  color: #000 !important;
  background: none !important;
  border-radius: 0 !important;
}

/* Gambar pada soal jangan melebihi lebar kertas */
img {
  max-width: 100% !important;
  height: auto !important;
  page-break-inside: avoid;
}

a {
  color: #000 !important;
  text-decoration: none !important;
}