/* E-ABSENSI v1.1.11
   Perbaikan laporan Buku Tamu, media detail, dan tombol aksi.
*/

.eabs-detail-media-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:16px;
}
.eabs-detail-media-card{
  display:block;
  overflow:hidden;
  border:1px solid var(--border,#d8e0dc);
  border-radius:16px;
  background:#fff;
  text-decoration:none;
  color:var(--text,#243d32);
}
.eabs-detail-media-card>span{
  display:block;
  padding:10px 14px;
  border-bottom:1px solid var(--border,#d8e0dc);
  font-size:.82rem;
  font-weight:700;
  color:#345849;
}
.eabs-detail-media-card img{
  position:static!important;
  inset:auto!important;
  display:block;
  width:100%!important;
  height:auto!important;
  margin:0 auto;
  background:#fff;
}
.eabs-detail-media-card.is-signature{
  padding-bottom:8px;
}
.eabs-detail-media-card.is-signature img{
  max-height:190px;
  min-height:110px;
  padding:14px;
  object-fit:contain!important;
  object-position:center!important;
}
.eabs-detail-media-card.is-photo img{
  max-height:420px;
  object-fit:contain!important;
  object-position:center!important;
}
.eabs-detail-actions{
  margin-top:16px;
}
.eabs-detail-actions .btn{
  min-height:46px;
}

.eabs-guest-report-scroll{
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 2px 14px;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-inline:contain;
}
.eabs-guest-report-sheet{
  box-sizing:border-box;
  width:100%;
  min-width:1420px;
  max-width:1680px;
  margin:0 auto;
  padding:22px;
  background:#fff;
}
.eabs-guest-report-sheet header{
  text-align:center;
  border-bottom:2px solid #263c31;
  margin-bottom:14px;
  padding-bottom:12px;
}
.eabs-guest-report-sheet header h3,
.eabs-guest-report-sheet header h2,
.eabs-guest-report-sheet header p{
  margin:3px 0;
}
.eabs-guest-report-sheet header h2{
  font-weight:800;
  letter-spacing:.035em;
}
.eabs-guest-table-wrap{
  width:100%;
}
.eabs-guest-report-table{
  width:100%;
  table-layout:fixed;
  border-collapse:collapse;
  font-size:10px;
  line-height:1.25;
}
.eabs-guest-report-table th,
.eabs-guest-report-table td{
  border:1px solid #52645a;
  padding:5px 6px;
  vertical-align:middle;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.eabs-guest-report-table th{
  background:#eaf3ee;
  color:#263f33;
  text-align:center;
  font-weight:750;
}
.eabs-guest-report-table td:nth-child(1),
.eabs-guest-report-table td:nth-child(4),
.eabs-guest-report-table td:nth-child(13){
  text-align:center;
}
.eabs-guest-report-table th:nth-child(1),
.eabs-guest-report-table td:nth-child(1){width:42px}
.eabs-guest-report-table th:nth-child(2),
.eabs-guest-report-table td:nth-child(2){width:118px}
.eabs-guest-report-table th:nth-child(3),
.eabs-guest-report-table td:nth-child(3){width:130px}
.eabs-guest-report-table th:nth-child(4),
.eabs-guest-report-table td:nth-child(4){width:42px}
.eabs-guest-report-table th:nth-child(5),
.eabs-guest-report-table td:nth-child(5){width:128px}
.eabs-guest-report-table th:nth-child(6),
.eabs-guest-report-table td:nth-child(6){width:118px}
.eabs-guest-report-table th:nth-child(7),
.eabs-guest-report-table td:nth-child(7){width:190px}
.eabs-guest-report-table th:nth-child(8),
.eabs-guest-report-table td:nth-child(8){width:105px}
.eabs-guest-report-table th:nth-child(9),
.eabs-guest-report-table td:nth-child(9){width:122px}
.eabs-guest-report-table th:nth-child(10),
.eabs-guest-report-table td:nth-child(10){width:135px}
.eabs-guest-report-table th:nth-child(11),
.eabs-guest-report-table td:nth-child(11){width:180px}
.eabs-guest-report-table th:nth-child(12),
.eabs-guest-report-table td:nth-child(12){width:92px}
.eabs-guest-report-table th:nth-child(13),
.eabs-guest-report-table td:nth-child(13){width:90px}
.eabs-guest-signature-cell{
  height:44px;
  padding:2px!important;
}
.eabs-guest-signature{
  display:block;
  width:72px;
  height:30px;
  margin:0 auto;
  object-fit:contain;
  object-position:center;
  background:#fff;
}
.eabs-report-actions{
  flex-wrap:wrap;
}
.eabs-report-actions .btn{
  min-width:170px;
  flex:1 1 170px;
}

@media (min-width:700px){
  .eabs-detail-media-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:699px){
  .eabs-detail-media-card.is-signature img{
    max-height:160px;
    min-height:90px;
  }
  .eabs-guest-report-scroll{
    margin-left:-8px;
    width:calc(100% + 16px);
    padding-left:8px;
    padding-right:8px;
  }
  .eabs-guest-report-sheet{
    padding:16px;
  }
  .eabs-guest-report-table th:nth-child(1),
  .eabs-guest-report-table td:nth-child(1){
    position:sticky;
    left:0;
    z-index:2;
    background:#f6faf7;
  }
  .eabs-guest-report-table th:nth-child(2),
  .eabs-guest-report-table td:nth-child(2){
    position:sticky;
    left:42px;
    z-index:2;
    background:#f6faf7;
    box-shadow:3px 0 5px rgba(28,66,50,.08);
  }
  .eabs-guest-report-table th:nth-child(1),
  .eabs-guest-report-table th:nth-child(2){
    z-index:3;
    background:#eaf3ee;
  }
}

@media print{
  @page{size:A4 landscape;margin:8mm}
  html,body{
    background:#fff!important;
  }
  body.eabs-print-guest-report .sidebar,
  body.eabs-print-guest-report .topbar,
  body.eabs-print-guest-report .bottom-nav,
  body.eabs-print-guest-report .no-print,
  body.eabs-print-guest-report .app-header,
  body.eabs-print-guest-report .mobile-admin-toggle,
  body.eabs-print-guest-report .btn-row{
    display:none!important;
  }
  body.eabs-print-guest-report .app-main,
  body.eabs-print-guest-report .content-wrap,
  body.eabs-print-guest-report .page-grid{
    margin:0!important;
    padding:0!important;
    max-width:none!important;
    width:100%!important;
  }
  body.eabs-print-guest-report .eabs-guest-report-scroll{
    overflow:visible!important;
    width:100%!important;
    padding:0!important;
  }
  body.eabs-print-guest-report .eabs-guest-report-sheet{
    width:100%!important;
    min-width:0!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.eabs-print-guest-report .eabs-guest-report-table{
    font-size:6.2px!important;
  }
  body.eabs-print-guest-report .eabs-guest-report-table th,
  body.eabs-print-guest-report .eabs-guest-report-table td{
    padding:2px 3px!important;
    position:static!important;
    box-shadow:none!important;
  }
  body.eabs-print-guest-report .eabs-guest-signature-cell{
    height:30px!important;
  }
  body.eabs-print-guest-report .eabs-guest-signature{
    width:48px!important;
    height:22px!important;
  }
}