/* Kustomisasi di atas Meridian (jangan diubah oleh rebuild tema). */

/* Lengkapi utility grid col-span (Meridian hanya generate .col-span-6 & .col-span-12 base). */
.col-span-1{grid-column:span 1/span 1}
.col-span-2{grid-column:span 2/span 2}
.col-span-3{grid-column:span 3/span 3}
.col-span-4{grid-column:span 4/span 4}
.col-span-5{grid-column:span 5/span 5}
.col-span-7{grid-column:span 7/span 7}
.col-span-8{grid-column:span 8/span 8}
.col-span-9{grid-column:span 9/span 9}
.col-span-10{grid-column:span 10/span 10}
.col-span-11{grid-column:span 11/span 11}

/* --- Perbaikan input tanggal (type=date) ---
   Default webkit merender teks (dd/mm/yyyy) rata-ATAS dan ukuran font internal
   berbeda dari .input. Paksa center vertikal + font konsisten. */
input.input[type="date"],
input.input[type="datetime-local"],
input.input[type="month"],
input.input[type="time"] {
  display: inline-flex;
  align-items: center;
}

input.input[type="date"]::-webkit-datetime-edit,
input.input[type="date"]::-webkit-datetime-edit-fields-wrapper,
input.input[type="date"]::-webkit-datetime-edit-text,
input.input[type="date"]::-webkit-datetime-edit-day-field,
input.input[type="date"]::-webkit-datetime-edit-month-field,
input.input[type="date"]::-webkit-datetime-edit-year-field,
input.input[type="month"]::-webkit-datetime-edit,
input.input[type="datetime-local"]::-webkit-datetime-edit,
input.input[type="time"]::-webkit-datetime-edit {
  font: inherit;
  line-height: normal;
  padding-top: 0;
  padding-bottom: 0;
}

/* Ikon date-picker sejajar kanan & tinggi penuh area klik. */
input.input[type="date"]::-webkit-calendar-picker-indicator {
  margin-inline-start: auto;
}

/* Drag & drop upload (Bank Statement) */
.stmt-file-input { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0 0 0 0); border:0; }
.stmt-drop { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4rem;
  text-align:center; padding:1.4rem .75rem; border:2px dashed var(--color-border,#d4d4d4);
  border-radius:.6rem; cursor:pointer; transition:border-color .15s, background .15s; }
.stmt-drop:hover { border-color:#3b82f6; }
.stmt-drop.dragover { border-color:#3b82f6; background:rgba(59,130,246,.08); }
.stmt-drop__icon { display:inline-flex; opacity:.6; }
.stmt-drop__list { list-style:none; margin:.6rem 0 0; padding:0; font-size:.8rem; }
.stmt-drop__list li { padding:.15rem 0; color:var(--color-muted-foreground,#6b7280); word-break:break-all; }

/* Varian ringkas: drop zone horizontal 1-baris, TINGGI = input agar sejajar dgn field lain. */
.stmt-drop--inline { flex-direction:row; padding:0 .7rem; gap:.4rem; white-space:nowrap;
  height:var(--input-height, calc(var(--spacing) * 9)); align-items:center; justify-content:center; }
.stmt-drop--inline .stmt-drop__list { margin:.3rem 0 0; }
/* Daftar file kosong: jangan makan ruang (biar tinggi field sama dgn field lain). */
.stmt-drop__list:empty { display:none; margin:0; }

/* Lebar ringkas field pajak (section "Tambah" list-page, supaya 1 baris) */
.tax-narrow-date, .tax-narrow-amount { width:10ch; box-sizing:content-box; }
.tax-narrow-ntpn { width:20ch; box-sizing:content-box; }
.tax-narrow-customer { width:10ch; box-sizing:content-box; }
.tax-narrow-bukpot { width:8ch; box-sizing:content-box; }
/* Halaman Edit pakai form class yg SAMA -> kembalikan ke lebar penuh normal di sana. */
.tax-edit-form .tax-narrow-date,
.tax-edit-form .tax-narrow-ntpn,
.tax-edit-form .tax-narrow-amount,
.tax-edit-form .tax-narrow-customer,
.tax-edit-form .tax-narrow-bukpot { width:100%; box-sizing:border-box; }

/* Lebar field Tambah Invoice (baris identitas); Klien = flex:1 ambil sisa. */
.inv-no   { width:16ch; box-sizing:content-box; }
.inv-date { width:10ch; box-sizing:content-box; }
.inv-cur  { width:5ch;  box-sizing:content-box; }
.inv-amt  { width:15ch; box-sizing:content-box; }
.inv-rate { width:9ch;  box-sizing:content-box; }
/* Kurs (menu Kurs): 6 digit + 2 desimal -> "999999.99" ~ 10 char. */
.kurs-rate { width:11ch; box-sizing:content-box; }
.kurs-edit-form .kurs-rate { width:100%; box-sizing:border-box; }
/* Halaman Edit Invoice (form class .inv-edit-form) -> field lebar penuh. */
.inv-edit-form .inv-no,
.inv-edit-form .inv-date,
.inv-edit-form .inv-cur,
.inv-edit-form .inv-amt,
.inv-edit-form .inv-rate { width:100%; box-sizing:border-box; }