/* MUTA v279 - 35-assistant-premium - Inspired by best Iranian & Foreign sites
   Iranian: موتا مارکت bento lift + هوشمند bottom sheet + هوشمند/هوشمند پیام‌رسان chat + هوشمند market cards + Torob price
   Foreign: ChatGPT bubbles + Perplexity sources + TradingView KPIs + هوشمند dashboard + هوشمند tabs + Apple glassmorphism + Notion
   Goal: premium, intimate, AI-based, one-paragraph answers but UI super-app level
*/

/* ===== HUB HERO - هوشمند + موتا مارکت inspired ===== */
.assistant-hero-v279 {
  position: relative;
  padding: 20px 22px;
  border-radius: 20px;
  background: linear-gradient(135deg, rgba(212,175,55,.10) 0%, rgba(124,58,237,.08) 35%, rgba(14,165,233,.06) 70%, var(--surface) 100%);
  border: 1px solid rgba(212,175,55,.18);
  overflow: hidden;
  margin-bottom: 20px;
}
.assistant-hero-v279::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at 20% 0%, rgba(212,175,55,.12), transparent 50%),
              radial-gradient(ellipse at 80% 100%, rgba(124,58,237,.10), transparent 50%);
  pointer-events: none;
}
.assistant-hero-v279-inner { position: relative; z-index: 1; display: flex; flex-wrap: wrap; gap: 16px; justify-content: space-between; align-items: center; }
.assistant-hero-title-v279 { font-weight: 900; font-size: 1.25rem; letter-spacing: -.02em; display: flex; align-items: center; gap: 10px; }
.assistant-hero-title-v279 .icon { width: 40px; height: 40px; border-radius: 12px; background: linear-gradient(135deg, var(--gold), var(--gold-2)); display: flex; align-items: center; justify-content: center; color: #1a1400; font-size: 1.2rem; box-shadow: 0 4px 16px rgba(212,175,55,.25); }
.assistant-hero-desc-v279 { font-size: .85rem; color: var(--text-dim); line-height: 1.8; max-width: 520px; margin-top: 6px; }
.assistant-hero-stats-v279 { display: flex; gap: 8px; flex-wrap: wrap; }
.assistant-hero-stat {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 12px; border-radius: 99px; font-size: .72rem; font-weight: 700;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08);
  backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
}
.assistant-hero-stat.live { background: rgba(16,185,129,.12); border-color: rgba(16,185,129,.22); color: #10b981; }
.assistant-hero-stat.gold { background: rgba(212,175,55,.12); border-color: rgba(212,175,55,.22); color: var(--gold); }
.assistant-hero-stat.purple { background: rgba(124,58,237,.12); border-color: rgba(124,58,237,.22); color: #a78bfa; }
.assistant-hero-stat .dot { width: 6px; height: 6px; border-radius: 50%; background: currentColor; animation: pulseDotV279 1.8s infinite; }
@keyframes pulseDotV279 { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: .6; transform: scale(1.3); } }

/* ===== HUB GRID - موتا مارکت bento + هوشمند super-app ===== */
.assistant-hub-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 24px;
}
@media (max-width: 768px) { .assistant-hub-grid { grid-template-columns: 1fr; gap: 12px; } }

.assistant-hub-card {
  position: relative;
  cursor: pointer;
  padding: 20px 18px 16px;
  border-radius: 20px;
  background: linear-gradient(180deg, var(--surface) 0%, rgba(255,255,255,.015) 100%);
  border: 1px solid var(--line);
  transition: all .32s cubic-bezier(.16,1,.3,1);
  min-height: 180px;
  overflow: hidden;
  will-change: transform;
  transform: translateZ(0);
}
.assistant-hub-card::after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.0) 10%, rgba(212,175,55,.35) 50%, transparent 90%);
  opacity: 0; transition: opacity .3s;
}
.assistant-hub-card::before {
  content: '';
  position: absolute; inset: 0;
  background: radial-gradient(ellipse at 30% 20%, rgba(212,175,55,.07), transparent 55%),
              radial-gradient(ellipse at 80% 80%, rgba(124,58,237,.05), transparent 50%);
  opacity: 0; transition: opacity .32s;
}
.assistant-hub-card:hover { transform: translateY(-5px) translateZ(0); border-color: rgba(212,175,55,.28); box-shadow: 0 12px 32px rgba(0,0,0,.22), 0 0 0 1px rgba(212,175,55,.12), 0 0 24px rgba(212,175,55,.08); }
.assistant-hub-card:hover::before { opacity: 1; }
.assistant-hub-card:hover::after { opacity: 1; }
.assistant-hub-card:active { transform: translateY(-2px) scale(.98) translateZ(0); }

