/* Agent identity page. Builds on ../../site.css (tokens, .tok rows, .xfer panels, buttons). */
.mono { font-family: var(--mono); overflow-wrap: anywhere; }

.rg-faq { display: grid; gap: 6px; }
.rg-faq details { border: 1px solid var(--slate-lo); background: rgba(13, 10, 19, 0.6); padding: 0 10px; }
.rg-faq summary { cursor: pointer; padding: 8px 0; font-weight: 800; font-size: 11px; letter-spacing: 0.18em;
  text-transform: uppercase; color: var(--lavender); list-style: none; }
.rg-faq summary::-webkit-details-marker { display: none; }
.rg-faq summary::before { content: "+ "; color: var(--neon); font-family: var(--mono); }
.rg-faq details[open] summary::before { content: "- "; }
.rg-faq summary:hover { color: var(--amber); }
.rg-faq p, .rg-faq ul { font-size: 12px; line-height: 1.55; color: var(--muted); margin: 0 0 10px; }
.rg-faq ul { padding-left: 18px; }
.rg-faq li { margin: 3px 0; }

/* rows: the agent lines get the full width, the buttons go underneath */
#mine .tok, #lookup-out .tok { grid-template-columns: 64px minmax(0, 1fr); align-items: start; }
#mine .tok .act, #lookup-out .tok .act { grid-column: 1 / -1; justify-content: flex-start; margin-top: 10px; }
.linkish { background: none; border: none; padding: 0; color: var(--amber); cursor: pointer; font: inherit; text-decoration: underline; }
.srcbox > .btn, .xfer > .btn { justify-self: start; }

/* agent lines inside a row */
.tok .agents { display: grid; gap: 4px; margin-top: 6px; font-size: 11px; color: var(--muted); min-width: 0; }
.tok .agents .aline { display: flex; gap: 8px; flex-wrap: wrap; align-items: baseline; min-width: 0; }
.tok .agents .aid { font-family: var(--mono); color: var(--lavender); }
.tok .agents a { color: var(--lavender); overflow-wrap: anywhere; }
.tok .agents a:hover { color: var(--amber); }
.tok .agents .uri { font-family: var(--mono); overflow-wrap: anywhere; min-width: 0; }
.tok pre.json, .xfer pre.json { margin: 0; padding: 10px; background: var(--ink); border: 1px solid var(--slate);
  font-family: var(--mono); font-size: 11px; line-height: 1.45; color: var(--lavender); white-space: pre-wrap;
  word-break: break-word; max-height: 320px; overflow: auto; }
.tok .agents pre.json { grid-column: 1 / -1; }

/* profile source choice */
.choices { border: 0; margin: 0; padding: 0; display: grid; gap: 6px; min-width: 0; }
.choices legend { padding: 0; margin-bottom: 4px; font-size: 12px; color: var(--muted); }
.choice { display: grid; grid-template-columns: 18px 1fr; gap: 2px 8px; align-items: start; padding: 8px 10px;
  border: 1px solid var(--slate); background: var(--ink); cursor: pointer; }
.choice:hover { border-color: var(--slate-hi); }
.choice input { margin: 2px 0 0; accent-color: var(--neon); }
.choice b { font-size: 12px; color: var(--lavender); font-weight: 600; }
.choice small { grid-column: 2; font-size: 11px; line-height: 1.45; color: var(--muted); }
.choice:has(input:checked) { border-color: var(--neon); box-shadow: 0 0 10px rgba(176, 38, 255, 0.25); }

.srcbox { display: grid; gap: 8px; padding: 10px; border: 1px dashed var(--slate); min-width: 0; }

