/* A quiet glass surface distinguishes Agent guidance from the assessment.
   It is a note, not a button: no hover lift, animated shine or extra wrapper. */
.agent-recommendation {
  --agent-glass-base: rgb(117 65 181 / 7%);
  --agent-glass-sheen: linear-gradient(115deg, rgb(255 255 255 / 64%), rgb(239 227 253 / 24%) 52%, rgb(184 141 232 / 18%));
  --agent-glass-border: rgb(130 83 185 / 19%);
  --agent-glass-edge: rgb(255 255 255 / 88%);
  --agent-glass-shadow: rgb(74 38 111 / 4%);
  --agent-glass-solid: #f3edf9;
  display: grid;
  box-sizing: border-box;
  grid-template-columns: 18px minmax(0, 1fr);
  align-items: start;
  column-gap: 10px;
  margin: 22px 0 0;
  padding: 15px 18px;
  max-width: 60ch;
  min-width: 0;
  border: 1px solid var(--agent-glass-border);
  border-radius: 12px;
  background: var(--agent-glass-sheen), var(--agent-glass-base);
  background-clip: padding-box;
  box-shadow: inset 0 1px 0 var(--agent-glass-edge), 0 5px 18px -8px var(--agent-glass-shadow);
  -webkit-backdrop-filter: blur(12px) saturate(115%);
  backdrop-filter: blur(12px) saturate(115%);
  text-align: left;
  font-family: 'IBM Plex Sans', Arial, sans-serif;
  letter-spacing: 0;
  white-space: normal;
}
.agent-recommendation-copy { min-width: 0; }
.agent-recommendation .agent-recommendation-emblem {
  display: block;
  width: 18px;
  height: 21px;
  margin: 0;
  object-fit: contain;
}
.agent-recommendation .agent-recommendation-name {
  display: block;
  color: #67408f;
  font-size: 12px;
  line-height: 1.6;
  font-weight: 600;
}
.agent-recommendation .agent-recommendation-text {
  display: block;
  margin-top: 4px;
  color: #53485f;
  font-size: 14px;
  line-height: 1.55;
  font-weight: 400;
}
.curated-alert .agent-recommendation { margin-top: 12px; }
.feed-reading-introduction .agent-recommendation { margin-top: 20px; }
.pe-reading .agent-recommendation + .pe-records { margin-top: 22px; }
.pe-reading > .agent-recommendation { grid-column: 1; }
.op-qualification > .agent-recommendation { margin-top: 0; }
.report-decision .agent-recommendation { margin: 0; }
.report-document > .report-decision { border-top: 0; padding-top: 0; }
.orbital-alert-action .agent-recommendation { margin: 0; padding: 10px 11px; column-gap: 8px; border-radius: 9px; }
.orbital-story .orbital-alert-action { border: 0; padding-top: 0; margin-top: 14px; }
.orbital-alert-action .agent-recommendation-name { color: #62418a; }
.orbital-alert-action .agent-recommendation-text { color: #534b60; line-height: 1.4; }
.orbital-timeline .agent-recommendation {
  --agent-glass-base: rgb(142 88 208 / 10%);
  --agent-glass-sheen: linear-gradient(115deg, rgb(212 177 255 / 12%), rgb(173 126 231 / 3%) 60%, rgb(190 143 247 / 8%));
  --agent-glass-border: rgb(202 163 250 / 23%);
  --agent-glass-edge: rgb(233 211 255 / 10%);
  --agent-glass-shadow: rgb(0 0 0 / 15%);
  --agent-glass-solid: #211a2d;
  margin-top: 12px;
  padding: 12px 14px;
}
.orbital-timeline .agent-recommendation-name { color: #d9baff; }
.orbital-timeline .agent-recommendation-text { color: #c7c0d2; }
.orbital-timeline .agent-recommendation-emblem { filter: brightness(1.35); }
@media (max-width: 600px) {
  .agent-recommendation { padding: 13px 14px; }
}
@media (max-width: 1200px) {
  /* Reserve real space below the glass assessment, rather than letting map
     labels slide behind it as the recommendation wraps on small screens. */
  .orbital-story .console-viewport { height: var(--orbital-compact-height, 650px); }
}
@media (max-width: 360px) {
  /* Keep the static map labels clear of the attributed assessment above. */
  .orbital-story[data-renderer="fallback"] .console-fallback { transform: translateY(24px); }
}
@media (prefers-reduced-transparency: reduce) {
  .agent-recommendation {
    background: var(--agent-glass-solid);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}
@media (forced-colors: active) {
  .agent-recommendation {
    background: Canvas;
    border-color: CanvasText;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
  .agent-recommendation .agent-recommendation-name,
  .agent-recommendation .agent-recommendation-text { color: CanvasText; }
}