/* ============================================================
   DF NEXUS — advanced dark community layer (DF Studio)
   Restyles theme8 surfaces + adds ticker/rail/hello components.
   Kill switch: deactivate df_nexus plugin. Cookie opt-out ?nxoff=1
   ============================================================ */
:root{
  --nx-bg:#0a0d11; --nx-s1:#10151b; --nx-s2:#0d1218; --nx-s3:#161d26;
  --nx-line:#1f2833; --nx-line2:#2a3542; --nx-ink:#edf1f5; --nx-mut:#8fa0af; --nx-mut2:#5f7181;
  --nx-gold:#d8b45a; --nx-gold2:#e8cd85; --nx-goldsoft:rgba(216,180,90,.12);
  --nx-em:#34d399; --nx-red:#f87171;
}
html{scroll-behavior:smooth}
body{
  background:var(--nx-bg) !important;
  background-image:
    radial-gradient(900px 420px at 85% -10%, rgba(216,180,90,.07), transparent 60%),
    radial-gradient(700px 380px at -10% 20%, rgba(52,211,153,.05), transparent 60%),
    radial-gradient(800px 500px at 50% 110%, rgba(96,165,250,.05), transparent 60%) !important;
  background-attachment:fixed !important;
  color:var(--nx-ink);
}
/* surfaces */
#content,.df-home,.df-fd,.df-th,.df-team,.df-stats,.df-prof,.df-on,.df-contact,.df-sr,
.df-compose,.df-uc,.df-ucp,.box,.tborder,.df-ix-stats,.df-guestbar,.modal,thead,tfoot{
  background:var(--nx-s1) !important; border-color:var(--nx-line) !important;
}
.df-home,.df-fd,.df-th,.df-ix-stats,.box{border-radius:16px !important;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,.4),0 16px 44px -18px rgba(0,0,0,.7) !important}
tr,.trow1,.trow2{background:transparent !important;border-color:var(--nx-line) !important}
tbody tr:hover td{background:linear-gradient(90deg,var(--nx-goldsoft),transparent 60%) !important}
.thead,.tcat{background:var(--nx-s3) !important;border-color:var(--nx-line) !important;color:var(--nx-ink) !important}
/* type & links */
#content a{color:var(--nx-gold2)}
#content a:hover{text-decoration:underline}
.df-ix-cat-h{background:linear-gradient(90deg,rgba(216,180,90,.08),transparent 55%) !important;border-color:var(--nx-line) !important}
.df-ix-cat-h h2 a,.df-ix-cat-h h2{color:var(--nx-ink) !important;letter-spacing:.1em;text-transform:uppercase;font-size:13px !important}
.df-ix-kicker{color:var(--nx-gold) !important}
.df-ix-hero h1,.df-ix-hero h2{color:var(--nx-ink) !important}
.df-ix-kpi b{color:var(--nx-gold2) !important}
/* menu glass */
.menu{position:sticky !important;top:0 !important;z-index:95 !important;
  background:rgba(10,13,17,.8) !important;backdrop-filter:blur(16px) !important;-webkit-backdrop-filter:blur(16px) !important;
  border-bottom:1px solid var(--nx-line) !important;box-shadow:0 10px 30px -12px rgba(0,0,0,.6) !important}
