/* ============================================================
   KKS SPACE THEME - dung chung: TraderCash, MacroAI, Market Lab
   Nen toi huyen bi + tinh van + sao (canvas: kks-space.js)
   ============================================================ */
:root{
  --bg:#070A16;--bg2:#0B1024;--bg3:#111736;--bg4:#161E42;
  --border:#212A50;--border2:#303C72;
  --text:#EAEEFF;--text2:#9AA4C8;--text3:#6F7A9E;
  --gold:#C9AA70;--gold2:#E4CB93;--gold-bg:rgba(201,170,112,.10);
  --blue:#8DA2FF;--blue2:#B3C1FF;--blue-bg:rgba(141,162,255,.10);
  --green:#39E29B;--green2:#7CF2C0;--green-bg:rgba(57,226,155,.08);
  --red:#FF5C7A;--red2:#FF8CA1;--red-bg:rgba(255,92,122,.08);
}
html{background:#070A16}
body.kks-space{background:transparent !important;color:var(--text)}

/* Tinh van (nebula) - lop nen co dinh */
body.kks-space::before{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:
    radial-gradient(60% 50% at 18% 8%,  rgba(99,102,241,.16), transparent 60%),
    radial-gradient(50% 40% at 85% 18%, rgba(168,85,247,.11), transparent 60%),
    radial-gradient(45% 38% at 70% 75%, rgba(56,89,199,.12),  transparent 65%),
    radial-gradient(70% 60% at 50% 110%,rgba(30,48,110,.30),  transparent 65%),
    #070A16;
}
#kks-stars{position:fixed;inset:0;z-index:-1;pointer-events:none}

/* ------- Thanh dieu huong dong bo (trader: .header / macro: .hd) ------- */
body.kks-space .header, body.kks-space .hd{
  background:rgba(9,13,30,.74);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid var(--border);
}
body.kks-space .logo a, body.kks-space a.logo{color:inherit;text-decoration:none}
a.kks-home{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none;cursor:pointer}
a.kks-home:hover{opacity:.85}

/* Nut dang pill dong bo */
body.kks-space .nav-tab,
body.kks-space .ctrl .btn,
body.kks-space .back,
body.kks-space .back-link{
  border-radius:999px;
  border:1px solid var(--border2);
  transition:transform .2s,box-shadow .25s,background .2s;
}
body.kks-space .nav-tab:hover,
body.kks-space .ctrl .btn:hover{
  transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(20,30,80,.5);
}
body.kks-space .nav-tab.active{
  background:linear-gradient(135deg,var(--gold),#A98B54);
  color:#0B0E1E;border-color:transparent;font-weight:600;
}

/* The/card noi tren nen sao */
body.kks-space .card, body.kks-space .panel, body.kks-space .box{
  background:rgba(13,18,40,.78);
  border:1px solid var(--border);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}

/* ---------------- MOBILE ---------------- */
@media (max-width:640px){
  body.kks-space .header, body.kks-space .hd{
    flex-wrap:wrap;gap:8px;padding:10px 12px;
  }
  body.kks-space .nav-tabs, body.kks-space .ctrl{
    order:3;width:100%;display:flex;flex-wrap:wrap;
    justify-content:center;gap:6px;margin:0;
  }
  body.kks-space .nav-tab{
    flex:1 1 30%;min-width:90px;text-align:center;
    padding:8px 6px;font-size:12.5px;white-space:nowrap;
  }
  body.kks-space .ctrl .btn{padding:7px 12px;font-size:12.5px}
  body.kks-space .back, body.kks-space .back-link{
    margin-left:auto;font-size:12.5px;white-space:nowrap;
  }
  body.kks-space .logo-text{font-size:16px}
  body.kks-space .logo .sub{display:none}
  body.kks-space .logo h1{font-size:15px}
  body.kks-space .logo .badge{display:none}
}
@media (prefers-reduced-motion: reduce){
  body.kks-space .nav-tab,body.kks-space .ctrl .btn{transition:none}
}


/* ============================================================
   V2 - CHE DO NGAY / DEM (nut sang-toi cho trang can nao)
   ============================================================ */
/* An nut toggle rieng cua macro (da co nut chung) */
body.kks-space #themebtn{display:none}

/* Nut chuyen ngay/dem dung chung */
#kks-daynight{
  position:fixed;right:14px;bottom:14px;z-index:9999;
  width:46px;height:46px;border-radius:50%;
  border:1px solid var(--border2);background:var(--bg3);color:var(--text);
  font-size:20px;line-height:1;cursor:pointer;
  box-shadow:0 8px 24px rgba(0,0,0,.35);
  transition:transform .2s,background .2s;
}
#kks-daynight:hover{transform:scale(1.08)}

/* ---- NGAY: nen giay sang diu, giu accent vang dong ---- */
body.kks-space.kks-day{
  --bg:#F2F1EC;--bg2:#FFFFFF;--bg3:#F7F5F0;--bg4:#EDE9DE;
  --border:#DDD6C8;--border2:#C7BDA8;
  --text:#23252E;--text2:#5A6070;--text3:#8A8FA0;
  --gold:#8A6B33;--gold2:#6E541F;--gold-bg:rgba(138,107,51,.08);
  --blue:#3D5AC8;--blue2:#2E46A5;--blue-bg:rgba(61,90,200,.08);
  --green:#177A4E;--green2:#0F5C3A;--green-bg:rgba(23,122,78,.07);
  --red:#C2334D;--red2:#A02440;--red-bg:rgba(194,51,77,.07);
  color:var(--text);
}
body.kks-space.kks-day::before{background:#F2F1EC}
body.kks-space.kks-day #kks-stars{display:none}
body.kks-space.kks-day .header, body.kks-space.kks-day .hd{
  background:rgba(255,255,255,.82);
  border-bottom:1px solid var(--border);
}
body.kks-space.kks-day .card, body.kks-space.kks-day .panel, body.kks-space.kks-day .box{
  background:rgba(255,255,255,.92);
  border:1px solid var(--border);
}
body.kks-space.kks-day .nav-tab.active{
  background:linear-gradient(135deg,#C9AA70,#A98B54);color:#241C0C;
}
body.kks-space.kks-day #kks-daynight{box-shadow:0 8px 24px rgba(120,100,60,.25)}