/* BR Platform 0.4 — accounts & membership. Inherits the theme tokens (--br-*); falls back to the BR palette. */
.bra, .br-acct-pmpro .br-main { --bra-primary: var(--br-primary, #1E5BFF); --bra-deep: var(--br-deep, #0A2A8A); --bra-gold: var(--br-accent, #F2B134);
  --bra-ink: var(--br-ink, #0b1220); --bra-ink2: var(--br-ink-2, #3b4457); --bra-muted: var(--br-muted, #6b7280); --bra-line: var(--br-line, #e6e9f0);
  --bra-surface: var(--br-surface, #f3f5f9); --bra-card: var(--br-card, #fff); --bra-ok: #15803d; --bra-bad: #b42318; --bra-r: 18px;
  --bra-shadow: 0 1px 2px rgba(16,24,40,.04), 0 12px 32px -12px rgba(16,24,40,.14); }

/* one task per screen: no right rail on account pages or the PMPro billing screens */
body.br-acct-page .br-body, body.br-acct-pmpro .br-body { grid-template-columns: minmax(0, 1fr) !important; }
body.br-acct-page .br-rail-right, body.br-acct-pmpro .br-rail-right { display: none !important; }
body.br-acct-page .br-main { padding-top: 32px; }
.bra { max-width: 1120px; margin: 0 auto; color: var(--bra-ink); }
.bra h1 { font-size: clamp(1.7rem, 1.2rem + 1.6vw, 2.35rem); letter-spacing: -.025em; margin: 0 0 .35em; }
.bra h2 { letter-spacing: -.02em; }
.bra a { color: var(--bra-primary); font-weight: 600; }
.bra-card { background: var(--bra-card); border: 1px solid var(--bra-line); border-radius: var(--bra-r); box-shadow: var(--bra-shadow); }
.bra-kicker { display: inline-block; font-size: .72rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--bra-primary); margin-bottom: 8px; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---- buttons ---- */
.bra-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; padding: 12px 20px; border-radius: 12px; border: 1px solid transparent; font: inherit; font-weight: 700; font-size: .96rem; line-height: 1.2; cursor: pointer; text-decoration: none !important; transition: background .15s, box-shadow .15s, transform .08s, border-color .15s, color .15s; -webkit-tap-highlight-color: transparent; }
.bra-btn:active { transform: translateY(1px) scale(.995); }
.bra-btn:focus-visible { outline: 3px solid color-mix(in srgb, var(--bra-primary) 35%, transparent); outline-offset: 2px; }
.bra-btn-block { width: 100%; }
.bra-btn-primary { background: var(--bra-primary); color: #fff !important; box-shadow: 0 8px 22px -8px rgba(30,91,255,.6); }
.bra-btn-primary:hover { background: var(--bra-deep); }
.bra-btn-dark { background: var(--bra-ink); color: #fff !important; }
.bra-btn-dark:hover { background: #1c2740; }
.bra-btn-ghost { background: var(--bra-card); color: var(--bra-ink) !important; border-color: var(--bra-line); }
.bra-btn-ghost:hover { border-color: var(--bra-primary); color: var(--bra-primary) !important; }
.bra-btn-disabled { background: var(--bra-surface); color: var(--bra-muted) !important; border-color: var(--bra-line); cursor: default; }
.bra-btn.is-busy { pointer-events: none; opacity: .85; }
.bra-btn.is-busy::after { content: ""; width: 16px; height: 16px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: bra-spin .7s linear infinite; }
@keyframes bra-spin { to { transform: rotate(360deg); } }

/* ---- notices ---- */
.bra-notice { margin: 0 0 18px; padding: 12px 14px; border-radius: 12px; font-size: .93rem; font-weight: 500; border: 1px solid; line-height: 1.45; }
.bra-error { background: #fef3f2; border-color: #fecdca; color: var(--bra-bad); }
.bra-ok { background: #ecfdf3; border-color: #abefc6; color: #067647; }
.bra-info { background: #eff4ff; border-color: #c7d7fe; color: var(--bra-deep); }

/* ---- auth (join / sign-in / forgot / reset) ---- */
.bra-auth { display: grid; grid-template-columns: minmax(0, 460px) minmax(0, 1fr); gap: 28px; align-items: stretch; max-width: 1000px; margin: 0 auto; }
.bra-auth-solo { grid-template-columns: minmax(0, 460px); justify-content: center; }
.bra-auth-card { padding: 36px 36px 28px; }
.bra-mark { display: inline-grid; place-items: center; margin: -6px 0 14px -8px; }
.bra-mark img { width: 56px; height: 56px; display: block; filter: drop-shadow(0 8px 14px rgba(10,42,138,.25)); transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.bra-mark:hover img { transform: rotate(-12deg) scale(1.05); }
.bra-mark-fallback { width: 48px; height: 48px; border-radius: 12px; background: var(--bra-primary); color: #fff; display: grid; place-items: center; font-weight: 900; }
.bra-sub { color: var(--bra-muted); margin: 0 0 22px; font-size: .98rem; }
.bra-form { display: grid; gap: 16px; }
.bra-field { display: grid; gap: 6px; font-size: .88rem; font-weight: 600; color: var(--bra-ink2); }
.bra-field-row { display: flex; justify-content: space-between; align-items: baseline; }
.bra-field-row a { font-size: .85rem; }
.bra-field input, .bra-pass input { width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid #d0d5dd; border-radius: 12px; background: #fff; color: var(--bra-ink); font: inherit; font-size: 1rem; font-weight: 500; box-shadow: 0 1px 2px rgba(16,24,40,.05); transition: border-color .15s, box-shadow .15s; }
.bra-field input::placeholder { color: #98a2b3; font-weight: 400; }
.bra-field input:focus { outline: none; border-color: var(--bra-primary); box-shadow: 0 0 0 4px rgba(30,91,255,.14); }
.bra-field input[aria-invalid="true"] { border-color: var(--bra-bad); box-shadow: 0 0 0 4px rgba(180,35,24,.1); }
.bra-pass { position: relative; display: block; }
.bra-pass input { padding-right: 72px; }
.bra-eye { position: absolute; right: 6px; top: 50%; transform: translateY(-50%); border: 0; background: transparent; color: var(--bra-primary); font: inherit; font-size: .85rem; font-weight: 700; padding: 8px 10px; border-radius: 8px; cursor: pointer; }
.bra-eye:hover { background: #eff4ff; }
.bra-meter { display: block; height: 4px; border-radius: 4px; background: var(--bra-line); overflow: hidden; margin-top: 2px; }
.bra-meter i { display: block; height: 100%; width: 0; background: var(--bra-bad); transition: width .25s, background .25s; }
.bra-hint { font-weight: 500; color: var(--bra-muted); min-height: 1em; font-size: .8rem; }
.bra-check { display: flex; align-items: center; gap: 10px; font-size: .92rem; font-weight: 500; color: var(--bra-ink2); cursor: pointer; }
.bra-check input { width: 18px; height: 18px; accent-color: var(--bra-primary); }
.bra-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; opacity: 0; }
.bra-legal { margin: -4px 0 0; font-size: .8rem; color: var(--bra-muted); text-align: center; }
.bra-legal a { font-weight: 600; }
.bra-switch { margin: 22px 0 0; padding-top: 18px; border-top: 1px solid var(--bra-line); text-align: center; color: var(--bra-muted); font-size: .94rem; }
.bra-planpill { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 12px 14px; margin: -6px 0 18px; border-radius: 12px; background: linear-gradient(135deg, #eff4ff, #fff); border: 1px solid #c7d7fe; font-size: .9rem; }
.bra-planpill span { font-size: .72rem; text-transform: uppercase; letter-spacing: .1em; color: var(--bra-muted); font-weight: 700; width: 100%; }
.bra-planpill strong { color: var(--bra-deep); }
.bra-planpill em { font-style: normal; color: var(--bra-ink2); }
.bra-planpill a { margin-left: auto; font-size: .85rem; }

.bra-aside { border-radius: var(--bra-r); background: radial-gradient(120% 90% at 100% 0%, #2d6bff 0%, transparent 55%), linear-gradient(160deg, var(--bra-deep) 0%, #0b1a4d 100%); color: #e8eeff; overflow: hidden; position: relative; }
.bra-aside::after { content: ""; position: absolute; right: -60px; bottom: -60px; width: 260px; height: 260px; border-radius: 50%; border: 1px solid rgba(255,255,255,.12); box-shadow: 0 0 0 40px rgba(255,255,255,.03), 0 0 0 80px rgba(255,255,255,.02); pointer-events: none; }
.bra-aside-in { padding: 40px 36px; position: relative; z-index: 1; display: flex; flex-direction: column; height: 100%; }
.bra-aside .bra-kicker { color: var(--bra-gold); }
.bra-aside h2 { color: #fff; font-size: 1.6rem; margin: 0 0 16px; }
.bra-checks { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.bra-checks li { position: relative; padding-left: 28px; line-height: 1.45; font-size: .95rem; }
.bra-checks li::before { content: ""; position: absolute; left: 0; top: .2em; width: 18px; height: 18px; border-radius: 50%; background: rgba(30,91,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%231E5BFF' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat; }
.bra-aside .bra-checks li::before { background-color: rgba(242,177,52,.18); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='%23F2B134' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.bra-aside-plans { margin-top: 28px; display: grid; gap: 10px; }
.bra-mini { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 14px; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); color: #fff !important; text-decoration: none !important; transition: background .15s, transform .15s; }
.bra-mini:hover { background: rgba(255,255,255,.13); transform: translateY(-1px); }
.bra-mini strong { font-size: .95rem; }
.bra-mini span { font-size: .88rem; color: #c9d6ff; font-weight: 600; white-space: nowrap; }
.bra-mini em { font-style: normal; color: var(--bra-gold); }
.bra-trust { margin: auto 0 0; padding-top: 28px; display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: .8rem; color: #aebde6; }
.bra-trust span::before { content: "✓ "; color: var(--bra-gold); font-weight: 800; }

/* ---- membership portal ---- */
.bra-hero { text-align: center; max-width: 720px; margin: 0 auto 26px; }
.bra-hero p { color: var(--bra-muted); font-size: 1.05rem; margin: 0; }
.bra-view-membership .bra-notice { max-width: 760px; margin: 0 auto 20px; text-align: center; }
.bra-already { text-align: center; color: var(--bra-muted); margin: -8px 0 26px; }
.bra-current { display: grid; grid-template-columns: auto 1fr auto; gap: 6px 18px; align-items: center; padding: 22px 24px; margin: 0 auto 30px; max-width: 900px; }
.bra-current-ico { width: 56px; height: 56px; border-radius: 16px; display: grid; place-items: center; background: #eff4ff; color: var(--bra-primary); }
.bra-current-ico .bra-plan-ico { width: 34px; height: 34px; margin: 0; }
.bra-current-text { display: grid; gap: 2px; min-width: 0; }
.bra-current-text strong { font-size: 1.15rem; letter-spacing: -.01em; }
.bra-current-text span { color: var(--bra-ink2); font-size: .94rem; }
.bra-current-text small { color: var(--bra-muted); font-size: .85rem; }
.bra-current-actions { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.bra-current-actions .bra-btn { min-height: 40px; padding: 9px 16px; font-size: .9rem; }
.bra-current-who { grid-column: 1 / -1; display: flex; align-items: center; gap: 8px; padding-top: 14px; margin-top: 8px; border-top: 1px solid var(--bra-line); font-size: .85rem; color: var(--bra-muted); }
.bra-current-who img { border-radius: 50%; }

.bra-plans { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; margin: 0 0 40px; scroll-margin-top: 90px; }
.bra-plan { position: relative; display: flex; flex-direction: column; padding: 30px 26px 26px; background: var(--bra-card); border: 1px solid var(--bra-line); border-radius: 22px; box-shadow: var(--bra-shadow); transition: transform .2s, box-shadow .2s, border-color .2s; scroll-margin-top: 90px; }
.bra-plan:hover { transform: translateY(-2px); box-shadow: 0 1px 2px rgba(16,24,40,.04), 0 24px 48px -18px rgba(16,24,40,.22); }
.bra-plan.is-featured { border: 2px solid var(--bra-primary); background: linear-gradient(180deg, #f5f8ff 0, #fff 160px); }
.bra-plan.is-current { border: 2px solid var(--bra-ok); }
.bra-plan.is-focus { box-shadow: 0 0 0 4px rgba(242,177,52,.45), var(--bra-shadow); }
.bra-badge { position: absolute; top: -12px; left: 50%; transform: translateX(-50%); padding: 5px 12px; border-radius: 999px; background: var(--bra-primary); color: #fff; font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; box-shadow: 0 6px 14px -6px rgba(30,91,255,.7); }
.bra-badge-current { background: var(--bra-ok); box-shadow: 0 6px 14px -6px rgba(21,128,61,.6); }
.bra-plan-ico { width: 40px; height: 40px; color: var(--bra-primary); margin-bottom: 14px; }
.bra-plan h2 { font-size: 1.3rem; margin: 0 0 6px; }
.bra-plan-pitch { color: var(--bra-muted); font-size: .93rem; min-height: 3em; margin: 0 0 18px; }
.bra-price { display: flex; align-items: baseline; gap: 4px; }
.bra-price b { font-size: 2.6rem; font-weight: 800; letter-spacing: -.035em; line-height: 1; }
.bra-price span { color: var(--bra-muted); font-weight: 600; }
.bra-price-note { color: var(--bra-muted); font-size: .84rem; margin: 8px 0 20px; min-height: 2.5em; }
.bra-plan-today { text-align: center; color: var(--bra-ok); font-weight: 700; font-size: .8rem; margin-top: 8px; }
.bra-plan-feat { margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--bra-line); }
.bra-plan-feat p { font-weight: 700; font-size: .88rem; margin: 0 0 12px; color: var(--bra-ink2); }
.bra-plan .bra-checks li { font-size: .9rem; color: var(--bra-ink2); }

.bra-compare { padding: 26px 26px 10px; margin: 0 0 32px; }
.bra-compare h2 { font-size: 1.3rem; margin: 0 0 14px; }
.bra-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; margin: 0 -8px; }
.bra-table { width: 100%; border-collapse: collapse; min-width: 620px; font-size: .92rem; }
.bra-table th, .bra-table td { padding: 13px 12px; border-bottom: 1px solid var(--bra-line); text-align: left; vertical-align: top; }
.bra-table thead th { position: sticky; top: 0; background: var(--bra-card); font-size: .95rem; padding-bottom: 14px; }
.bra-table thead th small { display: block; font-weight: 600; color: var(--bra-muted); font-size: .8rem; }
.bra-table thead th.is-current { color: var(--bra-ok); }
.bra-table tbody th { font-weight: 600; color: var(--bra-ink2); width: 32%; }
.bra-table td.is-on { color: var(--bra-ink); font-weight: 500; }
.bra-table td.is-off { color: #c0c6d2; }
.bra-table tbody tr:last-child th, .bra-table tbody tr:last-child td { border-bottom: 0; }

.bra-billing { padding: 24px 26px; margin: 0 0 32px; }
.bra-billing-head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 8px; }
.bra-billing-head h2 { font-size: 1.3rem; margin: 0; }
.bra-billing-head div { font-size: .9rem; }
.bra-danger { color: var(--bra-bad) !important; }
.bra-invoices h2, .bra-invoices h3 { display: none; }
.bra-invoices table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.bra-invoices th, .bra-invoices td { padding: 10px 8px; border-bottom: 1px solid var(--bra-line); text-align: left; }
.bra-invoices .pmpro_box, .bra-invoices .pmpro_card { border: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; background: transparent !important; }

.bra-faq { max-width: 760px; margin: 0 auto 20px; }
.bra-faq h2 { font-size: 1.3rem; text-align: center; margin-bottom: 14px; }
.bra-faq details { border-bottom: 1px solid var(--bra-line); padding: 4px 0; }
.bra-faq summary { cursor: pointer; list-style: none; padding: 14px 32px 14px 0; font-weight: 700; position: relative; }
.bra-faq summary::-webkit-details-marker { display: none; }
.bra-faq summary::after { content: "+"; position: absolute; right: 4px; top: 10px; font-size: 1.4rem; font-weight: 400; color: var(--bra-muted); transition: transform .2s; }
.bra-faq details[open] summary::after { transform: rotate(45deg); }
.bra-faq details p { margin: 0 0 14px; color: var(--bra-ink2); }

/* ---- PMPro checkout / billing / cancel, restyled to match (payment fields only — the account step is /join/) ---- */
.br-acct-pmpro .br-pagehead { text-align: center; }
.br-acct-pmpro .br-content { max-width: 720px; margin: 0 auto; padding: 32px; border-radius: 22px; }
.br-acct-pmpro .pmpro_checkout h2, .br-acct-pmpro .pmpro_checkout h3 { font-size: 1.1rem; letter-spacing: -.01em; }
.br-acct-pmpro .pmpro_checkout, .br-acct-pmpro .pmpro_card, .br-acct-pmpro .pmpro_box { border-radius: 16px !important; border-color: var(--bra-line) !important; }
.br-acct-pmpro input[type="text"], .br-acct-pmpro input[type="email"], .br-acct-pmpro input[type="password"], .br-acct-pmpro input[type="tel"], .br-acct-pmpro select { min-height: 46px; padding: 10px 12px; border: 1px solid #d0d5dd; border-radius: 12px; font: inherit; width: 100%; max-width: 100%; }
.br-acct-pmpro input:focus, .br-acct-pmpro select:focus { outline: none; border-color: var(--bra-primary); box-shadow: 0 0 0 4px rgba(30,91,255,.14); }
.br-acct-pmpro .pmpro_btn, .br-acct-pmpro .pmpro_btn-submit-checkout, .br-acct-pmpro input[type="submit"].pmpro_btn { min-height: 50px; padding: 12px 22px !important; border-radius: 12px !important; border: 0 !important; background: var(--bra-primary) !important; color: #fff !important; font-weight: 800 !important; font-size: 1rem !important; cursor: pointer; box-shadow: 0 8px 22px -8px rgba(30,91,255,.6); width: 100% !important; }
.br-acct-pmpro #pmpro_submit_span { display: block; }
.bra-checkout-who { display: block; margin-top: 2px; font-size: .82rem; color: var(--bra-muted); }
.br-acct-pmpro .pmpro_btn:hover { background: var(--bra-deep) !important; }
.br-acct-pmpro .pmpro_btn-cancel, .br-acct-pmpro a.pmpro_btn-cancel { background: var(--bra-card) !important; color: var(--bra-ink) !important; border: 1px solid var(--bra-line) !important; box-shadow: none; }
body.logged-in.br-acct-pmpro #pmpro_user_fields, .br-acct-pmpro #pmpro_payment_information_fields:not(:has(input, select, iframe, .StripeElement, [class*="stripe"], p, ul)), .br-acct-pmpro .pmpro_checkout-field-username, .br-acct-pmpro .pmpro_checkout-field-bconfirmemail, .br-acct-pmpro .pmpro_checkout-field-password2 { display: none !important; }
.bra-checkout-summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 18px; border-radius: 14px; background: linear-gradient(135deg, #eff4ff, #fff); border: 1px solid #c7d7fe; margin: 0 0 18px; }
.bra-checkout-summary strong { color: var(--bra-deep); }
.bra-checkout-summary span { color: var(--bra-ink2); font-size: .9rem; }

/* ---- responsive ---- */
@media (max-width: 1080px) { .bra-plans { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .bra-plan { padding: 26px 18px 20px; } .bra-price b { font-size: 2.2rem; } }
@media (max-width: 900px) {
  .bra-auth { grid-template-columns: 1fr; max-width: 520px; }
  .bra-aside-in { padding: 28px 24px; }
  .bra-plans { grid-template-columns: 1fr; max-width: 520px; margin-left: auto; margin-right: auto; gap: 26px; }
  .bra-plan-pitch, .bra-price-note { min-height: 0; }
  .bra-current { grid-template-columns: auto 1fr; }
  .bra-current-actions { grid-column: 1 / -1; justify-content: stretch; }
  .bra-current-actions .bra-btn { flex: 1; }
}
@media (max-width: 520px) {
  body.br-acct-page .br-main { padding: 18px 12px 48px; }
  .bra-auth-card { padding: 26px 20px 20px; border-radius: 16px; }
  .bra-compare, .bra-billing { padding: 20px 16px 8px; }
  .br-acct-pmpro .br-content { padding: 20px 16px; }
}
@media (prefers-reduced-motion: reduce) { .bra *, .bra *::after { transition: none !important; animation: none !important; } }

/* ---- 0.5: engine-era portal pieces ---- */
.bra-pill { display: inline-block; vertical-align: middle; margin-left: 6px; padding: 2px 8px; border-radius: 999px; background: #eff4ff; color: var(--bra-primary); font-size: .7rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; font-style: normal; }
.bra-pill-bad { background: #fef3f2; color: var(--bra-bad); }
.bra-current-actions form { margin: 0; }
.bra-current-stats { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 14px 0 0; }
.bra-current-stats div { background: var(--bra-surface); border-radius: 12px; padding: 10px 12px; }
.bra-current-stats dt { font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; color: var(--bra-muted); font-weight: 700; }
.bra-current-stats dd { margin: 2px 0 0; font-size: 1.05rem; font-weight: 800; letter-spacing: -.01em; }
.bra-cycle { display: flex; width: max-content; margin: -6px auto 26px; padding: 4px; border-radius: 999px; background: var(--bra-card); border: 1px solid var(--bra-line); box-shadow: var(--bra-shadow); }
.bra-cycle button { border: 0; background: transparent; padding: 8px 18px; border-radius: 999px; font: inherit; font-weight: 700; font-size: .9rem; color: var(--bra-ink2); cursor: pointer; transition: background .2s, color .2s; }
.bra-cycle button[aria-checked="true"] { background: var(--bra-ink); color: #fff; }
.bra-cycle em { font-style: normal; color: var(--bra-ok); font-size: .78rem; margin-left: 4px; }
.bra-cycle button[aria-checked="true"] em { color: #8ff0b4; }
.bra-btn-danger { background: var(--bra-bad); color: #fff !important; }
.bra-btn-danger:hover { background: #912018; }
.bra-confirm summary { list-style: none; }
.bra-confirm summary::-webkit-details-marker { display: none; }
.bra-confirm[open] summary { border-color: var(--bra-bad); color: var(--bra-bad) !important; }
.bra-confirm > div { margin-top: 10px; padding: 12px; border-radius: 12px; background: #fef3f2; border: 1px solid #fecdca; font-size: .86rem; color: var(--bra-ink2); }
.bra-confirm > div p { margin: 0 0 10px; }
.bra-activity { list-style: none; margin: 0; padding: 0; }
.bra-activity li { display: grid; grid-template-columns: 200px 1fr auto; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--bra-line); font-size: .9rem; }
.bra-activity li:last-child { border-bottom: 0; }
.bra-activity span { color: var(--bra-ink2); }
.bra-activity time { color: var(--bra-muted); font-size: .84rem; white-space: nowrap; }
@media (max-width: 900px) { .bra-current-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } .bra-activity li { grid-template-columns: 1fr auto; } .bra-activity span { grid-column: 1 / -1; grid-row: 2; } }