:root{
  --bg1:#0b1220; --bg2:#101a2d;
  --card:rgba(255,255,255,.06); --border:rgba(255,255,255,.12);
  --text:#e6edf3; --muted:#9aa7bd; --accent:#6ae3ff; --accent2:#9b8cff; --danger:#f5b971;
}
:root[data-theme="light"]{
  --bg1:#f6f7fb; --bg2:#ffffff;
  --card:rgba(0,0,0,.04); --border:rgba(0,0,0,.12);
  --text:#101524; --muted:#475569;
}
.aitms-page{
  color:var(--text);
  font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  background: radial-gradient(900px 600px at 0% 0%, rgba(106,227,255,.12), transparent 60%),
              radial-gradient(900px 600px at 100% 10%, rgba(155,140,255,.12), transparent 60%),
              linear-gradient(135deg, var(--bg1), var(--bg2));
  padding:16px;
  border-radius:16px;
}

/* Banner */
.banner{ display:flex; align-items:center; gap:12px; background:rgba(255,215,0,.08); border:1px solid rgba(255,215,0,.25); color:#ffe29e; padding:12px 14px; border-radius:12px; margin-bottom:14px; }
.banner .icon{ width:22px; height:22px; border-radius:999px; background:rgba(255,215,0,.25); display:flex; align-items:center; justify-content:center; font-weight:800; }

/* Title */
.title h1{ margin:8px 0 4px; font-size:28px; }
.grad{ background: linear-gradient(90deg, #8bd3ff 0%, #c08cff 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.sub{ color:var(--muted); margin-bottom:12px; }

/* Toolbar */
.toolbar{ display:flex; align-items:center; justify-content:space-between; margin-bottom:10px; }
.clock{ color:var(--muted); font-size:14px; }
.btn{ background:transparent; color:var(--text); border:1px solid var(--border); padding:9px 12px; border-radius:10px; cursor:pointer; }
.btn.primary{ background:linear-gradient(90deg,var(--accent),var(--accent2)); color:#001018; border:none; font-weight:700; }
.btn + .btn{ margin-left:8px; }

/* Grid */
.grid{ display:grid; grid-template-columns: 280px 1fr; gap:12px; }
.grid:not(.show-watch){ grid-template-columns: 1fr; }
.side{ background:var(--card); border:1px solid var(--border); border-radius:14px; padding:10px; height:100%; }
.search input{ width:100%; background:transparent; border:1px solid var(--border); color:var(--text); padding:10px 12px; border-radius:10px; margin-bottom:10px; }
.list{ display:flex; flex-direction:column; gap:8px; max-height:68vh; overflow:auto; }
.row{ display:flex; align-items:center; justify-content:space-between; background:transparent; border:1px solid var(--border); color:var(--text); border-radius:10px; padding:10px 12px; cursor:pointer; }
.row:hover{ background:rgba(255,255,255,.06); }
.badge{ background:rgba(255,255,255,.12); color:var(--muted); font-size:12px; padding:3px 8px; border-radius:999px; }

.main{ background:var(--card); border:1px solid var(--border); border-radius:14px; padding:10px; }
.heading{ display:flex; align-items:center; justify-content:space-between; margin:2px 2px 8px; }
.pair{ font-weight:700; font-size:18px; }
.ticker{ color:var(--muted); font-size:12px; margin-top:2px; }
.mini-badge{ background:rgba(255,255,255,.08); color:var(--muted); border:1px solid var(--border); padding:3px 8px; border-radius:999px; font-size:12px; }
.tv{ height:600px; }

/* Modal */
.modal{ position:fixed; inset:0; background:rgba(0,0,0,.55); display:flex; align-items:center; justify-content:center; z-index:9999; }
.modal.hidden{ display:none; }
.card{ position:relative; width:min(860px,95vw); background:var(--bg2); border:1px solid var(--border); border-radius:16px; overflow:hidden; box-shadow:0 18px 70px rgba(0,0,0,.5); }
.close{ position:absolute; right:12px; top:8px; background:transparent; border:none; font-size:26px; color:var(--muted); cursor:pointer; }
.content{ padding:16px 18px 22px; }
.loading{ padding:22px 0; }
.out.hidden{ display:none; }
#ai_points{ margin:8px 0 12px; padding-left:18px; }
#ai_points li{ margin:4px 0; }
#ai_events, #ai_news{ margin-top:10px; font-size:14px; }
#ai_news a{ color:#8bd3ff; }

/* Responsive */
@media (max-width: 1024px){
  .grid{ grid-template-columns: 1fr; }
  .tv{ height:460px; }
}