/* Lorien Inversiones - Dark Theme CSS */

.dark-theme {
    /* Dark Theme Color Palette */
    --anboto-primary: #818cf8;      /* Brighter indigo for dark theme */
    --anboto-primary-light: #a5b4fc;
    --anboto-primary-extra-light: #3730a3;
    --anboto-secondary: #94a3b8;     /* Lighter slate for dark theme */
    --anboto-success: #10b981;       /* Emerald */
    --anboto-success-light: #059669;
    --anboto-warning: #fbbf24;       /* Brighter amber */
    --anboto-danger: #ef4444;        /* Red */
    --anboto-danger-light: #dc2626;
    
    /* Dark Neutrals */
    --anboto-bg: #111827;            /* Dark background */
    --anboto-bg-secondary: #1f2937;  /* Secondary background */
    --anboto-surface: #1e293b;       /* Card surface */
    --anboto-border: #374151;        /* Borders */
    --anboto-border-light: #3e4c5e;  /* Light borders */
    
    /* Text Colors for Dark Mode */
    --anboto-text-primary: #e2e8f0;  /* Light text */
    --anboto-text-secondary: #94a3b8; /* Muted text */
    --anboto-text-tertiary: #64748b; /* More muted text */
    
    /* Shadow with dark colors */
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.6), 0 2px 4px -2px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.7), 0 4px 6px -4px rgba(0, 0, 0, 0.6);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.8), 0 8px 10px -6px rgba(0, 0, 0, 0.6);
}

/* Dark theme overrides */
.dark-theme body {
    background-color: var(--anboto-bg);
    color: var(--anboto-text-primary);
}

/* Títulos principales en modo oscuro */
.dark-theme h1,
.dark-theme h2,
.dark-theme h3,
.dark-theme h4,
.dark-theme h5,
.dark-theme h6 {
    color: var(--anboto-text-primary);
}

.dark-theme h1.fw-bold,
.dark-theme h2.fw-bold {
    color: #e2e8f0 !important; /* Color más claro para títulos principales */
}

/* Navigation in dark mode */
.dark-theme .navbar {
    background-color: var(--anboto-bg-secondary);
    box-shadow: var(--shadow-md);
}

.dark-theme .navbar-light .navbar-brand,
.dark-theme .navbar-light .nav-link {
    color: var(--anboto-text-primary);
}

/* Logo text in dark mode - Negro más oscuro para contraste con fondo blanco */
.dark-theme .navbar-brand div div[style*="font-size: 1.6rem"] {
    color: #000000 !important; /* Color negro más oscuro para mejor contraste */
    text-shadow: none !important;
    font-weight: 800 !important; /* Peso más pesado para mejor visibilidad */
}

.dark-theme .navbar-brand div div[style*="font-size: 1.1rem"] {
    color: #495057 !important; /* Color gris más oscuro para mejor contraste */
    text-shadow: none !important;
    font-weight: 500 !important; /* Peso ligeramente más pesado */
}

/* Mejora para el logo en modo oscuro */
.dark-theme .navbar-brand img {
    /* filter y transition eliminados según solicitud */
}

/* Efecto hover para todo el navbar-brand en modo oscuro */
.dark-theme .navbar-brand:hover img {
    filter: brightness(1.4) contrast(1.15) saturate(1.3);
    transform: scale(1.02); /* Ligero zoom en hover */
}

.dark-theme .navbar-brand:hover div div[style*="font-size: 1.6rem"] {
    /* Eliminar efecto de text-shadow en hover */
    text-shadow: none !important;
}

/* Contenedor del logo - Fondo blanco sin hover */
.dark-theme .navbar-brand {
    background-color: #ffffff !important;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    transition: none;
}

/* Eliminar efecto hover */
.dark-theme .navbar-brand:hover {
    background-color: #ffffff !important;
    box-shadow: none !important;
}

/* Mejoras adicionales para el logo en modo oscuro */
.dark-theme .navbar-brand {
    position: relative;
}

/* Efecto de resplandor sutil alrededor del logo */
.dark-theme .navbar-brand::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, transparent, rgba(129, 140, 248, 0.1), transparent);
    border-radius: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    z-index: -1;
}

.dark-theme .navbar-brand:hover::before {
    opacity: 1;
}

