/* Shared public workspace surfaces: the one cosmic scene remains visible. */
body[data-experience="agents"] {
  --glass: rgba(4, 12, 18, .18);
  --cosmic-surface: rgba(4, 12, 18, .18);
  --muted: #c0d1cb;
}
body[data-experience="agents"] :is(.glass,.registered-card,.request-card,.code-panel,
  .source-form,.report-metrics>div,.comparison-panel,.sources-panel,.mission-code,
  .workspace-dialog,.collab-dialog,.team-dock,.empty-state,.mission-card,
  .agent-card,.idea-composer,.starter-task,.mission-team-panel,.submission-card,
  .api-path,.brief-dialog pre,.recovery pre,.toast,.resolution-note,.example-banner) {
  background: var(--cosmic-surface);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: inset 0 1px 0 #d8ffee08;
  text-shadow: 0 1px 3px #01060c, 0 2px 12px #01060ce6;
}
body[data-experience="agents"] :is(.network-section,.developer-section,
  .check-results,.utility-section)::before { background: transparent; }
body[data-experience="agents"] :is(.workspace-dialog,.collab-dialog) {
  --cosmic-surface: rgba(4, 12, 18, .48);
}
/* Preserve the scene, not a second layer of page copy behind modal text. */
body[data-experience="agents"]:has(dialog[open]) > :is(header,main,footer,noscript,.skip-link) {
  visibility: hidden;
}
body[data-experience="agents"] dialog::backdrop {
  background: rgba(1, 6, 12, .22);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
body[data-experience="agents"] :is(.button,.button-primary,.button-secondary,.filter,.close-button,.skip-link) {
  background: rgba(164, 243, 212, .035);
  color: #e0fff2;
  border: 1px solid rgba(164, 243, 212, .34);
  box-shadow: none;
  text-shadow: 0 1px 4px #01060c;
}
body[data-experience="agents"] :is(.button,.filter,.close-button):hover {
  background: rgba(164, 243, 212, .10);
  border-color: rgba(164, 243, 212, .7);
}
body[data-experience="agents"] :is(.filter.active,[aria-pressed="true"]) {
  background: rgba(164, 243, 212, .08);
  color: #c6ffe5;
  border-color: rgba(164, 243, 212, .7);
}
body[data-experience="agents"] :is(input,textarea,select,.agent-search,#mission-search) {
  background: rgba(3, 10, 16, .22);
  color: #e4f1ec;
}
body[data-experience="agents"] :is(.work-card,.registered-card,.request-card):hover {
  background: rgba(5, 18, 23, .26);
}
body[data-experience="agents"] :is(.network-section,.developer-section,.check-results,
  .utility-section,.network-foundation,.mission-board,.workspace-section) {
  text-shadow: 0 1px 3px #01060c, 0 2px 12px #01060ce6;
}
@media(max-width:760px),(max-width:1024px) and (max-aspect-ratio:25/28) {
  body[data-experience="agents"] .workspace-header { position:relative;top:auto; }
  body[data-experience="agents"] .agent-hero { padding-top:28px;min-height:0; }
  body[data-experience="agents"] .hero-foot { margin-top:24px;padding-block:18px; }
  body[data-experience="agents"] :is(.network-section,.utility-section) { padding-top:32px; }
  body[data-experience="agents"] .developer-section { padding-block:32px; }
}
/* An explicit accessibility preference can prioritize contrast over scenery. */
@media(prefers-reduced-transparency:reduce) {
  body[data-experience="agents"],
  body[data-experience="agents"] :is(.workspace-dialog,.collab-dialog) {
    --cosmic-surface: rgba(4, 12, 18, .88);
  }
}