
.profile-tabs{display:flex;gap:8px;padding:5px;background:#edf0f4;border-radius:16px;margin:22px 0}
.profile-tabs button{flex:1;border:0;background:transparent;padding:12px;border-radius:12px;font:inherit;color:#485260;cursor:pointer}
.profile-tabs button[aria-pressed="true"]{background:#fff;color:#18212d;box-shadow:0 2px 7px #17283a18;font-weight:650}
.profile-section{min-width:0;padding:20px;border:1px solid #dce1e7;border-radius:18px;margin:18px 0;background:#fff;color:#1d1d1f}
.profile-section legend{font-weight:650;padding:0 8px}.profile-section label{display:grid;gap:8px;margin:12px 0}
.profile-section .check-line{display:flex;align-items:center}.profile-section input:not([type="checkbox"]),.profile-section select{box-sizing:border-box;width:100%;min-width:0;font:inherit;padding:13px;border:1px solid #cdd3dd;border-radius:10px;background:#fff;color:#1d1d1f}
.profile-section input[type="checkbox"],.profile-checkout input[type="checkbox"]{width:20px;height:20px;flex-shrink:0}
.profile-checkout{padding:18px;border:1px solid #dce1e7;border-radius:16px;margin:20px 0}.profile-checkout p{font-size:.9rem;overflow-wrap:anywhere}
#profile-email-pending{padding:12px;background:#fff3d9;border-radius:10px}#profile-panel .form-status{margin:14px 0}#profile-panel .form-status[data-kind="success"]{padding:14px;background:#e7f6ec;color:#175c32;border-radius:12px}
#profile-panel [hidden]{display:none!important}
@media(max-width:540px){.profile-section{padding:14px}.profile-tabs button{font-size:.9rem}#profile-panel .field-row{display:block}}

/* Keep form cards readable inside the Pro dark dialog. */
#profile-panel .profile-section{color-scheme:light;background:#fff;color:#1d1d1f}
#profile-panel .profile-section legend{background:#fff;color:#1d1d1f;border-radius:8px;padding:5px 10px}
#profile-panel .profile-section h3,#profile-panel .profile-section label,#profile-panel .profile-section p{color:#1d1d1f}
#profile-panel .profile-section .small-note{color:#59616b}
#profile-panel .profile-section input,#profile-panel .profile-section select{color-scheme:light}
#profile-panel .profile-section input:focus-visible,#profile-panel .profile-section select:focus-visible{outline:3px solid #0066cc;outline-offset:2px}
#profile-panel .form-status[data-kind="error"]{padding:14px;background:#fff0f0;color:#9b2020;border-radius:12px}
