/* NewEdge Desktop Theme Switcher - desktop only */

.nedts-theme-toggle{
  position:fixed;
  z-index:2147483000;
  display:flex;
  align-items:center;
  gap:8px;
  min-width:92px;
  height:40px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(90,210,255,.34);
  background:rgba(5,18,32,.86);
  color:#eaf8ff;
  font-size:13px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  box-shadow:0 12px 30px rgba(0,0,0,.28),0 0 22px rgba(33,190,255,.12);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.nedts-theme-toggle:hover{
  border-color:rgba(127,226,255,.72);
  box-shadow:0 14px 34px rgba(0,0,0,.32),0 0 26px rgba(33,190,255,.24);
}

.nedts-theme-toggle .nedts-icon{
  width:20px;
  height:20px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}

.nedts-pos-top-right{top:90px;right:22px;}
.nedts-pos-top-left{top:90px;left:22px;}
.nedts-pos-bottom-right{right:22px;bottom:92px;}
.nedts-pos-bottom-left{left:22px;bottom:92px;}

@media (max-width:1023px){
  .nedts-theme-toggle{display:none!important;}
}

/* Dark theme: preserve the platform's native dark design. */
body.nedts-theme-dark #ned-app,
html.nedts-theme-dark #ned-app{
  color-scheme:dark;
}

/* Light theme: frontend visual override only. No data/business logic is touched. */
body.nedts-theme-light{
  background:#edf7ff!important;
  color:#102236!important;
}

body.nedts-theme-light #ned-app{
  color-scheme:light;
  background:
    radial-gradient(circle at top left, rgba(37,196,255,.18), transparent 36%),
    linear-gradient(180deg,#f8fcff 0%,#eaf5fb 100%)!important;
  color:#102236!important;
}

body.nedts-theme-light #ned-app .ned-shell,
body.nedts-theme-light #ned-app .ned-topbar,
body.nedts-theme-light #ned-app .ned-card,
body.nedts-theme-light #ned-app .ned-panel,
body.nedts-theme-light #ned-app .ned-stat-card,
body.nedts-theme-light #ned-app .ned-quick-card,
body.nedts-theme-light #ned-app .ned-product-card,
body.nedts-theme-light #ned-app .ned-profile-card,
body.nedts-theme-light #ned-app .ned-record-card,
body.nedts-theme-light #ned-app .ned-page,
body.nedts-theme-light #ned-app [class*="card"],
body.nedts-theme-light #ned-app [class*="panel"]{
  background:rgba(255,255,255,.82)!important;
  color:#102236!important;
  border-color:rgba(19,94,126,.16)!important;
  box-shadow:0 18px 45px rgba(28,74,99,.11)!important;
}

body.nedts-theme-light #ned-app h1,
body.nedts-theme-light #ned-app h2,
body.nedts-theme-light #ned-app h3,
body.nedts-theme-light #ned-app h4,
body.nedts-theme-light #ned-app p,
body.nedts-theme-light #ned-app span,
body.nedts-theme-light #ned-app div,
body.nedts-theme-light #ned-app label{
  color:inherit;
}

body.nedts-theme-light #ned-app .ned-brand-kicker,
body.nedts-theme-light #ned-app .ned-section-kicker,
body.nedts-theme-light #ned-app .ned-muted,
body.nedts-theme-light #ned-app small{
  color:rgba(16,34,54,.68)!important;
}

body.nedts-theme-light #ned-app .ned-brand-title,
body.nedts-theme-light #ned-app .ned-user-name,
body.nedts-theme-light #ned-app .ned-product-title,
body.nedts-theme-light #ned-app .ned-stat-value{
  color:#071a2e!important;
}

body.nedts-theme-light #ned-app .ned-bottom-nav,
body.nedts-theme-light #ned-app .ned-mobile-nav,
body.nedts-theme-light #ned-app [class*="bottom"][class*="nav"]{
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(29,127,162,.20)!important;
}

body.nedts-theme-light #ned-app input,
body.nedts-theme-light #ned-app textarea,
body.nedts-theme-light #ned-app select{
  background:rgba(255,255,255,.95)!important;
  color:#102236!important;
  border-color:rgba(19,94,126,.22)!important;
}

body.nedts-theme-light #ned-app button,
body.nedts-theme-light #ned-app .button{
  color:inherit;
}

/* Keep the switcher itself readable in light mode. */
body.nedts-theme-light .nedts-theme-toggle{
  background:rgba(255,255,255,.92);
  color:#102236;
  border-color:rgba(16,113,155,.25);
}


/* v1.0.1: Light-mode contrast repair.
   Some original frontend elements used hardcoded white text. Force readable dark text
   only while light mode is active, without affecting dark mode. */
body.nedts-theme-light #ned-app,
body.nedts-theme-light #ned-app *:not(svg):not(path):not(.dashicons):not([class*="icon"]):not(.nedts-theme-toggle):not(.nedts-theme-toggle *){
  color:#102236!important;
  text-shadow:none!important;
}

body.nedts-theme-light #ned-app .ned-brand-kicker,
body.nedts-theme-light #ned-app .ned-section-kicker,
body.nedts-theme-light #ned-app .ned-muted,
body.nedts-theme-light #ned-app small,
body.nedts-theme-light #ned-app [class*="muted"],
body.nedts-theme-light #ned-app [class*="hint"],
body.nedts-theme-light #ned-app [class*="sub"],
body.nedts-theme-light #ned-app [class*="desc"]{
  color:rgba(16,34,54,.68)!important;
}

body.nedts-theme-light #ned-app .ned-brand-title,
body.nedts-theme-light #ned-app .ned-user-name,
body.nedts-theme-light #ned-app .ned-product-title,
body.nedts-theme-light #ned-app .ned-stat-value,
body.nedts-theme-light #ned-app [class*="title"],
body.nedts-theme-light #ned-app [class*="value"],
body.nedts-theme-light #ned-app [class*="amount"],
body.nedts-theme-light #ned-app [class*="balance"],
body.nedts-theme-light #ned-app [class*="earn"],
body.nedts-theme-light #ned-app [class*="profit"],
body.nedts-theme-light #ned-app [class*="commission"]{
  color:#061827!important;
}

body.nedts-theme-light #ned-app a,
body.nedts-theme-light #ned-app a span{
  color:#075f85!important;
}

body.nedts-theme-light #ned-app button,
body.nedts-theme-light #ned-app .button,
body.nedts-theme-light #ned-app [role="button"],
body.nedts-theme-light #ned-app .ned-btn,
body.nedts-theme-light #ned-app [class*="btn"]{
  color:#071827!important;
}

body.nedts-theme-light #ned-app input::placeholder,
body.nedts-theme-light #ned-app textarea::placeholder{
  color:rgba(16,34,54,.48)!important;
}