/* VivaMee - Full Platform Neon Global Fix */
:root{
  --vm-bg-1:#061325;
  --vm-bg-2:#0b2140;
  --vm-bg-3:#18082b;
  --vm-surface-1:rgba(10, 23, 47, 0.90);
  --vm-surface-2:rgba(14, 28, 54, 0.96);
  --vm-surface-3:rgba(17, 33, 63, 0.96);
  --vm-border:rgba(76, 205, 255, 0.18);
  --vm-border-strong:rgba(76, 205, 255, 0.30);
  --vm-text:#edf6ff;
  --vm-text-soft:#b8c9ea;
  --vm-title:#ffffff;
  --vm-accent:#32d9ff;
  --vm-accent-2:#6a7dff;
  --vm-accent-3:#ff6bd5;
  --vm-success:#59ffc8;
  --vm-shadow:0 14px 34px rgba(0,0,0,0.28);
  --vm-header:linear-gradient(90deg, rgba(6,20,40,.97) 0%, rgba(10,18,52,.97) 55%, rgba(27,10,46,.95) 100%);
  --vm-page-bg:
    radial-gradient(circle at 10% 18%, rgba(55, 213, 255, .20), transparent 25%),
    radial-gradient(circle at 86% 82%, rgba(255, 108, 216, .12), transparent 24%),
    linear-gradient(135deg, var(--vm-bg-1) 0%, var(--vm-bg-2) 48%, var(--vm-bg-3) 100%);
}

html,
body,
body[data-theme="social-dark"],
body.theme-social-dark,
html[data-theme="social-dark"] body{
  background: var(--vm-page-bg) !important;
  color: var(--vm-text) !important;
  background-attachment: fixed !important;
}

#app,
.app-shell,
.page-shell,
.page-root,
.page-wrap,
.main-shell,
.main-layout,
.main-content,
.feed-layout,
.feed-page,
.explore-page,
.marketplace-page,
.communities-page,
.meecam-page,
.aurummind-page,
.hero-shell,
.section-shell,
.content-shell,
.container,
.container-fluid,
main,
section,
article{
  background-color: transparent !important;
}

.navbar,
.topbar,
.header,
.site-header,
header,
.header-pro,
.header-pro-social,
.sticky-top,
.vm-header,
.desktop-header{
  background: var(--vm-header) !important;
  border-bottom: 1px solid var(--vm-border) !important;
  box-shadow: 0 10px 32px rgba(0,0,0,.24) !important;
  backdrop-filter: blur(12px);
}

.card,
.panel,
.widget,
.dropdown-menu,
.menu-dropdown,
.glass-card,
.post-card,
.feed-card,
.surface-card,
.sidebar-card,
.hero-card,
.community-card,
.market-card,
.camera-card,
.profile-card,
.auth-card,
.form-card,
.settings-card,
.theme-card,
.tema-card,
.metric-card,
.summary-card,
.info-card,
.right-column > *,
.left-column > *,
.middle-column > *,
.sidebar > *,
aside > *,
.post,
.post-item,
.post-box,
.story-card,
.quick-card,
.module-card,
.creator-card,
.product-card,
.community-item,
.camera-item,
.ai-card,
.chat-card,
.feedback-card,
.login-panel,
.register-panel,
.box,
.content-box,
.block,
.module,
.dialog,
.modal-content,
.offcanvas,
.table-shell,
.table-card,
.theme-preview-card,
.preview-card,
.chooser-card,
main > .container > .row > div > div,
main .row > div > div,
section .row > div > div{
  background: linear-gradient(180deg, var(--vm-surface-2), var(--vm-surface-1)) !important;
  color: var(--vm-text) !important;
  border: 1px solid var(--vm-border) !important;
  box-shadow: var(--vm-shadow) !important;
}

.hero,
.hero-section,
.hero-banner,
.landing-hero,
.auth-hero,
.jumbo,
.welcome-hero{
  background: linear-gradient(135deg, rgba(10,29,57,.55), rgba(9,22,44,.20)) !important;
}

