/*
 * Keterbacaan global web customer: ukuran huruf kecil dinaikkan dan tidak ada
 * teks tipis. Dimuat SETELAH app.css (Tailwind v4 menaruh utilitas di
 * @layer, jadi aturan tanpa layer di sini menang tanpa !important).
 */
body {
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.text-xs { font-size: 13px; line-height: 1.35; }
.text-sm { font-size: 15px; line-height: 1.45; }
.text-\[8px\], .text-\[9px\] { font-size: 11px; }
.text-\[10px\] { font-size: 11.5px; }
.text-\[11px\] { font-size: 12.5px; }
.text-\[13px\] { font-size: 14px; }

.font-thin, .font-extralight, .font-light, .font-normal { font-weight: 500; }

/* Abu-abu muda di atas latar terang kurang kontras: digelapkan satu tingkat. */
:is(.bg-white, .bg-gray-50, .bg-slate-50) :is(.text-gray-400, .text-slate-400) { color: #6b7280; }
:is(.bg-white, .bg-gray-50, .bg-slate-50) .text-gray-300 { color: #9ca3af; }
::placeholder { font-weight: 500; }

/*
 * iOS Safari menggambar input tanggal dengan tampilan bawaannya: menyusut
 * selebar isinya, rata tengah, dan mengabaikan padding kiri — ikon kalender
 * jadi menimpa teks tanggal. Tanpa tampilan bawaan, lebar & padding kelasnya
 * dipatuhi. Tinggi minimum menjaga input kosong tidak gepeng.
 */
input[type="date"] {
    -webkit-appearance: none;
    appearance: none;
    text-align: left;
}
input[type="date"]::-webkit-date-and-time-value {
    min-height: 1.5em;
    text-align: left;
}