/* SI Retribusi Sampah - gaya tambahan di atas AdminLTE 3.2 */

.brand-link .brand-image { background: #fff; }

.avatar-initial {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: #28a745;
  color: #fff;
  font-weight: 700;
}
.avatar-lg { width: 4.5rem; height: 4.5rem; font-size: 1.9rem; }
.user-panel .info { padding-left: .6rem; max-width: 170px; }
.user-panel .info small { display: block; }

.table td, .table th { vertical-align: middle; }
.table .aksi { white-space: nowrap; }

/* Halaman login */
.login-page { background: linear-gradient(160deg, #155d2c 0%, #28a745 55%, #9fdcae 100%); }
.login-logo-img { width: 72px; height: 72px; }
.login-box .card { border-radius: .6rem; }

/* Grid status pembayaran 12 bulan */
.periode-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: .5rem; }
.periode-cell { border-radius: .35rem; padding: .5rem .6rem; border: 1px solid transparent; line-height: 1.3; }
.periode-cell .bulan { font-weight: 600; display: block; }
.periode-cell small { display: block; }
.periode-lunas { background: #e8f6ec; border-color: #9fd5ae; color: #155d2c; }
.periode-tunggak { background: #fdecee; border-color: #f1aeb5; color: #842029; }
.periode-belum { background: #f4f6f9; border-color: #dee2e6; color: #6c757d; }

/* Halaman error */
.error-wrap { padding-top: 12vh; }

/* Cetak */
.print-only { display: none; }
.kop { border-bottom: 3px double #212529; padding-bottom: .5rem; margin-bottom: 1rem; text-align: center; }
.kop h4, .kop h5 { margin: 0; font-weight: 700; }
.ttd { margin-top: 2.5rem; }
.ttd .nama { margin-top: 4rem; font-weight: 700; text-decoration: underline; }

.kwitansi-wrap { max-width: 820px; margin: 24px auto; }
.kwitansi { background: #fff; padding: 28px 32px; border: 1px solid #dee2e6; border-radius: .4rem; }
.kwitansi .table td, .kwitansi .table th { padding: .35rem .5rem; }
.kwitansi .terbilang { font-style: italic; background: #f4f6f9; padding: .5rem .75rem; border-left: 4px solid #28a745; }

@media print {
  @page { margin: 12mm; }
  body { background: #fff !important; font-size: 11pt; }
  .print-only { display: block !important; }
  .no-print, .main-sidebar, .main-header, .main-footer, .content-header,
  .dataTables_length, .dataTables_filter, .dataTables_paginate, .dataTables_info, .btn, .alert {
    display: none !important;
  }
  .content-wrapper { margin-left: 0 !important; background: #fff !important; }
  .layout-navbar-fixed .wrapper .content-wrapper { margin-top: 0 !important; padding-top: 0 !important; }
  .card { box-shadow: none !important; border: 0 !important; }
  .card-header { background: none !important; border: 0 !important; padding-left: 0; }
  .kwitansi-wrap { margin: 0; max-width: none; }
  .kwitansi { border: 0; padding: 0; }
}