/* OneTradeVN — nút điều hướng dùng chung cho toàn site (trang chủ + khu Chỉ Báo).
   3 nút: AI Hỏi Đáp · Thị Trường · Chỉ Báo. Trang đang xem ẩn nút của chính nó, hiện 2 nút còn lại. */
.ot-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 15px;border-radius:20px;border:none;
  font-family:inherit;font-size:11px;font-weight:700;line-height:1;letter-spacing:.5px;white-space:nowrap;flex-shrink:0;cursor:pointer;
  text-decoration:none!important;color:#020408;transition:transform .2s,box-shadow .2s}
.ot-nav-btn:hover{transform:translateY(-1px)}
.ot-nav-btn .ot-nav-ic{font-size:13px;line-height:1}
.ot-nav-ai{background:linear-gradient(135deg,#a855f7,#00d4ff)!important;color:#fff!important;box-shadow:0 0 16px rgba(168,85,247,.45)}
.ot-nav-ai:hover{box-shadow:0 0 24px rgba(168,85,247,.65)}
.ot-nav-market{background:linear-gradient(135deg,#00d4ff,#0ea5e9)!important;box-shadow:0 0 16px rgba(0,212,255,.45)}
.ot-nav-market:hover{box-shadow:0 0 24px rgba(0,212,255,.65)}
.ot-nav-chibao{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important;box-shadow:0 0 16px rgba(245,158,11,.45)}
.ot-nav-chibao:hover{box-shadow:0 0 24px rgba(245,158,11,.65)}
.ot-nav-pulse{width:7px;height:7px;border-radius:50%;background:#fff;animation:otNavPulse 1.5s infinite}
@keyframes otNavPulse{0%,100%{opacity:1}50%{opacity:.4}}
/* thu gọn còn icon trên màn hình nhỏ (dùng ở header khu Chỉ Báo) */
@media(max-width:768px){
  .ot-nav-compact{padding:0 9px;min-width:30px;gap:0}
  .ot-nav-compact .ot-nav-txt,.ot-nav-compact .ot-nav-pulse{display:none}
}

/* Nút Quay lại: cùng hàng, cùng cỡ với 3 nút trên (dạng viền, không tô màu để phân biệt) */
.ot-nav-back{background:rgba(0,212,255,.08)!important;color:var(--cyan,#00d4ff)!important;border:1px solid var(--border-hi,rgba(0,212,255,.35));box-shadow:none}
.ot-nav-back:hover{background:rgba(0,212,255,.18)!important}

/* Icon AI dùng chung (sparkle) — thay cho biểu tượng robot mặc định */
.ot-ai-ico{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.125em;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20d=%22M11%202C11.9%208.3%2015.7%2012.1%2022%2013C15.7%2013.9%2011.9%2017.7%2011%2024C10.1%2017.7%206.3%2013.9%200%2013C6.3%2012.1%2010.1%208.3%2011%202Z%22/%3E%3Cpath%20d=%22M19.5%200.5C19.75%202.2%2020.8%203.25%2022.5%203.5C20.8%203.75%2019.75%204.8%2019.5%206.5C19.25%204.8%2018.2%203.75%2016.5%203.5C18.2%203.25%2019.25%202.2%2019.5%200.5Z%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20d=%22M11%202C11.9%208.3%2015.7%2012.1%2022%2013C15.7%2013.9%2011.9%2017.7%2011%2024C10.1%2017.7%206.3%2013.9%200%2013C6.3%2012.1%2010.1%208.3%2011%202Z%22/%3E%3Cpath%20d=%22M19.5%200.5C19.75%202.2%2020.8%203.25%2022.5%203.5C20.8%203.75%2019.75%204.8%2019.5%206.5C19.25%204.8%2018.2%203.75%2016.5%203.5C18.2%203.25%2019.25%202.2%2019.5%200.5Z%22/%3E%3C/svg%3E") center/contain no-repeat}

/* Nút AI giải thích chỉ báo (đầu dải chỉ báo) */
.strip-explain{flex-shrink:0;border:1px solid var(--border-hi,rgba(0,212,255,.35));background:rgba(139,92,246,.12);color:var(--text-hi);
  font:600 11px/1 inherit;padding:7px 10px;border-radius:8px;cursor:pointer;white-space:nowrap}
.strip-explain:hover{background:rgba(139,92,246,.24)}

/* Lời chào người mới */
.ot-welcome{position:fixed;left:16px;bottom:34px;z-index:900;width:320px;max-width:calc(100vw - 32px);background:var(--bg-panel,#08121f);
  border:1px solid var(--border-hi,rgba(0,212,255,.35));border-radius:12px;padding:14px 16px 12px;box-shadow:0 12px 40px rgba(0,0,0,.45);
  color:var(--text-mid);font-size:12.5px;line-height:1.55}
.ot-welcome .otw-h{color:var(--text-hi);font-weight:700;font-size:14px;margin-bottom:6px}
.ot-welcome ol{margin:0 0 6px;padding-left:18px}
.ot-welcome li{margin-bottom:3px}
.ot-welcome b{color:var(--text-hi)}
.ot-welcome .otw-note{color:var(--amber,#f59e0b);font-size:11px;margin-bottom:10px}
.ot-welcome .otw-btns{display:flex;gap:8px;justify-content:flex-end;align-items:center}
.ot-welcome .otw-more{color:var(--cyan);text-decoration:none;font-size:12px;margin-right:auto}
.ot-welcome .otw-ok{background:var(--cyan);color:#03101c;border:0;border-radius:8px;padding:7px 14px;font-weight:700;cursor:pointer}
.ot-welcome .otw-x{position:absolute;top:6px;right:8px;background:none;border:0;color:var(--text-lo);font-size:18px;cursor:pointer;line-height:1}
@media (max-width:768px){ .ot-welcome{left:12px;right:12px;width:auto;bottom:84px} }