/* ERP Primore Store - Paleta Fillow */
/* Este CSS e carregado DEPOIS do Filament e sobrescreve as cores */

:root {
/* Fillow Purple palette - #886CC0 */
--primary-50: 243, 239, 255;
--primary-100: 224, 215, 250;
--primary-200: 195, 178, 238;
--primary-300: 163, 137, 212;
--primary-400: 136, 108, 192;
--primary-500: 136, 108, 192;
--primary-600: 112, 85, 170;
--primary-700: 90, 65, 145;
--primary-800: 70, 48, 120;
--primary-900: 52, 34, 95;
--primary-950: 30, 18, 60;

--gray-50: 250, 249, 254;
--gray-100: 243, 241, 248;
--gray-200: 229, 226, 238;
--gray-300: 209, 205, 219;
--gray-400: 168, 164, 182;
--gray-500: 126, 126, 143;
--gray-600: 90, 86, 102;
--gray-700: 65, 62, 78;
--gray-800: 45, 41, 56;
--gray-900: 28, 28, 30;
--gray-950: 16, 14, 22;

--success-50: 237, 244, 237;
--success-100: 213, 229, 213;
--success-200: 181, 210, 181;
--success-300: 143, 187, 143;
--success-400: 115, 169, 115;
--success-500: 100, 155, 100;
--success-600: 87, 141, 87;
--success-700: 75, 121, 75;
--success-800: 60, 98, 60;
--success-900: 48, 78, 48;
--success-950: 24, 42, 24;

--danger-50: 250, 240, 240;
--danger-100: 244, 220, 220;
--danger-200: 235, 185, 185;
--danger-300: 222, 140, 140;
--danger-400: 205, 90, 90;
--danger-500: 185, 65, 65;
--danger-600: 165, 50, 50;
--danger-700: 140, 40, 40;
--danger-800: 115, 35, 35;
--danger-900: 95, 30, 30;
--danger-950: 55, 15, 15;

--warning-50: 255, 250, 235;
--warning-100: 254, 241, 198;
--warning-200: 253, 228, 150;
--warning-300: 252, 210, 100;
--warning-400: 250, 190, 60;
--warning-500: 245, 170, 30;
--warning-600: 230, 150, 20;
--warning-700: 200, 125, 15;
--warning-800: 170, 100, 12;
--warning-900: 140, 80, 10;
--warning-950: 80, 45, 5;

--info-50: 237, 244, 250;
--info-100: 213, 229, 244;
--info-200: 181, 210, 235;
--info-300: 143, 187, 222;
--info-400: 105, 164, 208;
--info-500: 80, 145, 195;
--info-600: 60, 125, 175;
--info-700: 45, 105, 155;
--info-800: 35, 85, 130;
--info-900: 28, 68, 108;
--info-950: 15, 38, 62;
}

.dark {
--primary-50: 30, 18, 60;
--primary-100: 52, 34, 95;
--primary-200: 70, 48, 120;
--primary-300: 90, 65, 145;
--primary-400: 112, 85, 170;
--primary-500: 136, 108, 192;
--primary-600: 163, 137, 212;
--primary-700: 195, 178, 238;
--primary-800: 224, 215, 250;
--primary-900: 243, 239, 255;
--primary-950: 248, 245, 255;

--gray-50: 16, 14, 22;
--gray-100: 28, 28, 30;
--gray-200: 45, 41, 56;
--gray-300: 65, 62, 78;
--gray-400: 90, 86, 102;
--gray-500: 126, 126, 143;
--gray-600: 168, 164, 182;
--gray-700: 209, 205, 219;
--gray-800: 229, 226, 238;
--gray-900: 243, 241, 248;
--gray-950: 250, 249, 254;

--success-50: 24, 42, 24;
--success-100: 48, 78, 48;
--success-200: 60, 98, 60;
--success-300: 75, 121, 75;
--success-400: 87, 141, 87;
--success-500: 100, 155, 100;
--success-600: 115, 169, 115;
--success-700: 143, 187, 143;
--success-800: 181, 210, 181;
--success-900: 213, 229, 213;
--success-950: 237, 244, 237;

--danger-50: 55, 15, 15;
--danger-100: 95, 30, 30;
--danger-200: 115, 35, 35;
--danger-300: 140, 40, 40;
--danger-400: 165, 50, 50;
--danger-500: 185, 65, 65;
--danger-600: 205, 90, 90;
--danger-700: 222, 140, 140;
--danger-800: 235, 185, 185;
--danger-900: 244, 220, 220;
--danger-950: 250, 240, 240;

--warning-50: 80, 45, 5;
--warning-100: 140, 80, 10;
--warning-200: 170, 100, 12;
--warning-300: 200, 125, 15;
--warning-400: 230, 150, 20;
--warning-500: 245, 170, 30;
--warning-600: 250, 190, 60;
--warning-700: 252, 210, 100;
--warning-800: 253, 228, 150;
--warning-900: 254, 241, 198;
--warning-950: 255, 250, 235;

--info-50: 15, 38, 62;
--info-100: 28, 68, 108;
--info-200: 35, 85, 130;
--info-300: 45, 105, 155;
--info-400: 60, 125, 175;
--info-500: 80, 145, 195;
--info-600: 105, 164, 208;
--info-700: 143, 187, 222;
--info-800: 181, 210, 235;
--info-900: 213, 229, 244;
--info-950: 237, 244, 250;
}

/* ====== FILLOW THEME UI ====== */

