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

:root {
    --font-main: 'Inter', sans-serif;
    --slate-50: #f8fafc;
    --slate-100: #f1f5f9;
    --slate-200: #e2e8f0;
    --slate-300: #cbd5e1;
    --slate-400: #94a3b8;
    --slate-500: #64748b;
    --slate-700: #334155;
    --slate-800: #1e293b;
    --slate-900: #0f172a;
    --indigo-600: #4f46e5;
}

body {
    font-family: var(--font-main);
    background-color: var(--slate-50) !important;
    color: var(--slate-800);
    margin: 0;
}

/* Typography */
h1 { font-size: 2rem; font-weight: 900; letter-spacing: -0.025em; margin: 0; color: var(--slate-900); }
h2 { font-size: 1.25rem; font-weight: 800; letter-spacing: -0.01em; color: var(--slate-800); }

/* KPI Cards - FORÇANDO VISIBILIDADE */
.kpi-card { 
    background-color: #ffffff !important;
    padding: 1.5rem !important;
    border-radius: 1.25rem !important;
    border: 1px solid rgba(226, 232, 240, 0.8) !important; /* slate-200 suave */
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.04), 0 4px 6px -2px rgba(0, 0, 0, 0.02) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 100px;
}

.kpi-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    border-color: var(--indigo-600) !important;
}

.kpi-label { 
    color: var(--slate-400) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    margin-bottom: 0.5rem !important;
    display: block;
}

.kpi-value { 
    font-size: 2rem !important; 
    font-weight: 900 !important; 
    color: var(--slate-800) !important;
    margin: 0 !important;
    line-height: 1;
}

/* Sidebar Specifics */
.sidebar-text { transition: all 0.2s ease; }
.sidebar-collapsed .sidebar-text { opacity: 0; width: 0; display: none; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--slate-300); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--slate-400); }

/* Utility */
.animate-fade-in { animation: fadeIn 0.5s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }

/* Patterns */
.bg-pattern { background-image: url('images/pattern-bg.svg'); background-repeat: repeat; }