/* Animación suave para las transiciones */
.dark-theme .navbar-brand * {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Variante alternativa: Logo sin borde */
.dark-theme .navbar-brand {
    border: none;
}

.dark-theme .navbar-brand:hover {
    border: none;
}

/* Responsive: Ajustes para pantallas más pequeñas */
@media (max-width: 768px) {
    .dark-theme .navbar-brand {
        padding: 0.25rem 0.75rem;
    }
    
    .dark-theme .navbar-brand div div[style*="font-size: 1.6rem"] {
        font-size: 1.4rem !important;
    }
    
    .dark-theme .navbar-brand div div[style*="font-size: 1.1rem"] {
        font-size: 0.95rem !important;
    }
}

.dark-theme .navbar-light .navbar-toggler {
    border-color: var(--anboto-border);
    color: var(--anboto-text-primary);
}

.dark-theme .navbar-light .navbar-toggler-icon {
    filter: invert(1);
}

/* Cards in dark mode */
.dark-theme .card {
    background-color: var(--anboto-surface);
    border-color: var(--anboto-border);
}

.dark-theme .card-header {
    background-color: #374151 !important; /* Equivalente oscuro de #e5e7eb */
    border-bottom-color: var(--anboto-border);
}

/* Sobrescribir card-header con clase bg-light en modo oscuro */
.dark-theme .card-header.bg-light {
    background-color: #1e293b !important;
    border-bottom-color: var(--anboto-border);
}

/* Títulos de tarjetas en modo oscuro */
.dark-theme .card-header h5,
.dark-theme .card-header h6 {
    color: #e2e8f0 !important; /* Usar color más claro para estos títulos */
}

.dark-theme .card-header i {
    color: var(--anboto-primary-light) !important;
}

/* Forms in dark mode */
.dark-theme .form-control,
.dark-theme .form-select {
    background-color: var(--anboto-bg-secondary);
    border-color: var(--anboto-border);
    color: var(--anboto-text-primary);
}

.dark-theme .form-control:focus,
.dark-theme .form-select:focus {
    background-color: var(--anboto-bg-secondary);
    border-color: var(--anboto-primary);
    box-shadow: 0 0 0 0.25rem rgba(99, 102, 241, 0.25);
}

.dark-theme .form-control::placeholder {
    color: var(--anboto-text-tertiary);
}

/* Tables in dark mode - Mejoradas */
.dark-theme .table {
    color: #e2e8f0 !important;
    border-color: var(--anboto-border);
}

.dark-theme .table th,
.dark-theme .table td {
    color: #e2e8f0 !important;
    border-color: var(--anboto-border);
}

.dark-theme .table th.fw-bold,
.dark-theme .table td.fw-bold {
    color: #ffffff !important;
}

.dark-theme .table-hover tbody tr:hover {
    background-color: rgba(51, 65, 85, 0.5) !important;
}

.dark-theme .table-light,
.dark-theme .table thead th {
    background-color: #1e293b !important;
    color: #e2e8f0 !important;
    border-color: var(--anboto-border);
}

.dark-theme .table-secondary {
    background-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

/* Fix para las tablas en el dashboard */
.dark-theme .dashboard-table td,
.dark-theme .table-hover td,
.dark-theme .table td {
    color: #e2e8f0 !important;
}

.dark-theme .dashboard-table th,
.dark-theme .table-hover th,
.dark-theme .table th {
    color: #e2e8f0 !important;
    font-weight: 600;
}

/* Override para textos table-light */
.dark-theme .table-light td,
.dark-theme .table-light th {
    color: #e2e8f0 !important;
    background-color: rgba(30, 41, 59, 0.8) !important;
}

/* Fix para thead en modo oscuro */
.dark-theme thead.table-light {
    background-color: rgba(30, 41, 59, 0.8) !important;
}

.dark-theme thead.table-light th {
    color: #e2e8f0 !important;
    background-color: rgba(30, 41, 59, 0.8) !important;
}

/* Buttons in dark mode */
.dark-theme .btn-outline-primary {
    color: var(--anboto-primary);
    border-color: var(--anboto-primary);
}

.dark-theme .btn-outline-primary:hover {
    background-color: var(--anboto-primary);
    color: var(--anboto-text-white);
}

.dark-theme .btn-outline-secondary {
    color: var(--anboto-secondary);
    border-color: var(--anboto-secondary);
}

.dark-theme .btn-outline-secondary:hover {
    background-color: var(--anboto-secondary);
    color: var(--anboto-bg);
}

/* Alerts in dark mode - COMPLETAMENTE RESET */
.dark-theme .alert {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0.75rem !important;
}

.dark-theme .alert-info {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    color: #e2e8f0 !important;
    margin-bottom: 1rem !important;
    padding: 0 !important;
}

/* Destaca el texto en alerts */
.dark-theme .alert-info h5 {
    color: #ffffff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.dark-theme .alert-info i {
    color: var(--anboto-primary-light) !important;
}

.dark-theme .alert-info .badge {
    background-color: rgba(59, 130, 246, 0.2) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(59, 130, 246, 0.3) !important;
}

.dark-theme .alert-info strong {
    color: var(--anboto-primary-light) !important;
}

.dark-theme .alert-success {
    background-color: rgba(4, 120, 87, 0.3) !important;
    color: #e2e8f0 !important;
    border-color: #10b981 !important;
}

.dark-theme .alert-warning {
    background-color: rgba(234, 179, 8, 0.2) !important;
    color: #e2e8f0 !important;
    border-color: #f59e0b !important;
}

.dark-theme .alert h5 {
    color: #ffffff !important;
}

.dark-theme .alert p {
    color: #e2e8f0 !important;
}

.dark-theme .alert small.text-muted {
    color: #bfdbfe !important;
}

/* Formularios adicionales para compra/venta en modo oscuro */
.dark-theme .form-card-header,
.dark-theme .sales-form-header,
.dark-theme .purchases-form-header {
    background-color: #1e293b !important;
    border-bottom-color: var(--anboto-border) !important;
}

.dark-theme .form-card-header h4,
.dark-theme .sales-form-header h4,
.dark-theme .purchases-form-header h4 {
    color: #e2e8f0 !important;
}

/* Cards de información importante en compra/venta */
.dark-theme .info-card,
.dark-theme .purchases-info-card,
.dark-theme .sales-info-card {
    background-color: var(--anboto-surface) !important;
    border-color: var(--anboto-border) !important;
}

.dark-theme .info-card-header,
.dark-theme .purchases-info-header,
.dark-theme .sales-info-header {
    background-color: rgba(59, 130, 246, 0.1) !important;
    border-bottom-color: var(--anboto-border) !important;
}

.dark-theme .info-card-header h6,
.dark-theme .purchases-info-header h6,
.dark-theme .sales-info-header h6 {
    color: #e2e8f0 !important;
    font-weight: 600 !important;
}

.dark-theme .info-card-header i,
.dark-theme .purchases-info-header i,
.dark-theme .sales-info-header i {
    color: var(--anboto-primary-light) !important;
}

/* Contenido de las cards de información */
.dark-theme .info-card .card-body,
.dark-theme .purchases-info-card .card-body,
.dark-theme .sales-info-card .card-body {
    color: #e2e8f0 !important;
}

.dark-theme .info-card .card-body ul li,
.dark-theme .purchases-info-card .card-body ul li,
.dark-theme .sales-info-card .card-body ul li {
    color: #e2e8f0 !important;
}

.dark-theme .info-card .card-body ul li strong,
.dark-theme .purchases-info-card .card-body ul li strong,
.dark-theme .sales-info-card .card-body ul li strong {
    color: var(--anboto-primary-light) !important;
}

.dark-theme .form-label.fw-bold {
    color: #a5b4fc !important;
}

.dark-theme .form-label {
    color: #e2e8f0 !important;
}

.dark-theme .form-text,
.dark-theme .form-text.text-muted {
    color: #94a3b8 !important;
}

/* Estilos específicos para el texto de formato de fecha en modo oscuro */
.dark-theme body > main > div > div.container-fluid > div > div > div.card.border-0.shadow-sm.mb-4 > div > div.row.g-3.align-items-center > div.col-12.col-lg-8 > div.form-text.small.mt-1,
.dark-theme div.form-text.small.mt-1 {
    color: rgba(149, 149, 149, 0.75) !important;
    font-size: 0.87em !important;
}

/* Sobrescribir cualquier estilo de Bootstrap para form-text con text-muted en modo oscuro */
.dark-theme .form-text.small.mt-1.text-muted,
.dark-theme .form-text.small.mt-1[class*="text-"] {
    color: rgba(149, 149, 149, 0.75) !important;
    font-size: 0.87em !important;
}

.dark-theme .input-group-text {
    background-color: rgba(51, 65, 85, 0.8) !important;
    color: #e2e8f0 !important;
    border-color: var(--anboto-border) !important;
}

/* Mejorar campos de formulario en modo oscuro */
.dark-theme input.form-control,
.dark-theme select.form-select,
.dark-theme textarea.form-control {
    background-color: rgba(30, 41, 59, 0.8) !important;
    color: #e2e8f0 !important;
    border-color: #475569 !important;
}

.dark-theme input.form-control:focus,
.dark-theme select.form-select:focus,
.dark-theme textarea.form-control:focus {
    background-color: rgba(30, 41, 59, 0.9) !important;
    border-color: var(--anboto-primary-light) !important;
    box-shadow: 0 0 0 0.25rem rgba(129, 140, 248, 0.25) !important;
}

.dark-theme input.form-control:disabled,
.dark-theme select.form-select:disabled,
.dark-theme textarea.form-control:disabled {
    background-color: rgba(51, 65, 85, 0.5) !important;
    color: #94a3b8 !important;
}

.dark-theme label.col-form-label {
    color: #e2e8f0 !important;
}

.dark-theme h6.text-muted {
    color: #a5b4fc !important;
    font-weight: 500 !important;
}

.dark-theme .form-card,
.dark-theme .sales-form-card,
.dark-theme .purchases-form-card {
    border-color: var(--anboto-border) !important;
    background-color: var(--anboto-surface) !important;
    box-shadow: var(--shadow-lg) !important;
}

/* Badges in dark mode */
.dark-theme .badge.bg-secondary {
    background-color: #475569 !important;
}

.dark-theme .badge.bg-info {
    background-color: #0284c7 !important;
}

/* Footer in dark mode */
.dark-theme footer.bg-light {
    background-color: var(--anboto-bg-secondary) !important;
    color: var(--anboto-text-primary);
}

.dark-theme .text-muted {
    color: var(--anboto-text-secondary) !important;
}

.dark-theme footer h6.fw-bold {
    color: var(--anboto-primary) !important;
}

/* Dropdowns in dark mode */
.dark-theme .dropdown-menu {
    background-color: var(--anboto-surface);
    border-color: var(--anboto-border);
}

.dark-theme .dropdown-item {
    color: var(--anboto-text-primary);
}

.dark-theme .dropdown-item:hover, 
.dark-theme .dropdown-item:focus {
    background-color: var(--anboto-bg-secondary);
    color: var(--anboto-primary);
}

/* Modal in dark mode */
.dark-theme .modal-content {
    background-color: var(--anboto-surface);
    border-color: var(--anboto-border);
}

.dark-theme .modal-header {
    border-bottom-color: var(--anboto-border);
}

.dark-theme .modal-footer {
    border-top-color: var(--anboto-border);
}

.dark-theme .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* List groups in dark mode */
.dark-theme .list-group-item {
    background-color: var(--anboto-surface);
    border-color: var(--anboto-border);
    color: var(--anboto-text-primary);
}

.dark-theme .list-group-item-action:hover {
    background-color: var(--anboto-bg-secondary);
}

/* Mejoras para la pu00e1gina de detalle de inversiu00f3n en modo oscuro */

/* Encabezados y textos */
.dark-theme h2.fw-bold,
.dark-theme h3.fw-bold,
.dark-theme h4.fw-bold,
.dark-theme h5.fw-bold,
.dark-theme h5 {
    color: #ffffff !important;
}

/* Fix especu00edfico para tu00edtulos de secciones en detalle de inversiu00f3n */
.dark-theme .purchases-header,
.dark-theme .sales-header {
    background: none !important;
    background-color: #374151 !important; /* Equivalente oscuro de #e5e7eb */
    background-image: none !important;
    color: #e2e8f0 !important;
    border-bottom-color: var(--anboto-border) !important;
}

.dark-theme .purchases-header h5,
.dark-theme .sales-header h5 {
    color: #ffffff !important;
}

.dark-theme .purchases-badge,
.dark-theme .sales-badge {
    background-color: rgba(129, 140, 248, 0.2) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(129, 140, 248, 0.3) !important;
}

/* Fix especu00edfico para la pu00e1gina de detalle de inversiu00f3n */
.dark-theme .investment-detail-card,
.dark-theme .purchase-item-card,
.dark-theme .sale-item-card,
.dark-theme .purchases-card,
.dark-theme .sales-card {
    background: none !important;
    background-color: var(--anboto-surface) !important;
    background-image: none !important;
    border-color: var(--anboto-border) !important;
    box-shadow: var(--shadow-md) !important;
}

/* Fix para textos en tablas de detalle */
.dark-theme .investment-detail-card td,
.dark-theme .purchase-item-card td,
.dark-theme .sale-item-card td {
    color: #e2e8f0 !important;
}

/* Fix para pu00e1gina de compra/venta acciones */
.dark-theme .text-success.small,
.dark-theme .text-danger.small,
.dark-theme td.text-success,
.dark-theme td.text-danger,
.dark-theme .fw-bold.text-success,
.dark-theme .fw-bold.text-danger {
    font-weight: 600 !important;
}

/* Fix para textos de tablas en detalle */
.dark-theme tr td,
.dark-theme tbody td,
.dark-theme table td {
    color: #e2e8f0 !important;
}

.dark-theme tr th,
.dark-theme tbody th,
.dark-theme table th {
    color: #e2e8f0 !important;
}

.dark-theme table td.fw-bold {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.dark-theme .investment-detail-header {
    background: linear-gradient(135deg, rgba(55, 48, 163, 0.5) 0%, var(--anboto-bg-secondary) 100%) !important;
    border-color: var(--anboto-border) !important;
}

.dark-theme .investment-detail-header h5 {
    color: #e2e8f0 !important;
}

.dark-theme .investment-detail-card .table td:first-child {
    color: var(--anboto-primary-light) !important;
}

.dark-theme .investment-detail-card .table td:last-child {
    color: #e2e8f0 !important;
}

.dark-theme .text-muted {
    color: #94a3b8 !important;
}

/* Badges y elementos especiales */
.dark-theme .investment-detail-card .badge.bg-secondary {
    background-color: rgba(148, 163, 184, 0.2) !important;
    color: #e2e8f0 !important;
    border-color: rgba(148, 163, 184, 0.3);
}

.dark-theme .investment-detail-card .badge.bg-info {
    background-color: rgba(6, 182, 212, 0.25) !important;
    color: #0ea5e9 !important;
    border-color: rgba(6, 182, 212, 0.35);
}

/* Arreglos para botones con texto poco visible - sin bordes */
.dark-theme .btn-elegant,
.dark-theme .btn-soft-secondary,
.dark-theme .btn-outline-secondary,
.dark-theme .btn-elegant-lg {
    color: #e2e8f0 !important;
    border: none !important;
    /* background-color: rgba(129, 140, 248, 0.1) !important; */
}

.dark-theme .btn-elegant:hover,
.dark-theme .btn-soft-secondary:hover,
.dark-theme .btn-outline-secondary:hover,
.dark-theme .btn-elegant-lg:hover {
    /* background-color: rgba(129, 140, 248, 0.2) !important; */
    color: #374151 !important;
    box-shadow: none !important;
}

/* Enlaces y otros elementos interactivos */
.dark-theme .edit-link {
    color: var(--anboto-primary-light) !important;
}

.dark-theme .edit-link:hover {
    color: #a5b4fc !important;
    text-decoration: underline;
}

.dark-theme .card-header.bg-light {
    background-color: #1e293b !important;
}

/* Compras adicionales y ventas */
.dark-theme .purchase-item-card,
.dark-theme .sale-item-card {
    border-color: var(--anboto-border) !important;
    background-color: var(--anboto-surface) !important;
}

.dark-theme .purchase-item-card .card-header,
.dark-theme .sale-item-card .card-header {
    background-color: rgba(49, 46, 129, 0.3) !important;
    border-color: var(--anboto-border) !important;
}

.dark-theme .purchase-item-card h6,
.dark-theme .sale-item-card h6 {
    color: #e2e8f0 !important;
}

.dark-theme .purchase-item-card .table td:first-child,
.dark-theme .sale-item-card .table td:first-child {
    color: var(--anboto-primary-light) !important;
}

.dark-theme .purchase-item-card .table td:last-child,
.dark-theme .sale-item-card .table td:last-child {
    color: #e2e8f0 !important;
}

/* Mejorar visualizaciu00f3n de botones generales */
.dark-theme .btn {
    text-shadow: none !important;
}

.dark-theme .btn-primary {
    background-color: var(--anboto-primary) !important;
    border-color: var(--anboto-primary) !important;
    color: white !important;
}

.dark-theme .btn-primary:hover {
    background-color: #4f46e5 !important;
    border-color: #4338ca !important;
}

.dark-theme .btn-primary-soft {
    background-color: rgba(99, 102, 241, 0.2) !important;
    color: var(--anboto-primary-light) !important;
    border-color: rgba(99, 102, 241, 0.3) !important;
}

.dark-theme .btn-primary-soft:hover {
    background-color: rgba(99, 102, 241, 0.3) !important;
}

/* Correcciones adicionales para mejorar legibilidad de textos */
.dark-theme .fw-bold,
.dark-theme p.fw-bold,
.dark-theme div.fw-bold,
.dark-theme span.fw-bold {
    color: #e2e8f0 !important;
}

.dark-theme td.fw-bold,
.dark-theme th.fw-bold {
    color: #e2e8f0 !important;
}

.dark-theme .text-muted,
.dark-theme p.text-muted,
.dark-theme span.text-muted,
.dark-theme div.text-muted {
    color: #94a3b8 !important;
}

.dark-theme .table td,
.dark-theme .table th {
    color: #e2e8f0;
}

.dark-theme .table.text-muted td,
.dark-theme .table.text-muted th,
.dark-theme .table .text-muted {
    color: #94a3b8 !important;
}

.dark-theme .border-secondary {
    border-color: #475569 !important;
}

.dark-theme a.text-muted {
    color: #94a3b8 !important;
}

.dark-theme a.text-muted:hover {
    color: var(--anboto-primary-light) !important;
    text-decoration: underline;
}

/* Mejoras para contrastes y resaltados */
.dark-theme .bg-light.text-muted {
    background-color: #1e293b !important;
    color: #94a3b8 !important;
}

.dark-theme .badge.bg-light {
    background-color: rgba(148, 163, 184, 0.2) !important;
    color: #e2e8f0 !important;
}

/* Ajuste para botones de iu00f3nicos en modo oscuro */
.dark-theme .btn i,
.dark-theme .nav-link i,
.dark-theme a i,
.dark-theme h6 i {
    color: var(--anboto-primary-light);
}

/* Ajustes adicionales para textos y enlaces */
.dark-theme strong,
.dark-theme b {
    color: #e2e8f0 !important;
}

.dark-theme strong.text-success,
.dark-theme b.text-success,
.dark-theme span.text-success,
.dark-theme .text-success {
    color: #10b981 !important;
}

.dark-theme strong.text-danger,
.dark-theme b.text-danger,
.dark-theme span.text-danger,
.dark-theme .text-danger {
    color: #ef4444 !important;
}

/* Mejoras adicionales para los botones de acciones en tablas */
.dark-theme .btn-outline-primary.btn-sm {
    background-color: rgba(99, 102, 241, 0.15) !important;
    border: none !important;
    color: var(--anboto-primary-light) !important;
}

.dark-theme .btn-outline-primary.btn-sm:hover {
    background-color: rgba(99, 102, 241, 0.25) !important;
    box-shadow: none !important;
    color: #374151 !important;
}

/* FIX PARA TODAS LAS TARJETAS Y CARDS */
.dark-theme .card-header {
    background: none !important;
    background-color: rgba(30, 41, 59, 0.9) !important;
    background-image: none !important;
    color: #e2e8f0 !important;
    border-bottom-color: var(--anboto-border) !important;
}

.dark-theme .card-body {
    background: none !important;
    background-color: var(--anboto-surface) !important;
    background-image: none !important;
    color: #e2e8f0 !important;
}

.dark-theme .card h1,
.dark-theme .card h2,
.dark-theme .card h3,
.dark-theme .card h4,
.dark-theme .card h5,
.dark-theme .card h6 {
    color: #ffffff !important;
}

/* ============ FIXES FINALES PARA TODOS LOS ELEMENTOS ============ */

/* Fix para las tablas en dashboard */
.dark-theme .table-responsive table td,
.dark-theme .card .table td,
.dark-theme .card-body .table td {
    color: #e2e8f0 !important;
}

.dark-theme table tr td {
    color: #e2e8f0 !important;
}

/* Fix específico para cabeceras de tablas */
.dark-theme thead tr th,
.dark-theme table thead th {
    color: #e2e8f0 !important;
    background-color: #1e293b !important;
}

/* SUPER ESPECÍFICO para el dashboard - Override absoluto */
.dark-theme tbody tr td,
.dark-theme tbody td,
.dark-theme .table tbody tr td,
.dark-theme .table-responsive .table tbody tr td {
    color: #e2e8f0 !important;
    background-color: transparent !important;
}

.dark-theme tbody tr td *,
.dark-theme .table tbody tr td * {
    color: #e2e8f0 !important;
}

/* Fix para elementos específicos dentro de celdas */
.dark-theme td span,
.dark-theme td div,
.dark-theme td p,
.dark-theme td strong,
.dark-theme td b {
    color: #e2e8f0 !important;
}

/* Fix para enlaces en tablas */
.dark-theme td a:not(.btn):not(.badge) {
    color: var(--anboto-primary-light) !important;
}

.dark-theme td a:not(.btn):not(.badge):hover {
    color: #a5b4fc !important;
}

/* REGLA UNIVERSAL PARA TABLAS - MÁXIMA PRIORIDAD */
.dark-theme table * {
    color: #e2e8f0 !important;
}

/* REGLA CRUCIAL PARA ANTIGUAS INVERSIONES EN MODO OSCURO - DESACTIVADA */
/*
.dark-theme #soldInvestmentsCollapse tr.table-secondary:hover td {
    background-color: rgba(59, 130, 246, 0.3) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.dark-theme #soldInvestmentsCollapse tr.table-secondary:hover td.text-success {
    color: #34d399 !important;
}

.dark-theme #soldInvestmentsCollapse tr.table-secondary:hover td.text-danger {
    color: #fb7185 !important;
}
*/

/* Fix para cabecera Antiguas Inversiones en dashboard */
.dark-theme .card-header.bg-secondary {
    background: none !important;
    background-color: rgba(30, 41, 59, 0.9) !important;
    background-image: none !important;
    color: #e2e8f0 !important;
    border-bottom-color: var(--anboto-border) !important;
}

.dark-theme .card-header.bg-secondary .btn-link {
    color: #ffffff !important;
    text-decoration: none !important;
}

.dark-theme .card-header.bg-secondary .btn-link i {
    color: var(--anboto-primary-light) !important;
}

.dark-theme .card-header.bg-secondary .badge.bg-light {
    background-color: rgba(129, 140, 248, 0.2) !important;
    color: #e2e8f0 !important;
    border: 1px solid rgba(129, 140, 248, 0.3) !important;
}

/* Fix para el contenido del cuadro de Antiguas Inversiones */
.dark-theme #soldInvestmentsCollapse .table-secondary td {
    background-color: rgba(51, 65, 85, 0.5) !important;
    color: #e2e8f0 !important;
}

/* Reglas de hover desactivadas - Se controlan desde base.html */
/*
.dark-theme #soldInvestmentsCollapse .table-secondary:hover td {
    background-color: rgba(51, 65, 85, 0.6) !important;
}

.dark-theme #soldInvestmentsCollapse .table-secondary:hover td {
    color: #ffffff !important;
}
*/

/* Reglas de hover específicas desactivadas - Controladas desde base.html */
/*
.dark-theme #soldInvestmentsCollapse .table-secondary:hover td.text-success,
.dark-theme #soldInvestmentsCollapse .table-secondary:hover td.text-success * {
    color: #4ade80 !important;
}

.dark-theme #soldInvestmentsCollapse .table-secondary:hover td.text-danger,
.dark-theme #soldInvestmentsCollapse .table-secondary:hover td.text-danger * {
    color: #f87171 !important;
}

.dark-theme #soldInvestmentsCollapse .table-secondary:hover td.text-end:not(.text-success):not(.text-danger) {
    color: #e2e8f0 !important;
}

.dark-theme #soldInvestmentsCollapse .table-secondary:hover td .badge {
    color: inherit !important;
}

.dark-theme #soldInvestmentsCollapse .table-secondary:hover td a i {
    color: var(--anboto-primary-light) !important;
}

.dark-theme #soldInvestmentsCollapse .table-secondary:hover td:not(.text-success):not(.text-danger):not(.text-end) {
    color: #ffffff !important;
}
*/

.dark-theme #soldInvestmentsCollapse .text-muted {
    color: #cbd5e1 !important;
}

.dark-theme #soldInvestmentsCollapse .fw-bold.text-muted {
    color: #e2e8f0 !important;
}

