/* HIGH CONTRAST MODE - PandooraB2B */
/* Arquivo dedicado para garantir MÁXIMO contraste em todas as páginas */

/* ========================================
   TEXTOS - ALTO CONTRASTE FORÇADO
   ======================================== */

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body, .main-content {
    background-color: #0f172a !important;
    color: #f1f5f9 !important;
}

/* Títulos */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #f8fafc !important;
    font-weight: 600 !important;
}

/* Parágrafos e textos */
p, span, div, label {
    color: #e2e8f0 !important;
}

/* Texto "muted" com contraste adequado */
.text-muted,
small,
.small {
    color: #cbd5e1 !important;
    opacity: 1 !important;
}

/* ========================================
   CARDS - SEMPRE DARK COM ALTO CONTRASTE
   ======================================== */

.card {
    background-color: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #f1f5f9 !important;
}

.card-header {
    background-color: #1e293b !important;
    border-bottom: 1px solid #334155 !important;
    color: #f8fafc !important;
}

.card-body {
    background-color: #1e293b !important;
    color: #f1f5f9 !important;
}

.card-footer {
    background-color: #1e293b !important;
    border-top: 1px solid #334155 !important;
    color: #f1f5f9 !important;
}

.card-title {
    color: #f8fafc !important;
    font-weight: 600 !important;
}

/* Dentro dos cards */
.card p,
.card span,
.card div,
.card label,
.card-body p,
.card-body span,
.card-body div,
.card-body label {
    color: #e2e8f0 !important;
}

.card .text-muted,
.card-body .text-muted,
.card-header .text-muted {
    color: #cbd5e1 !important;
}

/* ========================================
   REMOVER BACKGROUNDS BRANCOS
   ======================================== */

.bg-white {
    background-color: #1e293b !important;
}

.bg-light {
    background-color: #1e293b !important;
}

/* ========================================
   CORES DE STATUS - ALTO CONTRASTE
   ======================================== */

.text-primary {
    color: #60a5fa !important;
}

.text-success {
    color: #4ade80 !important;
}

.text-info {
    color: #22d3ee !important;
}

.text-warning {
    color: #fbbf24 !important;
}

.text-danger {
    color: #f87171 !important;
}

/* Background de status */
.bg-primary-subtle {
    background-color: rgba(59, 130, 246, 0.15) !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
}

.bg-success-subtle {
    background-color: rgba(74, 222, 128, 0.15) !important;
    border: 1px solid rgba(74, 222, 128, 0.3) !important;
}

.bg-info-subtle {
    background-color: rgba(34, 211, 238, 0.15) !important;
    border: 1px solid rgba(34, 211, 238, 0.3) !important;
}

.bg-warning-subtle {
    background-color: rgba(251, 191, 36, 0.15) !important;
    border: 1px solid rgba(251, 191, 36, 0.3) !important;
}

.bg-danger-subtle {
    background-color: rgba(248, 113, 113, 0.15) !important;
    border: 1px solid rgba(248, 113, 113, 0.3) !important;
}

/* ========================================
   LISTAS
   ======================================== */

.list-group-item {
    background-color: #1e293b !important;
    border-color: #334155 !important;
    color: #e2e8f0 !important;
}

.list-group-item:hover {
    background-color: #334155 !important;
}

.list-group-item .text-muted,
.list-group-item small {
    color: #cbd5e1 !important;
}

/* ========================================
   ALERTAS - ALTO CONTRASTE
   ======================================== */

.alert {
    border-radius: 8px;
    padding: 1rem 1.25rem;
    color: #f1f5f9 !important;
}

.alert-info {
    background-color: rgba(6, 182, 212, 0.2) !important;
    border: 1px solid rgba(6, 182, 212, 0.5) !important;
    color: #a5f3fc !important;
}

.alert-warning {
    background-color: rgba(245, 158, 11, 0.2) !important;
    border: 1px solid rgba(245, 158, 11, 0.5) !important;
    color: #fde047 !important;
}

.alert-success {
    background-color: rgba(16, 185, 129, 0.2) !important;
    border: 1px solid rgba(16, 185, 129, 0.5) !important;
    color: #86efac !important;
}

.alert-danger {
    background-color: rgba(239, 68, 68, 0.2) !important;
    border: 1px solid rgba(239, 68, 68, 0.5) !important;
    color: #fca5a5 !important;
}

/* ========================================
   FORMULÁRIOS
   ======================================== */

.form-control,
.form-select {
    background-color: #334155 !important;
    border-color: #475569 !important;
    color: #f1f5f9 !important;
}

.form-control:focus,
.form-select:focus {
    background-color: #1e293b !important;
    border-color: #60a5fa !important;
    color: #f1f5f9 !important;
    box-shadow: 0 0 0 0.25rem rgba(96, 165, 250, 0.25) !important;
}

.form-label {
    color: #e2e8f0 !important;
    font-weight: 500;
}

/* ========================================
   ESTADOS VAZIOS
   ======================================== */

.empty-state {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.9) 0%, rgba(15, 23, 42, 0.9) 100%) !important;
    border: 2px dashed rgba(100, 116, 139, 0.6) !important;
    padding: 4rem 2rem !important;
    min-height: 400px;
}

.empty-state i {
    color: #60a5fa !important;
    opacity: 0.9 !important;
}

.empty-state h5,
.empty-state h4,
.empty-state h3 {
    color: #f8fafc !important;
}

.empty-state p {
    color: #cbd5e1 !important;
}

/* ========================================
   ÍCONES
   ======================================== */

.fa, .fas, .far, .fal, .fab {
    opacity: 1 !important;
}

.fa-2x, .fa-3x {
    opacity: 0.95 !important;
}

/* Ícones dentro de cards */
.card .fa-2x,
.card .fa-3x {
    opacity: 0.9 !important;
}

/* ========================================
   TABELAS
   ======================================== */

.table {
    color: #e2e8f0 !important;
    background-color: #1e293b !important;
}

.table thead {
    background-color: #1e293b !important;
}

.table th {
    color: #f8fafc !important;
    border-bottom-color: #334155 !important;
}

.table td {
    color: #e2e8f0 !important;
    border-bottom-color: #334155 !important;
}

.table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* ========================================
   BADGES
   ======================================== */

.badge {
    font-weight: 600 !important;
    padding: 0.35rem 0.75rem;
}

.badge.bg-success {
    background-color: rgba(74, 222, 128, 0.25) !important;
    color: #4ade80 !important;
}

.badge.bg-warning {
    background-color: rgba(251, 191, 36, 0.25) !important;
    color: #fbbf24 !important;
}

.badge.bg-danger {
    background-color: rgba(248, 113, 113, 0.25) !important;
    color: #f87171 !important;
}

.badge.bg-info {
    background-color: rgba(34, 211, 238, 0.25) !important;
    color: #22d3ee !important;
}

.badge.bg-primary {
    background-color: rgba(96, 165, 250, 0.25) !important;
    color: #60a5fa !important;
}

.badge.bg-secondary {
    background-color: rgba(203, 213, 225, 0.25) !important;
    color: #cbd5e1 !important;
}

