:root{
  --bg:#0b0f14; --bg-grad:#0b0f14; --card:#0e141b; --card-2:#0b1218;
  --line:#1b2330; --line-2:#13202b; --fg:#e6edf3; --muted:#9aa7b2;
  --teal:#0fd1b8; --teal-2:#0aa695; --danger:#ef4444; --ok:#10b981; --warn:#f59e0b;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;background:radial-gradient(1200px 800px at 10% -10%,#0d1620 0%,var(--bg-grad) 45%,#080c11 100%);color:var(--fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}

/* Top Bar */
.topbar{position:sticky;top:0;z-index:50;background:rgba(11,15,20,.8);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line)}
.topbar__inner{max-width:1220px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:12px 20px}
.brand{font-weight:800;letter-spacing:.8px;color:#fff;text-decoration:none}
.nav{display:flex;gap:6px;padding:2px;background:#0a1117;border:1px solid var(--line);border-radius:12px}
.nav__link{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:10px}
.nav__link:hover{color:#fff;background:#0e141b}
.nav__link.is-active{color:#001615;background:var(--teal)}
.topbar__right{margin-left:auto;display:flex;align-items:center;gap:10px}
.badge{font-size:12px;padding:4px 8px;border-radius:999px;background:#0f1720;border:1px solid var(--line);color:var(--muted)}
.badge.verified{color:#052d29;background:#0ff0d8;border-color:#0ac7b3}
.badge.pending{color:#1f1a00;background:#ffe59e;border-color:#e3b600}
.badge.unverified{color:#390b0b;background:#ffc2c2;border-color:#f08a8a}
.user{font-size:14px;color:#c9d3dc}
.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:#0e141b;color:#d9e2ea;text-decoration:none;transition:.15s}
.btn:hover{transform:translateY(-1px);background:#121a22}
.btn--sm{padding:6px 10px;font-size:13px}
.btn--primary{background:var(--teal);color:#001615;border:none}
.btn--primary:hover{background:var(--teal-2)}

/* Page & Cards */
.page{max-width:1220px;margin:26px auto;padding:0 20px}
.card{background:linear-gradient(180deg,var(--card),var(--card-2));border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
.grid{display:grid;gap:16px}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:2fr 1fr 1fr}
.grid.cols-2{grid-template-columns:2fr 1.2fr}
@media (max-width:1100px){.grid.cols-4,.grid.cols-3,.grid.cols-2{grid-template-columns:1fr}}

/* Stats */
.stat{display:flex;flex-direction:column;gap:6px}
.stat__label{color:#9fb0bd;font-size:13px}
.stat__value{font-size:28px;font-weight:700;letter-spacing:.3px}
.stat__trend{display:inline-flex;align-items:center;gap:6px;font-size:12px}
.trend--up{color:var(--ok)} .trend--down{color:#f87171}

/* Tables */
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left}
.table th{color:#b8c3cc;font-weight:600;font-size:12px;letter-spacing:.2px;text-transform:uppercase}
.table tbody tr:hover{background:#0f1620}
.tag{display:inline-block;padding:4px 8px;border-radius:999px;border:1px solid var(--line);background:#0f1720;color:#cfe7e3;font-size:12px}
.tag--ok{background:rgba(16,185,129,.12);border-color:#1d3b31;color:#39f1c6}
.tag--red{background:rgba(239,68,68,.12);border-color:#4a1b1b;color:#ff9e9e}

/* Inputs, Search */
.input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--line);background:#0d131a;color:#fff}
.input--search{padding-left:38px}
.inputwrap{position:relative}
.inputwrap .icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.6}

/* Tabs & Switch */
.tabs{display:flex;gap:6px;padding:6px;background:#0a1117;border:1px solid var(--line);border-radius:12px}
.tabs a{padding:8px 12px;border-radius:10px;color:var(--muted);text-decoration:none}
.tabs a.active{background:var(--teal);color:#001615}
.switch{position:relative;display:inline-block;width:48px;height:28px}
.switch input{opacity:0;width:0;height:0}
.slider{position:absolute;cursor:pointer;inset:0;background:#23303d;border:1px solid var(--line);transition:.2s;border-radius:999px}
.slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;top:2px;background:#fff;border-radius:50%;transition:.2s}
.switch input:checked + .slider{background:#1e3a34;border-color:#0e5b4f}
.switch input:checked + .slider:before{transform:translateX(20px)}

/* Bits */
.row{display:flex;align-items:center;gap:12px}
.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0a1117;border:1px solid var(--line);font-weight:700}
.coin{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#0a1117;border:1px solid var(--line)}
.price{font-variant-numeric:tabular-nums}
.spark{width:80px;height:28px}

.footer{border-top:1px solid var(--line);margin-top:40px}
.footer__inner{max-width:1220px;margin:0 auto;padding:18px 20px;color:var(--muted)}
.note{color:var(--muted);font-size:13px}
/* Markets page layout + detail pane */
.markets-grid{grid-template-columns:2.1fr 1fr}
@media (max-width:1100px){.markets-grid{grid-template-columns:1fr}}
.coinwrap{display:flex;align-items:center;gap:10px}
.coinwrap img{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);background:#0a1117}
.detail .pricebig{font-size:28px;font-weight:700}
.detail .muted{color:var(--muted);font-size:12px}
.detail .head{display:flex;align-items:center;gap:10px}
.detail .head img{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#0a1117}
.detail .meta{display:flex;gap:10px;flex-wrap:wrap}
.badge-pill{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:#0f1720;font-size:12px;color:#cfe7e3}
.subtabs{display:flex;gap:6px;margin:8px 0 12px}
.subtabs a{padding:6px 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);text-decoration:none}
.subtabs a.active{background:var(--teal);color:#001615}
.chartbox{height:320px;background:#0b1218;border:1px solid var(--line);border-radius:12px;padding:8px}
/* TradingView container height */

/* Trade page chart height */
#chartWrap{height:520px}
/* ===== OrbitFX mobile polish ===== */
@media (max-width:1100px){
  /* Trade: stack columns, make chart height reasonable */
  .trade-grid{ grid-template-columns:1fr !important; padding:12px !important; gap:12px !important; }
  #chartWrap{ height: 52vh !important; min-height: 360px !important; }
  .orderbook{ min-height: 360px !important; grid-template-rows: 1fr 22px 1fr !important; }
  .ticker{ height: 180px !important; }
  .ticket .booklist{ height: 150px !important; }
  .btn, .btn--sm, .input{ height: 36px !important; }
}
/* Touch targets & slim dark scrollbars */
* { scrollbar-width:thin; scrollbar-color:#243041 #0b1218; }
*::-webkit-scrollbar{ width:8px; height:8px } 
*::-webkit-scrollbar-thumb{ background:#243041; border-radius:8px }
*::-webkit-scrollbar-track{ background:#0b1218 }

/* ==== Global Footer (OrbitFX) ==== */
.site-footer {
  background: var(--footer-bg, #0f131a);
  color: var(--footer-text, #c9d2e0);
  border-top: 1px solid rgba(255,255,255,0.06);
  margin-top: 48px;
  font-size: 14px;
  line-height: 1.6;
}
.site-footer .footer__container {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 32px 60px 36px; /* ≈2–3 cm left/right spacing */
}
.footer__columns {
  display: grid;
  grid-template-columns: 1.1fr 1.2fr 0.9fr;
  gap: 28px;
}
.footer__col { min-width: 0; }

.footer__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.footer__logo { width: 28px; height: 28px; }
.footer__brandname { font-weight: 700; color: #eaf1ff; font-size: 15px; letter-spacing: .2px; }
.footer__tag { color: #a9b4c4; margin: 8px 0 14px; }

.footer__links {
  display: flex; flex-wrap: wrap; gap: 12px 18px; margin-top: 10px;
}
.footer__links a {
  color: #d7e1f2;
  text-decoration: none;
  opacity: .9;
}
.footer__links a:hover {
  opacity: 1;
  text-decoration: underline;
}

.footer__heading {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #9fb3ce;
  margin: 4px 0 10px;
  font-weight: 700;
}

.license-box {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 10px;
}
.license-title { font-weight: 700; color: #e9f1ff; margin-bottom: 4px; }
.license-line { color: #c9d2e0; }
.license-addr { color: #a9b4c4; font-style: normal; margin-top: 4px; }
.license-note { color: #93a3bb; font-size: 12px; margin-top: 8px; }

.addr-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.06);
  border-radius: 12px;
  padding: 12px 14px;
  margin-bottom: 10px;
  font-style: normal;
}
.addr-label { font-weight: 700; color: #e9f1ff; margin-bottom: 4px; }

.footer__bottom {
  border-top: 1px solid rgba(255,255,255,0.06);
  margin-top: 18px;
  padding-top: 16px;
  display: grid;
  gap: 8px;
}
.footer__bottom .risk {
  color: #97a7bf;
  font-size: 12.5px;
  margin: 0;
}
.footer__bottom .copy {
  color: #7f93af;
  font-size: 12.5px;
}

/* Responsive */
@media (max-width: 980px){
  .footer__columns { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px){
  .footer__columns { grid-template-columns: 1fr; gap: 18px; }
  .site-footer .footer__container { padding: 22px 16px 26px; }
}
/* ==== FORCE FOOTER FULL-WIDTH WITH SIDE PADDING ==== */
footer.footer.site-footer,
footer.site-footer {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--footer-bg, #0f131a);
}

/* kill any theme/container max-width on the inner wrapper */
footer.footer.site-footer > .footer__container,
footer.site-footer > .footer__container,
footer.footer .footer__container,
footer .footer__container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;                 /* removes auto-centering */
  padding: 32px 60px 36px !important;   /* ≈2–3 cm side spacing */
  box-sizing: border-box !important;
}

/* ensure column grid stretches across */
footer.site-footer .footer__columns {
  display: grid !important;
  grid-template-columns: 1.1fr 1.2fr 0.9fr !important;
  gap: 28px !important;
}

/* responsive keeps same left/right feel */
@media (max-width: 980px){
  footer.site-footer .footer__columns { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 680px){
  footer.site-footer .footer__container { padding: 22px 16px 26px !important; }
  footer.site-footer .footer__columns { grid-template-columns: 1fr !important; gap: 18px !important; }
}
/* ==== FINAL FOOTER FIX (FULL WIDTH + SIDE PADDING) ==== */

/* Remove the old centered .footer__inner layout */
.footer__inner {
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure full-width footer background */
footer.footer.site-footer,
footer.site-footer {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--footer-bg, #0f131a);
  border-top: 1px solid rgba(255,255,255,0.06);
}

/* Make the inner container span edge-to-edge with ~2–3 cm padding */
footer.footer.site-footer > .footer__container,
footer.site-footer > .footer__container,
footer.footer .footer__container,
footer .footer__container {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 32px 60px 36px !important; /* adjust: 60px ≈ 2–3 cm */
  box-sizing: border-box !important;
}

/* Ensure columns fill the available width */
footer.site-footer .footer__columns {
  display: grid !important;
  grid-template-columns: 1.1fr 1.2fr 0.9fr !important;
  gap: 28px !important;
}

/* Responsive padding */
@media (max-width: 980px){
  footer.site-footer .footer__columns { grid-template-columns: 1fr 1fr !important; }
}
@media (max-width: 680px){
  footer.site-footer .footer__container { padding: 22px 16px 26px !important; }
  footer.site-footer .footer__columns { grid-template-columns: 1fr !important; gap: 18px !important; }
}