/* Fondo general negro con azul */
body, .main, .content, .card, .sidebar, .page-loader, .note, .form-control, .table, .dropdown-menu, .progress, .note-content {
    background: linear-gradient(135deg, #0a0a1a 0%, #003366 100%) !important;
    color: #b3e6ff !important;
    border-color: #2196f3 !important;
}

/* Tarjetas y elementos destacados */
.card, .note, .table, .dropdown-menu, .progress, .note-content {
    border-radius: 18px !important;
    border: 2px solid #2196f3 !important;
    box-shadow: 0 4px 20px #00336688, 0 0 10px #2196f388;
    background: rgba(10, 10, 26, 0.85) !important;
    backdrop-filter: blur(8px) saturate(120%);
}

/* Sidebar y loader */
.sidebar, .page-loader {
    background: linear-gradient(135deg, #0a0a1a 0%, #003366 100%) !important;
    box-shadow: 0 0 24px #2196f388;
}

/* Títulos y textos destacados */
h1, h2, h3, h4, h5, h6, label, .content__title, .note-content, .form-group label, .sidebar, .main, .dropdown-item, .badge, .btn, .table, .card-body, .card-title, .card-text, .top-nav, .navigation, .sidebar .user__name, .sidebar .user__info, .sidebar .user__img, .sidebar .user, .sidebar .scrollbar, .sidebar .navigation__sub, .sidebar .navigation__sub a, .sidebar .navigation__sub ul, .sidebar .navigation__sub li {
    color: #b3e6ff !important;
    text-shadow: 0 0 8px #2196f3, 0 0 4px #003366;
    letter-spacing: 0.5px;
}

/* Inputs y formularios */
input, select, textarea {
    background: #111a2b !important;
    color: #b3e6ff !important;
    border: 2px solid #2196f3 !important;
    box-shadow: 0 0 8px #2196f388;
    border-radius: 8px !important;
    font-weight: 500;
}

input:focus, select:focus, textarea:focus {
    outline: none !important;
    border-color: #64b5f6 !important;
    box-shadow: 0 0 16px #2196f3aa;
}

/* Botones */
.btn-theme, .btn {
    background: #2196f3 !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 0 12px #003366, 0 0 8px #2196f3;
    text-shadow: 0 0 8px #2196f3;
    border-radius: 8px !important;
    font-weight: 700;
    letter-spacing: 1px;
    transition: background 0.2s, box-shadow 0.2s, transform 0.1s;
}

.btn-theme:hover, .btn:hover {
    background: #0a0a1a !important;
    color: #2196f3 !important;
    box-shadow: 0 0 16px #2196f3;
    transform: translateY(-2px) scale(1.04);
}

/* Badges */
.badge, .badge-primary, .badge-danger, .badge-warning, .badge-info, .badge-secondary {
    background: #2196f3 !important;
    color: #fff !important;
    box-shadow: 0 0 8px #003366;
    border-radius: 6px !important;
}

hr {
    border-top: 2px solid #2196f3 !important;
    margin: 2rem 0;
    box-shadow: 0 0 8px #003366;
}

.table th, .table td {
    border-color: #2196f3 !important;
}

::-webkit-scrollbar {
    width: 8px;
    background: #0a0a1a;
}
::-webkit-scrollbar-thumb {
    background: #2196f3;
    border-radius: 8px;
    box-shadow: 0 0 8px #003366;
}

/* Login fondo luna */
.login-bg {
    min-height: 100vh;
    width: 100vw;
    color: #b3e6ff !important;
    background: url('https://images.unsplash.com/photo-1465101046530-73398c7f28ca?auto=format&fit=crop&w=1500&q=80') center center/cover no-repeat, linear-gradient(135deg, #0a0a1a 0%, #003366 100%) !important;
}

/* Bloque login transparente con borde azul */
.login__block {
    background: rgba(10, 10, 26, 0.7) !important;
    border-radius: 18px !important;
    border: 2px solid #2196f3 !important;
    box-shadow: 0 0 24px #2196f388, 0 0 8px #00336688;
    backdrop-filter: blur(8px) saturate(120%);
}

/* Login inputs y botones */
.login__block__header h4, .login__block__header i, .login__block__body label, .login__block__body input, .login__block__body .btn-theme, .login__block__body .btn, .login__block__body {
    color: #b3e6ff !important;
    text-shadow: 0 0 8px #2196f3;
}

.login__block__body input,
.login__block__body input:focus {
    background: #111a2b !important;
    color: #b3e6ff !important;
    border: 2px solid #2196f3 !important;
    box-shadow: 0 0 8px #2196f3;
    border-radius: 12px !important;
    font-weight: 500;
    padding: 14px 20px !important;
    margin-bottom: 22px !important;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.login__block__body .btn-theme:hover, .login__block__body .btn:hover {
    background: #0a0a1a !important;
    color: #2196f3 !important;
    box-shadow: 0 0 8px #2196f3;
    transform: translateY(-2px) scale(1.04);
}

/* Inicio fondo luna */
.home-bg, .dashboard-bg, .checker-bg {
    min-height: 100vh;
    width: 100vw;
    background: url('https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1500&q=80') center center/cover no-repeat, linear-gradient(135deg, #0a0a1a 0%, #003366 100%) !important;
    background-color: transparent !important;
}

/* Placeholder azul */
::-webkit-input-placeholder { color: #2196f3 !important; text-shadow: 0 0 8px #003366; }
::-moz-placeholder { color: #2196f3 !important; text-shadow: 0 0 8px #003366; }
:-ms-input-placeholder { color: #2196f3 !important; text-shadow: 0 0 8px #003366; }
::placeholder { color: #2196f3 !important; text-shadow: 0 0 8px #003366; }