/* Agentes conectados (Minha conta) and the /agentes.html guide. Tokens fall back to the legal.css palette on the guide page. */
.account-agents { display: grid; gap: 16px; width: 100%; min-width: 0; margin-top: 20px; padding: 22px; border: 1px solid var(--info-card-line, #2e2b34); border-radius: 14px; background: var(--info-card, #1c1b20); }
.account-agents:empty { display: none; }
.agents-head h2 { margin: 0 0 6px; font: 500 17px/1.3 var(--display); letter-spacing: -.02em; color: #e2d6ec; }
.agents-lead { margin: 0; max-width: 64ch; color: var(--muted, #b9b4c4); font-size: 14px; line-height: 1.6; }
.agents-error { margin: 0; color: var(--error, #ffa9a7); }
.agents-list { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }
.agents-card { display: grid; gap: 14px; min-width: 0; margin: 0; padding: 16px; border: 1px solid var(--line, #38383f); border-radius: 12px; background: var(--surface, #19191f); }
.agents-card-head { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.agents-card-icon { display: grid; place-items: center; flex: none; width: 40px; height: 40px; border-radius: 10px; background: var(--purple-subtle, #302044); color: var(--purple, #be91ff); font-size: 20px; }
.agents-card-title { display: grid; flex: 1 1 140px; gap: 2px; min-width: 0; }
.agents-card-title strong { overflow-wrap: anywhere; font-weight: 650; }
.agents-card-title small { overflow-wrap: anywhere; color: var(--muted, #b9b4c4); font-size: 12.5px; }
.agents-card .button, .agents-empty .button, .agents-head ~ .button { min-height: 44px; }
.agents-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px 18px; margin: 0; }
.agents-facts div { min-width: 0; }
.agents-facts dt { color: var(--muted, #b9b4c4); font-size: 12px; }
.agents-facts dd { margin: 2px 0 0; overflow-wrap: anywhere; font-size: 14px; font-weight: 600; }
.agents-limit p { margin: 0 0 8px; color: var(--muted, #b9b4c4); font-size: 13.5px; }
.agents-limit strong { color: var(--text, #f6f4fb); }
.agents-meter { height: 8px; overflow: hidden; border-radius: 999px; background: var(--field, #232227); }
.agents-meter span { display: block; height: 100%; border-radius: inherit; background: var(--accent, #d7ff3f); }
.agents-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0; padding: 0; list-style: none; }
.agents-chip { margin: 0; padding: 4px 10px; border-radius: 999px; background: var(--tag, #31283e); color: var(--tag-text, #c5b2e6); font-size: 12px; font-weight: 600; line-height: 1.4; }
.agents-confirm { display: grid; gap: 12px; padding: 14px; border: 1px solid #54436a; border-radius: 10px; background: #1d1925; }
.agents-confirm p { margin: 0; line-height: 1.55; overflow-wrap: anywhere; }
.agents-confirm-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.agents-empty { display: grid; justify-items: start; gap: 8px; min-width: 0; padding: 22px; border: 1px dashed var(--line, #38383f); border-radius: 12px; }
.agents-empty > .icon { width: 28px; height: 28px; color: var(--purple, #be91ff); }
.agents-empty h3 { margin: 0; font: 500 18px/1.3 var(--display); }
.agents-empty p { max-width: 56ch; margin: 0; color: var(--muted, #b9b4c4); line-height: 1.6; }
.agents-connect { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; max-width: 100%; margin-top: 4px; }
.agents-url { max-width: 100%; padding: 11px 14px; overflow-wrap: anywhere; border: 1px solid var(--line, #38383f); border-radius: 8px; background: var(--field, #232227); color: var(--text, #f6f4fb); font: 600 14px/1.4 ui-monospace, SFMono-Regular, Consolas, monospace; user-select: all; }
.agents-link, .agents-more a { display: inline-flex; align-items: center; min-height: 44px; color: var(--purple, #be91ff); font-weight: 600; }
.agents-more { margin: 0; color: var(--muted, #b9b4c4); font-size: 13.5px; }
.agents-more a { min-height: 0; }
.account-agents :is(button, a):focus-visible { outline: 2px solid var(--focus, #cdb0ff); outline-offset: 3px; }
.account-agents button:disabled { opacity: .6; cursor: progress; }
@media (max-width: 520px) {
  .account-agents { padding: 16px; }
  .agents-card { padding: 14px; }
  .agents-card .agents-revoke, .agents-confirm-actions .button { width: 100%; }
  .agents-copy { width: 100%; }
}

/* Guide page (/agentes.html). */
.agents-guide h2 { scroll-margin-top: 24px; }
.agents-guide h3 { margin: 28px 0 8px; font: 500 18px/1.3 var(--display); }
.agents-code { display: block; max-width: 100%; margin: 12px 0 20px; padding: 14px 16px; overflow-x: auto; border: 1px solid var(--line, #303036); border-radius: 10px; background: #19191f; color: #f6f4fb; font: 600 14px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; user-select: all; }
.agents-guide code:not(.agents-code) { padding: 1px 6px; border-radius: 6px; background: #25252d; font: 600 .9em ui-monospace, SFMono-Regular, Consolas, monospace; overflow-wrap: anywhere; }
.agents-guide ol, .agents-guide ul { padding-left: 22px; }
.agents-note { margin: 20px 0; padding: 14px 16px; border-left: 3px solid #d7ff3f; background: #1c1b20; border-radius: 0 10px 10px 0; }