.assistant-hub-top { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 12px; position: relative; z-index: 1; }
.assistant-hub-icon {
  width: 52px; height: 52px; border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; font-size: 1.5rem; border: 1px solid;
  position: relative; overflow: hidden;
  transition: transform .32s cubic-bezier(.16,1,.3,1);
}
.assistant-hub-card:hover .assistant-hub-icon { transform: scale(1.06) rotate(-2deg); }
.assistant-hub-icon::before {
  content: ''; position: absolute; inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.12), transparent 60%);
}
.assistant-hub-icon.advisor { background: linear-gradient(135deg, rgba(212,175,55,.18), rgba(212,175,55,.06)); border-color: rgba(212,175,55,.28); color: #D4AF37; box-shadow: 0 4px 16px rgba(212,175,55,.12); }
.assistant-hub-icon.psyche { background: linear-gradient(135deg, rgba(124,58,237,.18), rgba(124,58,237,.06)); border-color: rgba(124,58,237,.28); color: #a78bfa; box-shadow: 0 4px 16px rgba(124,58,237,.12); }
.assistant-hub-icon.research { background: linear-gradient(135deg, rgba(14,165,233,.18), rgba(14,165,233,.06)); border-color: rgba(14,165,233,.28); color: #0ea5e9; box-shadow: 0 4px 16px rgba(14,165,233,.12); }
.assistant-hub-icon.analyst { background: linear-gradient(135deg, rgba(16,185,129,.18), rgba(16,185,129,.06)); border-color: rgba(16,185,129,.28); color: #10b981; box-shadow: 0 4px 16px rgba(16,185,129,.12); }

.assistant-hub-title { font-weight: 900; font-size: 1.05rem; letter-spacing: -.01em; display: flex; align-items: center; gap: 8px; line-height: 1.2; }
.assistant-hub-sub { font-size: .78rem; color: var(--text-dim); margin-top: 4px; line-height: 1.5; }
.assistant-hub-desc { font-size: .84rem; color: var(--text-dim); line-height: 1.75; margin: 0 0 14px 0; min-height: 42px; position: relative; z-index: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

.assistant-hub-meta { display: flex; justify-content: space-between; align-items: center; font-size: .75rem; position: relative; z-index: 1; margin-top: auto; }
.hub-status { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 99px; font-weight: 700; font-size: .68rem; letter-spacing: -.01em; backdrop-filter: blur(8px); }
.hub-status.connected { background: rgba(16,185,129,.12); border: 1px solid rgba(16,185,129,.22); color: #10b981; }
.hub-status.checking { background: rgba(234,179,8,.12); border: 1px solid rgba(234,179,8,.22); color: #eab308; }
.hub-status .pulse { width: 6px; height: 6px; border-radius: 50%; background: currentColor; animation: pulseDotV279 1.5s infinite; }

.assistant-hub-enter {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 14px; border-radius: 99px;
  background: rgba(212,175,55,.10); border: 1px solid rgba(212,175,55,.18);
  color: var(--gold); font-weight: 800; font-size: .78rem;
  transition: all .28s cubic-bezier(.16,1,.3,1);
}
.assistant-hub-card:hover .assistant-hub-enter { gap: 12px; background: rgba(212,175,55,.16); border-color: rgba(212,175,55,.28); transform: translateX(-2px); }

/* Last chat preview - پیام‌رسان style */
.assistant-hub-last {
  margin-top: 10px; padding: 8px 10px; border-radius: 10px;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.04);
  font-size: .72rem; color: var(--text-faint); line-height: 1.6;
  display: flex; gap: 6px; align-items: center; position: relative; z-index: 1;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.assistant-hub-last .ic { font-size: .8rem; opacity: .7; }

/* ===== DETAIL WRAP - هوشمند + Apple glass ===== */
#assistantDetailWrap { animation: assistantInV279 .36s cubic-bezier(.16,1,.3,1); }
@keyframes assistantInV279 { from { opacity: 0; transform: translateY(16px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }

.assistant-back-btn {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 16px; border-radius: 99px;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  color: var(--text-dim); font-size: .82rem; font-weight: 700;
  cursor: pointer; margin-bottom: 16px; transition: all .22s cubic-bezier(.16,1,.3,1);
}
.assistant-back-btn:hover { background: rgba(255,255,255,.10); color: var(--text); border-color: rgba(255,255,255,.16); transform: translateX(2px); }

.assistant-tabs {
  display: flex; gap: 8px; overflow-x: auto; scrollbar-width: none;
  padding: 4px; margin-bottom: 18px;
  background: rgba(255,255,255,.03); border: 1px solid rgba(255,255,255,.06);
  border-radius: 16px; backdrop-filter: blur(12px);
  width: fit-content; max-width: 100%;
}
.assistant-tabs::-webkit-scrollbar { display: none; }
.assistant-tab {
  flex-shrink: 0; height: 38px; padding: 0 16px;
  border-radius: 12px; font-size: .84rem; font-weight: 700;
  border: 1px solid transparent; background: transparent; color: var(--text-dim);
  cursor: pointer; display: inline-flex; align-items: center; gap: 8px;
  transition: all .22s cubic-bezier(.16,1,.3,1);
  position: relative;
}
.assistant-tab.active {
  background: linear-gradient(135deg, rgba(212,175,55,.16), rgba(212,175,55,.08));
  color: var(--gold); border-color: rgba(212,175,55,.22);
  box-shadow: 0 2px 12px rgba(212,175,55,.12), inset 0 1px 0 rgba(255,255,255,.08);
}
.assistant-tab:hover:not(.active) { background: rgba(255,255,255,.06); color: var(--text); }

/* ===== CHAT LAYOUT - ChatGPT + پیام‌رسان + هوشمند ===== */
.assistant-detail-layout {
  display: grid;
  grid-template-columns: 1fr 320px;
  gap: 16px;
  align-items: start;
}
@media (max-width: 1024px) { .assistant-detail-layout { grid-template-columns: 1fr; } .assistant-context-v279 { order: -1; } }

.advisor-card, .psy-card, .rs-card, .analyst-hero-card, .analyst-select-card, .analyst-top-strip, .analyst-card, .analyst-warning-card, .analyst-summary-card, .analyst-details-card, .analyst-empty {
  background: linear-gradient(180deg, var(--surface) 0%, rgba(255,255,255,.01) 100%);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 18px;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
  backdrop-filter: blur(20px);
}
.advisor-card { border-color: rgba(212,175,55,.16); background: linear-gradient(180deg, rgba(212,175,55,.04) 0%, var(--surface) 40%, var(--surface) 100%); }
.psy-card { border-color: rgba(124,58,237,.16); background: linear-gradient(180deg, rgba(124,58,237,.04) 0%, var(--surface) 40%, var(--surface) 100%); }
.rs-card { border-color: rgba(14,165,233,.16); }

.advisor-head {
  display: flex; align-items: center; gap: 14px;
  padding-bottom: 14px; border-bottom: 1px solid rgba(255,255,255,.06);
  margin-bottom: 16px;
}
.advisor-avatar {
  width: 46px; height: 46px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg, var(--gold-soft), var(--purple-soft));
  border: 1px solid var(--gold-border); color: var(--gold); font-size: 1.25rem;
  flex-shrink: 0; box-shadow: 0 4px 16px rgba(212,175,55,.15);
  position: relative; overflow: hidden;
}
.advisor-avatar::after { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,.15), transparent 60%); }
.advisor-name { font-weight: 900; font-size: 1rem; letter-spacing: -.01em; }
.advisor-sub { font-size: .76rem; color: var(--text-dim); margin-top: 3px; line-height: 1.5; max-width: 420px; }

.status-pill { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 99px; font-size: .68rem; font-weight: 800; margin-left: auto; backdrop-filter: blur(8px); }
.status-pill.sim { background: rgba(167,139,250,.14); border: 1px solid rgba(167,139,250,.22); color: #a78bfa; }
.status-pill.purple { background: rgba(124,58,237,.14); border: 1px solid rgba(124,58,237,.22); color: #a78bfa; }

/* Empty state - ChatGPT inspired */
.advisor-empty {
  text-align: center; padding: 28px 20px 20px;
  background: radial-gradient(ellipse at 50% 0%, rgba(212,175,55,.06), transparent 60%), rgba(255,255,255,.02);
  border: 1px dashed rgba(255,255,255,.08); border-radius: 16px; margin-bottom: 16px;
  position: relative; overflow: hidden;
}
.advisor-empty .empty-illust {
  width: 64px; height: 64px; border-radius: 20px;
  background: linear-gradient(135deg, rgba(212,175,55,.15), rgba(124,58,237,.12));
  border: 1px solid rgba(212,175,55,.18);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 14px; font-size: 1.8rem;
  box-shadow: 0 8px 24px rgba(212,175,55,.12);
}
.advisor-empty p { font-size: .9rem; font-weight: 600; color: var(--text-dim); margin-bottom: 6px; }
.advisor-empty .empty-sub { font-size: .78rem; color: var(--text-faint); line-height: 1.7; max-width: 360px; margin: 0 auto 16px; }

/* Sample cards - ChatGPT + Perplexity */
.advisor-samples {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px; margin-top: 16px; text-align: right;
}
.advisor-sample {
  padding: 12px 14px; border-radius: 14px; font-size: .80rem; font-weight: 600;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08);
  color: var(--text-dim); cursor: pointer; transition: all .22s cubic-bezier(.16,1,.3,1);
  text-align: right; line-height: 1.6; position: relative; overflow: hidden;
  backdrop-filter: blur(8px);
}
.advisor-sample::before { content: ''; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(212,175,55,.0), rgba(212,175,55,.08)); opacity: 0; transition: opacity .22s; }
.advisor-sample:hover { background: rgba(212,175,55,.10); border-color: rgba(212,175,55,.22); color: var(--gold); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,.12); }
.advisor-sample:hover::before { opacity: 1; }
.advisor-sample .sample-ic { margin-left: 6px; }

/* Conversation - پیام‌رسان + WhatsApp + ChatGPT */
.advisor-conv, #psyConv, #researchConv, #analystConv {
  display: flex; flex-direction: column; gap: 16px;
  max-height: 480px; overflow-y: auto; padding: 8px 4px 12px;
  scroll-behavior: smooth;
}
.advisor-conv::-webkit-scrollbar { width: 5px; }
.advisor-conv::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 99px; }

.adv-msg {
  max-width: 82%; padding: 14px 16px; border-radius: 18px;
  font-size: .88rem; line-height: 1.9; position: relative;
  animation: msgInV279 .36s cubic-bezier(.16,1,.3,1);
  word-wrap: break-word; backdrop-filter: blur(12px);
}
@keyframes msgInV279 { from { opacity: 0; transform: translateY(10px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }

.adv-msg.q {
  align-self: flex-end;
  background: linear-gradient(135deg, #D4AF37 0%, #C9A227 100%);
  color: #1A1400; font-weight: 600;
  border-bottom-right-radius: 6px;
  box-shadow: 0 4px 16px rgba(212,175,55,.22), 0 1px 0 rgba(255,255,255,.2) inset;
}
.adv-msg.q::after {
  content: '✓✓'; position: absolute; bottom: -16px; left: 8px;
  font-size: .62rem; color: var(--text-faint); letter-spacing: -.04em;
}

.adv-msg.a {
  align-self: flex-start;
  background: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,.03) 100%);
  border: 1px solid rgba(255,255,255,.08);
  color: var(--text); border-bottom-left-radius: 6px;
  box-shadow: 0 4px 20px rgba(0,0,0,.12);
}
.adv-msg.a .msg-meta {
  display: flex; gap: 8px; align-items: center; margin-top: 10px; padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.06); font-size: .68rem; color: var(--text-faint);
}
.adv-msg.a .msg-actions { display: flex; gap: 6px; margin-left: auto; }
.msg-action-btn {
  width: 28px; height: 28px; border-radius: 8px;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer; font-size: .75rem; color: var(--text-faint);
  transition: all .18s; backdrop-filter: blur(8px);
}
.msg-action-btn:hover { background: rgba(212,175,55,.12); border-color: rgba(212,175,55,.18); color: var(--gold); transform: scale(1.05); }

.adv-msg.thinking {
  background: rgba(255,255,255,.04); border: 1px dashed rgba(255,255,255,.10);
  color: var(--text-dim); font-style: italic; border-radius: 18px;
  display: flex; align-items: center; gap: 10px;
}
.adv-dots { display: inline-flex; gap: 5px; }
.adv-dots span {
  width: 7px; height: 7px; border-radius: 50%;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  animation: dotBounceV279 1.4s infinite ease-in-out both;
  box-shadow: 0 2px 6px rgba(212,175,55,.3);
}
.adv-dots span:nth-child(1) { animation-delay: -0.32s; }
.adv-dots span:nth-child(2) { animation-delay: -0.16s; }
@keyframes dotBounceV279 { 0%,80%,100% { transform: scale(0); opacity: .5; } 40% { transform: scale(1); opacity: 1; } }

/* Input - پیام‌رسان + هوشمند + iOS */
.advisor-form {
  display: flex; gap: 10px; margin-top: 16px;
  background: rgba(255,255,255,.05); border: 1px solid rgba(255,255,255,.08);
  border-radius: 18px; padding: 6px; backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  transition: all .22s; position: relative;
}
.advisor-form:focus-within { border-color: rgba(212,175,55,.24); box-shadow: 0 0 0 3px rgba(212,175,55,.08), 0 8px 24px rgba(0,0,0,.12); background: rgba(255,255,255,.07); }
.advisor-form input {
  flex: 1; border: none; background: transparent;
  padding: 12px 14px; font-size: .92rem; color: var(--text);
  outline: none; font-family: inherit; min-width: 0;
}
.advisor-form input::placeholder { color: var(--text-faint); }
.advisor-form button {
  flex-shrink: 0; height: 42px; min-width: 42px; border-radius: 12px;
  padding: 0 18px; font-weight: 800; font-size: .85rem;
  background: linear-gradient(135deg, var(--gold), var(--gold-2));
  color: #1A1400; border: none; cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  transition: all .22s cubic-bezier(.16,1,.3,1);
  box-shadow: 0 4px 12px rgba(212,175,55,.22);
}
.advisor-form button:hover { transform: translateY(-1px) scale(1.02); box-shadow: 0 6px 20px rgba(212,175,55,.28); }
.advisor-form button:active { transform: scale(.96); }
.advisor-form button:disabled { opacity: .5; cursor: not-allowed; transform: none; }

.advisor-note {
  margin-top: 12px; padding: 10px 14px;
  background: linear-gradient(135deg, rgba(212,175,55,.06), rgba(212,175,55,.02));
  border: 1px solid rgba(212,175,55,.10);
  border-radius: 12px; font-size: .72rem; color: var(--text-faint);
  display: flex; gap: 8px; line-height: 1.7; backdrop-filter: blur(8px);
}

/* Context sidebar - TradingView + هوشمند */
.assistant-context-v279 {
  position: sticky; top: 80px;
  display: flex; flex-direction: column; gap: 12px;
}
.context-card-v279 {
  background: linear-gradient(180deg, var(--surface) 0%, rgba(255,255,255,.01) 100%);
  border: 1px solid var(--line); border-radius: 16px; padding: 14px;
  backdrop-filter: blur(16px);
}
.context-card-v279 .ctx-head { font-weight: 800; font-size: .85rem; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
.context-card-v279 .ctx-head .live-dot { width: 6px; height: 6px; border-radius: 50%; background: #10b981; animation: pulseDotV279 1.5s infinite; }
.ctx-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.04); font-size: .8rem; }
.ctx-row:last-child { border-bottom: none; }
.ctx-row .label { color: var(--text-faint); }
.ctx-row .value { font-weight: 700; font-family: var(--font-mono, monospace); }
.ctx-row .value.up { color: #10b981; }
.ctx-row .value.down { color: #ef4444; }

/* Analyst TOP10 - هوشمند + Ramzinex + Torob */
.crypto-top10-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 16px; }
@media (max-width: 900px) { .crypto-top10-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 520px) { .crypto-top10-grid { grid-template-columns: repeat(2, 1fr); } }

.crypto-top10-btn {
  display: flex; flex-direction: column; align-items: center; gap: 6px;
  padding: 14px 10px 12px; border-radius: 16px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.06);
  cursor: pointer; transition: all .26s cubic-bezier(.16,1,.3,1);
  text-align: center; position: relative; overflow: hidden;
  backdrop-filter: blur(12px);
}
.crypto-top10-btn::before {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 0%, rgba(212,175,55,.08), transparent 60%);
  opacity: 0; transition: opacity .26s;
}
.crypto-top10-btn:hover { transform: translateY(-3px); border-color: rgba(212,175,55,.22); box-shadow: 0 8px 24px rgba(0,0,0,.14); }
.crypto-top10-btn:hover::before { opacity: 1; }
.crypto-top10-btn.active {
  background: linear-gradient(135deg, rgba(212,175,55,.14), rgba(212,175,55,.06));
  border-color: rgba(212,175,55,.28); box-shadow: 0 8px 24px rgba(212,175,55,.14), inset 0 1px 0 rgba(255,255,255,.1);
  transform: translateY(-2px) scale(1.02);
}
.crypto-top10-btn .sym { font-weight: 900; font-size: .95rem; letter-spacing: -.01em; }
.crypto-top10-btn .name { font-size: .66rem; color: var(--text-faint); font-weight: 600; }
.crypto-top10-btn .price { font-size: .78rem; font-weight: 800; font-family: var(--font-mono); color: var(--text-dim); margin-top: 2px; }
.crypto-top10-btn .change { font-size: .68rem; font-weight: 700; padding: 2px 6px; border-radius: 99px; margin-top: 4px; }
.crypto-top10-btn .change.up { background: rgba(16,185,129,.12); color: #10b981; border: 1px solid rgba(16,185,129,.18); }
.crypto-top10-btn .change.down { background: rgba(239,68,68,.10); color: #ef4444; border: 1px solid rgba(239,68,68,.18); }
.crypto-top10-btn.active .sym { color: var(--gold); }
.crypto-top10-btn .sparkline {
  width: 100%; height: 24px; margin-top: 6px; border-radius: 6px;
  background: linear-gradient(90deg, transparent, rgba(212,175,55,.08), transparent);
  position: relative; overflow: hidden;
}
.crypto-top10-btn .sparkline::after {
  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--gold), #10b981);
  opacity: .6;
}

/* Analyst result - TradingView style */
.analyst-top-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 14px; }
@media (max-width: 700px) { .analyst-top-grid { grid-template-columns: repeat(2, 1fr); } }
.analyst-top-item {
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
  border: 1px solid rgba(255,255,255,.06); border-radius: 14px; padding: 12px; text-align: center;
  backdrop-filter: blur(12px); transition: transform .2s;
}
.analyst-top-item:hover { transform: translateY(-2px); }
.analyst-top-item .label { font-size: .66rem; color: var(--text-faint); font-weight: 700; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 6px; }
.analyst-top-item .value { font-size: 1.05rem; font-weight: 900; font-family: var(--font-mono); letter-spacing: -.02em; }
.analyst-top-item .value.up { color: #10b981; }
.analyst-top-item .value.down { color: #ef4444; }

/* Psyche - Duolingo + Notion */
.psy-bias-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; margin-top: 12px; }
.psy-bias-card {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01));
  border: 1px solid rgba(255,255,255,.06); border-radius: 16px; padding: 16px;
  transition: all .22s; cursor: pointer; backdrop-filter: blur(12px);
}
.psy-bias-card:hover { transform: translateY(-3px); border-color: rgba(124,58,237,.22); box-shadow: 0 8px 24px rgba(0,0,0,.12); }
.psy-bias-card .bias-name { font-weight: 800; font-size: .9rem; margin-bottom: 6px; display: flex; align-items: center; gap: 8px; }
.psy-bias-card .bias-desc { font-size: .78rem; color: var(--text-dim); line-height: 1.7; }

/* Research - Perplexity + Notion */
.rs-hist-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.rs-mini { height: 32px; padding: 0 12px; font-size: .75rem; border-radius: 99px; }

/* Mobile bottom sheet - هوشمند style */
@media (max-width: 768px) {
  .advisor-conv, #psyConv, #researchConv, #analystConv { max-height: 55vh; }
  .assistant-detail-layout { gap: 12px; }
  .advisor-card, .psy-card, .rs-card { padding: 14px; border-radius: 18px; }
  .assistant-hero-v279 { padding: 16px; border-radius: 16px; }
  .assistant-hero-title-v279 { font-size: 1.1rem; }
}

/* Animations - Apple + هوشمند spring */
.assistant-hub-grid .assistant-hub-card:nth-child(1) { animation: premiumSlideUpV279 .5s cubic-bezier(.16,1,.3,1) 0ms both; }
.assistant-hub-grid .assistant-hub-card:nth-child(2) { animation: premiumSlideUpV279 .5s cubic-bezier(.16,1,.3,1) 80ms both; }
.assistant-hub-grid .assistant-hub-card:nth-child(3) { animation: premiumSlideUpV279 .5s cubic-bezier(.16,1,.3,1) 160ms both; }
.assistant-hub-grid .assistant-hub-card:nth-child(4) { animation: premiumSlideUpV279 .5s cubic-bezier(.16,1,.3,1) 240ms both; }
@keyframes premiumSlideUpV279 { from { opacity: 0; transform: translateY(20px) scale(.96); } to { opacity: 1; transform: translateY(0) scale(1); } }

/* Disconnected overlay - Apple glass */
.ai-disconnected-overlay {
  position: absolute; inset: 0; background: rgba(8,8,10,.72); backdrop-filter: blur(16px) saturate(180%);
  display: flex; align-items: center; justify-content: center; z-index: 10; border-radius: 20px;
}
.ai-disconnected-overlay[hidden] { display: none !important; }

/* Quick actions - هوشمند */
.assistant-quick-actions {
  display: flex; gap: 8px; flex-wrap: wrap; margin-top: 12px;
}
.quick-action-btn {
  height: 32px; padding: 0 12px; border-radius: 99px; font-size: .74rem; font-weight: 700;
  background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.08);
  color: var(--text-dim); cursor: pointer; display: inline-flex; align-items: center; gap: 6px;
  transition: all .18s; backdrop-filter: blur(8px);
}
.quick-action-btn:hover { background: rgba(212,175,55,.12); border-color: rgba(212,175,55,.18); color: var(--gold); transform: translateY(-1px); }

/* Scrollbar premium */
.advisor-conv::-webkit-scrollbar, .psy-conv::-webkit-scrollbar, .research-conv::-webkit-scrollbar, .analyst-conv::-webkit-scrollbar {
  width: 4px; height: 4px;
}
.advisor-conv::-webkit-scrollbar-thumb { background: rgba(212,175,55,.22); border-radius: 99px; }
.advisor-conv::-webkit-scrollbar-track { background: transparent; }