/* Dashboard layout */
.mcp-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 16px;
  font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}
.mcp-theme-light { color: #111827; }
.mcp-theme-dark { color: #e5e7eb; background: #0b1220; }

.mcp-panel {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  padding: 12px;
}
.mcp-theme-dark .mcp-panel { background: #0f172a; border-color: rgba(148,163,184,0.2); }

.mcp-panel-head { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:8px; }
.mcp-title { font-weight:700; }
.mcp-controls { display:flex; gap:8px; align-items:center; }
.mcp-controls select,
.mcp-controls button {
  padding: 6px 10px;
  border-radius: 8px;
  border: 1px solid rgba(0,0,0,0.1);
  background: #f8fafc;
  color: #111827;
  cursor: pointer;
}
.mcp-controls button { background:#e5e7eb; }
.mcp-theme-dark .mcp-controls select, .mcp-theme-dark .mcp-controls button {
  background:#0b1220; color:#e5e7eb; border-color: rgba(148,163,184,0.25);
}

.mcp-canvas-wrap { height: 280px; }
.mcp-ticker { margin-top: 8px; display:flex; gap:10px; align-items:center; font-weight:600; }
.mcp-chg { padding: 2px 6px; border-radius:6px; font-size:12px; }
.mcp-up { background: rgba(16,185,129,0.12); color:#16a34a; }
.mcp-down { background: rgba(239,68,68,0.12); color:#dc2626; }