/* Xniffer v24 global 3D/4D theme alignment */
:root{
  --x4-bg:#020611;
  --x4-panel:rgba(7,16,36,.82);
  --x4-line:rgba(82,157,255,.25);
  --x4-blue:#208cff;
  --x4-cyan:#25d8ff;
  --x4-green:#25f5aa;
  --x4-gold:#f7c65b;
  --x4-text:#f7fbff;
  --x4-muted:#9fb6d1;
}
html[data-theme="dark"] body:not(.admin-page){
  background:
    radial-gradient(circle at 12% 0%,rgba(32,140,255,.16),transparent 32%),
    radial-gradient(circle at 88% 8%,rgba(37,216,255,.10),transparent 30%),
    linear-gradient(180deg,#020611,#030711 42%,#01030a)!important;
  color:var(--x4-text);
}
body:not(.home-4d-body):not(.admin-page)::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background-image:
    linear-gradient(rgba(32,140,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,140,255,.05) 1px,transparent 1px);
  background-size:70px 70px;
  opacity:.45;
  mask-image:radial-gradient(circle at 50% 10%,#000,transparent 72%);
}
.xn-nav:not(.home4d-nav), .compact-nav:not(.home4d-nav){
  border-bottom:1px solid rgba(80,150,255,.18)!important;
  background:linear-gradient(180deg,rgba(5,13,28,.90),rgba(3,8,18,.78))!important;
  backdrop-filter:blur(24px)!important;
  box-shadow:0 20px 80px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.xn-brand img{filter:drop-shadow(0 0 22px rgba(37,216,255,.42))!important;}
.xn-brand-text strong{background:linear-gradient(180deg,#fff,#bfe6ff,#5e9cff)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;}
.xn-brand-text span{color:#81b9ff!important;}
.xn-card,.dashboard-panel,.tools-grid,.access-card,.xn-mini-card,.legal-card,.support-card,.course-reader,.module-page-card,.bootcamp-card{
  border-color:rgba(80,150,255,.20)!important;
  background:linear-gradient(180deg,rgba(11,24,54,.82),rgba(3,8,18,.92))!important;
  box-shadow:0 28px 100px rgba(0,0,0,.48),0 0 48px rgba(32,140,255,.08),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.xn-form input,.xn-form select,.xn-form textarea,input,select,textarea{
  border-color:rgba(80,150,255,.20)!important;
  background:rgba(2,8,20,.82)!important;
  color:#f7fbff!important;
}
.xn-form input:focus,.xn-form select:focus,.xn-form textarea:focus,input:focus,select:focus,textarea:focus{
  border-color:rgba(37,216,255,.65)!important;
  box-shadow:0 0 0 4px rgba(37,216,255,.10),0 0 26px rgba(37,216,255,.16)!important;
}
.register-btn,.login-btn,.primary-btn,.action-btn,.payment-btn,.xn-button.primary,.dash-button.primary{
  background:linear-gradient(135deg,#0a4dff,#24d8ff)!important;
  color:white!important;
  box-shadow:0 0 34px rgba(32,140,255,.38), inset 0 1px 0 rgba(255,255,255,.30)!important;
}
.secondary-btn,.xn-button.ghost,.dash-button:not(.primary){
  border-color:rgba(80,150,255,.22)!important;
  background:rgba(255,255,255,.045)!important;
  color:#eaf6ff!important;
}
.compliance-footer,.legal-compliance-footer,.auth-mini-footer{
  border-top:1px solid rgba(80,150,255,.18)!important;
  background:rgba(2,8,20,.82)!important;
  color:#9fb6d1!important;
}
@media(max-width:760px){
  .xn-nav:not(.home4d-nav){padding:12px 14px!important;gap:12px!important;}
  .xn-brand img{width:42px!important;height:42px!important;}
  .xn-brand-text span{display:none!important;}
}

/* V33 dark-only cleanup: white theme and technical debug UI removed */
html, html[data-theme="light"] { color-scheme: dark !important; background: #020611 !important; }
html[data-theme="light"] body, body { background: radial-gradient(circle at 18% 12%, rgba(32,140,255,.16), transparent 28%), linear-gradient(180deg,#020611,#01030a 55%,#02040a) !important; color: #f5fbff !important; }
[data-xniffer-theme-toggle], .theme-toggle-btn, .admin-theme-toggle { display:none !important; }
.xniffer-api-status[data-type="success"], .xniffer-api-status[data-type="info"] { display:none !important; }
.debug-panel, .log-panel, .dev-log, .console-log, [data-debug], [data-log-panel] { display:none !important; }
body:not(.home-4d-body) .legal-compliance-footer.dashboard-compliance-notice-v2234,
body:not(.home-4d-body) .compliance-footer.legal-compliance-footer { display:none !important; }
#password-section.hidden-section, .hidden-section#password-section { display:none !important; }