/* Authority on an agent's page (agent-authority.js): one card, one row per thing it may do, the
   three choices side by side on a phone. A choice has two looks only, chosen and not: no hover or
   press colour sticks to it after a tap (the Founder, 3 October 2026: Allow looked darker). */
.agent-authority { min-width: 0; overflow-wrap: anywhere; margin-bottom: 18px; }
.agent-authority .auth-row { padding: 14px 0; border-bottom: 1px solid var(--line); min-width: 0; }
.agent-authority .auth-row > strong { display: block; font-size: .9375rem; }
.agent-authority .auth-about { margin: 2px 0 0; font-size: .8125rem; color: var(--muted); }
.agent-authority .auth-note { margin: 10px 0 0; font-size: .8125rem; color: var(--muted); }
.agent-authority .auth-legend { margin-top: 4px; }
.agent-authority .auth-sub { margin: 22px 0 0; font-size: 1rem; }
/* Three sections, one look (the Founder, 9 October 2026): the same heading, size and spacing for each. */
.agent-authority .auth-section-title { margin: 0; font-size: 1.15rem; line-height: 1.4; }
.agent-authority .auth-section + .auth-section { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--line); }
.agent-authority .auth-section > .auth-row:last-child { border-bottom: 0; }
.agent-authority .auth-only-you { margin-top: 18px; }
.agent-authority .auth-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; margin-top: 8px; }
.agent-authority .auth-picks { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); margin-top: 12px; }

.agent-authority .auth-choice {
  min-height: 44px; min-width: 0; padding: 8px 10px; margin: 0; white-space: normal;
  border: 1px solid var(--line); border-radius: 9px; background: var(--surface, #fff); color: var(--ink, #17151f);
  font: inherit; font-weight: 600; font-size: .875rem; line-height: 1.3; text-align: center; cursor: pointer;
  -webkit-tap-highlight-color: transparent; transition: none;
}
.agent-authority .auth-choice[aria-pressed="true"],
.agent-authority .auth-choice[aria-pressed="true"]:hover,
.agent-authority .auth-choice[aria-pressed="true"]:active,
.agent-authority .auth-choice[aria-pressed="true"]:focus,
.agent-authority .auth-choice[aria-pressed="true"]:disabled,
.agent-authority .auth-go,
.agent-authority .auth-go:hover,
.agent-authority .auth-go:active,
.agent-authority .auth-go:focus,
.agent-authority .auth-go:disabled { background: var(--purple); border-color: var(--purple); color: #fff; opacity: 1; }
.agent-authority .auth-choice[aria-pressed="false"]:active,
.agent-authority .auth-choice[aria-pressed="false"]:focus,
.agent-authority .auth-choice[aria-pressed="false"]:disabled,
.agent-authority .auth-choice:not([aria-pressed]):not(.auth-go):active { background: var(--surface, #fff); border-color: var(--line); color: var(--ink, #17151f); opacity: 1; }
@media (hover: hover) and (pointer: fine) {
  .agent-authority .auth-choice[aria-pressed="false"]:hover:not(:disabled),
  .agent-authority .auth-choice:not([aria-pressed]):not(.auth-go):hover:not(:disabled) { border-color: var(--purple); }
}
.agent-authority .auth-choice:focus-visible { outline: 2px solid var(--purple); outline-offset: 2px; }
.agent-authority .auth-choice:disabled { cursor: progress; }
[data-theme=dark] .agent-authority .auth-choice[aria-pressed="true"],
[data-theme=dark] .agent-authority .auth-go { color: #15101c; }

.agent-authority .auth-confirm { margin-top: 10px; padding: 12px; border: 1px solid var(--purple); border-radius: 9px; background: var(--soft); }
.agent-authority .auth-confirm p { margin: 0; font-weight: 600; }
.agent-authority .auth-confirm ul { margin: 6px 0 0; padding-inline-start: 18px; font-size: .8125rem; }
.agent-authority .auth-confirm-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; margin-top: 10px; }
.agent-authority .auth-promote { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--line); }
.agent-authority .auth-make-primary { min-height: 44px; margin: 10px 0 0; max-width: 100%; white-space: normal; }

/* The replacement's confirm (and the join page's Activate, activation.css): a chosen pill is a purple outline, never
   solid, so the one solid purple on the page is its press (the Founder, 9 October 2026). */
.agent-authority.replace-choices .auth-choice[aria-pressed="true"],
.agent-authority.replace-choices .auth-choice[aria-pressed="true"]:hover,
.agent-authority.replace-choices .auth-choice[aria-pressed="true"]:active,
.agent-authority.replace-choices .auth-choice[aria-pressed="true"]:focus,
.agent-authority.replace-choices .auth-choice[aria-pressed="true"]:disabled { background: var(--soft); border-color: var(--purple); box-shadow: inset 0 0 0 1px var(--purple); color: var(--purple); }
[data-theme=dark] .agent-authority.replace-choices .auth-choice[aria-pressed="true"] { color: var(--purple); }