@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap');

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    [dir="rtl"] {
        font-family: 'Vazirmatn', sans-serif;
    }
    [dir="ltr"] {
        font-family: 'Inter', sans-serif;
    }
}

@layer components {
    .sidebar-link {
        @apply w-full flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm transition-colors;
    }
    .sidebar-link-active {
        @apply bg-sidebar-primary text-sidebar-primary-foreground font-medium;
    }
    .sidebar-link-inactive {
        @apply text-sidebar-foreground/70 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground;
    }
    .kpi-card {
        @apply relative overflow-hidden rounded-xl border bg-card text-card-foreground;
    }
    .status-badge {
        @apply inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-medium;
    }
}

@layer utilities {
    .ps-custom { padding-inline-start: 1rem; }
    .pe-custom { padding-inline-end: 1rem; }
    .ms-custom { margin-inline-start: 0.5rem; }
    .me-custom { margin-inline-end: 0.5rem; }
    .border-s-custom { border-inline-start-width: 1px; }
    .border-e-custom { border-inline-end-width: 1px; }
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

@media print {
    .no-print { display: none !important; }
}