/* ==================== VARIABLES CSS ==================== */
:root {
  /* Colors - Purple Theme */
  --purple-primary: #4B1C71;
  --purple-secondary: #6D28D9;
  --purple-light: #EDE9FE;
  --purple-accent: #8B5CF6;
  --purple-hover: #A855F7;
  
  /* Colors - Grays */
  --gray-dark: #1F2937;
  --gray-medium: #2D3748;
  --gray-light: #D1D5DB;
  --gray-lighter: #6B7280;
  --gray-text: #525f7f;
  
  /* Colors - Success/Green */
  --green-primary: #10B981;
  --green-secondary: #34D399;
  --green-dark: #059669;
  --green-light: #98D973;
  
  /* Colors - Danger/Red */
  --red-primary: #EF4444;
  --red-secondary: #F87171;
  --red-dark: #DC2626;
  
  /* Colors - Warning/Orange */
  --orange-primary: #F59E0B;
  --orange-secondary: #FBBF24;
  --orange-dark: #D97706;
  
  /* Colors - Info/Blue */
  --blue-primary: #60A5FA;
  --blue-secondary: #3c8dbc;
  --blue-navy: #357ca5;
  
  /* Colors - Special */
  --yellow: #ffeb3b;
  --whatsapp: #25D366;
  --whatsapp-dark: #1DA851;
  --woocommerce: #9E458B;
  
  /* Backgrounds */
  --bg-main: #F5F7FA;
  --bg-white: #FFF;
  --bg-light: #F9FAFB;
  --bg-gray: #F0EDED;
  --bg-light-gray: #f8f8f8;
  --bg-aqua-lite: #7FFFD4;
  --bg-manufacturing: #ff851b;
  --bg-info: #00c0ef;
  --bg-nota-credito: #FFDDC1;
}

/* ==================== BASE STYLES ==================== */
body {
    font-family: 'Inter', sans-serif;
    color: #1F2937;
    font-size: 13px;
    background-color: #F5F7FA;
    overflow-x: hidden;
    line-height: 1.5;
}

.content-wrapper {
    padding: 15px;
    min-height: 100vh;
    background-color: #F5F7FA;
    transition: margin-left 0.3s ease;
}

/* ==================== SCROLLBAR ==================== */
::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
    background: #888; 
}

::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

.jquery-top-scrollbar {
    height: 6px !important;
}

.jquery-top-scrollbar div {
    height: 6px !important;
}

.scroll-top-bottom {
  width: 100%; 
  overflow: scroll;
}

.scroll-top-bottom::-webkit-scrollbar {
    height: 6px;
}