.dark-theme #soldInvestmentsCollapse .badge.bg-secondary {
    background-color: rgba(129, 140, 248, 0.2) !important;
    color: #e2e8f0 !important;
}

.dark-theme #soldInvestmentsCollapse thead th {
    background-color: rgba(30, 41, 59, 0.9) !important;
    color: #ffffff !important;
    font-weight: 600;
}

/* Valores y porcentajes en el cuadro de Antiguas Inversiones */
.dark-theme #soldInvestmentsCollapse .text-success,
.dark-theme #soldInvestmentsCollapse td.text-success {
    color: #4ade80 !important; /* Verde más claro */
    font-weight: 600 !important;
}

.dark-theme #soldInvestmentsCollapse .text-danger,
.dark-theme #soldInvestmentsCollapse td.text-danger {
    color: #f87171 !important; /* Rojo más claro */
    font-weight: 600 !important;
}

/* Colores para los valores monetarios */
.dark-theme #soldInvestmentsCollapse .text-end:not(.text-success):not(.text-danger) {
    color: #cbd5e1 !important;
}

/* Mejora para las acciones de cada inversión */
.dark-theme #soldInvestmentsCollapse a.btn-sm {
    color: var(--anboto-primary-light) !important;
    background-color: rgba(99, 102, 241, 0.15) !important;
    border: none !important;
}

