/* ============================================================
   Halaman Profil Pribadi
   (app/Filament/Pages/MyProfile.php +
    resources/views/filament/pages/my-profile.blade.php)
   ============================================================ */

/* Rapatkan gap sidebar <-> konten. .fi-main punya padding kiri
   bawaan Filament (px-4 md:px-6 lg:px-8) yang sama di SEMUA
   halaman — di-scope ke halaman ini saja lewat :has() supaya
   halaman lain tidak ikut berubah. */
.fi-main:has(.akti-profile-page) {
    padding-left: 0.5rem !important;
}

@media (min-width: 640px) {
    .fi-main:has(.akti-profile-page) {
        padding-left: 0.75rem !important;
    }
}

/* Foto profil: kotak dengan sudut sedikit membulat, bukan
   lingkaran. Ukuran (88px) sudah diatur lewat ->size(88) di
   MyProfile.php (inline style, prioritas lebih tinggi dari CSS). */
.akti-profile-photo {
    border-radius: 0.5rem;
}

/* Chrome kartu (shadow/ring/rounded/bg) sudah dihapus global di
   base.css (.fi-section) — di sini tinggal tambah garis pemisah ANTAR
   section, khusus halaman ini (section-nya ditumpuk vertikal, aman
   dikasih border-top; tidak semua halaman/widget begitu — mis. widget
   Ringkasan Karyawan section-nya berjejer grid, makanya garis pemisah
   ini TIDAK ikut dijadikan global di base.css). .fi-section-header
   sendiri sudah punya border-top bawaan buat pemisah header/isi
   collapsible-nya, itu tetap dibiarkan. */
.akti-profile-page .fi-section ~ .fi-section {
    border-top: 1px solid rgb(229 231 235);
    padding-top: 1.5rem;
    margin-top: 1.5rem;
}

.dark .akti-profile-page .fi-section ~ .fi-section {
    border-top-color: rgb(255 255 255 / 0.1);
}