/* NAB MACHINES v18 - reliable dark / light mode toggle */
html[data-theme="dark"], html.theme-dark{
  color-scheme:dark!important;
  --ink:#eaf6f7!important;
  --muted:#a9c4c8!important;
  --soft:#10343a!important;
  --white:#0b252a!important;
  --line:rgba(255,255,255,.14)!important;
  --shadow:0 18px 55px rgba(0,0,0,.38)!important;
}
html[data-theme="light"], html.theme-light{color-scheme:light!important;}
html[data-theme="dark"] body, html.theme-dark body, body.theme-dark{
  background:#071c20!important;
  color:#eaf6f7!important;
}
html[data-theme="dark"] .topbar, html.theme-dark .topbar{
  background:rgba(7,28,32,.96)!important;
  border-bottom-color:rgba(255,255,255,.14)!important;
}
html[data-theme="dark"] .hero, html.theme-dark .hero{
  background:radial-gradient(circle at 15% 20%, rgba(215,180,112,.18), transparent 30%), linear-gradient(135deg,#0a2a30,#071c20)!important;
}
html[data-theme="dark"] .page-hero,
html[data-theme="dark"] .section.alt,
html.theme-dark .page-hero,
html.theme-dark .section.alt{
  background:linear-gradient(180deg,#0a2a30,#071c20)!important;
}
html[data-theme="dark"] .stat,
html[data-theme="dark"] .about-card,
html[data-theme="dark"] .category-card,
html[data-theme="dark"] .slider,
html[data-theme="dark"] .toolbar,
html[data-theme="dark"] .product-card,
html[data-theme="dark"] .spec-frame,
html[data-theme="dark"] .white-card,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .table-wrap,
html[data-theme="dark"] .explain-card,
html[data-theme="dark"] .btn-outline,
html[data-theme="dark"] .product-use-tech,
html.theme-dark .stat,
html.theme-dark .about-card,
html.theme-dark .category-card,
html.theme-dark .slider,
html.theme-dark .toolbar,
html.theme-dark .product-card,
html.theme-dark .spec-frame,
html.theme-dark .white-card,
html.theme-dark .side-card,
html.theme-dark .table-wrap,
html.theme-dark .explain-card,
html.theme-dark .btn-outline,
html.theme-dark .product-use-tech{
  background:#0b252a!important;
  border-color:rgba(255,255,255,.14)!important;
  color:#eaf6f7!important;
}
html[data-theme="dark"] .section:not(.alt), html.theme-dark .section:not(.alt){background:#071c20!important;}
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] .logo,
html[data-theme="dark"] .menu a,
html[data-theme="dark"] .link-more,
html[data-theme="dark"] .info-list b,
html.theme-dark h1,
html.theme-dark h2,
html.theme-dark h3,
html.theme-dark .logo,
html.theme-dark .menu a,
html.theme-dark .link-more,
html.theme-dark .info-list b{
  color:#7bd7df!important;
}
html[data-theme="dark"] .lead,
html[data-theme="dark"] .section-desc,
html[data-theme="dark"] .meta,
html[data-theme="dark"] .category-card p,
html[data-theme="dark"] .slide p,
html[data-theme="dark"] .about-text p,
html.theme-dark .lead,
html.theme-dark .section-desc,
html.theme-dark .meta,
html.theme-dark .category-card p,
html.theme-dark .slide p,
html.theme-dark .about-text p{
  color:#a9c4c8!important;
}
html[data-theme="dark"] .product-card h3,
html[data-theme="dark"] .product-use-tech .info-value,
html[data-theme="dark"] .pro-table td,
html.theme-dark .product-card h3,
html.theme-dark .product-use-tech .info-value,
html.theme-dark .pro-table td{
  color:#eaf6f7!important;
}
html[data-theme="dark"] .pro-table th,
html.theme-dark .pro-table th{
  background:#10343a!important;
  color:#7bd7df!important;
}
html[data-theme="dark"] .pro-table td,
html.theme-dark .pro-table td{
  background:#0b252a!important;
  border-color:rgba(255,255,255,.14)!important;
}
html[data-theme="dark"] input,
html[data-theme="dark"] textarea,
html.theme-dark input,
html.theme-dark textarea{
  background:#102f35!important;
  color:#eaf6f7!important;
  border-color:rgba(255,255,255,.18)!important;
}
html[data-theme="dark"] input::placeholder,
html.theme-dark input::placeholder{color:#9ab9bd!important;}
html[data-theme="dark"] .menu.show,
html.theme-dark .menu.show{background:#0b252a!important;border-color:rgba(255,255,255,.14)!important;}
html[data-theme="dark"] .footer,
html.theme-dark .footer{background:#041216!important;}

.theme-toggle,
button.theme-toggle,
body > .theme-toggle{
  position:fixed!important;
  right:18px!important;
  left:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 22px)!important;
  z-index:2147483647!important;
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  min-height:54px!important;
  border-radius:50%!important;
  border:2px solid rgba(255,255,255,.96)!important;
  background:linear-gradient(135deg,#d7b470,#f3dc9b)!important;
  color:#09252a!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  cursor:pointer!important;
  box-shadow:0 16px 36px rgba(0,0,0,.26)!important;
  font-size:24px!important;
  font-weight:900!important;
  line-height:1!important;
  text-align:center!important;
  transform:none!important;
  padding:0!important;
  margin:0!important;
  -webkit-tap-highlight-color:transparent!important;
}
html[data-theme="dark"] .theme-toggle,
html.theme-dark .theme-toggle,
html[data-theme="dark"] button.theme-toggle,
html.theme-dark button.theme-toggle{
  background:linear-gradient(135deg,#ffffff,#e7f7f8)!important;
  color:#0f616c!important;
  border-color:rgba(215,180,112,.96)!important;
}
.backtop{
  right:18px!important;
  left:auto!important;
  bottom:calc(env(safe-area-inset-bottom,0px) + 90px)!important;
  z-index:2147483646!important;
}
@media(max-width:780px){
  .theme-toggle,button.theme-toggle,body > .theme-toggle{right:14px!important;bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;font-size:22px!important;}
  .backtop{right:14px!important;left:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 82px)!important;}
}
@media(max-width:420px){
  .theme-toggle,button.theme-toggle,body > .theme-toggle{right:12px!important;width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;}
  .backtop{right:12px!important;left:auto!important;bottom:calc(env(safe-area-inset-bottom,0px) + 80px)!important;}
}