/* LXBG Modern 4.A approved blue-white design tokens; Demo front-end only.
   Visual-only stylesheet: no JS, auth, routing, IRC/WebRTC, DB or uploads changed.
   The original theme-preview.php and Modern Admin component styles are preserved. */
body.lxbg-modern-theme {
  --bg:#f5f8fe; --panel:#fff; --surface:#fff; --surface-soft:#eff6ff;
  --text:#14233d; --muted:#65748b; --line:#e0e8f3; --line-strong:#cbd9ef;
  --blue:#2563eb; --blue2:#06b6d4; --blue-dark:#1d4ed8; --blue-soft:#eff6ff;
  --lx-bg:#f5f8fe; --lx-bg-soft:#eff6ff; --lx-panel:#fff; --lx-panel-2:#f7faff;
  --lx-line:#e0e8f3; --lx-text:#14233d; --lx-muted:#65748b;
  --lx-blue:#2563eb; --lx-blue-dark:#1d4ed8; --lx-cyan:#06b6d4;
  --lx-black:#14233d; --shadow:0 16px 50px rgba(22,51,102,.065);
  background:radial-gradient(circle at 12% 0%,#eaf2ff 0,transparent 35%),
             linear-gradient(180deg,#f5f8fe 0%,#ffffff 85%) !important;
  color:#14233d; accent-color:#2563eb; color-scheme:light;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
html:has(body.lxbg-modern-theme){color-scheme:light;background:#f5f8fe}
body.lxbg-modern-theme :is(button,input,select,textarea,a,summary):focus-visible{
  outline:3px solid #06b6d4;outline-offset:3px;
}
body.lxbg-modern-theme .top{
  background:rgba(255,255,255,.96);border-bottom:1px solid #e0e8f3;
  box-shadow:0 10px 30px rgba(22,51,102,.06);backdrop-filter:blur(18px);
}
body.lxbg-modern-theme .logo{color:#14233d}
body.lxbg-modern-theme .logo b{color:#2563eb}
body.lxbg-modern-theme :is(.main-nav>a,.nav-group>summary){color:#294163}
body.lxbg-modern-theme :is(.main-nav>a:hover,.nav-group>summary:hover,.nav-group[open]>summary,.main-nav>a.is-active,.nav-group.is-active>summary){
  color:#1d4ed8;background:#eff6ff;border-color:#d4e3ff;
}
body.lxbg-modern-theme :is(.main-nav .nav-chat,.main-nav .nav-register,
.primary,.btn.primary,.lx-btn-primary,.lxbg-download,.chat-enter-button){
  background:linear-gradient(135deg,#2563eb,#3c84f7)!important;
  border-color:#2563eb!important;color:#fff!important;
  box-shadow:0 8px 22px rgba(37,99,235,.2);
}
body.lxbg-modern-theme :is(.nav-dropdown,.main-nav.is-open){
  background:#fff;border:1px solid #e0e8f3;box-shadow:0 18px 42px #14233d18;
}
body.lxbg-modern-theme .nav-dropdown>a{color:#294163}
body.lxbg-modern-theme .nav-dropdown>a:hover{background:#eff6ff;color:#1d4ed8}
body.lxbg-modern-theme .nav-toggle{background:#eff6ff;border-color:#d1def0}
body.lxbg-modern-theme .nav-toggle span{background:#2563eb}
body.lxbg-modern-theme :is(.hero h1 span,.lx-hero h1 span,.eyebrow,.lx-eyebrow,.lx-section-kicker,.lxbg-kicker,.lx-channel-hash,.lx-stat-value,.lx-text-link){color:#2563eb!important}
body.lxbg-modern-theme :is(.hero h1,.lx-hero h1,.card h1,.lx-section h2){color:#14233d}
body.lxbg-modern-theme :is(.lead,.lx-hero-lead,.lx-section-head p,.muted){color:#65748b}
body.lxbg-modern-theme :is(.card,.preview,.stats>div,.features article,
 .lx-channel-card,.lx-how-grid article,.lx-online-room,.lx-stats-live-card,
 .lx-stats-teaser,.lx-webcam-section,.lx-stats-strip,.lx-front-service-row,
 .auth>.card,.usercard,.edit,.profile-final-sidebar,.profile-final-main,
 .profile-final-card,.profile-feature-card,.members-hero,.member-card,
 .member-detail-card,.friends-hero,.friends-panel,.friend-card,
 .chat-lobby-hero,.chat-lobby-card,.chat-channel-card){
  background:#fff;border:1px solid #e0e8f3;border-radius:20px;
  box-shadow:0 16px 50px rgba(22,51,102,.065);
}
body.lxbg-modern-theme :is(.lx-channel-card,.lx-how-grid article,.features article){
  border-left:4px solid #2563eb;
}
body.lxbg-modern-theme :is(input,textarea,select){
  background:#fff;color:#14233d;border-color:#cbd9ef;
}
body.lxbg-modern-theme :is(input,textarea,select):focus{
  border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12);
}
body.lxbg-modern-theme :is(.pill,.gender-card){background:#eff6ff;border-color:#d4e3ff;color:#244f97}
body.lxbg-modern-theme :is(.avatar,.nav-user-chip){
  background:linear-gradient(145deg,#2563eb,#06b6d4);color:#fff;
}
body.lxbg-modern-theme :is(.lx-hero-terminal,.lx-terminal-body){border-color:#2b64c6}
body.lxbg-modern-theme footer{border-top-color:#e0e8f3}
body.lxbg-modern-theme footer a{color:#1d4ed8}
body.lxbg-modern-theme .lxbg-lang-switch a.is-active{color:#1d4ed8}
@media(max-width:600px){
  body.lxbg-modern-theme .bar{gap:10px}
  body.lxbg-modern-theme .main-nav.is-open{background:#fff;border-color:#e0e8f3}
  body.lxbg-modern-theme :is(.card,.preview,.stats>div,.features article){border-radius:16px}
}
@media(prefers-reduced-motion:reduce){
  body.lxbg-modern-theme *{scroll-behavior:auto}
}


/* LXBG Modern landing and legacy-important override.
   Some pre-2.0 demo styles forced charcoal with !important.
   These scoped overrides restore the owner-approved light Modern UI. */
html:has(body.lxbg-modern-theme){
  background:#f5f8fe!important;color-scheme:light!important;
}
body.lxbg-modern-theme{
  color:#14233d!important;
  background:radial-gradient(circle at 12% 0%,#eaf2ff,transparent 35%),linear-gradient(180deg,#f5f8fe,#fff 85%)!important;
}
body.lxbg-modern-theme .top{
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e0e8f3!important;
  box-shadow:0 10px 30px #16336612!important;
}
body.lxbg-modern-theme .logo{color:#14233d!important}
body.lxbg-modern-theme .logo b{color:#2563eb!important}
body.lxbg-modern-theme :is(.main-nav>a,.nav-group>summary){color:#294163!important}
body.lxbg-modern-theme :is(.main-nav>a:hover,.nav-group>summary:hover,.nav-group[open]>summary,.main-nav>a.is-active,.nav-group.is-active>summary){
  background:#eff6ff!important;color:#1d4ed8!important;border-color:#d4e3ff!important;
}
body.lxbg-modern-theme .dm{color:#14233d!important}
body.lxbg-modern-theme .dm .codester-showcase,
body.lxbg-modern-theme .dm .hero{
  background:radial-gradient(circle at 83% 15%,#e0efff,transparent 43%),linear-gradient(135deg,#ffffff,#f1f7ff)!important;
  border:1px solid #d7e5fa!important;border-top:4px solid #2563eb!important;
  box-shadow:0 18px 55px #16336612!important;color:#14233d!important;
}
body.lxbg-modern-theme .dm .codester-showcase:before{
  background-image:linear-gradient(#e3eefd66 1px,transparent 1px),linear-gradient(90deg,#e3eefd66 1px,transparent 1px)!important;
}
body.lxbg-modern-theme .dm :is(.show-copy h1,.show-copy h2,.section h2,.card h3,.stat strong,.step b,.notice strong){
  color:#14233d!important;text-shadow:none!important;
}
body.lxbg-modern-theme .dm :is(.show-copy p,.section>p,.card p,.stat span,.step,.notice){
  color:#65748b!important;
}
body.lxbg-modern-theme .dm :is(.tag,.show-features span){
  background:#eff6ff!important;color:#1d4ed8!important;border:1px solid #d4e3ff!important;
}
body.lxbg-modern-theme .dm :is(.stat,.card,.step,.notice){
  background:#fff!important;border-color:#e0e8f3!important;
  color:#14233d!important;box-shadow:0 10px 30px #16336610!important;
  border-radius:18px!important;
}
body.lxbg-modern-theme .dm :is(.state,.ico){color:#2563eb!important}
body.lxbg-modern-theme .dm a.b.primary{
  background:linear-gradient(135deg,#2563eb,#3c84f7)!important;
  color:#fff!important;border:1px solid #2563eb!important;
}
body.lxbg-modern-theme .dm a.b.secondary{
  background:#fff!important;color:#1d4ed8!important;border:1px solid #cbdcf7!important;
}
body.lxbg-modern-theme .dm .browser{
  /* Dark browser illustration is an intentional inset, not site chrome. */
  border:1px solid #9dc5ee!important;
  box-shadow:0 0 0 7px #e0edff,0 18px 43px #16336622!important;
}
body.lxbg-modern-theme .lxbg-core-block{
  background:#fff;color:#14233d;border-color:#e0e8f3;
}
body.lxbg-modern-theme .lxbg-core-block :is(h2,p){color:#203b63}

/* LXBG 2.0: clean light shell for IRCOp + chat lobby; fixes the old demo footer. */
body.lxbg-modern-theme.lxbg-chat-lobby-modern > main,
body.lxbg-modern-theme.lxbg-ircops-theme > main {
  background:transparent!important;
  color:#193453!important;
}
body.lxbg-modern-theme.lxbg-chat-lobby-modern footer,
body.lxbg-modern-theme.lxbg-ircops-theme footer {
  background:#ffffff!important;
  color:#536e8a!important;
  border-top:1px solid #dce7f5!important;
  box-shadow:0 -7px 22px rgba(30,74,120,.025)!important;
}
body.lxbg-modern-theme.lxbg-chat-lobby-modern footer a,
body.lxbg-modern-theme.lxbg-ircops-theme footer a {
  color:#205dc5!important;
}
@media(max-width:760px){
  body.lxbg-modern-theme.lxbg-chat-lobby-modern .foot,
  body.lxbg-modern-theme.lxbg-ircops-theme .foot {
    padding:18px 0;
    gap:10px;
    line-height:1.5;
  }
}