/*
 * Perbaikan aksesibilitas panel yang tidak dibawa Filament.
 *
 * Dimuat lewat renderHook `panels::styles.after` supaya menang atas gaya
 * Filament tanpa `!important` dan tanpa langkah build — pemasang tidak punya
 * Node (PROMPT.md §3).
 *
 * Setiap aturan di sini menutup temuan audit yang terukur; lihat
 * tests/e2e/support/audit.ts.
 */

/*
 * Cincin fokus pada tautan sidebar.
 *
 * Filament tidak memberinya satu pun, sehingga 12 perhentian Tab pertama di
 * SETIAP layar tidak terlihat bagi pengguna papan ketik — pelanggaran langsung
 * PROMPT.md §5.4. `:focus-visible`, bukan `:focus`, supaya klik tetikus tidak
 * meninggalkan cincin yang mengganggu.
 */
.fi-sidebar a:focus-visible,
.fi-sidebar button:focus-visible,
.fi-topbar a:focus-visible,
.fi-topbar button:focus-visible,
.fi-ac-link-action:focus-visible,
.fi-simple-layout a:focus-visible,
.fi-badge-delete-btn:focus-visible {
    outline: 2px solid #2563eb;
    outline-offset: 2px;
    border-radius: 0.5rem;
}

@media (prefers-color-scheme: dark) {
    .fi-sidebar a:focus-visible,
    .fi-sidebar button:focus-visible,
    .fi-topbar a:focus-visible,
    .fi-topbar button:focus-visible,
    .fi-ac-link-action:focus-visible,
    .fi-simple-layout a:focus-visible,
    .fi-badge-delete-btn:focus-visible {
        outline-color: #60a5fa;
    }
}

.dark .fi-sidebar a:focus-visible,
.dark .fi-sidebar button:focus-visible,
.dark .fi-topbar a:focus-visible,
.dark .fi-topbar button:focus-visible {
    outline-color: #60a5fa;
}

/*
 * Placeholder sel tabel — "Belum pernah", "—", dan sejenisnya.
 *
 * Bawaan Filament `oklch(0.705 0.015 286.067)` hanya 2,6:1 pada latar putih,
 * jauh di bawah AA. Digelapkan ke slate-500 (4,76:1): masih jelas lebih redup
 * daripada nilai sungguhan, tetapi terbaca.
 */
.fi-ta-placeholder,
.fi-in-placeholder {
    color: #64748b;
}

.dark .fi-ta-placeholder,
.dark .fi-in-placeholder {
    color: #94a3b8;
}