/* rv_addrform.css -- the ADDRESS FORM of the re-themed checkout address steps (rv_addrform.js + checkout/addr_card.tpl): Step 2 billing (guest + Register), Step 3 shipping, and the
   signed-in forms. Written 2026-10-02 under re-theme rule 23; replaces rv_step2.css (Step 2 only). Layout and the two stages only: fields, buttons, field states (rv-ok / rv-bad /
   required-message), messages and dialogs come from rv_theme.css; the telephone field's look is in rv_theme.css too (rule 25). Scoped to the form roots by id (:is(), so one list of
   ids keeps the specificity the theme overrides need). Add a new address form's root id to the list below. Signed-in forms: #rv-billing / #rv-shipping (saved addresses at the end); the account address book: #rv-book (form) and #rv-booklist (cards); My Account Information: #rv-acct; the repair request page: #rv-repair (2026-10-03); the customer address-confirmation page: #rv-confirm (2026-10-03). */

:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) [hidden] { display:none !important; }   /* .field / .btn set display, which would beat the hidden attribute */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-reqnote { margin:0 0 12px; font-size:12.5px; color:var(--muted); }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-reqnote .required, :is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .field .required { color:#fca5a5; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-cols { display:grid; gap:14px; grid-template-columns:1fr; }
@media (min-width:860px) { :is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-cols { grid-template-columns:1fr 1fr; align-items:start; } }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .card { overflow:visible; }   /* the theme's card clips; field messages and the e-mail typo hint must not be cut */

/* the two stages: LOOKUP shows country, phone, ZIP, street, apartment + "Continue"; FULL adds city, state, company + the step's Continue */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register)[data-stage="lookup"] .rv-full { display:none !important; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register)[data-stage="full"] .rv-lookup-btns { display:none !important; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-full .field:first-child { margin-top:2px; }


:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-custgroup.is-special select { border-color:var(--warn); box-shadow:0 0 0 1px rgba(251,191,36,.35); }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-groups { border:0; margin:0 0 14px; padding:0; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-groups legend { margin-bottom:6px; color:var(--muted); font-size:12px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-groups label { display:inline-flex; align-items:center; gap:6px; margin-right:14px; }

:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-linkbtn { display:inline; width:auto; min-width:0; margin:6px 0 0; padding:0; background:none; border:0; color:var(--accent2); font-size:12.5px; text-decoration:underline; cursor:pointer; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-addrmsg:empty { display:none; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-addrmsg .rowmsg { margin:0 0 12px; font-weight:500; line-height:1.5; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-btnrow { display:flex; flex-wrap:wrap; gap:10px; align-items:center; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-btnrow .btn { width:auto; min-width:120px; box-sizing:border-box; min-height:38px; justify-content:center; line-height:1.2; }   /* a link (Cancel / Back) and a button (Save) the same size */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-btnrow .btn.is-busy { opacity:.6; cursor:progress; }

/* the step's own Continue row (sits under both cards) */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-continue { margin-top:18px; display:flex; flex-wrap:wrap; gap:12px 20px; align-items:center; justify-content:flex-start; }   /* the same 18px above as every step's Continue (rv_checkout.css), also on the account address book */   /* place and size: THE CONTINUE BUTTON in rv_checkout.css */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-continue .rv-btnrow { order:-1; }   /* Continue first, then the "ship to this address" box; the box is first in the page order so Tab still ends on Continue */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-check { display:inline-flex; align-items:center; gap:8px; font-size:14px; cursor:pointer; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-check input { width:18px; height:18px; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-addrbody.address-invalid { box-shadow:inset 3px 0 0 var(--bad); }
@media (max-width:600px) { :is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-continue .rv-btnrow, :is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-continue .rv-btnrow .btn, :is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-lookup-btns .btn { width:100%; } }

/* staff search */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-staffsearch { margin-top:14px; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-staffonly { margin-left:8px; padding:1px 8px; border:1px solid var(--warn); border-radius:999px; color:var(--warn); font-size:11px; font-weight:700; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-tabs { display:flex; flex-wrap:wrap; gap:6px; margin:0 0 10px; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-tabs button { width:auto; padding:7px 12px; border:1px solid var(--line2); border-radius:999px; background:transparent; color:var(--muted); font-size:12.5px; font-weight:600; cursor:pointer; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-tabs button.is-on { border-color:var(--accent2); color:var(--txt); }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-count { display:inline-block; min-width:20px; margin-left:4px; padding:0 6px; border-radius:999px; background:rgba(34,211,238,.16); color:var(--accent2); font-size:11px; text-align:center; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-tabpane { overflow-x:auto; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-hint { margin:0; color:var(--muted); font-size:13px; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-results { width:100%; border-collapse:collapse; font-size:12.5px; margin-bottom:10px; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-results th { padding:7px 8px; text-align:left; color:var(--muted); font-size:11px; letter-spacing:.04em; text-transform:uppercase; border-bottom:1px solid var(--line2); }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-results td { padding:7px 8px; border-bottom:1px solid var(--line); white-space:nowrap; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-results tbody tr { cursor:pointer; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-results tbody tr:hover, :is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-results tbody tr:focus { background:rgba(99,102,241,.14); outline:none; }

/* the two dialogs (native <dialog>, top layer): sign-in messages */
.rv-step2pop .rv-lead { margin:0 0 14px; color:var(--muted); font-size:13px; text-align:center; }
.rv-step2pop .field a { display:inline-block; margin-top:6px; font-size:12px; }
.rv-step2pop .rv-loginmsg:empty { display:none; }
.rv-step2pop .rv-loginmsg .err { display:block; margin:0 0 10px; color:#fca5a5; font-size:13px; }

/* create-account + e-mail opt-in boxes (rv_cka_checkboxes_html(..., themed = true): classes only) */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-ckacct { margin:12px 0 4px; padding:12px 14px; border:1px solid var(--line2); border-radius:10px; background:var(--panel); }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-ckacct + .rv-ckacct { margin-top:8px; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-ckacct-lbl { display:flex; align-items:flex-start; gap:10px; cursor:pointer; margin:0; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-ckacct-lbl input { flex:0 0 18px; width:18px; height:18px; margin:2px 0 0; accent-color:var(--accent); }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-ckacct-txt { color:var(--txt); font-size:14px; line-height:1.35; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-ckacct-txt b { display:block; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-ckacct-txt small { display:block; margin-top:3px; color:var(--muted); font-size:12px; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-ckacct-staff { display:block; margin-top:4px; color:var(--warn); }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .popadd .rv-line, .addrpop .popadd .rv-line { display:block; }
.rv-step2pop .rv-exit { background:#b91c1c; border-color:#7f1d1d; color:#fff; }

/* Register: the agree box (the password field is rv_checkout.css) */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-agree { align-items:flex-start; line-height:1.45; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-agree input { margin-top:3px; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-agree a { color:var(--accent2); text-decoration:underline; }

/* "Address found. Please check it above ..." -- a prompt the buyer must act on (look, add an apartment number), so it is amber with a heavy edge, not the quiet green of a result */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-addrmsg .rowmsg.prompt { background:rgba(245,158,11,.16); border:1px solid rgba(245,158,11,.55); border-left:5px solid #fbbf24; color:#fde68a; font-size:14px; font-weight:500; line-height:1.55; padding:12px 14px; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-addrmsg .rowmsg.prompt b { color:#fbbf24; }
/* "Address found": good news = the theme's cyan with a check (was amber like a warning, then green; Russell 10/3, then 10/8: "the themed cyan to bring attention to it", on every page with an address), and the apartment / suite reminder under it in the same cyan. The ".rvtheme" ancestor these six rules used to need is gone: a page whose form root itself carries rvtheme (Register, address book) never matched them and drew this plain grey. */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-addrmsg .rowmsg.found { position:relative; padding:9px 12px 9px 38px; background:rgba(34,211,238,.10); border:1px solid rgba(34,211,238,.50); border-radius:10px; color:#cffafe; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-addrmsg .rowmsg.found b { color:#22d3ee; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-addrmsg .rowmsg.found::before { content:""; position:absolute; left:12px; top:50%; width:18px; height:18px; margin-top:-9px; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2322d3ee' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") no-repeat center; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-addrmsg .rowmsg + .rv-apthint { margin:-6px 0 12px; color:var(--accent2); font-size:13px; line-height:1.45; }

/* a form with a single card (Step 3): one column at every width */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-cols.rv-one { grid-template-columns:1fr; max-width:760px; }

/* signed-in forms (checkout/addr_saved.tpl): a saved address or a new one. data-mode on the root decides what shows; the stage rules above still apply inside the new address */
:is(#rv-billing, #rv-shipping, #rv-booklist)[data-mode="existing"] :is(.rv-newaddr, .rv-new-only) { display:none !important; }
:is(#rv-billing, #rv-shipping, #rv-booklist)[data-mode="new"] :is(.rv-saved, .rv-existing-only) { display:none !important; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-modes { display:grid; gap:10px; grid-template-columns:1fr; margin:0 0 14px; }
@media (min-width:600px) { :is(#rv-billing, #rv-shipping, #rv-booklist) .rv-modes { grid-template-columns:1fr 1fr; } }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-modes .choice { margin:0; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-modes .choice:has(input:checked) { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent) inset; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-saved { margin:0 0 4px; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedlist { display:grid; gap:12px; grid-template-columns:1fr; }
@media (min-width:700px) { :is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedlist { grid-template-columns:1fr 1fr; } }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedaddr { display:flex; flex-direction:column; gap:10px; padding:14px 16px; border:1px solid var(--line2); border-radius:12px; background:var(--panel); font-size:13.5px; line-height:1.55; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedaddr.is-valid { cursor:pointer; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedaddr.is-valid:hover { border-color:var(--accent); }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedaddr.is-valid:focus-visible { outline:2px solid var(--accent2); outline-offset:2px; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedaddr.is-on { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent) inset; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedaddr.is-on .rv-addrtext { font-weight:700; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedaddr.is-invalid { border-style:dashed; border-color:var(--bad); }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedaddr .rowmsg { margin:0; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-addrbtns { display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-top:auto; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-addrbtns .btn { display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; width:auto; min-width:0; min-height:38px; margin:0; padding:7px 14px; font-size:13px; line-height:1.2; vertical-align:middle; }   /* Edit is a link, Delete a button: same box  */
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-addrbtns .rv-del { border-color:var(--bad); color:var(--bad); }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-pickmark { margin-right:auto; padding:3px 10px; border:1px solid var(--line2); border-radius:999px; color:var(--muted); font-size:12px; font-weight:700; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-savedaddr.is-on .rv-pickmark { border-color:var(--accent); background:var(--accent); color:#fff; }

/* Grid / flex items default to min-width:auto = as wide as their widest content. The staff search results table (one line per row, by design) then
   stretched its card, the step and the whole page: 967px wide on a 390px phone (10/2). With min-width:0 the results scroll inside their own pane. */
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-cols > *, :is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .card,
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .cardbody, :is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-tabpane { min-width:0; max-width:100%; }
:is(#rv-step2, #rv-step3, #rv-billing, #rv-shipping, #rv-book, #rv-booklist, #rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-tabpane { overflow-x:auto; -webkit-overflow-scrolling:touch; }

/* the account address book (address_list.tpl / address_form.tpl): the page title and its cards; a card in manage mode is not a choice, so no pointer */
:is(#rv-book, #rv-booklist) h1 { margin:0 0 14px; }
:is(#rv-booklist) .rowmsg { margin:0 0 14px; }
:is(#rv-booklist) .rv-savedaddr.is-manage { cursor:default; }
:is(#rv-booklist) .rv-savedaddr.is-manage:hover { border-color:var(--line2); }
:is(#rv-book) .rv-bizids { margin-top:14px; max-width:760px; }

/* My Account Information (#rv-acct, account/edit.tpl): the one-line note under an optional box (E-Mail #2), and the card widths the page's single column needs */
:is(#rv-acct, #rv-repair, #rv-confirm, #rv-register) .rv-fieldhint { margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }
:is(#rv-acct) .rv-cols.rv-one { margin-bottom:14px; }

/* The address book's "Verified address" badge (addr_saved.tpl: the address book and the checkout's saved-address pickers): a carrier or our team has already checked this exact address, so it is not checked again (2026-10-06) */
/* the checkout pickers (#rv-billing, #rv-shipping) show it too */
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-verified { align-self:flex-start; display:inline-flex; align-items:center; gap:6px; margin:0; padding:2px 10px 2px 8px; border:1px solid rgba(52,211,153,.4); border-radius:999px; background:rgba(52,211,153,.1); color:#34d399; font-size:12px; font-weight:600; line-height:1.5; }
:is(#rv-billing, #rv-shipping, #rv-booklist) .rv-verified::before { content:"\2713"; font-weight:700; }