@tailwind base;
@tailwind components;
@tailwind utilities;
@tailwind variants;
@import '../../../../vendor/filament/filament/resources/css/base.css';

@config 'tailwind.config.js';

/* ==========================================================
   ENTERPRISE DISTRIBUTOR MANAGEMENT SYSTEM UI OVERRIDES
   (HIGH-DENSITY LAYOUT)
========================================================== */

@layer components {
    /* 1. MENGECILKAN FONT SECARA GLOBAL */
    html {
        @apply text-sm;
    }

    /* 2. MERAPATKAN TABEL (TABLE ROWS & CELLS) */
    .fi-ta-cell {
        @apply py-1 px-2 !important;
    }
    
    .fi-ta-header-cell {
        @apply py-2 px-2 text-xs uppercase tracking-wider !important;
    }

    /* 3. MERAPATKAN FORM INPUT (FIELDS) */
    .fi-fo-field-wrp-label {
        @apply mb-0.5 !important;
    }
    
    .fi-input-wrp input, 
    .fi-select-wrp select {
        @apply py-1 text-sm !important;
    }

    /* 4. MERAPATKAN SECTION & KOTAK (PANELS) */
    .fi-section-header {
        @apply py-2 px-3 border-b !important;
    }
    
    .fi-section-content {
        @apply p-3 !important;
    }

    /* 5. MENYESUAIKAN UKURAN BADGE (STATUS) */
    .fi-badge {
        @apply py-0 px-1.5 text-xs !important; 
    }
}

/* ==========================================================
   FIX BUG BROWSER: SCROLL PADA INPUT ANGKA
========================================================== */

@layer base {
    /* Menghilangkan panah spinner (panah atas/bawah) pada input number */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        -webkit-appearance: none;
        appearance: none;
        margin: 0;
    }

    input[type="number"] {
        -moz-appearance: textfield; 
        appearance: textfield; 
    }
    
    /* HAPUS KODE POINTER-EVENTS YANG SEBELUMNYA ADA DI SINI */
}