/* AGenO — shared right-nav widgets + light theme (loaded on every page except the homepage,
   which already defines these inline). Pages use the same CSS variable names, so flipping
   body.light re-themes them. */
.navright{display:flex;align-items:center;gap:10px}
.pillchip{font-size:12px;background:var(--card2,#171c2e);border:1px solid var(--line);border-radius:999px;padding:6px 11px;color:#c2c8e2;white-space:nowrap}
.themebtn{background:transparent;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:7px 10px;cursor:pointer;font-size:14px;line-height:1}
.loginbtn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06121a;border:0;border-radius:9px;padding:8px 16px;font-weight:700;cursor:pointer;font-size:14px}

body.light{--bg:#eef1f8;--card:#ffffff;--card2:#f1f4fa;--line:#e1e6f0;--text:#1a2030;--muted:#5d6678;
  background:radial-gradient(1200px 700px at 50% -200px,#cfe3ff 0%,#e8eefb 40%,#eef1f8 80%)!important}
body.light nav,body.light .top{background:rgba(255,255,255,.8)!important}
body.light .navlinks a,body.light .topnav a{color:#3a4255}
body.light .pillchip{color:#3a4255}
body.light .panel,body.light .price,body.light .dcard,body.light .box,body.light table th{background:#fff}
@media(max-width:640px){.pillchip{display:none}}