/* Shared access design; keeps the wide dashboard separate from readable form widths. */
.mlr-account .mlr-access { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:clamp(28px,5vw,76px); max-width:1080px; margin:12px auto; }
.mlr-account .mlr-access--simple { display:block; max-width:540px; }
.mlr-access-intro { min-width:0; padding:12px 0; }
.mlr-account .mlr-access-eyebrow { display:flex; align-items:center; gap:9px; margin-bottom:24px; color:var(--mlr-muted); font-size:12px; font-weight:650; letter-spacing:1.2px; text-transform:uppercase; }
.mlr-account .mlr-access-intro h2 { margin:0 0 18px; max-width:430px; color:var(--mlr-ink); font-size:clamp(28px,3vw,40px); font-weight:700; line-height:1.18; letter-spacing:-1px; }
.mlr-account .mlr-access-intro > p { max-width:420px; margin:0; font-size:15px; color:var(--mlr-muted); line-height:1.7; }
.mlr-account .mlr-access-benefits { display:grid; gap:24px; margin:36px 0 0; padding:0; list-style:none; }
.mlr-access-benefits li { display:flex; align-items:flex-start; gap:15px; margin:0; }
.mlr-access-feature-icon,.mlr-access-badge { display:flex; align-items:center; justify-content:center; flex:0 0 44px; width:44px; height:44px; border:1px solid var(--mlr-border); border-radius:12px; background:var(--mlr-surface); color:var(--mlr-ink); }
.mlr-access-benefits strong { display:block; font-size:14px; font-weight:650; margin:0 0 3px; }
.mlr-access-benefits li div > span { display:block; max-width:310px; font-size:13px; color:var(--mlr-muted); line-height:1.6; }
.mlr-account .mlr-access-card { min-width:0; padding:clamp(22px,3vw,36px); background:var(--mlr-surface); color:var(--mlr-ink); border:1px solid var(--mlr-border); border-radius:var(--mlr-radius); box-shadow:0 8px 30px rgb(24 34 47 / 5%); }
.mlr-account .mlr-access-card h2 { margin:0 0 8px; font-size:25px; line-height:1.3; font-weight:700; letter-spacing:-.5px; color:var(--mlr-ink); }
.mlr-account .mlr-access-card p { color:var(--mlr-muted); font-size:14px; line-height:1.65; }
.mlr-account .mlr-access-lead { margin:0 0 28px; }
.mlr-account .mlr-access-tabs { display:flex; gap:4px; padding:4px; margin-bottom:30px; border:1px solid var(--mlr-border); border-radius:10px; background:var(--mlr-bg); }
.mlr-account .mlr-access-tabs a { display:flex; align-items:center; justify-content:center; flex:1; min-width:0; padding:10px 6px; min-height:44px; border-radius:7px; color:var(--mlr-muted); font-size:14px; font-weight:600; text-decoration:none; }
.mlr-account .mlr-access-tabs a[aria-selected="true"] { background:var(--mlr-surface); color:var(--mlr-ink); box-shadow:0 1px 4px rgb(24 34 47 / 9%); }
.mlr-account .mlr-access [hidden] { display:none !important; }
.mlr-account .mlr-access .mlr-form { display:grid; gap:18px; margin:0; }
.mlr-account .mlr-access .mlr-label { display:grid; gap:7px; margin:0; }
.mlr-account .mlr-access .mlr-label span,.mlr-account .mlr-access-recovery label { color:var(--mlr-ink); font-size:13px; font-weight:600; }
.mlr-account .mlr-access :is(.mlr-input,input.input-text) { width:100%; min-height:48px; padding:12px 14px; border:1px solid #cbd2db; border-radius:9px; background:var(--mlr-surface); color:var(--mlr-ink); font-size:16px; line-height:1.4; box-shadow:none; }
.mlr-account .mlr-access :is(input,a,button):focus-visible { outline:2px solid var(--mlr-ink); outline-offset:3px; }
.mlr-account .mlr-access .mlr-check { display:flex; align-items:flex-start; gap:9px; margin:0; color:var(--mlr-muted); font-size:13px; line-height:1.6; }
.mlr-account .mlr-access .mlr-check input { flex:0 0 17px; width:17px; height:17px; margin:2px 0 0; accent-color:var(--mlr-ink); }
.mlr-account .mlr-access :is(.mlr-btn,button.button) { display:flex; align-items:center; justify-content:center; width:100%; min-height:48px; padding:12px 18px; border:1px solid transparent; border-radius:9px; background:var(--mlr-accent); color:var(--mlr-on-accent,#18222f); font-size:14px; font-weight:700; line-height:1.5; cursor:pointer; text-transform:none; box-shadow:none; }
.mlr-account .mlr-access :is(.mlr-btn,button.button):hover { filter:brightness(.96); transform:none; }
.mlr-account .mlr-access .mlr-help { margin:0; text-align:center; font-size:13px; }
.mlr-account .mlr-access :is(.mlr-help a,.mlr-access-back,.mlr-access-switch a) { color:var(--mlr-ink); font-weight:600; text-decoration:underline; text-underline-offset:3px; }
.mlr-account .mlr-access-switch { margin-top:25px; padding-top:22px; border-top:1px solid var(--mlr-border); color:var(--mlr-muted); font-size:13px; text-align:center; line-height:1.8; }
.mlr-access-switch a { white-space:normal; }
.mlr-access-badge { margin-bottom:24px; background:var(--mlr-bg); }
.mlr-account .mlr-access-back { display:block; margin-top:24px; font-size:13px; text-align:center; }
.mlr-account .mlr-access-recovery form { margin:20px 0 0; padding:0; border:0; }
.mlr-account .mlr-access-recovery .form-row { float:none; clear:both; width:100%; margin:0 0 18px; padding:0; }
.mlr-account .mlr-access-recovery label { display:block; margin-bottom:7px; }
.mlr-account .mlr-access .mlr-access-recovery form input.input-text { border:1px solid #cbd2db; border-radius:9px; padding:12px 14px; font-size:16px; background:var(--mlr-surface); color:var(--mlr-ink); }
.mlr-account .mlr-access-recovery .woocommerce-error,.mlr-account .mlr-access-recovery .woocommerce-message,.mlr-account .mlr-access-recovery .woocommerce-info { margin:18px 0; padding:15px 18px; border:1px solid var(--mlr-border); border-radius:9px; background:var(--mlr-bg); color:var(--mlr-ink); font-size:14px; list-style:none; }
.mlr-account .mlr-access-recovery :is(.woocommerce-error,.woocommerce-message,.woocommerce-info)::before { display:none; }
.mlr-account .mlr-access-recovery .woocommerce-error { border-color:#e3b2b2; background:#fff5f5; }
.mlr-account .mlr-2fa .mlr-form { margin-top:24px; }
.mlr-account .mlr-2fa input[name="mlr_code"] { text-align:center; font-size:24px; letter-spacing:8px; font-variant-numeric:tabular-nums; }
@container mlr-account (max-width:740px) {
  .mlr-account .mlr-access { grid-template-columns:1fr; max-width:510px; gap:26px; }
  .mlr-account .mlr-access-intro { padding:0; }
  .mlr-account .mlr-access-eyebrow { margin-bottom:14px; }
  .mlr-account .mlr-access-intro h2 { font-size:28px; max-width:380px; margin-bottom:12px; }
  .mlr-account .mlr-access-benefits { display:none; }
}
@media(max-width:600px) { .mlr-account .mlr-access-card { padding:22px 18px; } .mlr-account .mlr-access-card h2 { font-size:23px; } }