.dark-theme #soldInvestmentsCollapse a.btn-sm:hover {
    background-color: rgba(99, 102, 241, 0.25) !important;
    color: #a5b4fc !important;
}

/* Excepciones para badges y botones en tablas */
.dark-theme table .badge {
    color: inherit !important;
}

.dark-theme table .btn {
    color: inherit !important;
}

/* Colores específicos para texto de estado */
.dark-theme table .text-success {
    color: #4ade80 !important;
}

.dark-theme table .text-danger {
    color: #f87171 !important;
}

.dark-theme table .text-info {
    color: #38bdf8 !important;
}

.dark-theme table .text-warning {
    color: #fbbf24 !important;
}

.dark-theme table .text-muted {
    color: #94a3b8 !important;
}

/* Colores para textos especiales */
.dark-theme .text-danger {
    color: #f87171 !important; /* Rojo mu00e1s claro */
}

.dark-theme .text-success {
    color: #4ade80 !important; /* Verde mu00e1s claro */
}

.dark-theme .text-info {
    color: #38bdf8 !important; /* Azul mu00e1s claro */
}

/* Destacar filas en hover para todas las tablas - DESACTIVADO para Antiguas Inversiones */
/*
.dark-theme tr:hover td {
    background-color: rgba(51, 65, 85, 0.7) !important;
}

.dark-theme tbody tr:hover {
    background-color: rgba(51, 65, 85, 0.7) !important;
}
*/

