/* MedDex Sphere — activity cards are a spatial overlay, never a dashboard. */
.mdx-agent-workspace {
  position: fixed;
  inset: 0;
  z-index: 70;
  pointer-events: none;
  opacity: 0;
  transition: opacity .24s ease;
}

.mdx-agent-workspace.is-visible { opacity: 1; }
.mdx-agent-flow-layer,
.mdx-agent-card-layer { position: absolute; inset: 0; overflow: visible; }
.mdx-agent-flow-layer { width: 100%; height: 100%; }
.mdx-agent-flow {
  fill: none;
  stroke: color-mix(in srgb, var(--mdx-accent, #8ee9d1) 62%, transparent);
  stroke-width: 1.4;
  stroke-dasharray: 4 9;
  animation: mdxAgentFlow 1.8s linear infinite;
  opacity: .65;
}
.mdx-agent-flow-satellite { stroke-width: 1.1; stroke-dasharray: 2 8; opacity: .36; }

.mdx-agent-card {
  position: fixed;
  left: var(--mdx-activity-left, 50vw);
  top: var(--mdx-activity-top, 50vh);
  min-height: 46px;
  max-width: calc(100vw - 24px);
  border: 1px solid color-mix(in srgb, var(--mdx-accent, #8ee9d1) 38%, rgba(255,255,255,.2));
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(20, 25, 37, .92), rgba(11, 16, 26, .82));
  box-shadow: 0 16px 44px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.04) inset, 0 0 28px color-mix(in srgb, var(--mdx-accent, #8ee9d1) 10%, transparent);
  color: #f4f7f8;
  pointer-events: auto;
  overflow: hidden;
  transform: translateY(7px) scale(.94);
  opacity: 0;
  transition: left .5s cubic-bezier(.2,.8,.2,1), top .5s cubic-bezier(.2,.8,.2,1), width .28s ease, transform .32s ease, opacity .24s ease, border-color .22s ease;
  backdrop-filter: blur(22px) saturate(1.25);
}

.mdx-agent-workspace.is-visible .mdx-agent-card { opacity: 1; transform: translateY(0) scale(1); }
.mdx-agent-card.is-starting { --mdx-accent: #b8c8ff; }
.mdx-agent-card.is-working { --mdx-accent: #8ee9d1; }
.mdx-agent-card.is-needs_user_action { --mdx-accent: #ffd18a; }
.mdx-agent-card.is-completed { --mdx-accent: #a4e69f; }
.mdx-agent-card.is-failed { --mdx-accent: #ff9eaa; }

.mdx-agent-card.is-collapsed {
  width: 142px !important;
  height: 30px;
  min-height: 30px;
  border-radius: 999px;
  background: rgba(15, 22, 34, .72);
  box-shadow: 0 8px 28px rgba(0,0,0,.26), 0 0 22px color-mix(in srgb, var(--mdx-accent, #8ee9d1) 24%, transparent);
}

.mdx-agent-card-head {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 9px;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 8px 11px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.mdx-agent-card.is-collapsed .mdx-agent-card-head { display: grid; padding: 4px 7px; height: 30px; }
.mdx-agent-card-icon { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid color-mix(in srgb, var(--mdx-accent) 60%, transparent); border-radius: 50%; color: var(--mdx-accent); font-size: .82rem; font-weight: 700; }
.mdx-agent-card.is-collapsed .mdx-agent-card-icon { width: 21px; height: 21px; border: 1px solid color-mix(in srgb, var(--mdx-accent) 60%, transparent); font-size: .68rem; }
.mdx-agent-card-title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 650 .76rem/1.1 ui-sans-serif, system-ui, sans-serif; letter-spacing: .01em; }
.mdx-agent-card-state { color: color-mix(in srgb, var(--mdx-accent) 86%, white); font: 560 .58rem/1.1 ui-sans-serif, system-ui, sans-serif; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; }
.mdx-agent-card-body { padding: 0 13px 13px 48px; }
.mdx-agent-card-detail, .mdx-agent-card-result, .mdx-agent-card-confirmation { margin: 0 0 8px; color: rgba(237,243,246,.75); font: 500 .68rem/1.45 ui-sans-serif, system-ui, sans-serif; }
.mdx-agent-card-result { color: #e9f6f2; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.mdx-agent-card-confirmation { color: #ffd18a; }
.mdx-agent-card-progress { height: 3px; margin: 7px 0 9px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.1); }
.mdx-agent-card-progress i { display: block; height: 100%; border-radius: inherit; background: var(--mdx-accent); transition: width .3s ease; }
.mdx-agent-card-preview-image { display: block; width: 100%; max-height: 110px; object-fit: cover; margin: 3px 0 8px; border-radius: 10px; }
.mdx-agent-card-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.mdx-agent-card-actions button { border: 1px solid color-mix(in srgb, var(--mdx-accent) 54%, transparent); border-radius: 999px; padding: 6px 10px; background: color-mix(in srgb, var(--mdx-accent) 12%, transparent); color: #f7fbfb; font: 650 .65rem/1 ui-sans-serif, system-ui, sans-serif; cursor: pointer; }
.mdx-agent-card-actions button:hover, .mdx-agent-card-actions button:focus-visible { background: color-mix(in srgb, var(--mdx-accent) 24%, transparent); }

/* Sphere satellites: tool activity is a small contextual tab, not a second
   dashboard. Details only open on deliberate tap. */
.mdx-agent-card {
  min-height: 34px;
  width: 156px !important;
  border-radius: 999px;
  border-color: color-mix(in srgb, var(--mdx-accent, #8ee9d1) 44%, rgba(255,255,255,.15));
  background: rgba(15, 22, 34, .72);
  box-shadow: 0 8px 24px rgba(0,0,0,.2), 0 0 18px color-mix(in srgb, var(--mdx-accent, #8ee9d1) 11%, transparent);
}
.mdx-agent-card.is-expanded { width: 236px !important; border-radius: 16px; background: rgba(15, 22, 34, .9); }
.mdx-agent-card-head { min-height: 34px; padding: 5px 8px; grid-template-columns: 22px minmax(0,1fr) auto; gap: 6px; }
.mdx-agent-card-icon { width: 21px; height: 21px; font-size: .68rem; }
.mdx-agent-card-title { font-size: .66rem; }
.mdx-agent-card-state { font-size: .5rem; letter-spacing: .05em; }
.mdx-agent-card:not(.is-expanded) .mdx-agent-card-body { display: none; }
.mdx-agent-card.is-expanded .mdx-agent-card-head { min-height: 38px; }
.mdx-agent-card.is-expanded .mdx-agent-card-body { padding: 0 10px 10px 36px; }
.mdx-agent-card.is-expanded .mdx-agent-card-detail,
.mdx-agent-card.is-expanded .mdx-agent-card-result,
.mdx-agent-card.is-expanded .mdx-agent-card-confirmation { font-size: .63rem; }
.mdx-agent-card.is-collapsed { width: 142px !important; height: 30px; min-height: 30px; }
.mdx-agent-card.is-collapsed .mdx-agent-card-head { height: 30px; }
.mdx-agent-card.is-collapsed .mdx-agent-card-icon { width: 21px; height: 21px; }

@keyframes mdxAgentFlow { to { stroke-dashoffset: -26; } }

@media (max-width: 700px) {
  .mdx-agent-card { border-radius: 15px; }
  .mdx-agent-card.is-collapsed { border-radius: 999px; }
  .mdx-agent-card-body { padding-left: 42px; }
  .mdx-agent-card-state { font-size: .53rem; }
}

@media (prefers-reduced-motion: reduce) {
  .mdx-agent-card, .mdx-agent-card-progress i { transition: none; }
  .mdx-agent-flow { animation: none; }
}