/* hero trim */
.df-hero a{height:clamp(90px,10vw,170px) !important}
.df-hero{box-shadow:0 20px 50px -20px rgba(0,0,0,.8)}
/* buttons gold */
.button4,.button5,.df-btn,a.button4,a.button5,.popup_item a,.btn{border-radius:11px !important}
.button5.register,a.button5{background:linear-gradient(135deg,var(--nx-gold),#a97f1f) !important;color:#171104 !important;border:0 !important;font-weight:800 !important;box-shadow:0 8px 22px -8px rgba(216,180,90,.5) !important}
.button4.login,a.button4{background:var(--nx-s2) !important;color:var(--nx-ink) !important;border:1px solid var(--nx-line2) !important}
/* topbar ribbon */
.topbar.df-ribbon{background:linear-gradient(90deg,rgba(216,180,90,.14),rgba(52,211,153,.08)) !important;border-color:var(--nx-line) !important}
/* inputs */
input[type=text],input[type=password],textarea,select,.textbox{background:var(--nx-s2) !important;border:1px solid var(--nx-line) !important;color:var(--nx-ink) !important;border-radius:10px !important}
input:focus,textarea:focus{border-color:var(--nx-gold) !important;outline:none}
/* NEXUS components */
#nxtick{background:linear-gradient(90deg,rgba(216,180,90,.16),rgba(52,211,153,.1));border-bottom:1px solid var(--nx-line);overflow:hidden;white-space:nowrap;font-size:12.5px;color:var(--nx-mut)}
#nxtick .run{display:inline-block;padding:7px 0;animation:nxtick 32s linear infinite}
#nxtick b{color:var(--nx-gold2)}#nxtick span{padding:0 22px}
@keyframes nxtick{to{transform:translateX(-50%)}}
#nxhello{max-width:1200px;margin:16px auto 0;padding:0 18px}
#nxhello .in{background:linear-gradient(120deg,rgba(216,180,90,.1),rgba(52,211,153,.06) 55%,transparent),var(--nx-s1);border:1px solid var(--nx-line2);border-radius:16px;padding:18px 22px;display:flex;gap:14px;align-items:center;flex-wrap:wrap;box-shadow:0 2px 6px rgba(0,0,0,.4),0 16px 44px -18px rgba(0,0,0,.7)}
#nxhello h2{font-size:19px;color:var(--nx-ink)}
#nxhello h2 em{font-style:normal;background:linear-gradient(90deg,var(--nx-gold2),var(--nx-em));-webkit-background-clip:text;background-clip:text;color:transparent}
#nxhello p{color:var(--nx-mut);font-size:13px}
#nxhello .pills{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
#nxhello .pill{background:var(--nx-s2);border:1px solid var(--nx-line);border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700;color:var(--nx-mut)}
#nxhello .pill b{color:var(--nx-ink)}
#nxwrap{display:flex;gap:18px;align-items:flex-start}
#nxmain{flex:1;min-width:0}
#nxrail{width:296px;flex:none;position:sticky;top:70px;display:flex;flex-direction:column;gap:14px}
.nxcard{background:var(--nx-s1);border:1px solid var(--nx-line);border-radius:16px;padding:15px 16px;box-shadow:0 2px 6px rgba(0,0,0,.4),0 16px 44px -18px rgba(0,0,0,.7)}
.nxcard h4{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--nx-mut);margin-bottom:11px}
.nxtr{display:flex;gap:10px;padding:7px 0;border-bottom:1px dashed var(--nx-line);align-items:flex-start}
.nxtr:last-child{border:0}
.nxtr .n{font-family:ui-monospace,Menlo,monospace;color:var(--nx-mut2);font-size:11.5px;font-weight:700;padding-top:2px}
.nxtr .tt{font-size:12.8px;font-weight:700;color:var(--nx-ink);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}
.nxtr .tt:hover{color:var(--nx-gold2)}
.nxtr .mm{font-size:11px;color:var(--nx-mut2)}
.nxtr .fire{margin-left:auto;color:var(--nx-red);font-size:11.5px}
.nxlead{display:flex;align-items:center;gap:9px;padding:6px 0}
.nxlead .rk{width:16px;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;color:var(--nx-mut2);font-weight:700}
.nxlead .nm{font-size:12.8px;font-weight:700;color:var(--nx-ink)}
.nxlead .cr{margin-left:auto;font-size:11.5px;color:var(--nx-gold2);font-weight:800}
.nxav{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-weight:800;font-size:10.5px;color:#fff;flex:none}
.nxev{border:1px solid rgba(216,180,90,.35);background:linear-gradient(140deg,var(--nx-goldsoft),transparent);border-radius:12px;padding:11px}
.nxev b{font-size:12.8px;color:var(--nx-gold2)}.nxev span{display:block;font-size:11px;color:var(--nx-mut)}
#nxoff{display:block;text-align:center;font-size:11.5px;color:var(--nx-mut2);text-decoration:none;padding:4px}
#nxoff:hover{color:var(--nx-mut)}
#nxonbtn{position:fixed;right:16px;bottom:16px;z-index:99;background:linear-gradient(135deg,var(--nx-gold),#a97f1f);color:#171104;border-radius:999px;padding:9px 16px;font-weight:800;font-size:12.5px;text-decoration:none;box-shadow:0 10px 26px -8px rgba(216,180,90,.55)}
@media(max-width:1239px){#nxrail{display:none}#nxwrap{display:block}}
@media(max-width:700px){#nxhello .pills{margin-left:0}}
/* ===== NEXUS v2: builder rail · palette · polish ===== */
#nxleft{position:fixed;left:16px;top:110px;width:236px;z-index:55;display:none}
@media(min-width:1720px){#nxleft{display:block}}
.nxbtn{flex:1;text-align:center;background:var(--nx-s2);border:1px solid var(--nx-line2);color:var(--nx-ink);border-radius:10px;padding:8px 10px;font-size:12px;font-weight:800;text-decoration:none}
.nxbtn:hover{border-color:var(--nx-gold);color:var(--nx-gold2)}
.nxbtn.gold{background:linear-gradient(135deg,var(--nx-gold),#a97f1f);color:#171104;border:0;display:block}
.nxjoin h4{color:var(--nx-gold2)}
#nxkbtn{position:fixed;left:16px;bottom:16px;z-index:99;background:var(--nx-s2);border:1px solid var(--nx-line2);color:var(--nx-mut);border-radius:999px;padding:8px 14px;font-size:12px;font-weight:800;text-decoration:none}
#nxkbtn:hover{color:var(--nx-gold2);border-color:var(--nx-gold)}
#nxpal{position:fixed;inset:0;background:rgba(5,8,6,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:130;display:none;place-items:start center;padding-top:11vh}
#nxpal.on{display:grid}
.nxbx{width:min(560px,92vw);background:var(--nx-s1);border:1px solid var(--nx-line2);border-radius:16px;overflow:hidden;box-shadow:0 30px 80px -20px rgba(0,0,0,.8)}
#nxq{width:100%;background:var(--nx-s2);border:0;border-bottom:1px solid var(--nx-line);color:var(--nx-ink);padding:15px 17px;font-size:15px;outline:none;border-radius:0}
#nxq:focus{border-bottom-color:var(--nx-gold)}
#nxres{max-height:50vh;overflow:auto;padding:6px}
#nxres a{display:flex;gap:10px;padding:11px 14px;color:var(--nx-mut);font-size:13.5px;font-weight:600;text-decoration:none;border-radius:10px}
#nxres a:hover{background:var(--nx-s3);color:var(--nx-ink)}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-thumb{background:var(--nx-line2);border-radius:99px;border:3px solid var(--nx-bg)}
::-webkit-scrollbar-track{background:var(--nx-bg)}
