/* neon-theme.css - override to apply black + neon mix */
:root{
  --bg: #050506;
  --panel: rgba(10,10,12,0.95);
  --muted: #d7e9ef;
  --muted-2: #b9c7cf;
  --accent: #00e5ff;    /* cyan */
  --accent-2: #ff00d1;  /* magenta */
  --accent-3: #7CFF00;  /* lime */
  --glass: rgba(255,255,255,0.02);
  --card-shadow: 0 6px 30px rgba(0,0,0,0.7);
  --neon-glow: 0 8px 30px rgba(0,229,255,0.12);
}

/* Page background and base text */
body, html {
  background: var(--bg) !important;
  color: var(--muted) !important;
}

/* Panels / cards */
.card, .panel, .box, .content, .dashboard-card, .card-body {
  background: linear-gradient(180deg, rgba(15,15,17,0.9), rgba(5,5,7,0.9)) !important;
  border: 1px solid rgba(0,229,255,0.06) !important;
  box-shadow: var(--card-shadow) !important;
  color: var(--muted) !important;
}

/* Sidebar */
.sidebar, .left-sidebar, .main-sidebar, .sidenav {
  background: linear-gradient(180deg,#050506,#0b0b0c) !important;
  border-right: 2px solid rgba(0,229,255,0.06) !important;
}

/* Links, accents */
a, .link, .nav-link, .menu-item {
  color: var(--accent) !important;
  text-shadow: 0 0 6px rgba(0,229,255,0.12);
}
a:hover, .link:hover, .nav-link:hover {
  color: var(--accent-2) !important;
  text-shadow: 0 0 12px rgba(255,0,209,0.14);
}

/* Buttons - neon style */
button, .btn, .btn-primary, .btn-success, .btn-warning, .btn-info {
  background: transparent !important;
  border: 1px solid rgba(0,229,255,0.12) !important;
  color: var(--accent) !important;
  box-shadow: var(--neon-glow) !important;
  backdrop-filter: blur(4px) !important;
}
button:hover, .btn:hover {
  box-shadow: 0 12px 40px rgba(0,229,255,0.18) !important;
  transform: translateY(-2px);
}

/* Inputs and form elements */
input, textarea, select {
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
  color: var(--muted) !important;
  outline: none !important;
  box-shadow: none !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--accent) !important;
  box-shadow: 0 8px 30px rgba(0,229,255,0.08) !important;
}

/* Cards header accent line */
.card::before, .panel::before {
  content: '' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  width: 6px !important;
  height: 100% !important;
  background: linear-gradient(180deg,var(--accent),var(--accent-2)) !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
  opacity: 0.95 !important;
}

/* Small neon badges */
.badge, .notification-badge {
  background: linear-gradient(90deg,var(--accent),var(--accent-2)) !important;
  color: #011014 !important;
  box-shadow: 0 6px 24px rgba(0,229,255,0.12) !important;
}

/* Footer */
footer, .site-footer {
  background: transparent !important;
  color: var(--muted-2) !important;
}

/* Images & SVGs fallback: slightly brighten */
img, svg {
  filter: brightness(1.02) contrast(1.02);
}

/* Utility: subtle neon underline for headings */
h1,h2,h3,h4 {
  position: relative;
}
h1::after, h2::after, h3::after {
  content: '' ;
  display: block;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg,var(--accent),var(--accent-2));
  margin-top: 8px;
  box-shadow: 0 8px 30px rgba(0,229,255,0.08);
}

/* Ensure high contrast for small text */
.small, .muted, .text-muted {
  color: #9fb0ba !important;
}

/* End of neon-theme overrides */


/* Additional strong overrides v2 */

/* Strong overrides for persistent white backgrounds and layout containers */
.bg-white, .bg-white *, .card.bg-white, .sticky-footer.bg-white, .navbar.bg-white, .header.bg-white, .topbar.bg-white,
.page-top, .content-wrapper, #content, .main-content, .container-fluid, .site-header, .site-footer, footer, .wrapper, .content {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--muted) !important;
}