h1,h2,h3,h4,h5,h6,
.title,
.page-title,
.hero-title,
.section-title,
.brand-title,
.card-title,
.post-title,
.community-title,
.market-title,
.camera-title{
  color: var(--vm-title) !important;
}

p,span,small,label,li,td,th,div,
.text-muted,
.subtitle,
.description,
.muted,
.card-text,
.post-text,
.community-description,
.market-description,
.camera-description,
.help-text,
.form-text{
  color: var(--vm-text-soft) !important;
}

strong,b,.fw-bold{
  color: var(--vm-title) !important;
}

a,
.link,
.nav-link,
.menu-link,
.dropdown-item,
.sidebar a,
header a{
  color: #dff4ff !important;
}

a:hover,
.nav-link:hover,
.dropdown-item:hover{
  color: var(--vm-accent) !important;
}

.btn-primary,
.primary-btn,
button.primary,
button[type="submit"],
.btn-submit,
.cta-btn,
.apply-btn,
.publish-btn,
.create-btn,
.sell-btn,
.ask-btn{
  background: linear-gradient(90deg, var(--vm-accent) 0%, var(--vm-accent-2) 58%, var(--vm-accent-3) 100%) !important;
  color: #fff !important;
  border: 0 !important;
  box-shadow: 0 10px 26px rgba(66,154,255,.28) !important;
}

.btn,
.chip,
.tag,
.badge,
.pill,
.soft-btn,
.secondary-btn,
.btn-outline,
button,
input[type="button"],
input[type="submit"]{
  border-color: var(--vm-border-strong) !important;
}

.btn-light,
.btn-outline-light,
.btn-secondary,
.nav-pill,
.filter-pill,
.theme-chip,
.tema-chip,
button:not(.btn-primary):not(.primary-btn):not([type="submit"]){
  background: rgba(255,255,255,.06) !important;
  color: var(--vm-title) !important;
}

input,
textarea,
select,
.form-control,
.form-select,
.search-input,
.search-box input,
.input-shell,
.textarea-shell,
.form-input,
.form-textarea{
  background: rgba(7, 19, 40, 0.85) !important;
  color: var(--vm-text) !important;
  border: 1px solid var(--vm-border-strong) !important;
  box-shadow: none !important;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder,
.search-input::placeholder{
  color: #8ea5c7 !important;
}

.table,
.list-group,
.list-group-item,
.timeline-item,
.comment,
.reply,
.chat-message,
.notification-item,
.item-row,
.table > :not(caption) > * > *{
  background: transparent !important;
  color: var(--vm-text-soft) !important;
  border-color: rgba(255,255,255,.08) !important;
}

img,
video,
iframe,
.media-frame,
.post-media,
.camera-preview,
.story-media{
  border-radius: 16px;
}

hr,
.divider{
  border-color: rgba(255,255,255,.08) !important;
}

footer,
.site-footer,
.page-footer{
  background: linear-gradient(90deg, rgba(5,18,36,.94), rgba(27,10,46,.92)) !important;
  color: var(--vm-text-soft) !important;
  border-top: 1px solid var(--vm-border) !important;
}

/* force white legacy sections/cards to dark */
[style*="background: white"],
[style*="background:white"],
[style*="background-color: white"],
[style*="background-color:white"],
[style*="background:#fff"],
[style*="background: #fff"],
[style*="background-color:#fff"],
[style*="background-color: #fff"]{
  background: linear-gradient(180deg, var(--vm-surface-2), var(--vm-surface-1)) !important;
  color: var(--vm-text) !important;
  border-color: var(--vm-border) !important;
}

/* theme chooser page */
.theme-grid,
.tema-grid,
.theme-list,
.tema-list,
.theme-selector,
.tema-selector,
.theme-option,
.tema-option,
.theme-showcase,
.tema-showcase{
  background-color: transparent !important;
}

/* scrollbar */
*{
  scrollbar-color: rgba(90, 212, 255, .55) rgba(6,19,37,.45);
}
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: rgba(6,19,37,.45); }
::-webkit-scrollbar-thumb{ background: linear-gradient(180deg, rgba(63,209,255,.7), rgba(129,113,255,.75)); border-radius: 999px; }