/* --- FILE: public/css/custom.css --- */

/* 1. IMPORT FONT INTER (Standar Profesional) */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

:root {
    --font-family: 'Inter', sans-serif;
    --border-color: #e2e8f0; /* Garis sangat halus (Slate-200) */
    --radius-md: 0.75rem;
}

/* 2. BACKGROUND & TEXT */
.fi-body {
    font-family: var(--font-family) !important;
    background-color: #f8fafc !important; /* Latar abu bersih */
    color: #334155 !important; /* Text Slate-700 (Enak di mata) */
}

/* 3. PERBAIKAN TYPOGRAPHY */
.fi-header-heading, h1, h2, h3, .fi-sidebar-item-label {
    font-weight: 500 !important; /* Semi-bold (Jangan terlalu tebal) */
    letter-spacing: -0.015em;
}

/* 4. SIDEBAR & TOPBAR (Clean & Floating Look) */
.fi-sidebar, .fi-topbar {
    background-color: rgba(255, 255, 255, 0.95) !important;
    backdrop-filter: blur(12px);
    border-right: 1px solid var(--border-color) !important;
    border-bottom: 1px solid var(--border-color) !important;
}

/* Menghilangkan garis sidebar agar terlihat menyatu (Opsional) */
.fi-sidebar { border-right: none !important; }

/* 5. KARTU, WIDGET & TABLE (Modern Thin Lines) */
.fi-card, .fi-ta-ctn, .filament-kanban-record {
    background: white !important;
    border: 1px solid var(--border-color) !important; /* Garis Tipis */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important; /* Shadow Tipis */
    border-radius: var(--radius-md) !important;
}

/* Efek Hover: Hijau Tipis & Naik Sedikit */
.fi-card:hover, .filament-kanban-record:hover {
    border-color: #10b981 !important; /* Hijau Emerald */
    transform: translateY(-2px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
    transition: all 0.2s ease-in-out;
}

/* 6. SCROLLBAR BARU (Horizontal Friendly) */

/* Container Utama Kanban */
.filament-kanban-board {
    padding-bottom: 1rem !important; /* Memberi ruang untuk scrollbar bawah */
}

/* Ukuran Scrollbar */
::-webkit-scrollbar {
    width: 10px;    /* Scroll Vertikal (Kanan) */
    height: 14px;   /* Scroll Horizontal (Bawah) -> DITEBALKAN AGAR MUDAH DIGESER */
}

/* Jalur Scrollbar (Track) */
::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 8px;
}

/* Pegangan Scrollbar (Thumb) */
::-webkit-scrollbar-thumb {
    background-color: #cbd5e1; /* Warna abu soft */
    border-radius: 8px;        /* Bulat */
    border: 3px solid transparent; /* Padding transparan agar terlihat melayang */
    background-clip: content-box;
    transition: background-color 0.2s;
}

/* Saat Mouse Menyentuh Scrollbar (Hover) */
::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8; /* Lebih gelap saat mau digeser */
    border-width: 2px;         /* Jadi lebih tebal sedikit */
    cursor: grab;
}

/* 7. PROJECT BOARD / KANBAN KHUSUS */
/* Kolom Kanban */
.min-w-\[300px\], .w-\[300px\] {
    background-color: #f1f5f9 !important; /* Slate-100 */
    border: 1px solid transparent;
    border-radius: 12px;
}

/* Header Kolom */
.kanban-column-header {
    margin-bottom: 12px;
    font-weight: 600;
}

/* --- FIX GAMBAR DI DALAM EDITOR TIKET --- */
.fi-fo-rich-editor-content img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px;
    margin: 10px 0;
    border: 1px solid #e2e8f0;
}