/* Loaded only on the three approved frontend pages and logged-out native login. */
.mp-account-style * { box-sizing:border-box; }
.mp-account-style { --mp-blue:#2e81b7; --mp-ink:#304452; --mp-border:#d5e0e6; background:#f1f3f4 !important; color:var(--mp-ink); }
.mp-account-style #wrapper,.mp-account-style #main { background:#f1f3f4 !important; }
.mp-account-style #boxed-wrapper,.mp-account-style #wrapper { width:100% !important; max-width:none !important; margin:0 !important; }
.mp-account-style .mp-account-header { display:flex; flex-wrap:wrap; align-items:center; gap:20px; padding:16px 24px; background:var(--mp-blue); color:#fff; font:14px/1.5 Arial,sans-serif; }
.mp-account-style .mp-account-brand img { display:block; width:240px; max-width:100%; height:auto; }
.mp-account-style .mp-account-back { margin-left:auto; color:#246d99; background:#fff; padding:8px 16px; border:1px solid #b8d8eb; border-radius:3px; }
.mp-account-style .mp-account-back:hover { background:#edf5fa; }
.mp-account-style #main { padding:40px 24px !important; }
.mp-account-style #main > .fusion-row { max-width:900px !important; margin:auto; }
.mp-account-style #content { width:100% !important; }
.mp-account-style #main,.mp-account-style #main input,.mp-account-style #main select,.mp-account-style #main button { font-family:Arial,sans-serif; }
.mp-account-style #main :is(h1,h2,h3) { color:#24465b; font-weight:500; line-height:1.3; letter-spacing:normal; }
.mp-account-style #main h1 { font-size:27px; }
.mp-account-style #main .fusion-title h1 { font-size:27px !important; }
.mp-account-style #main .fusion-fullwidth { background:transparent !important; padding-top:0 !important; padding-bottom:0 !important; }
.mp-account-style #main :is(h2,h3) { font-size:20px; }
.mp-account-style #main :is(.rcp_form,.fusion-login-box) { background:#fff !important; border:1px solid var(--mp-border); border-radius:5px; padding:28px !important; margin:24px auto !important; max-width:540px; box-sizing:border-box; }
.mp-account-style #main :is(.rcp_form,.fusion-login-box) label { color:#344e5e; font-size:14px; }
.mp-account-style #main .fusion-login-box { max-width:430px; text-align:left; }
.mp-account-style #main .fusion-login-input-wrapper { margin:0 0 18px; }
.mp-account-style #main .fusion-login-input-wrapper > label { display:block; margin-bottom:6px; }
.mp-account-style #main .fusion-login-links { display:flex; justify-content:center; gap:16px; flex-wrap:wrap; margin-top:20px; }
.mp-account-style #main .fusion-login-additional-content { display:block; }
.mp-account-style #main .fusion-login-submit-wrapper { text-align:center; }
.mp-account-style #main .fusion-login-caption { margin:0 0 20px; color:#596d7b; }
.mp-account-style #main .rcp_form p { margin:0 0 18px; }
.mp-account-style #main .rcp_form label { display:block; margin-bottom:6px; }
.mp-account-style #main :is(.rcp_form,.fusion-login-box) a { color:#246d99; text-decoration:underline; text-underline-offset:3px; }
.mp-account-style #main #rcp_profile_editor_form { max-width:640px; }
.mp-account-style #main :is(.rcp_form,.fusion-login-box) input:not([type=hidden]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
.mp-account-style #main :is(.rcp_form,.fusion-login-box) select { width:100%; max-width:100%; height:auto; min-height:44px; padding:10px 12px; border:1px solid #b9ccd7; border-radius:3px; background:#fff; color:#304452; box-sizing:border-box; }
.mp-account-style #main :is(.rcp-button,.fusion-login-button,input[type=submit]) { background:#fff !important; background-image:none !important; color:#246d99 !important; border:1px solid #2e81b7 !important; border-radius:3px !important; padding:11px 18px !important; height:auto; font-size:14px !important; text-transform:none !important; letter-spacing:normal !important; box-shadow:none !important; }
.mp-account-style #main :is(.rcp-button,.fusion-login-button,input[type=submit]):hover { background:#edf5fa !important; }
.mp-account-style #main .fusion-login-button .fusion-button-text { color:inherit !important; }
.mp-account-style #main :is(a,button,input,select):focus-visible,.mp-account-style .mp-account-header a:focus-visible { outline:3px solid #dd951b !important; outline-offset:3px; }
.mp-account-style #main .rcp_form fieldset { border:0; padding:0; margin:0 0 24px; min-width:0; }
.mp-account-style #main .rcp_form legend { font-size:18px; color:#24465b; margin-bottom:16px; }
.mp-account-style #main .rcp-table-wrapper { background:#fff; padding:22px; border:1px solid var(--mp-border); border-radius:4px; margin-bottom:24px; overflow-x:auto; }
.mp-account-style #main .rcp-table { width:100%; border-collapse:collapse; font-size:14px; }
.mp-account-style #main .rcp-table :is(th,td) { border:0; border-bottom:1px solid #e0e8ed; padding:12px; vertical-align:top; }
.mp-account-style #main .rcp-table th { background:#f1f6f9; color:#526b7b; font-weight:500; }
.mp-account-style #main .rcp-table + h3 { margin-top:32px; }
.mp-account-style #main .rcp-table td { overflow-wrap:anywhere; }
.mp-account-style #main .rcp-table td a { color:#246d99; }
.mp-account-style #main .rcp-table button { background:#fff; color:#246d99; border:1px solid #2e81b7; border-radius:3px; padding:9px 12px; font:14px/1.4 Arial,sans-serif; margin:3px 0; white-space:normal; }
.mp-account-style #main .rcp-table button:hover { background:#edf5fa; }
.mp-account-style #main :is(.rcp_error,.rcp_success) { padding:14px; border-left:4px solid #2e81b7; background:#fff; color:#304452; }
.mp-account-style #main .rcp_error { border-left-color:#b33d31; }
/* Replace decorative title/banner treatment without hiding content or security controls. */
.mp-account-style .fusion-page-title-bar { display:none; }
.mp-account-style .fusion-footer-widget-area { background:#e6ecef !important; }
.mp-account-style .fusion-footer-copyright-area { background:#e6ecef !important; border-top:1px solid #d5e0e6; }
.mp-account-style .fusion-copyright-notice,.mp-account-style .fusion-copyright-notice a { color:#526b7b !important; }
@media(max-width:600px) {
 .mp-account-style #main { padding:24px 14px !important; }
 .mp-account-style .mp-account-header { padding:14px; gap:12px; }
 .mp-account-style .mp-account-header > span { display:none; }
 .mp-account-style .mp-account-brand img { width:190px; }
 .mp-account-style #main :is(.rcp_form,.fusion-login-box) { padding:22px 18px !important; }
 .mp-account-style #main .rcp-table-wrapper { padding:14px; }
 .mp-account-style #main .rcp-table,.mp-account-style #main .rcp-table tbody,.mp-account-style #main .rcp-table tr { display:block; width:100%; }
 .mp-account-style #main .rcp-table thead { display:none; }
 .mp-account-style #main .rcp-table tr { margin-bottom:18px; border-bottom:2px solid #d5e0e6; }
 .mp-account-style #main .rcp-table td { display:grid; grid-template-columns:minmax(85px,35%) minmax(0,1fr); gap:10px; width:100%; padding:12px 4px; text-align:left; }
 .mp-account-style #main .rcp-table td::before { content:attr(data-th); position:static; float:none; width:auto; color:#526b7b; font-weight:500; }
 .mp-account-style #main .rcp-table td[colspan] { display:block; }
 .mp-account-style #main .rcp-table td[colspan]::before { content:none; }
 .mp-account-style #main .rcp-table button { max-width:100%; text-align:left; }
}
