/* ============================================================
   Mission Control · visual polish overlay
   Loaded on top of existing _shell.css + index.html inline CSS
   ============================================================ */

/* Smoother tab fades */
.tab-content { animation: mc-fade-in .35s cubic-bezier(.22, 1, .36, 1) both; }
@keyframes mc-fade-in {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Stat card lift */
.stat-card {
  background: linear-gradient(180deg, rgba(22,22,34,.95), rgba(14,14,22,.65)) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  transition: all .2s ease;
  position: relative;
  overflow: hidden;
}
.stat-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, #E85D3A, #8B6AAE, #3A6FD8);
  opacity: 0;
  transition: opacity .2s;
}
.stat-card:hover::before { opacity: .55; }
.stat-card:hover { transform: translateY(-2px); border-color: rgba(255,255,255,.14) !important; }
.stat-value { font-size: 26px !important; letter-spacing: -.5px; }

/* Card hover refinement */
.card { transition: all .2s ease; }
.card:hover { border-color: rgba(255,255,255,.14); transform: translateY(-1px); }

/* Bottom nav polish */
.bottom-nav {
  background: rgba(7,7,12,.85) !important;
  backdrop-filter: blur(24px) saturate(180%);
  border-top: 1px solid rgba(255,255,255,.06) !important;
  padding: 8px 8px 22px !important;
}
.nav-btn { transition: all .2s ease; border-radius: 12px !important; }
.nav-btn.active { background: linear-gradient(180deg, rgba(232,93,58,.18), rgba(232,93,58,.06)) !important; }
.nav-btn.active svg { filter: drop-shadow(0 0 8px rgba(232,93,58,.4)); }

/* Top bar polish */
.topbar {
  background: rgba(7,7,12,.85) !important;
  backdrop-filter: blur(24px) saturate(180%);
  border-bottom: 1px solid rgba(255,255,255,.06) !important;
}
.topbar-icon { box-shadow: 0 4px 14px rgba(232,93,58,.35); }
.topbar-text .title { font-size: 14px !important; letter-spacing: -.3px !important; }

/* Live badge */
.live-badge {
  background: linear-gradient(135deg, rgba(34,197,94,.18), rgba(34,197,94,.05)) !important;
  border-color: rgba(34,197,94,.35) !important;
  font-weight: 800 !important;
}
.live-dot { box-shadow: 0 0 8px #22c55e; }

/* Section header refinement */
.section-header { display:flex; align-items:flex-end; justify-content:space-between; margin: 14px 0 10px; }
.section-title { font-family: 'Space Grotesk', Inter, sans-serif !important; font-weight: 800 !important; font-size: .98rem !important; letter-spacing: -.2px; }
.section-count { font-size: .7rem !important; color: rgba(255,255,255,.45) !important; font-family: 'JetBrains Mono', monospace; letter-spacing: 1px; }

/* Empty rows */
.empty-row { transition: all .2s ease; }

/* Smooth scrollbar (webkit) */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, rgba(232,93,58,.35), rgba(139,106,174,.35));
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, rgba(232,93,58,.55), rgba(139,106,174,.55));
}

/* Folder badge subtle bounce on load */
.folder-badge { animation: mc-badge-pop .35s cubic-bezier(.34, 1.56, .64, 1) both; }
@keyframes mc-badge-pop {
  from { transform: scale(0); }
  to { transform: scale(1); }
}

/* Sidebar polish */
.mc-shell { backdrop-filter: blur(24px) saturate(180%); }
.mc-shell-brand .mc-shell-mark { box-shadow: 0 6px 18px rgba(232,93,58,.32); }
.mc-nav-item { font-weight: 500; }
.mc-nav-item.active { background: linear-gradient(180deg, rgba(14,14,22,1), rgba(14,14,22,.5)) !important; }

/* Marq card subtle glow */
#marq-card {
  position: relative;
  overflow: hidden;
}
#marq-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse at top left, rgba(232,93,58,.12), transparent 60%);
  pointer-events: none;
}

/* Project card hover (handled inline too, this is fallback) */
.proj-card-anim:hover .folder-badge { animation: mc-badge-pop .25s cubic-bezier(.34,1.56,.64,1) both; }