/* the standard card (the default) and the Advanced (optional) section */
.srcbox.std { border-style: solid; border-color: var(--neon); }
.stdsum { display: grid; gap: 8px; min-width: 0; font-size: 12px; color: var(--muted); }
.stdhead { font-weight: 800; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--lavender); }
ul.skills { margin: 0; padding-left: 16px; display: grid; gap: 4px; }
ul.skills li { line-height: 1.45; overflow-wrap: anywhere; }
ul.skills b { color: var(--lavender); font-weight: 600; }
ul.skills a, .stdsum a { color: var(--lavender); }
ul.skills a:hover, .stdsum a:hover { color: var(--amber); }
.stdsum details summary { cursor: pointer; }
details.stdfold { min-width: 0; }
details.stdfold > summary { cursor: pointer; list-style: none; padding: 2px 0; }
details.stdfold > summary::-webkit-details-marker { display: none; }
details.stdfold > summary::before { content: "+ "; color: var(--neon); font-family: var(--mono); }
details.stdfold[open] > summary::before { content: "- "; }
details.stdfold[open] > summary { margin-bottom: 8px; }
details.stdfold > summary:hover { color: var(--amber); }
details.adv { border: 1px solid var(--slate-lo); padding: 0 10px; min-width: 0; }
details.adv[open] { padding-bottom: 10px; display: grid; gap: 8px; }
details.adv > summary { cursor: pointer; padding: 8px 0; font-size: 12px; color: var(--muted); list-style: none; }
details.adv > summary::-webkit-details-marker { display: none; }
details.adv > summary::before { content: "+ "; color: var(--neon); font-family: var(--mono); }
details.adv[open] > summary::before { content: "- "; }
details.adv > summary:hover { color: var(--amber); }
.frm { display: grid; gap: 4px; min-width: 0; }
.frm > span { font-size: 11px; color: var(--muted); letter-spacing: 0.04em; }
.xfer .field.wide, .xfer textarea.field { width: 100%; min-width: 0; font-family: var(--mono); }
.xfer textarea.field { min-height: 72px; resize: vertical; line-height: 1.45; }
.xfer textarea.field.kit { min-height: 220px; font-size: 12px; }
.xfer select.field { width: auto; font-family: var(--font); }
.radios { display: flex; gap: 6px 14px; flex-wrap: wrap; font-size: 12px; color: var(--lavender); }
.radios label, .checks label { display: inline-flex; gap: 6px; align-items: center; cursor: pointer; }
.radios input, .checks input { accent-color: var(--neon); }
.checks { display: grid; gap: 6px; font-size: 12px; color: var(--lavender); }
.svcrow { display: grid; grid-template-columns: auto 1fr auto; gap: 6px; align-items: center; min-width: 0; }
.svcrow .field { width: 100%; min-width: 0; }
.svcrow .svcname { grid-column: 2; }
.svcrow .x { background: none; border: 1px solid var(--slate); color: var(--muted); cursor: pointer;
  font-family: var(--mono); padding: 4px 8px; }
.svcrow .x:hover { color: var(--red); border-color: var(--red); }
.sizeline { font-family: var(--mono); font-size: 11px; color: var(--muted); }
.sizeline.err { color: var(--red); }

/* review */
.review { display: grid; gap: 8px; border-top: 1px dashed var(--slate); padding-top: 10px; min-width: 0; }
.kv { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; margin: 0; font-size: 12px; min-width: 0; }
.kv dt { color: var(--muted); font-family: var(--mono); font-size: 11px; }
.kv dd { margin: 0; color: var(--lavender); overflow-wrap: anywhere; min-width: 0; }
.kv dd.mono { font-size: 11px; }
.kv dd.ok { color: var(--ok); }
.kv dd.bad { color: var(--red); }
.warnbox { border: 1px solid var(--red); background: rgba(236, 48, 19, 0.08); padding: 10px; display: grid; gap: 8px;
  font-size: 12px; line-height: 1.5; color: var(--lavender); }
.warnbox b { color: var(--red); }
.warnbox .checks label { display: flex; gap: 8px; align-items: flex-start; }
.warnbox .checks input { flex: none; margin: 2px 0 0; }
.tok .agents .warn, .xfer .warn { color: var(--amber); }
.tok .agents .note { color: var(--muted); font-style: italic; }
.okbox { border: 1px solid var(--ok); background: rgba(61, 220, 132, 0.06); padding: 10px; display: grid; gap: 6px;
  font-size: 12px; line-height: 1.5; color: var(--lavender); }
.okbox .mono { font-size: 11px; }
.kitguide { font-size: 12px; line-height: 1.55; color: var(--muted); margin: 0; padding-left: 18px; }
.kitguide li { margin: 3px 0; }

@media (max-width: 520px) {
  #mine .tok, #lookup-out .tok { grid-template-columns: 52px minmax(0, 1fr); }
  .kv { grid-template-columns: 1fr; gap: 0; }
  .kv dd { margin-bottom: 6px; }
  .svcrow { grid-template-columns: 1fr auto; }
  .svcrow select { grid-column: 1 / -1; width: 100%; }
  .svcrow .svcname { grid-column: 1; }
  .xfer .xrow .btn { flex: 1 1 auto; }
}