/*
 * Penyesuaian kecil panel VIONA di atas tema bawaan Filament. Didaftarkan sebagai aset panel
 * (AdminPanelProvider::assets), diterbitkan ke public/ oleh `php artisan filament:assets`.
 */

/*
 * Filament selalu merender wadah aksi toolbar tabel, walau tidak ada aksinya. Di HP wadah kosong
 * itu turun ke baris sendiri dan memakan ±100px di atas kotak cari setiap halaman daftar.
 * Sembunyikan hanya bila benar-benar tidak berisi elemen apa pun.
 */
.fi-ta-header-toolbar > .fi-ta-actions:not(:has(*)) {
    display: none;
}

/*
 * Isian yang di panel lama berkelas `.upper` (common.js mengubahnya ke huruf besar saat diketik).
 * Di sini huruf besar ditampilkan lewat CSS dan disimpan lewat TkaForm::upper(), jadi kursor tidak
 * melompat saat menyunting di tengah teks.
 */
.viona-upper {
    text-transform: uppercase;
}

.viona-lower {
    text-transform: lowercase;
}

/*
 * Panel tidak punya tema Vite, jadi kelas utilitas Tailwind di Blade sendiri tidak pernah terkompilasi. Blade buatan sendiri
 * memakai kelas di bawah ini.
 */
.viona-aksi-form {
    margin-top: 1.5rem;
}

.viona-teks-kecil {
    font-size: 0.875rem;
}

.viona-redup {
    color: var(--gray-500);
}

.viona-tabel-wadah {
    overflow-x: auto;
}

.viona-tabel {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.viona-tabel th {
    padding: 0.5rem 1rem 0.5rem 0;
    font-weight: 500;
    text-align: start;
    white-space: nowrap;
}

.viona-tabel td {
    padding: 0.5rem 1rem 0.5rem 0;
    border-top: 1px solid var(--gray-200);
}

.dark .viona-tabel td {
    border-top-color: rgb(255 255 255 / 0.1);
}

.viona-tautan {
    color: var(--primary-600);
}

.viona-tautan:hover {
    text-decoration: underline;
}

/*
 * Logo: tanda resmi VIONA (public/images/viona-mark.svg, sama dengan viona.co.id) + nama. Di halaman masuk lebih besar
 * dan bertumpuk; di bilah atas sebaris.
 */
.viona-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    height: 100%;
}

.viona-brand-mark {
    height: 100%;
    width: auto;
    aspect-ratio: 1;
    border-radius: 0.5rem;
}

.viona-brand-nama {
    font-weight: 800;
    font-size: 1.25rem;
    letter-spacing: 0.04em;
    color: var(--gray-950);
}

.dark .viona-brand-nama {
    color: #fff;
}

.fi-simple-layout .fi-logo {
    height: auto !important;
}

.fi-simple-layout .viona-brand {
    flex-direction: column;
    gap: 0.75rem;
}

.fi-simple-layout .viona-brand-mark {
    height: 4.5rem;
    border-radius: 1rem;
}

.fi-simple-layout .viona-brand-nama {
    font-size: 1.5rem;
}