/* Account dashboard, AccountProfile,
   AccountSettings, AccountDelete, PublicProfile. site.css already carries the
   shared account vocabulary ported from the first edition (.tools/.tool,
   .pklist/.pkitem, .pfhead family, .subnav/.snmenu, .visrow family,
   .glyphbox/.glyphgrid/.cropwrap, .addcard); this sheet holds ONLY what the
   first edition wrote as inline style attributes or page-local <style> blocks
   on these five pages, centralized under the no-inline-CSS rule. Values are
   the first edition's own, so the rendered page is unchanged.

   Loaded through the Head placeholder Literal, after site.css, so anything
   here overrides site.css at equal-or-later position. account.css is a
   separate file and owns a different scope; do not fold these rules into it. */

/* ---- Account dashboard: the tile count badge (v1 Account.aspx <style>).
   The only local addition to the shared .tool grid. */
.adminwrap .tool h4{display:flex;align-items:center;gap:8px}
.adminwrap .cnt{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;min-height:1.5em;padding:.1em .55em;border-radius:99px;background:var(--gold);color:#1a1508;font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}

/* ---- Avatars (v1 AvatarRender inline styles). Sizes are em on purpose: the
   mark grows with the reader's text size. A new size is a new class here plus
   a case in AvatarRender.SizeClass, never a style attribute. */
.avim{object-fit:cover;border:1px solid var(--edge);border-radius:12px;display:block}
.avglyph{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;padding:.35em;border:1px solid var(--edge);border-radius:12px;color:var(--ink)}
.av6{width:6em;height:6em}
.av25{width:2.5em;height:2.5em}

/* ---- Settings preference rows (v1 AccountSettings.aspx <style> block,
   verbatim). The .prefrow-scoped .prefhelp overrides account.css's card-level
   .prefhelp margin, exactly as the page-local block did in v1. */
.prefrow{padding:14px 0;border-bottom:1px solid var(--edge)}
.prefrow:last-of-type{border-bottom:none}
.prefrow .preflabel{font-weight:600;font-size:.98rem}
.prefrow .prefhelp{color:var(--muted);font-size:.84rem;margin:3px 0 10px}
.prefopts{display:flex;gap:16px;flex-wrap:wrap}
.prefopts label{display:inline-flex;align-items:center;gap:7px;font-size:.9rem;color:var(--ink)}
.prefopts label input{width:auto;margin:0}

/* Card headings inside a settings form (v1 wrote the margins inline). */
.prefcard h3{margin:0 0 4px}
.prefcard .cardintro{color:var(--muted);font-size:.88rem;margin:0 0 6px}
.prefcard .actions{margin-top:16px}

/* The notification grid rows (v1 inline flex). */
.notifrow{display:flex;align-items:center;gap:16px;margin:0 0 9px;flex-wrap:wrap}
.notifrow .notifcat{flex:1 1 8rem;font-weight:600}
.notifrow .notifchans{display:flex;gap:18px;flex-wrap:wrap}
.notifrow label{display:inline-flex;align-items:center;gap:5px;cursor:pointer}
.notifrow label input{width:auto;margin:0}

/* ---- Account pager (v1 AccountRender.Pager inline styles, verbatim) moved
   to site.css: byte-for-byte identical to account.css's
   copy, and a third family (ReportItems.aspx's detail view) now also depends
   on this rule, so it lives in the one sheet all three already load. */

/* ---- Shared account-page spacing the first edition wrote inline. */
.mutedline{margin:6px 0;color:var(--muted)}          /* location line, clergy line */
.bioline{margin:10px 0 0;white-space:pre-line}       /* the bio paragraph */
.cardactions{margin-top:14px}                        /* actions row inside a header card */
.tightform{margin:0}                                 /* v1 style="margin:0" on inline forms */
.fldtop{margin-top:12px}                             /* the avatar file field */
.hintafter{margin:6px 0 0}                           /* p.pkempty under a control */
.listnote{margin-top:12px}                           /* explainer under a list */
.btnlink{text-decoration:none;display:inline-flex;align-items:center} /* an <a class="btn"> */
.srlabel{position:absolute;left:-9999px}             /* visually hidden label */
.fullw{width:100%;box-sizing:border-box}             /* textareas */
.since{margin:0 0 12px}                              /* Friends Since line */
.pklead{margin:0 0 12px}                             /* intro line above a list */

/* Wide inline add-forms (v1 style="display:flex;gap:8px;..."). */
.inlinerow{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;align-items:center}

/* Pick blocks: v1 wrote the h4 margin inline. */
.pickblock h4{margin:18px 0 8px}

/* ---- AccountDelete (v1 wrote all of this inline). The danger treatment is
   the first edition's exact color-mix border and dark-c heading. The dl-*
   classes carry only the margins v1 set inline; the look stays .pkempty's. */
.dl-list{margin:0 0 14px 18px;padding:0}
.dl-lede{margin:0 0 10px}
.dl-close{margin:0}
.dl-alt{margin:12px 0 0}
.dangercard{border-color:color-mix(in srgb,var(--dark-c) 45%,var(--edge))}
.dangercard h3{color:var(--dark-c)}
.dangerbtn{background:transparent;color:var(--dark-c);border:1px solid var(--dark-c)}

/* ---- Report This Profile disclosure (rp-social, 2026-08-04). The first
   edition wrote all three of these inline on the details, the summary and the
   radio labels; the look is unchanged and the styles are centralized here.
   .prefopts above already styles a radio row exactly like the surface pair. */
.repbox>summary{cursor:pointer}
.repform{margin-top:12px}
.repsurf{margin-bottom:8px}

/* ---- Education Credentials (rp-education, 2026-08-04). The first edition
   wrote every one of these as a style attribute inside AccountProfile's
   generated markup; the values are its own so the row is unchanged (ruling
   112), centralized here under the no-inline-CSS rule.

   ONE VALUE IS DELIBERATELY NOT V1'S. Its field grid floors each track at
   200px, and a px floor is a fixed box around text that scales: at the owner's
   150 per cent the label and the input outgrow the track and the row breaks.
   13em is the same width at the default size and grows with the reader. */
.credrow{border:1px solid var(--edge);border-radius:12px;padding:12px 14px;margin-bottom:12px}
.credhead{display:flex;gap:12px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.credhead>.pkinfo{flex:1 1 14em;min-width:0}
.credgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13em,1fr));gap:10px}
.credgrid>.fld{margin:0}
.crednote{margin-top:10px}
.credacts{margin-top:8px}