/* Force primary content area's background */
#content, .content-wrapper, .container-fluid, .page-top {
  background: linear-gradient(180deg, rgba(5,5,6,0.98), rgba(8,8,10,0.98)) !important;
  box-shadow: none !important;
}

/* Fix sticky footer area that had white bg */
.sticky-footer.bg-white, footer.sticky-footer, .site-footer, footer {
  background: transparent !important;
  color: var(--muted-2) !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

/* Specific: elements commonly used by template */
.bg-gradient-primary, .navbar-nav.bg-gradient-primary, .content-wrapper.bg-white {
  background: linear-gradient(180deg,#050506,#0b0b0c) !important;
  color: var(--muted) !important;
}

/* Make sure header top bar is dark */
.topbar, .navbar, header, .page-header, .header-top {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--muted) !important;
}

/* Force root html/body background to cover whole page */
html, body, .page-top, #wrapper, #content-wrapper {
  background: var(--bg) !important;
  min-height: 100vh !important;
}

/* Utility: hide any white overlay boxes if left */
[style*="background: white"], [style*="background:#fff"], [style*="background:#ffffff"] {
  background: transparent !important;
  background-color: transparent !important;
}
/* -------------------------------------------- */
/*   Neon Black + Glow Theme for Submitted Files */
/* -------------------------------------------- */

#green-file-list-area .card,
#green-file-list-area .card.mb-4,
#green-file-list-area .card.shadow {
    background: linear-gradient(145deg, #0b0f1c 0%, #0f1425 60%, #151a33 100%) !important;
    border: 1px solid rgba(0, 255, 255, 0.12) !important;
    border-radius: 14px !important;
    padding: 12px !important;

    /* Neon Glow */
    box-shadow:
        0 0 12px rgba(0, 255, 255, 0.25),
        0 0 32px rgba(0, 140, 255, 0.20),
        inset 0 0 18px rgba(0, 210, 255, 0.12) !important;

    /* iPhone Fix: No white glow bug */
    -webkit-backdrop-filter: blur(0px);
    backdrop-filter: none !important;
}

/* Title + link text inside cards */
#green-file-list-area .card-body span,
#green-file-list-area .card-body a,
#green-file-list-area .card-body div {
    color: #eaf6ff !important;
    font-weight: 600 !important;
    text-shadow: 0 0 6px rgba(0, 255, 255, 0.45);
}

/* Secondary text (file URL) */
#green-file-list-area small, 
#green-file-list-area .text-muted {
    color: #b8d4ff !important;
    opacity: 0.85 !important;
}

/* ---- Buttons (Open / Copy / Copy All) ---- */

#green-file-list-area .btn,
#green-file-list-area button {
    background: linear-gradient(135deg, #6a00ff, #00d2ff) !important;
    border: none !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    border-radius: 6px !important;

    /* Glow */
    box-shadow: 
        0 0 10px rgba(0, 215, 255, 0.6),
        0 0 18px rgba(145, 0, 255, 0.45) !important;

    transition: 0.2s ease-in-out;
}

/* Button hover */
#green-file-list-area .btn:hover {
    filter: brightness(1.18);
    box-shadow: 
        0 0 22px rgba(0, 215, 255, 1),
        0 0 42px rgba(145, 0, 255, 0.70) !important;
    transform: translateY(-1px);
}

/* ---- MOBILE FIX: Prevent white overscroll and iOS shadow bug ---- */

@media (max-width: 600px) {
    #green-file-list-area .card {
        padding: 10px !important;
        margin-bottom: 12px !important;
        border-radius: 12px !important;
    }

    /* Make text not overflow on small screens */
    #green-file-list-area span, 
    #green-file-list-area a {
        font-size: 14px !important;
        word-break: break-all !important;
    }
}

/* End of strong overrides */