/* Body - fundo arrozeado Fillow #FAF9FE */
body {
    background-color: #FAF9FE !important;
}
.dark body,
html.dark body {
    background-color: rgba(var(--gray-950), 1) !important;
}

/* Sidebar - branco clean com borda suave */
.fi-sidebar {
    background-color: #FFFFFF !important;
    border-right: 1px solid rgba(var(--gray-200), 1) !important;
}
.dark .fi-sidebar {
    background-color: rgba(var(--gray-950), 0.5) !important;
    border-right-color: rgba(var(--gray-300), 0.1) !important;
}

/* Sidebar items - tipografia fina */
.fi-sidebar-item a {
    font-weight: 400 !important;
    letter-spacing: 0.01em !important;
    border-radius: 0.75rem !important;
}
.fi-sidebar-item:hover a {
    background-color: rgba(var(--gray-200), 0.5) !important;
}
.dark .fi-sidebar-item:hover a {
    background-color: rgba(var(--gray-800), 0.3) !important;
}

/* Sidebar active - Fillow lightPurple #F3EFFF */
.fi-sidebar-item-active a {
    background-color: rgba(243, 239, 255, 1) !important;
    color: rgba(var(--primary-500), 1) !important;
    font-weight: 600 !important;
}
.dark .fi-sidebar-item-active a {
    background-color: rgba(var(--primary-500), 0.15) !important;
    color: rgba(var(--primary-400), 1) !important;
}

/* Botoes principais - Fillow purple */
.fi-btn-primary,
.fi-ac-btn-primary {
    background-color: rgba(var(--primary-500), 1) !important;
    border-radius: 0.75rem !important;
}
.fi-btn-primary:hover,
.fi-ac-btn-primary:hover {
    background-color: rgba(var(--primary-600), 1) !important;
}
.dark .fi-btn-primary,
.dark .fi-ac-btn-primary {
    background-color: rgba(var(--primary-500), 1) !important;
}
.dark .fi-btn-primary:hover,
.dark .fi-ac-btn-primary:hover {
    background-color: rgba(var(--primary-400), 1) !important;
}

/* Inputs - cantos arredondados 3xl (1.5rem) */
.fi-input {
    border-radius: 0.75rem !important;
}
.fi-input:focus {
    border-color: rgba(var(--primary-400), 1) !important;
    box-shadow: 0 0 0 2px rgba(243, 239, 255, 0.5) !important;
}
.dark .fi-input:focus {
    box-shadow: 0 0 0 2px rgba(var(--primary-800), 0.25) !important;
}

/* Tables */
.fi-table-header-cell {
    background-color: rgba(var(--gray-50), 1) !important;
    color: rgba(var(--gray-700), 1) !important;
    font-weight: 500 !important;
    font-size: 0.75rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}
.dark .fi-table-header-cell {
    background-color: rgba(var(--gray-950), 0.3) !important;
    color: rgba(var(--gray-500), 1) !important;
}

.fi-table-row:hover {
    background-color: rgba(243, 239, 255, 0.3) !important;
}
.dark .fi-table-row:hover {
    background-color: rgba(var(--primary-500), 0.05) !important;
}

/* Tabs */
.fi-tabs-item-active {
    background-color: rgba(243, 239, 255, 1) !important;
    color: rgba(var(--primary-500), 1) !important;
    font-weight: 600 !important;
}
.dark .fi-tabs-item-active {
    background-color: rgba(var(--primary-500), 0.12) !important;
    color: rgba(var(--primary-400), 1) !important;
}

/* Checkbox & Toggle */
.fi-checkbox-input:checked {
    background-color: rgba(var(--primary-500), 1) !important;
    border-color: rgba(var(--primary-500), 1) !important;
}
.fi-toggle-input:checked {
    background-color: rgba(var(--primary-500), 1) !important;
}

/* Header - branco */
.fi-header {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid rgba(var(--gray-200), 1) !important;
}
.dark .fi-header {
    background-color: rgba(var(--gray-950), 0.5) !important;
    border-bottom-color: rgba(var(--gray-300), 0.1) !important;
}

/* Page header */
.fi-page-header {
    border-bottom: 1px solid rgba(var(--gray-200), 1) !important;
    padding: 1rem 0 !important;
    margin-bottom: 1.5rem !important;
}
.dark .fi-page-header {
    border-bottom-color: rgba(var(--gray-300), 0.1) !important;
}

/* Cards - branco puro com borda suave */
.fi-card {
    background-color: #FFFFFF !important;
    border: 1px solid rgba(var(--gray-200), 1) !important;
    border-radius: 1rem !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
.dark .fi-card {
    background-color: rgba(var(--gray-900), 0.5) !important;
    border-color: rgba(var(--gray-300), 0.1) !important;
}

/* Text colors */
.fi-main {
    color: rgba(var(--gray-800), 1) !important;
}
.dark .fi-main {
    color: rgba(var(--gray-100), 1) !important;
}

/* Border radius - Fillow rounded style */
.fi-btn { border-radius: 0.75rem !important; }
.fi-badge { border-radius: 9999px !important; }
.fi-modal-window { border-radius: 1rem !important; }
.fi-section { border-radius: 1rem !important; }

/* Modal */
.fi-modal-window {
    border: 1px solid rgba(var(--gray-200), 1) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15) !important;
}

/* Scrollbar - fina e suave */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background-color: rgba(var(--gray-400), 0.25); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background-color: rgba(var(--gray-400), 0.4); }

/* Login page */
.fi-page-login {
    background-color: #FAF9FE !important;
}
.fi-page-login .fi-card {
    border-radius: 1.5rem !important;
    border: none !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05) !important;
}