/* ============================================================
   BORIS SENTINEL — PROJECTS MODULE (ORBE NEÓN)
   ============================================================ */

/* ------------------------------------------
   Tarjetas de proyectos (bt-card)
------------------------------------------ */
.bs-card-glass {
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.18);
    backdrop-filter: blur(12px);
    transition: transform .25s ease, box-shadow .25s ease;
}

.bs-card-glass:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 22px rgba(56, 189, 248, 0.35);
}

/* ------------------------------------------
   Badge estados
------------------------------------------ */
.badge.bg-success {
    background: rgba(34, 197, 94, 0.15) !important;
    color: #22c55e !important;
    border: 1px solid rgba(34, 197, 94, 0.35);
}

.badge.bg-danger {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #ef4444 !important;
    border: 1px solid rgba(239, 68, 68, 0.35);
}

/* ------------------------------------------
   Botones neon outlines
------------------------------------------ */
.btn-outline-light,
.btn-outline-info,
.btn-outline-danger {
    border-width: 1px !important;
    transition: all .25s ease;
}

.btn-outline-info:hover {
    box-shadow: 0 0 16px rgba(56, 189, 248, 0.65);
}

.btn-outline-danger:hover {
    box-shadow: 0 0 16px rgba(239, 68, 68, 0.65);
}

.btn-primary {
    background: linear-gradient(90deg, #0ea5e9, #38bdf8);
    border: none;
    transition: all .25s ease;
}

.btn-primary:hover {
    filter: brightness(1.15);
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.55);
}


/* ------------------------------------------
   Dominios permitidos
------------------------------------------ */
.project-domains code {
    font-size: 0.75rem;
    color: var(--orb-blue-light);
}

/* ------------------------------------------
   Resaltar credenciales al abrir "details"
------------------------------------------ */
details summary {
    cursor: pointer;
    padding: 4px 0;
    transition: color .25s;
}

details[open] summary {
    color: var(--orb-blue);
}

/* ------------------------------------------
   Formulario del Lightbox (create/edit)
------------------------------------------ */
.bt-lightbox-overlay form input,
.bt-lightbox-overlay form select {
    background: rgba(15, 23, 42, 0.55);
    border: 1px solid rgba(148, 163, 184, 0.25);
    color: #e2e8f0;
}

.bt-lightbox-overlay form input:focus,
.bt-lightbox-overlay form select:focus {
    border-color: var(--orb-blue);
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.45);
}

/* ------------------------------------------
   Nuevo proyecto button
------------------------------------------ */
.js-project-new {
    box-shadow: 0 0 12px rgba(56, 189, 248, 0.25);
}

.js-project-new:hover {
    box-shadow: 0 0 18px rgba(56, 189, 248, 0.55);
}

/* ------------------------------------------
   Hover neon para botones pequeños
------------------------------------------ */
.btn-sm:hover {
    transform: translateY(-2px);
}

/* ------------------------------------------
   Filtros del buscador
------------------------------------------ */
#projectsFilterForm input,
#projectsFilterForm select {
    background: rgba(15, 23, 42, 0.55) !important;
    border: 1px solid rgba(148, 163, 184, 0.25) !important;
    color: #e2e8f0 !important;
    transition: all .25s ease;
}

#projectsFilterForm input:focus,
#projectsFilterForm select:focus {
    border-color: var(--orb-blue);
    box-shadow: 0 0 10px rgba(56, 189, 248, 0.45);
}

/* ------------------------------------------
   Cards grid spacing on mobile
------------------------------------------ */
@media (max-width: 480px) {
    .bs-card-glass {
        padding: 1rem;
    }
}