/* Member-area polish. Native PMPro markup, validation and actions remain unchanged. */
body.diyai-visual-design.diyai-member-shell #primary .pmpro {
 --pmpro--color--accent:#142e51; --pmpro--color--accent--variation:#203e63;
 --pmpro--color--contrast:#0e1930; --pmpro--color--contrast--variation:#536078;
 --pmpro--color--base:#fff; --pmpro--color--base--variation:#f5f7fa;
 --pmpro--color--border:#dfe5ee; --pmpro--color--border--variation:#c4d0df;
 color:#0e1930;
}
.diyai-visual-design.diyai-member-shell #primary { margin-bottom:56px!important; }
.diyai-visual-design.diyai-member-shell #primary h1 { color:#0e1930; text-align:left; font-size:clamp(30px,3.4vw,42px); margin:0 0 28px; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_section { margin-bottom:32px; gap:18px; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_section_title { color:#0e1930; font-size:23px; line-height:1.3; font-weight:700; margin:0 0 16px; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_card { border-color:#dfe5ee; border-radius:14px; box-shadow:0 6px 24px #142e5106; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_card_title { color:#0e1930; font-size:22px; line-height:1.35; font-weight:650; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_card_actions { background:#edf2f8; border-color:#dfe5ee; border-radius:0 0 14px 14px; padding:16px 24px; align-items:center; }
.diyai-visual-design.diyai-member-shell #primary .pmpro a:not(.pmpro_btn) { color:#142e51; text-underline-offset:3px; }
.diyai-visual-design.diyai-member-shell #primary .pmpro a:not(.pmpro_btn):hover { color:#203e63; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_card_actions a { min-height:44px; display:inline-flex; align-items:center; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_form_input:not([type=checkbox]):not([type=radio]) { min-height:48px; border:1px solid #b8c6d8; background:#fff; color:#0e1930; box-shadow:none; font-size:16px; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_form_input:focus { border-color:#385b84; }
.diyai-visual-design.diyai-member-shell #primary input:is([type=checkbox],[type=radio]) { accent-color:#142e51; }
.diyai-visual-design.diyai-member-shell #primary :is(a,button,input,select,textarea):focus-visible { outline:3px solid #a64b00; outline-offset:3px; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_table:not(.pmpro_levels_table) { width:100%; border-collapse:collapse; font-size:14px; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_table:not(.pmpro_levels_table) :is(th,td) { padding:14px 16px; border-color:#dfe5ee; background:transparent; text-align:left; overflow-wrap:anywhere; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_table:not(.pmpro_levels_table) thead th { background:#f5f7fa; color:#536078; font-weight:600; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_table_orders .pmpro_tag { display:inline-flex; width:auto; min-width:64px; justify-content:center; padding:4px 12px; border-radius:20px; font-size:12px; font-weight:600; }
/* Paid remains explicit in text; navy replaces the old decorative green badge. */
.diyai-visual-design.diyai-member-shell #primary .pmpro_tag.pmpro_tag-success { background:#edf2f8; border:1px solid #c4d0df; color:#142e51; }
.diyai-visual-design.diyai-member-shell #primary .pmpro_actions_nav { margin-top:24px; padding:0; font-size:14px; }
.diyai-visual-design.diyai-member-shell .diyai-recommended-badge { background:#142e51; color:#fff; }

/* A single login card beside a compact navy introduction, without nested card borders. */
.diyai-visual-design.diyai-member-shell .diyai-auth-return { max-width:940px; margin:12px auto 0; font-size:14px; }
.diyai-visual-design.diyai-member-shell .diyai-auth-return a { color:#142e51; }
.diyai-visual-design.diyai-member-shell .diyai-auth-grid { box-sizing:border-box; max-width:940px; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); align-items:start; gap:28px; margin:16px auto 40px; padding:0; background:none; box-shadow:none; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box { min-width:0; padding:30px; border:1px solid #dfe5ee; border-radius:16px; box-shadow:0 10px 32px #142e5108; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box h2 { font-size:25px; border:0; padding:0; margin:0 0 24px; line-height:1.25; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box .pmpro_card { border:0; box-shadow:none; background:transparent; margin:0; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box .pmpro_card_content { padding:0; overflow:visible; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box .pmpro_card_actions { padding:18px 0 0; margin-top:18px; border-top:1px solid #dfe5ee; background:none; border-radius:0; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box input[type=submit] { background:#142e51; border-color:#142e51; color:#fff; min-height:48px; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box input[type=submit]:hover { background:#203e63; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box:last-child:not(:first-child) { background:linear-gradient(135deg,#0b1c35,#183756); color:#dce7f5; border-color:#294562; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box:last-child:not(:first-child) h2 { color:#fff; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box:last-child:not(:first-child) :is(p,.register-note) { color:#dce7f5; line-height:1.7; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box:last-child:not(:first-child) .register-note a { color:#ffbf47; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box .diyai-auth-signup { margin-top:24px; padding:14px; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box:last-child :focus-visible { outline-color:#ffbf47; }

.diyai-visual-design.diyai-studio-account #primary .diyai-account-intro { padding:32px; margin-bottom:28px; gap:24px; }
.diyai-visual-design.diyai-studio-account #primary .diyai-account-intro h1 { margin:8px 0 12px; }
.diyai-visual-design.diyai-studio-account #primary #pmpro_account-profile .pmpro_card_actions a { color:#e3edf9; }
.diyai-visual-design.diyai-studio-account #primary #pmpro_account-profile .pmpro_card_actions a:hover { color:#fff; background:#24496c; }
.diyai-visual-design.diyai-studio-account #primary #pmpro_account-profile .pmpro_card_title { color:#e5edf9; }

@media(max-width:767px) {
 .diyai-visual-design.diyai-member-shell #primary .pmpro_table:not(.pmpro_levels_table),
 .diyai-visual-design.diyai-member-shell #primary .pmpro_table:not(.pmpro_levels_table) tbody,
 .diyai-visual-design.diyai-member-shell #primary .pmpro_table:not(.pmpro_levels_table) tbody tr { display:block; width:100%; box-sizing:border-box; }
 .diyai-visual-design.diyai-member-shell #primary .pmpro_table:not(.pmpro_levels_table) tbody tr+tr { border-top:2px solid #dfe5ee; margin-top:14px; padding-top:14px; }
 .diyai-visual-design.diyai-member-shell #primary .pmpro_table:not(.pmpro_levels_table) tbody :is(th,td) { width:100%; box-sizing:border-box; grid-template-columns:minmax(72px,.8fr) minmax(0,1.6fr); gap:12px; padding:12px 0; min-height:44px; border-top:0; }
 .diyai-visual-design.diyai-member-shell #primary .pmpro_table:not(.pmpro_levels_table) :is(th,td)::before { color:#536078; font-weight:500; }
 .diyai-visual-design.diyai-member-shell #primary .pmpro_table_orders .pmpro_tag { justify-self:start; }
 .diyai-visual-design.diyai-member-shell #primary .pmpro_card_content { padding:20px; }
 .diyai-visual-design.diyai-member-shell #primary .pmpro_card_actions { padding:14px 20px; }
 .diyai-visual-design.diyai-member-shell #primary .pmpro_section { margin-bottom:24px; }
 .diyai-visual-design.diyai-member-shell #primary .pmpro_section_title { font-size:21px; }
 .diyai-visual-design.diyai-member-shell .diyai-auth-grid { grid-template-columns:1fr; gap:20px; }
 .diyai-visual-design.diyai-member-shell #primary .diyai-auth-box { padding:24px; }
 .diyai-visual-design.diyai-studio-account #primary .diyai-account-intro { padding:24px; background-position:65% center; }
 .diyai-visual-design.diyai-studio-account #primary .diyai-account-intro h1 { font-size:32px; }
}

/* Keep native login wrappers from reintroducing a second layer of spacing. */
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box :is(.pmpro_section,.pmpro_login_wrap,.pmpro_form) { margin:0; padding:0; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box .pmpro_card_actions :is(p,.pmpro_card_action) { margin:0; padding:0; }
.diyai-visual-design.diyai-member-shell #primary .diyai-auth-box:last-child:not(:first-child) label { color:#e3edf9; }
/* Cancellation: clear choices, useful feedback and readable retention pricing. */
.diyai-visual-design.diyai-member-shell #primary .pmpro:has(.diyai-cancel-feedback){max-width:820px;margin-inline:auto}
.diyai-visual-design.diyai-member-shell #primary .diyai-storage-offer{padding:26px;margin:28px 0;border:1px solid #ccd7e3;border-radius:14px;background:linear-gradient(135deg,#f3f7fb,#eaf1f7)}
.diyai-visual-design.diyai-member-shell #primary .diyai-storage-offer h3{margin:0 0 12px;font-size:24px;color:#102a44}
.diyai-visual-design.diyai-member-shell #primary .diyai-storage-offer p{margin:12px 0;color:#42576c;line-height:1.7}
.diyai-visual-design.diyai-member-shell #primary .diyai-storage-offer .pmpro_btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;min-height:48px;background:#ffb600;border:1px solid #eaa700;color:#102030!important;border-radius:9px;font-weight:700;text-decoration:none}
.diyai-visual-design.diyai-member-shell #primary .diyai-storage-offer .pmpro_btn:hover{background:#ffc53d;color:#102030!important}
.diyai-visual-design.diyai-member-shell #primary .diyai-cancel-feedback{display:grid;gap:12px;padding:26px;margin:28px 0;border:1px solid #d8e1eb;border-radius:14px;background:#fff;min-width:0}
.diyai-visual-design.diyai-member-shell #primary .diyai-cancel-feedback legend{float:none;width:auto;padding:0 8px;font-size:21px;line-height:1.3;font-weight:700;color:#142e51}
.diyai-visual-design.diyai-member-shell #primary .diyai-cancel-feedback p{margin:0 0 8px;line-height:1.65;color:#506176}
.diyai-visual-design.diyai-member-shell #primary .diyai-cancel-feedback label{margin:4px 0 0;font-weight:600;color:#223c57}
.diyai-visual-design.diyai-member-shell #primary .diyai-cancel-feedback :is(select,textarea){width:100%;max-width:100%;box-sizing:border-box;border:1px solid #b9c9d9;border-radius:8px;padding:13px;font-size:16px;color:#142e51;background:#f8fafc}
.diyai-visual-design.diyai-member-shell #primary form:has(.diyai-cancel-feedback) .pmpro_form_submit{display:flex;flex-wrap:wrap;gap:14px;padding-top:10px;margin-top:18px}
.diyai-visual-design.diyai-member-shell #primary form:has(.diyai-cancel-feedback) .pmpro_form_submit .pmpro_btn{margin:0;min-height:48px;padding:13px 20px;border-radius:9px;font-weight:600;white-space:normal;text-align:center}
@media(max-width:600px){.diyai-visual-design.diyai-member-shell #primary :is(.diyai-storage-offer,.diyai-cancel-feedback){padding:20px;margin:24px 0}.diyai-visual-design.diyai-member-shell #primary form:has(.diyai-cancel-feedback) .pmpro_form_submit .pmpro_btn{width:100%}}
.diyai-visual-design.diyai-member-shell #primary form:has(.diyai-cancel-feedback) .pmpro_form_submit .pmpro_btn-submit{background:#f3f6fa;color:#142e51;border:1px solid #9caec1;box-shadow:none}
.diyai-visual-design.diyai-member-shell #primary form:has(.diyai-cancel-feedback) .pmpro_form_submit .pmpro_btn-submit:hover{background:#e5edf5;border-color:#142e51}