/* custom-filament.css */
/* Warna sidebar dan topbar menggunakan default Filament v4 */

/* ===== Accordion Sidebar: Smooth Animation ===== */

/* Animasi smooth untuk daftar item di dalam grup sidebar */
.fi-sidebar-group-items {
    overflow: hidden;
    transition: max-height 0.25s ease, opacity 0.2s ease;
}

/* Saat grup tertutup (x-show=false), Filament pakai display:none via Alpine.
   Kita tambahkan transisi agar terasa halus */
.fi-sidebar-group-button {
    transition: color 0.15s ease, background-color 0.15s ease;
}

/* Icon chevron rotasi saat grup terbuka */
.fi-sidebar-group-button svg {
    transition: transform 0.25s ease;
}

/* Sembunyikan Logo Bawaan ApotekQu Khusus Halaman Auth (Login) */
.fi-simple-main .fi-logo {
    display: none !important;
}

/* ===== Login Page: Sharp Mint Medical Grid with Logo Background ===== */
.fi-simple-layout {
    position: relative;
    background-color: #e6f7f4 !important; /* Sharp Mint Background */
    background-image: 
        /* Sharper Grid Pattern */
        linear-gradient(rgba(0, 150, 136, 0.1) 1px, transparent 1.5px),
        linear-gradient(90deg, rgba(0, 150, 136, 0.1) 1px, transparent 1.5px);
    background-size: 40px 40px, 40px 40px;
    background-position: -1px -1px, -1px -1px;
    min-height: 100vh;
    overflow-x: hidden;
}

/* Menyebarkan 10 Logo Apotek secara transparan di background */
.fi-simple-layout::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    background-image: 
        url('/storage/pos-settings/01KMTV794K4QHATN8QRK89FYQV.png'),
        url('/storage/pos-settings/01KMTV794K4QHATN8QRK89FYQV.png'),
        url('/storage/pos-settings/01KMTV794K4QHATN8QRK89FYQV.png'),
        url('/storage/pos-settings/01KMTV794K4QHATN8QRK89FYQV.png'),
        url('/storage/pos-settings/01KMTV794K4QHATN8QRK89FYQV.png'),
        url('/storage/pos-settings/01KMTV794K4QHATN8QRK89FYQV.png'),
        url('/storage/pos-settings/01KMTV794K4QHATN8QRK89FYQV.png'),
        url('/storage/pos-settings/01KMTV794K4QHATN8QRK89FYQV.png'),
        url('/storage/pos-settings/01KMTV794K4QHATN8QRK89FYQV.png'),
        url('/storage/pos-settings/01KMTV794K4QHATN8QRK89FYQV.png');
    background-repeat: no-repeat;
    /* Menyebar di 10 titik strategis */
    background-position: 
        10% 15%, 85% 10%, 15% 85%, 80% 85%, 50% 50%,
        5% 45%, 90% 40%, 30% 95%, 70% 5%, 45% 90%;
    background-size: 
        140px, 160px, 130px, 150px, 120px,
        150px, 110px, 140px, 120px, 160px;
    opacity: 0.05;
    pointer-events: none;
    z-index: -1;
}

/* Pastikan container utama transparan agar logo terlihat */
.fi-simple-layout {
    background-color: #e6f7f4 !important;
    z-index: 1;
}

/* Card Styling agar serasi dengan background */
.fi-simple-main section {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 10px 40px -10px rgba(0, 150, 136, 0.1) !important;
    border-radius: 1.5rem !important;
}

/* Mempercantik Input di Halaman Login */
.fi-simple-main input {
    border-radius: 0.75rem !important;
}
/* Sembunyikan Header Grup LOGOUT_HIDDEN agar tombol Logout terlihat mandiri di paling bawah */
.fi-sidebar-group:has(button[title="LOGOUT_HIDDEN"]) button,
.fi-sidebar-group:has(button[aria-label="LOGOUT_HIDDEN"]) button {
    display: none !important;
}

/* Hilangkan margin atas grup logout agar lebih rapat ke atasnya */
.fi-sidebar-group:has(button[title="LOGOUT_HIDDEN"]) {
    margin-top: 0 !important;
    padding-top: 0.5rem !important;
    border-top: 1px solid rgba(0,0,0,0.05); /* Tambahkan garis pemisah tipis */
}