/* Sistema de Cores WayGest Gestão */

:root {
    /* Cores principais */
    --waygest-purple: #6C63FF;      /* Inovação, tecnologia */
    --waygest-dark-blue: #2D3142;   /* Confiança, seriedade */
    --waygest-orange: #FF6B35;      /* Ação, energia */
    --waygest-light-gray: #F5F6FA;  /* Fundo neutro */
    
    /* Variações das cores */
    --waygest-purple-light: #8B85FF;
    --waygest-purple-dark: #5A52E5;
    --waygest-dark-blue-light: #3D4254;
    --waygest-orange-light: #FF8A5B;
    --waygest-orange-dark: #E55A2B;
    
    /* Cores de status */
    --waygest-success: #28a745;
    --waygest-warning: #ffc107;
    --waygest-danger: #dc3545;
    --waygest-info: var(--waygest-purple);
    
    /* Cores de texto */
    --waygest-text-primary: var(--waygest-dark-blue);
    --waygest-text-secondary: #6c757d;
    --waygest-text-light: #ffffff;
}

/* Aplicar cores ao AdminLTE */
.main-sidebar {
    background-color: var(--waygest-dark-blue) !important;
}

/* Classe personalizada para sidebar do WayGest */
.sidebar-dark-waygest {
    background-color: var(--waygest-dark-blue) !important;
}

.sidebar-dark-waygest .nav-sidebar .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.sidebar-dark-waygest .nav-sidebar .nav-link:hover {
    background-color: var(--waygest-purple) !important;
    color: var(--waygest-text-light) !important;
}

.sidebar-dark-waygest .nav-sidebar .nav-link.active {
    background-color: var(--waygest-purple) !important;
    color: var(--waygest-text-light) !important;
}

.main-sidebar .nav-sidebar .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.main-sidebar .nav-sidebar .nav-link:hover {
    background-color: var(--waygest-purple) !important;
    color: var(--waygest-text-light) !important;
}

.main-sidebar .nav-sidebar .nav-link.active {
    background-color: var(--waygest-purple) !important;
    color: var(--waygest-text-light) !important;
}

/* Brand/Logo area */
.brand-link {
    background-color: var(--waygest-dark-blue) !important;
    border-bottom: 1px solid var(--waygest-purple) !important;
}

.brand-text {
    color: var(--waygest-text-light) !important;
}

/* Header */
.main-header {
    background-color: var(--waygest-text-light) !important;
    border-bottom: 1px solid var(--waygest-light-gray) !important;
}

/* Content wrapper */
.content-wrapper {
    background-color: var(--waygest-light-gray) !important;
}

/* Cards */
.card {
    border: 1px solid rgba(108, 99, 255, 0.1) !important;
    box-shadow: 0 2px 4px rgba(45, 49, 66, 0.1) !important;
}

.card-header {
    background-color: var(--waygest-text-light) !important;
    border-bottom: 1px solid var(--waygest-light-gray) !important;
}

