/* Cores personalizadas para o sistema de tickets */

/* Cores de texto personalizadas */
.text-red-600 { color: #dc2626 !important; }
.text-blue-600 { color: #2563eb !important; }
.text-blue-500 { color: #3b82f6 !important; }
.text-green-600 { color: #059669 !important; }
.text-orange-600 { color: #d97706 !important; }
.text-gray-600 { color: #4b5563 !important; }
.text-gray-800 { color: #1f2937 !important; }
.text-gray-500 { color: #6b7280 !important; }

/* Cores de fundo personalizadas */
.bg-blue-50 { background-color: #eff6ff !important; }
.bg-blue-100 { background-color: #dbeafe !important; }
.bg-blue-600 { background-color: #2563eb !important; }
.bg-blue-700 { background-color: #1d4ed8 !important; }

/* Cores de borda personalizadas */
.border-blue-200 { border-color: #bfdbfe !important; }
.border-blue-300 { border-color: #93c5fd !important; }

/* Botões com cores personalizadas */
.btn-blue {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    border: none;
    color: white;
    transition: all 0.3s ease;
}

.btn-blue:hover {
    background: linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

.btn-new-user {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    border: none;
    color: white;
    transition: all 0.3s ease;
}

.btn-new-user:hover {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

.btn-blue-outline {
    background: transparent;
    border: 2px solid #3b82f6;
    color: #3b82f6;
    transition: all 0.3s ease;
}

.btn-blue-outline:hover {
    background: #3b82f6;
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

/* Cards com gradientes azuis */
.card-blue {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
    border: 1px solid #bfdbfe;
}

.card-blue-header {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: white;
    border: none;
}

/* Badges com cores personalizadas */
.badge-blue {
    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
    color: white;
}

.badge-green {
    background: linear-gradient(135deg, #059669 0%, #10b981 100%);
    color: white;
}

.badge-orange {
    background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
    color: white;
}

.badge-red {
    background: linear-gradient(135deg, #dc2626 0%, #ef4444 100%);
    color: white;
}

.badge-gray {
    background: linear-gradient(135deg, #6b7280 0%, #9ca3af 100%);
    color: white;
}

/* Inputs com foco azul */
.form-control:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
}

.form-select:focus {
    border-color: #3b82f6;
    box-shadow: 0 0 0 0.2rem rgba(59, 130, 246, 0.25);
}

/* Links com hover azul */
a {
    color: #3b82f6;
    text-decoration: none;
}

a:hover {
    color: #1d4ed8;
    text-decoration: underline;
}

/* Tabelas com hover azul */
.table-hover tbody tr:hover {
    background-color: #eff6ff;
}

/* Alertas com cores personalizadas */
.alert-blue {
    background-color: #eff6ff;
    border-color: #bfdbfe;
    color: #1e40af;
}

.alert-green {
    background-color: #f0fdf4;
    border-color: #bbf7d0;
    color: #059669;
}

.alert-orange {
    background-color: #fffbeb;
    border-color: #fed7aa;
    color: #d97706;
}

.alert-red {
    background-color: #fef2f2;
    border-color: #fecaca;
    color: #dc2626;
}