/* Fix para badges en tablas */
.dark-theme .table .badge {
    font-weight: 500 !important;
}

.dark-theme .badge.bg-secondary {
    background-color: #475569 !important;
    color: #e2e8f0 !important;
}

.dark-theme .badge.bg-success {
    background-color: #10b981 !important;
    color: #f0fdfa !important;
}

.dark-theme .badge.bg-info {
    background-color: #0ea5e9 !important;
    color: #f0f9ff !important;
}

.dark-theme .badge.bg-warning {
    background-color: #f59e0b !important;
    color: #fffbeb !important;
}

.dark-theme .badge.bg-danger {
    background-color: #ef4444 !important;
    color: #fef2f2 !important;
}

/* Fix final para textos destacados en tablas y etiquetas */
.dark-theme label:not(.badge):not(.text-success):not(.text-danger):not(.text-info):not(.btn),
.dark-theme span:not(.badge):not(.text-success):not(.text-danger):not(.text-info):not(.btn),
.dark-theme p:not(.text-success):not(.text-danger):not(.text-info):not(.btn),
.dark-theme td div {
    color: #e2e8f0 !important;
}

/* Excepciones para texto en elementos de menú y navegación */
.dark-theme .dropdown-item,
.dark-theme .nav-link {
    color: inherit;
}

/* Theme toggle button styling */
.theme-toggle {
    color: var(--anboto-text-primary);
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.375rem 0.75rem;
    transition: color 0.15s ease-in-out;
    display: flex;
    align-items: center;
}

