/**
 * Insurseller Theme Colors
 * Tema oficial do Insurseller com cores azul royal, cyan e roxo
 */

:root {
    /* Cores principais Insurseller */
    --insurseller-primary: #2B59B4;      /* Azul royal - Sidebar e elementos principais */
    --insurseller-secondary: #A78BFA;    /* Roxo/lilás - Destaques secundários */
    --insurseller-accent: #00D4FF;       /* Azul claro/cyan - Botões e CTAs */
    --insurseller-background: #F3F4F6;   /* Cinza claro - Fundo geral */
    --insurseller-text: #FFFFFF;         /* Branco - Texto sobre cores escuras */

    /* Variações de azul */
    --insurseller-blue-50: #E6EEF9;
    --insurseller-blue-100: #CCDDF3;
    --insurseller-blue-200: #99BBE7;
    --insurseller-blue-300: #6699DB;
    --insurseller-blue-400: #3377CF;
    --insurseller-blue-500: #2B59B4;
    --insurseller-blue-600: #234890;
    --insurseller-blue-700: #1A366C;
    --insurseller-blue-800: #122448;
    --insurseller-blue-900: #091224;

    /* Variações de cyan */
    --insurseller-cyan-50: #E0F9FF;
    --insurseller-cyan-100: #B3F0FF;
    --insurseller-cyan-200: #80E7FF;
    --insurseller-cyan-300: #4DDEFF;
    --insurseller-cyan-400: #26D9FF;
    --insurseller-cyan-500: #00D4FF;
    --insurseller-cyan-600: #00AAD9;
    --insurseller-cyan-700: #0080B3;
    --insurseller-cyan-800: #00568C;
    --insurseller-cyan-900: #002C66;

    /* Variações de roxo */
    --insurseller-purple-50: #F5F3FF;
    --insurseller-purple-100: #EDE9FE;
    --insurseller-purple-200: #DDD6FE;
    --insurseller-purple-300: #C4B5FD;
    --insurseller-purple-400: #A78BFA;
    --insurseller-purple-500: #8B5CF6;
    --insurseller-purple-600: #7C3AED;
    --insurseller-purple-700: #6D28D9;
    --insurseller-purple-800: #5B21B6;
    --insurseller-purple-900: #4C1D95;
}

/* Classes utilitárias Insurseller */
.bg-insurseller-primary {
    background-color: var(--insurseller-primary);
}

.bg-insurseller-secondary {
    background-color: var(--insurseller-secondary);
}

.bg-insurseller-accent {
    background-color: var(--insurseller-accent);
}

.text-insurseller-primary {
    color: var(--insurseller-primary);
}

.text-insurseller-secondary {
    color: var(--insurseller-secondary);
}

.text-insurseller-accent {
    color: var(--insurseller-accent);
}

.border-insurseller-primary {
    border-color: var(--insurseller-primary);
}

.border-insurseller-accent {
    border-color: var(--insurseller-accent);
}

/* Botões Insurseller */
.btn-insurseller-primary {
    background-color: var(--insurseller-primary);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-insurseller-primary:hover {
    background-color: var(--insurseller-blue-600);
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(43, 90, 179, 0.3);
}

.btn-insurseller-secondary {
    background-color: var(--insurseller-secondary);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.btn-insurseller-secondary:hover {
    background-color: var(--insurseller-purple-500);
    transform: translateY(-1px);
    box-shadow: 0 4px 6px -1px rgba(167, 139, 250, 0.3);
}

/* Sidebar Insurseller */
.sidebar-insurseller {
    background-color: #2B59B4;
    box-shadow: 2px 0 10px rgba(66, 103, 178, 0.1);
}

.sidebar-insurseller .nav-item.active {
    background: linear-gradient(135deg, var(--insurseller-accent) 0%, var(--insurseller-cyan-500) 100%);
    box-shadow: 0 4px 12px rgba(0, 212, 255, 0.3);
}

.sidebar-insurseller .nav-item:not(.active):hover {
    background-color: rgba(0, 212, 255, 0.1);
}

/* Cards com tema Insurseller */
.card-insurseller {
    background: white;
    border-radius: 0.75rem;
    border: 1px solid rgba(66, 103, 178, 0.1);
    box-shadow: 0 1px 3px rgba(66, 103, 178, 0.05);
    transition: all 0.3s ease;
}

.card-insurseller:hover {
    border-color: var(--insurseller-accent);
    box-shadow: 0 4px 12px rgba(0, 212, 255, 0.15);
}

/* Badges Insurseller */
.badge-insurseller-primary {
    background-color: var(--insurseller-cyan-100);
    color: var(--insurseller-blue-700);
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.badge-insurseller-secondary {
    background-color: var(--insurseller-purple-100);
    color: var(--insurseller-purple-700);
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

/* Gradientes Insurseller */
.gradient-insurseller-primary {
    background: linear-gradient(135deg, var(--insurseller-primary) 0%, var(--insurseller-blue-700) 100%);
}

.gradient-insurseller-accent {
    background: linear-gradient(135deg, var(--insurseller-accent) 0%, var(--insurseller-secondary) 100%);
}

.gradient-insurseller-full {
    background: linear-gradient(135deg,
        var(--insurseller-primary) 0%,
        var(--insurseller-accent) 50%,
        var(--insurseller-secondary) 100%
    );
}

/* Input styles Insurseller */
.input-insurseller {
    border: 1px solid rgba(66, 103, 178, 0.2);
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
    transition: all 0.3s ease;
}

.input-insurseller:focus {
    outline: none;
    border-color: var(--insurseller-accent);
    box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1);
}

/* Status colors compatíveis com Insurseller */
.status-novo {
    background-color: var(--insurseller-blue-100);
    color: var(--insurseller-blue-700);
}

.status-qualificado {
    background-color: var(--insurseller-cyan-100);
    color: var(--insurseller-cyan-700);
}

.status-em-negociacao {
    background-color: var(--insurseller-purple-100);
    color: var(--insurseller-purple-700);
}

.status-ganho {
    background-color: #D1FAE5;
    color: #065F46;
}

.status-perdido {
    background-color: #FEE2E2;
    color: #991B1B;
}