/**
 * @file css/components/managed-env.css
 * @author Jouni Miikki
 * SPDX-License-Identifier: MIT
 * @description Styles for ManagedEnvNote (`.mgd-note`), the note that sits above every copyable
 *   prompt on the public pages. Deliberately neutral chrome — border + surface, a dim left rule,
 *   no alert colour — because it explains the reader's environment rather than warning about this
 *   page. All colours are theme tokens, so it flips with light/dark like everything else.
 * @structure .mgd-note · .mgd-note-title · .mgd-note-body · .mgd-note-routes · .mgd-note-link
 * @usage loaded from spa.html; the two static connect pages carry their own copy of these rules
 * @version-history
 *   v1.1.1 — 2026-09-26 — The poster note's frame and its link's underline read var(--shape-frame)
 *     (2px in AIMEAT), not a literal (check:shape-tokens; fix pass).
 *   v1.1.0 — 2026-09-26 —.mgd-note--poster (ManagedEnvNote poster), moved in from
 *     css/views/mcp-poster.css (page group G6).
 *   v1.0.0 — 2026-07-31 — Initial, alongside components/ManagedEnvNote.js
 */

.mgd-note {
  margin: 0.75rem 0 0;
  padding: 0.8rem 0.95rem;
  border: 1px solid var(--border);
  border-left: 3px solid var(--text-dim);
  border-radius: var(--radius-sm);
  background: var(--surface);
}

.mgd-note-title {
  margin: 0 0 7px;
  font-size: 0.875rem;
  font-weight: var(--weight-heavy);
  color: var(--text);
}

.mgd-note-body {
  margin: 0 0 7px;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--text-dim);
}

.mgd-note-routes {
  margin: 0 0 7px;
  padding-left: 20px;
}

.mgd-note-routes li {
  margin-bottom: 5px;
  font-size: 0.8125rem;
  line-height: 1.55;
  color: var(--text-dim);
}

.mgd-note-link {
  font-size: 0.8125rem;
  font-weight: var(--weight-bold);
}

/* In a Settings page's poster face (ManagedEnvNote poster; formerly the MCP page's own dress). */
.mgd-note--poster { margin-top: 1rem; padding: .7rem .9rem; border: var(--shape-frame) solid var(--border); font-size: .8rem; line-height: 1.5; color: var(--text-dim); }
.mgd-note--poster .mgd-note-title { margin: 0 0 .3rem; font-size: .8rem; font-weight: 800; color: var(--text); }
.mgd-note--poster .mgd-note-body { margin: 0 0 .4rem; }
.mgd-note--poster .mgd-note-link { font-weight: 700; color: var(--text); border-bottom: var(--shape-frame) solid var(--text); text-decoration: none; }