/* Botões */
.btn-primary {
    background: linear-gradient(135deg, var(--waygest-purple) 0%, var(--waygest-purple-dark) 100%) !important;
    border: none !important;
    color: var(--waygest-text-light) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.btn-primary:hover {
    background: linear-gradient(135deg, var(--waygest-purple-dark) 0%, var(--waygest-purple) 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(108, 99, 255, 0.3) !important;
    color: var(--waygest-text-light) !important;
}

.btn-success {
    background: linear-gradient(135deg, var(--waygest-success) 0%, #1e7e34 100%) !important;
    border: none !important;
    color: var(--waygest-text-light) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.btn-success:hover {
    background: linear-gradient(135deg, #1e7e34 0%, var(--waygest-success) 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3) !important;
    color: var(--waygest-text-light) !important;
}

.btn-warning {
    background: linear-gradient(135deg, var(--waygest-orange) 0%, var(--waygest-orange-dark) 100%) !important;
    border: none !important;
    color: var(--waygest-text-light) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.btn-warning:hover {
    background: linear-gradient(135deg, var(--waygest-orange-dark) 0%, var(--waygest-orange) 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3) !important;
    color: var(--waygest-text-light) !important;
}

.btn-danger {
    background: linear-gradient(135deg, var(--waygest-danger) 0%, #c82333 100%) !important;
    border: none !important;
    color: var(--waygest-text-light) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.btn-danger:hover {
    background: linear-gradient(135deg, #c82333 0%, var(--waygest-danger) 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3) !important;
    color: var(--waygest-text-light) !important;
}

.btn-info {
    background: linear-gradient(135deg, var(--waygest-purple-light) 0%, var(--waygest-purple) 100%) !important;
    border: none !important;
    color: var(--waygest-text-light) !important;
    font-weight: 600 !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    transition: all 0.3s ease !important;
}

.btn-info:hover {
    background: linear-gradient(135deg, var(--waygest-purple) 0%, var(--waygest-purple-light) 100%) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(139, 133, 255, 0.3) !important;
    color: var(--waygest-text-light) !important;
}

/* Small boxes */
.small-box {
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(45, 49, 66, 0.1) !important;
}

.small-box.bg-info {
    background-color: var(--waygest-purple) !important;
}

.small-box.bg-success {
    background-color: var(--waygest-success) !important;
}

.small-box.bg-warning {
    background-color: var(--waygest-orange) !important;
}

.small-box.bg-danger {
    background-color: var(--waygest-danger) !important;
}

/* Tabelas */
.table {
    background-color: var(--waygest-text-light) !important;
}

.table thead th {
    background-color: var(--waygest-light-gray) !important;
    color: var(--waygest-text-primary) !important;
    border-bottom: 2px solid var(--waygest-purple) !important;
}

/* Badges */
.badge-primary {
    background-color: var(--waygest-purple) !important;
}

.badge-success {
    background-color: var(--waygest-success) !important;
}

.badge-warning {
    background-color: var(--waygest-orange) !important;
    color: var(--waygest-text-light) !important;
}

.badge-danger {
    background-color: var(--waygest-danger) !important;
}

/* Formulários */
.form-control:focus {
    border-color: var(--waygest-purple) !important;
    box-shadow: 0 0 0 0.2rem rgba(108, 99, 255, 0.25) !important;
}

.custom-select:focus {
    border-color: var(--waygest-purple) !important;
    box-shadow: 0 0 0 0.2rem rgba(108, 99, 255, 0.25) !important;
}

/* Links */
a {
    color: var(--waygest-purple) !important;
}

a:hover {
    color: var(--waygest-purple-dark) !important;
}

/* Navegação */
.navbar-nav .nav-link {
    color: var(--waygest-text-primary) !important;
}

.navbar-nav .nav-link:hover {
    color: var(--waygest-purple) !important;
}

/* Paginação */
.page-link {
    color: var(--waygest-purple) !important;
    border-color: var(--waygest-light-gray) !important;
}

.page-link:hover {
    color: var(--waygest-purple-dark) !important;
    background-color: var(--waygest-light-gray) !important;
    border-color: var(--waygest-purple) !important;
}

.page-item.active .page-link {
    background-color: var(--waygest-purple) !important;
    border-color: var(--waygest-purple) !important;
}

/* Alertas */
.alert-primary {
    background-color: rgba(108, 99, 255, 0.1) !important;
    border-color: var(--waygest-purple) !important;
    color: var(--waygest-purple-dark) !important;
}

.alert-success {
    background-color: rgba(40, 167, 69, 0.1) !important;
    border-color: var(--waygest-success) !important;
    color: var(--waygest-success) !important;
}

.alert-warning {
    background-color: rgba(255, 107, 53, 0.1) !important;
    border-color: var(--waygest-orange) !important;
    color: var(--waygest-orange-dark) !important;
}

.alert-danger {
    background-color: rgba(220, 53, 69, 0.1) !important;
    border-color: var(--waygest-danger) !important;
    color: var(--waygest-danger) !important;
}

/* Progress bars */
.progress-bar {
    background-color: var(--waygest-purple) !important;
}

/* Modais */
.modal-header {
    background-color: var(--waygest-light-gray) !important;
    border-bottom: 1px solid var(--waygest-purple) !important;
}

.modal-title {
    color: var(--waygest-text-primary) !important;
}

/* Dropdown */
.dropdown-menu {
    border: 1px solid var(--waygest-light-gray) !important;
    box-shadow: 0 4px 8px rgba(45, 49, 66, 0.1) !important;
}

.dropdown-item:hover {
    background-color: var(--waygest-light-gray) !important;
    color: var(--waygest-purple) !important;
}

/* Responsividade */
@media (max-width: 768px) {
    .main-sidebar {
        background-color: var(--waygest-dark-blue) !important;
    }
    
    .brand-link {
        background-color: var(--waygest-dark-blue) !important;
    }
}