/* Go mode's Privacy tab (web/account-privacy.js; docs/research/2026-10-23-hub-status/PRIVACY-GO-MODE.md 1.2). Test hosts
   only (SITE_PRIVACY=on): scripts/build-site.mjs leaves this file out otherwise. Its classes are .rp- (the record pass),
   apart from the privacy notice's .pv- and .pn-. The page's tokens give it its light and dark. */
.ac-privacy .rp-test { display: flex; align-items: flex-start; gap: 12px; margin: 18px 0 0; padding: 14px 16px; border: 1px solid var(--brass); background: var(--brass-soft); color: var(--ink); }
.ac-privacy .rp-test p { margin: 0; font: 500 14.5px/1.5 var(--sans); }
.ac-privacy .rp-test .rp-floor { margin-top: 6px; font-weight: 400; }
.ac-privacy .rp-lock { flex: none; margin-top: 2px; color: var(--brass); }
.ac-privacy .rp-card { margin: 18px 0 0; padding: 16px 18px 18px; border: 1px solid var(--rule-2); background: var(--grain), var(--paper); min-width: 0; }
.ac-privacy .rp-card h3 { margin: 0 0 4px; font: 500 20px/1.2 var(--serif); color: var(--ink); }
.ac-privacy .rp-tree { margin: 0; font: 400 14.5px/1.5 var(--sans); color: var(--ink-2); }
.ac-privacy .rp-tree.warn { color: var(--red); }
.ac-privacy .rp-tree.muted { color: var(--muted); }
.ac-privacy .rp-root { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin: 8px 0 0; font: 500 13px/1.4 var(--mono); color: var(--muted); overflow-wrap: anywhere; }

.ac-privacy .rp-rows { list-style: none; margin: 6px 0 0; padding: 0; }
.ac-privacy .rp-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--rule-2); transition: background .6s; }
.ac-privacy .rp-row:last-child { border-bottom: 0; }
.ac-privacy .rp-row.flash { background: var(--green-soft); }
.ac-privacy .rp-who { display: grid; gap: 3px; min-width: 0; }
.ac-privacy .rp-who b { font: 600 15px/1.3 var(--sans); color: var(--ink); overflow-wrap: anywhere; }
.ac-privacy .rp-rec { font: 400 13.5px/1.45 var(--sans); color: var(--ink-2); }
.ac-privacy .rp-st { font: 400 13.5px/1.45 var(--sans); color: var(--muted); }
.ac-privacy .rp-st.in, .ac-privacy .rp-st.on { color: var(--green); }
.ac-privacy .rp-st.defaulted { color: var(--red); }
.ac-privacy .rp-say { grid-column: 1 / -1; margin: 0; font: 400 14px/1.45 var(--sans); color: var(--ink-2); }
.ac-privacy .rp-say.ok { color: var(--green); } .ac-privacy .rp-say.warn { color: var(--red); } .ac-privacy .rp-say.muted { color: var(--muted); }

/* the switch: Go mode's own square switch (styles.css .switch, as the Desk's), with 44 px of target around its 30 x 16,
   and the kit's muted look while it can't be used (aria-disabled, so it keeps the focus) */
.ac-privacy .rp-row .switch::before { content: ""; position: absolute; inset: -14px -7px; }
.ac-privacy .rp-row .switch[aria-disabled="true"] { opacity: .45; cursor: not-allowed; }

.ac-privacy .rp-confirm { grid-column: 1 / -1; margin: 4px 0 0; padding: 12px 14px; border: 1px solid var(--rule); background: var(--paper-2); }
.ac-privacy .rp-confirm p { margin: 0 0 8px; font: 400 14px/1.5 var(--sans); color: var(--ink-2); }
.ac-privacy .rp-confirm .rp-cq { font: 600 15px/1.4 var(--sans); color: var(--ink); }
.ac-privacy .rp-acts { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.ac-privacy .rp-acts .btn { min-height: 44px; }

.ac-privacy .rp-form { display: grid; gap: 0; min-width: 0; }
.ac-privacy .rp-f { display: grid; gap: 6px; min-width: 0; margin: 14px 0 0; font: 400 14px/1.4 var(--sans); color: var(--ink-2); }
.ac-privacy .rp-k { font: 600 14px/1.3 var(--sans); color: var(--ink); }
.ac-privacy .rp-f select, .ac-privacy .rp-f input { box-sizing: border-box; width: 100%; min-height: 44px; }
.ac-privacy .rp-shows { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 14px; margin: 14px 0 0; padding: 0; border: 0; min-width: 0; }
.ac-privacy .rp-shows legend { padding: 0; }
.ac-privacy .rp-shows .rp-f { margin-top: 8px; }
.ac-privacy .rp-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 16px; }
.ac-privacy .rp-help { margin: 6px 0 0; font: 400 12.5px/1.45 var(--sans); color: var(--muted); }
.ac-privacy .rp-crowd { margin: 10px 0 0; font: 500 14px/1.45 var(--sans); }
.ac-privacy .rp-crowd.ok { color: var(--green); } .ac-privacy .rp-crowd.warn { color: var(--red); }
.ac-privacy .rp-code { box-sizing: border-box; width: 100%; min-height: 88px; resize: vertical; font: 12.5px/1.5 var(--mono); color: var(--ink-2); overflow-wrap: anywhere; }
.ac-privacy .rp-made, .ac-privacy .rp-checked { margin: 14px 0 0; padding: 12px 14px; border: 1px solid var(--rule); background: var(--paper-2); }
.ac-privacy .rp-made p, .ac-privacy .rp-checked p { margin: 0 0 8px; font: 400 14px/1.5 var(--sans); color: var(--ink); overflow-wrap: anywhere; }
.ac-privacy .rp-checked.ok { border-color: var(--green); }
.ac-privacy .rp-checked.warn p { color: var(--red); }
.ac-privacy .rp-testline { color: var(--brass) !important; font-weight: 500 !important; }

.ac-privacy .rp-vault p { margin: 8px 0 0; font: 400 14.5px/1.55 var(--sans); color: var(--ink-2); }
.ac-privacy .rp-vault .rp-quiet { color: var(--muted); }
.ac-privacy .rp-pill { display: inline-block; margin-left: 8px; padding: 3px 8px; border: 1px solid var(--brass); font: 600 11px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: var(--brass); vertical-align: middle; }

/* the agent panel's chip on its Privacy item (account-agent.js) */
.ap-act .rp-chip { display: inline-block; margin-left: 8px; padding: 2px 6px; border: 1px solid var(--brass); font: 600 10.5px/1.2 var(--mono); letter-spacing: .05em; text-transform: uppercase; color: var(--brass); vertical-align: 2px; }

@media (max-width: 640px) {
  .ac-privacy .rp-card { padding: 14px 14px 16px; }
  .ac-privacy .rp-row { grid-template-columns: minmax(0, 1fr); }
  .ac-privacy .rp-row .switch { justify-self: start; margin: 6px 0; }
  .ac-privacy .rp-shows, .ac-privacy .rp-two { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .ac-privacy .rp-row, .ac-privacy .rp-row .switch, .ac-privacy .rp-row .switch i { transition: none; }
}