/* ==================================================================
   13-sorting-tanggal.css
   Styling untuk menu "Sorting Tanggal" (js/24-sorting-tanggal.js).
   Sebagian besar komponen (card, tabel, akun-search, badge) memakai class
   umum yang sudah ada di css/03 & css/05 — file ini hanya menambah beberapa
   class khusus halaman ini.
================================================================== */

/* Kartu statistik ringkasan hasil sorting (mirip .rk-meta-field di css/11) */
.st-stat-field { border-left: 2px solid var(--border); padding-left: 10px; margin-bottom: 10px; }
.st-stat-field .k { font-size: 10.5px; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); }
.st-stat-field .v { font-family: 'Courier New', monospace; font-size: 13.5px; margin-top: 2px; color: var(--text); font-weight: 600; }

/* Baris pertama tiap kelompok transaksi pada tabel pratinjau — sedikit ditebalkan
   & diberi garis pemisah supaya kelompok transaksi mudah dibedakan secara visual */
#st-table-body tr.st-group-first td { border-top: 2px solid var(--border); font-weight: 600; }
#st-table-body tr:not(.st-group-first) td { color: var(--muted); }
#st-table-body tr:not(.st-group-first) td:nth-child(5),
#st-table-body tr:not(.st-group-first) td:nth-child(6),
#st-table-body tr:not(.st-group-first) td:nth-child(7),
#st-table-body tr:not(.st-group-first) td:nth-child(8) { color: var(--text); font-weight: normal; }

/* Label "Akun tidak ditemukan" — informatif, tidak dimaksudkan sbg alert keras */
.st-akun-missing { color: var(--warn); font-style: italic; font-size: 12px; }

/* Panel koreksi Kode Akun */
.st-fix-row {
  display: flex; align-items: center; gap: 16px; flex-wrap: wrap;
  padding: 12px 14px; background: var(--surface2); border: 1px solid var(--border); border-radius: 10px;
}
.st-fix-info { min-width: 160px; flex-shrink: 0; }
.st-fix-kode { font-family: 'Courier New', monospace; font-weight: 700; font-size: 14px; color: var(--danger); }
.st-fix-count { font-size: 11.5px; color: var(--muted); margin-top: 2px; }
.st-fix-search { flex: 1; min-width: 220px; }