.theme-toggle:hover {
    color: var(--anboto-primary);
}

.theme-toggle i {
    font-size: 1.2rem;
}

/* Importar estilos específicos para Antiguas Inversiones - DESACTIVADO */
/* @import url('antiguas-inversiones.css'); */

/* ============================================
   MEJORAS ESPECÍFICAS PARA DARK THEME
   Añadido: $(date +%Y-%m-%d)
   ============================================ */

/* PÁGINA DE INICIO - Mejoras sutiles */
.dark-theme .container.py-5 .btn-primary {
    box-shadow: 0 4px 8px rgba(129, 140, 248, 0.25);
    transition: all 0.3s ease;
}

.dark-theme .container.py-5 .btn-primary:hover {
    box-shadow: 0 6px 12px rgba(129, 140, 248, 0.4);
    transform: translateY(-1px);
}

.dark-theme .container.py-5 .btn-outline-primary:hover {
    box-shadow: 0 4px 8px rgba(129, 140, 248, 0.25);
}

/* LOGIN Y REGISTER - Mejoras en formularios */
.dark-theme .login-card,
.dark-theme .register-card {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

.dark-theme .form-control {
    transition: all 0.2s ease;
}

.dark-theme .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(129, 140, 248, 0.15);
}

/* GRÁFICOS - Mejoras para ApexCharts */
.dark-theme .apexcharts-tooltip {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme .apexcharts-tooltip-title {
    background: #0f172a !important;
    border-bottom: 1px solid #334155 !important;
    color: #f1f5f9 !important;
    font-weight: 600;
    padding: 8px 12px;
}

.dark-theme .apexcharts-tooltip-text-y-label,
.dark-theme .apexcharts-tooltip-text-y-value {
    color: #cbd5e1 !important;
}

.dark-theme .apexcharts-tooltip-series-group {
    background: transparent !important;
    padding: 4px 12px;
}

.dark-theme .apexcharts-xaxistooltip {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #cbd5e1 !important;
}

.dark-theme .apexcharts-yaxistooltip {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    color: #cbd5e1 !important;
}

/* Grid lines de gráficos más suaves */
.dark-theme .apexcharts-gridline {
    stroke: #334155 !important;
    stroke-opacity: 0.5;
}

.dark-theme .apexcharts-grid-line {
    stroke: #334155 !important;
}

/* Ejes de gráficos */
.dark-theme .apexcharts-xaxis-label,
.dark-theme .apexcharts-yaxis-label {
    fill: #94a3b8 !important;
    font-size: 12px;
}

/* Leyenda de gráficos */
.dark-theme .apexcharts-legend-text {
    color: #cbd5e1 !important;
}

.dark-theme .apexcharts-legend-series {
    margin: 4px 8px !important;
}

/* Toolbar de gráficos */
.dark-theme .apexcharts-toolbar {
    background: transparent;
}

.dark-theme .apexcharts-menu {
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

.dark-theme .apexcharts-menu-item {
    color: #cbd5e1 !important;
    padding: 8px 12px;
}

.dark-theme .apexcharts-menu-item:hover {
    background: #334155 !important;
    color: #f1f5f9 !important;
}

/* DASHBOARD - Cards mejoradas */
.dark-theme .card {
    transition: box-shadow 0.3s ease;
}

.dark-theme .card:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
}

/* INVERSIONES - Detalle mejorado */
.dark-theme .investment-detail-card {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.dark-theme .investment-detail-header {
    border-bottom: 2px solid #334155;
}

/* Transiciones suaves globales para dark theme */
.dark-theme .btn {
    transition: all 0.3s ease;
}

.dark-theme .card {
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.dark-theme a {
    transition: color 0.2s ease;
}

/* Scrollbar mejorado solo para dark theme */
.dark-theme ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.dark-theme ::-webkit-scrollbar-track {
    background: #0f172a;
}

.dark-theme ::-webkit-scrollbar-thumb {
    background: #334155;
    border-radius: 4px;
}

.dark-theme ::-webkit-scrollbar-thumb:hover {
    background: #475569;
}

/* Mejoras en inputs para mejor UX */
.dark-theme input::placeholder,
.dark-theme textarea::placeholder {
    color: #64748b;
    opacity: 0.8;
}

/* Alertas con mejor contraste */
.dark-theme .alert {
    border-width: 1px;
}

.dark-theme .alert-info {
    background-color: rgba(129, 140, 248, 0.1);
    border-color: #818cf8;
    color: #c7d2fe;
}

.dark-theme .alert-success {
    background-color: rgba(16, 185, 129, 0.1);
    border-color: #10b981;
    color: #6ee7b7;
}

.dark-theme .alert-danger {
    background-color: rgba(239, 68, 68, 0.1);
    border-color: #ef4444;
    color: #fca5a5;
}

.dark-theme .alert-warning {
    background-color: rgba(251, 191, 36, 0.1);
    border-color: #fbbf24;
    color: #fde68a;
}

/* Modal mejorado */
.dark-theme .modal-content {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
}

/* Dropdown mejorado */
.dark-theme .dropdown-menu {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4);
}


/* ============================================
   MEJORAS LOGO Y LOGIN/REGISTER
   Fecha: $(date +%Y-%m-%d)
   ============================================ */

/* LOGO "LORIEN INVERSIONES" - Colores mejorados para dark theme */
.dark-theme .navbar-brand {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
    padding: 0.6rem 1.2rem !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

.dark-theme .navbar-brand:hover {
    box-shadow: 0 6px 16px rgba(129, 140, 248, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Texto "Lorien" - Color principal más vibrante */
.dark-theme .navbar-brand div div[style*="font-size: 1.6rem"],
.dark-theme .navbar-brand div div:first-child {
    color: #1e293b !important;
    font-weight: 900 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    letter-spacing: -0.5px !important;
}

/* Texto "Inversiones" - Color secundario elegante */
.dark-theme .navbar-brand div div[style*="font-size: 1.1rem"],
.dark-theme .navbar-brand div div:nth-child(2) {
    color: #64748b !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

/* Logo imagen con mejor brillo */
.dark-theme .navbar-brand img {
    filter: brightness(1.1) contrast(1.05) !important;
    transition: filter 0.3s ease !important;
}

.dark-theme .navbar-brand:hover img {
    filter: brightness(1.2) contrast(1.1) !important;
}

/* ============================================
   LOGIN PAGE - Diseño mejorado
   ============================================ */

/* Background de la página login */
.dark-theme body:has(.login-card) {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
    position: relative;
}

/* Efecto de partículas/grid sutil en fondo */
.dark-theme body:has(.login-card)::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: 
        radial-gradient(circle at 20% 50%, rgba(129, 140, 248, 0.05) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(99, 102, 241, 0.05) 0%, transparent 50%);
    pointer-events: none;
    z-index: 0;
}

/* Card de login mejorado */
.dark-theme .login-card {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1px solid #334155 !important;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(129, 140, 248, 0.1) !important;
    backdrop-filter: blur(20px) !important;
    position: relative;
    z-index: 1;
}

/* Header de login con gradiente sutil */
.dark-theme .login-header {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%) !important;
    border-bottom: 2px solid rgba(129, 140, 248, 0.2) !important;
    position: relative;
}

/* Brillo sutil en el header */
.dark-theme .login-header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, #818cf8, transparent);
    opacity: 0.5;
}

/* Logo en login/register más visible */
.dark-theme .login-header img {
    filter: brightness(1.2) drop-shadow(0 2px 8px rgba(129, 140, 248, 0.3)) !important;
}

/* Texto del título */
.dark-theme .login-header h4 {
    color: #f1f5f9 !important;
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

/* Inputs mejorados con borde sutil */
.dark-theme .login-card .form-control,
.dark-theme .register-card .form-control {
    background: rgba(15, 23, 42, 0.8) !important;
    border: 1.5px solid #334155 !important;
    color: #f1f5f9 !important;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    transition: all 0.3s ease !important;
}

.dark-theme .login-card .form-control:focus,
.dark-theme .register-card .form-control:focus {
    background: rgba(15, 23, 42, 0.95) !important;
    border-color: #818cf8 !important;
    box-shadow: 
        0 0 0 3px rgba(129, 140, 248, 0.1),
        0 4px 12px rgba(129, 140, 248, 0.15) !important;
    color: #ffffff !important;
}

/* Labels de formulario */
.dark-theme .login-card .form-label,
.dark-theme .register-card .form-label {
    color: #cbd5e1 !important;
    font-weight: 500;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

/* Íconos en labels */
.dark-theme .login-card .form-label i,
.dark-theme .register-card .form-label i {
    color: #818cf8;
    margin-right: 0.3rem;
}

/* Botón submit principal */
.dark-theme .login-card .btn-primary,
.dark-theme .register-card .btn-primary {
    background: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
    border: none !important;
    box-shadow: 
        0 4px 12px rgba(129, 140, 248, 0.4),
        0 0 0 1px rgba(129, 140, 248, 0.2) !important;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: all 0.3s ease !important;
}

.dark-theme .login-card .btn-primary:hover,
.dark-theme .register-card .btn-primary:hover {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    box-shadow: 
        0 6px 20px rgba(129, 140, 248, 0.5),
        0 0 0 1px rgba(129, 140, 248, 0.3) !important;
    transform: translateY(-2px) !important;
}

.dark-theme .login-card .btn-primary:active,
.dark-theme .register-card .btn-primary:active {
    transform: translateY(0) !important;
    box-shadow: 
        0 2px 8px rgba(129, 140, 248, 0.4) !important;
}

/* ============================================
   REGISTER PAGE - Estilos específicos
   ============================================ */

.dark-theme body:has(.register-card) {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%) !important;
}

.dark-theme .register-card {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%) !important;
    border: 1px solid #334155 !important;
    box-shadow: 
        0 20px 60px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(129, 140, 248, 0.1) !important;
}

/* Link de "Ya tienes cuenta?" */
.dark-theme .link-to-login {
    color: #a5b4fc !important;
    font-weight: 600;
    transition: all 0.2s ease;
}

.dark-theme .link-to-login:hover {
    color: #818cf8 !important;
    text-decoration: underline !important;
}

/* HR separator */
.dark-theme .login-card hr,
.dark-theme .register-card hr {
    border-color: #334155 !important;
    opacity: 0.5;
}

/* Texto de seguridad/ayuda */
.dark-theme .login-card .text-muted,
.dark-theme .register-card .text-muted {
    color: #94a3b8 !important;
}

.dark-theme .login-card .text-muted i,
.dark-theme .register-card .text-muted i {
    color: #10b981;
}

/* Footer copyright */
.dark-theme .login-card + div small,
.dark-theme .register-card + div small {
    color: #64748b !important;
}

/* Alertas en login/register con mejor contraste */
.dark-theme .login-card .alert,
.dark-theme .register-card .alert {
    border-radius: 8px;
    border-width: 1px;
    font-size: 0.9rem;
}

.dark-theme .login-card .alert-danger,
.dark-theme .register-card .alert-danger {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: #ef4444 !important;
    color: #fca5a5 !important;
}

.dark-theme .login-card .alert-success,
.dark-theme .register-card .alert-success {
    background: rgba(16, 185, 129, 0.15) !important;
    border-color: #10b981 !important;
    color: #6ee7b7 !important;
}

.dark-theme .login-card .alert-info,
.dark-theme .register-card .alert-info {
    background: rgba(129, 140, 248, 0.15) !important;
    border-color: #818cf8 !important;
    color: #c7d2fe !important;
}

/* Animación sutil al cargar */
.dark-theme .login-card,
.dark-theme .register-card {
    animation: fadeInScale 0.4s ease-out;
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

/* Placeholder mejorado */
.dark-theme .login-card .form-control::placeholder,
.dark-theme .register-card .form-control::placeholder {
    color: #64748b !important;
    opacity: 0.7;
}

/* Estado invalid en formularios */
.dark-theme .login-card .form-control:invalid,
.dark-theme .register-card .form-control:invalid {
    border-color: #ef4444 !important;
}

.dark-theme .invalid-feedback {
    color: #fca5a5 !important;
    font-size: 0.85rem;
}


/* ============================================

/* ============================================
   PÁGINA PRINCIPAL - TEXTOS LORIEN/INVERSIONES
   Selectores específicos para dark theme
   Fecha: $(date +%Y-%m-%d %H:%M:%S)
   ============================================ */

/* Texto "Lorien" en página principal - Color gris claro */
.dark-theme body > main > div > div > div > div.mb-4.d-flex.align-items-center > div > div:nth-child(1) {
    color: rgb(214, 214, 214) !important;
}

/* Texto "Inversiones" en página principal - Color gris medio */
.dark-theme body > main > div > div > div > div.mb-4.d-flex.align-items-center > div > div:nth-child(2) {
    color: rgb(131, 142, 153) !important;
}

/* Alternativa con clase brand-text para mayor compatibilidad */
.dark-theme .brand-text > div:nth-child(1) {
    color: rgb(214, 214, 214) !important;
}

.dark-theme .brand-text > div:nth-child(2) {
    color: rgb(131, 142, 153) !important;
}

/* Asegurar que se aplique en contenedor py-5 también */
.dark-theme .container.py-5 .brand-text > div:nth-child(1) {
    color: rgb(214, 214, 214) !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.dark-theme .container.py-5 .brand-text > div:nth-child(2) {
    color: rgb(131, 142, 153) !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}


/* ============================================
   OCULTAR ELEMENTO MODAL-FOOTER
   Fecha: $(date +%Y-%m-%d %H:%M:%S)
   ============================================ */

/* Ocultar modal-footer específico */
body > div.modal-footer {
    display: none !important;
}

/* También en dark theme para asegurar */
.dark-theme body > div.modal-footer {
    display: none !important;
    visibility: hidden !important;
}


/* ============================================
   LOGIN/REGISTER - COLORES UNIFICADOS CON PÁGINA INICIO
   Aplicar mismos colores que index.html
   Fecha: $(date +%Y-%m-%d %H:%M:%S)
   ============================================ */

/* Background igual que página de inicio */
.dark-theme body:has(.login-card),
.dark-theme body:has(.register-card) {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%) !important;
}

/* Eliminar efectos adicionales - usar fondo limpio como en inicio */
.dark-theme body:has(.login-card)::before,
.dark-theme body:has(.register-card)::before {
    background: transparent !important;
}

.dark-theme body:has(.login-card)::after,
.dark-theme body:has(.register-card)::after {
    display: none !important;
}

/* Cards con mismo fondo que elementos de inicio */
.dark-theme .login-card,
.dark-theme .register-card {
    background: var(--anboto-surface) !important;
    border: 1px solid var(--anboto-border) !important;
    box-shadow: var(--shadow-xl) !important;
}

/* Header con mismo color que cards de inicio */
.dark-theme .login-header {
    background: var(--anboto-bg-secondary) !important;
    border-bottom: 1px solid var(--anboto-border) !important;
}

/* Títulos con mismo color que página inicio */
.dark-theme .login-header h4 {
    color: var(--anboto-text-primary) !important;
    text-shadow: none !important;
}

/* Texto "Lorien Inversiones" igual que en inicio */
.dark-theme .login-header div[style*="font-size: 2.2em"],
.dark-theme .login-header div div:first-child {
    color: rgb(214, 214, 214) !important;
    text-shadow: none !important;
}

.dark-theme .login-header div[style*="font-size: 1.5em"],
.dark-theme .login-header div div:nth-child(2) {
    color: rgb(131, 142, 153) !important;
    text-shadow: none !important;
}

/* Inputs con colores de variables CSS de inicio */
.dark-theme .login-card .form-control,
.dark-theme .register-card .form-control {
    background: var(--anboto-bg) !important;
    border: 1px solid var(--anboto-border) !important;
    color: var(--anboto-text-primary) !important;
}

.dark-theme .login-card .form-control:focus,
.dark-theme .register-card .form-control:focus {
    background: var(--anboto-bg-secondary) !important;
    border-color: var(--anboto-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(129, 140, 248, 0.25) !important;
}

/* Placeholder con color de texto terciario */
.dark-theme .login-card .form-control::placeholder,
.dark-theme .register-card .form-control::placeholder {
    color: var(--anboto-text-tertiary) !important;
    opacity: 0.7;
}

/* Labels con color de texto secundario */
.dark-theme .login-card .form-label,
.dark-theme .register-card .form-label {
    color: var(--anboto-text-secondary) !important;
    font-weight: 500;
    text-shadow: none !important;
}

/* Botones igual que en página inicio */
.dark-theme .login-card .btn-primary,
.dark-theme .register-card .btn-primary {
    background: linear-gradient(135deg, #818cf8 0%, #6366f1 100%) !important;
    border: none !important;
    box-shadow: 0 4px 12px rgba(129, 140, 248, 0.3) !important;
}

.dark-theme .login-card .btn-primary:hover,
.dark-theme .register-card .btn-primary:hover {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
    box-shadow: 0 6px 16px rgba(129, 140, 248, 0.5) !important;
    transform: translateY(-2px) !important;
}

/* Links igual que en inicio */
.dark-theme .link-to-login,
.dark-theme .login-card a,
.dark-theme .register-card a {
    color: var(--anboto-primary-light) !important;
    text-shadow: none !important;
}

.dark-theme .link-to-login:hover,
.dark-theme .login-card a:hover,
.dark-theme .register-card a:hover {
    color: var(--anboto-primary) !important;
}

/* Texto muted con color terciario */
.dark-theme .login-card .text-muted,
.dark-theme .register-card .text-muted {
    color: var(--anboto-text-tertiary) !important;
    text-shadow: none !important;
}

/* Footer copyright */
.dark-theme .login-card + div small,
.dark-theme .register-card + div small {
    color: var(--anboto-text-tertiary) !important;
    text-shadow: none !important;
}

/* HR con color de border */
.dark-theme .login-card hr,
.dark-theme .register-card hr {
    border-color: var(--anboto-border) !important;
    opacity: 0.5;
}

/* Alertas con mismos colores */
.dark-theme .login-card .alert-danger,
.dark-theme .register-card .alert-danger {
    background: rgba(239, 68, 68, 0.15) !important;
    border-color: var(--anboto-danger) !important;
    color: #fca5a5 !important;
}

.dark-theme .login-card .alert-success,
.dark-theme .register-card .alert-success {
    background: rgba(16, 185, 129, 0.15) !important;
    border-color: var(--anboto-success) !important;
    color: #6ee7b7 !important;
}

.dark-theme .login-card .alert-info,
.dark-theme .register-card .alert-info {
    background: rgba(129, 140, 248, 0.15) !important;
    border-color: var(--anboto-primary) !important;
    color: var(--anboto-primary-light) !important;
}

/* Logo con mismo filtro que en inicio */
.dark-theme .login-header img {
    filter: brightness(1.1) !important;
}


/* Portfolio Chart Legend - Textos más oscuros en dark mode para mejor contraste */
.dark-theme #portfolio-chart-legend {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

.dark-theme #portfolio-chart-legend span,
.dark-theme #portfolio-chart-legend strong,
.dark-theme #portfolio-chart-legend div {
    color: #f1f5f9 !important;
}

.dark-theme #portfolio-chart-legend > div > div:nth-child(1) > div > span > strong,
.dark-theme #portfolio-chart-legend > div > div:nth-child(2) > div > span > strong,
.dark-theme #portfolio-chart-legend > div > div:nth-child(3) > div > span > strong,
.dark-theme #portfolio-chart-legend > div > div:nth-child(4) > div > span > strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.dark-theme #portfolio-chart-legend .legend-item {
    color: #e2e8f0 !important;
}


/* Chart Legend (Ver Inversiones) - Textos más oscuros en dark mode para mejor contraste */
.dark-theme #chart-legend {
    background-color: #1e293b !important;
    border-color: #334155 !important;
}

.dark-theme #chart-legend span,
.dark-theme #chart-legend strong,
.dark-theme #chart-legend div {
    color: #f1f5f9 !important;
}

.dark-theme #chart-legend > div > div:nth-child(1) > div > span > strong,
.dark-theme #chart-legend > div > div:nth-child(2) > div > span > strong,
.dark-theme #chart-legend > div > div:nth-child(3) > div > span > strong,
.dark-theme #chart-legend > div > div:nth-child(4) > div > span > strong {
    color: #ffffff !important;
    font-weight: 700 !important;
}

.dark-theme #chart-legend .legend-item {
    color: #e2e8f0 !important;
}