/* /agents/: the apply-form card, also as a stand-alone page (dark background, normal scrolling) when it isn't inside an iframe */
html:not(.framed) body { background: #0f0f0f !important; overflow: auto; padding: 16px 0 40px; }
html:not(.framed) .ag-card { margin: 0 16px; }
@media (min-width: 720px) { html:not(.framed) .ag-card { margin: 0 auto; } }
.ag-card { --rs-accent: var(--gold); --rs-line: rgba(200,169,110,.3); }
.ag-sz { display: grid; grid-template-columns: 1fr 1.4fr; gap: 0 10px; margin: 0; }
.ag-agree { white-space: pre-wrap; max-height: 260px; overflow-y: auto; padding: 10px 12px; background: rgba(0,0,0,.35); border: 1px solid rgba(200,169,110,.3); border-radius: 7px; font-size: 13px; line-height: 1.55; color: rgba(255,255,255,.88); }
.ag-hint { font-size: 12px; color: var(--gold); margin: 6px 0; }
/* shared form parts (signature pad, W-9, payout) in the apply look */
.ag-card .rs-f > label, .ag-card .rs-lab, .ag-card .rs-fs legend { font-size: 10px; line-height: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: .06em; color: rgba(255,255,255,.78); }
.ag-card .rs-f input, .ag-card .rs-f select { width: 100%; height: 40px; padding: 0 11px; font: 400 15px var(--body); color: var(--ink); background: var(--field); border: 1px solid var(--field-line); border-radius: 7px; }
.ag-card .rs-radio, .ag-card .rs-check { font-size: 14px; color: rgba(255,255,255,.9); }
.ag-card .rs-hint { color: rgba(255,255,255,.65); }
.ag-card .rs-clear { color: #fff; }