/* Approved RuntimeAccountClient: 540px auth card; native Woo forms and account endpoints. */
.vt-native-account .vt-content-heading { margin-bottom: 16px; padding-bottom: 0; border: 0; }
.vt-native-account .vt-content-heading h1 { margin: 0; font-size: 22px; font-weight: 800; }
.vt-native-account .vt-content .entry-content { min-width: 0; }
.vt-account-auth { display: grid; gap: 18px; width: min(540px, 100%); margin-inline: auto; }
.vt-account-auth #customer_login,
.vt-account-auth > form.login,
.vt-account-reset { min-width: 0; border: 1px solid #deddd9; border-radius: 8px; background: #fff; color: #14171b; overflow-wrap: anywhere; }
.vt-account-auth #customer_login::before,
.vt-account-auth #customer_login::after { display: none; }
.vt-account-auth #customer_login > :is(.col-1, .col-2) { float: none; width: 100%; margin: 0; min-width: 0; }
.vt-account-auth :is(.u-column1, .u-column2) > h2,
.vt-account-auth > h2 { display: none; }
.vt-account-auth [role="tabpanel"][hidden], .vt-account-tabs[hidden] { display: none !important; }
.vt-account-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-bottom: 1px solid #deddd9; }
.vt-account-tabs button { min-width: 0; min-height: 50px; padding: 12px; border: 0; background: transparent; color: #5c6570; font-size: 14px; font-weight: 850; line-height: 21px; }
.vt-account-tabs button[aria-selected="true"] { box-shadow: inset 0 -3px #db6205; color: #14171b; }
.vt-native-account .vt-account-auth form:is(.login, .register) { float: none; margin: 0; padding: 24px 46px 28px; border: 0; border-radius: 8px; background: #fff; color: #14171b; }
.vt-account-form-heading { margin: 0 0 24px; text-align: center; }
.vt-native-account .vt-content .vt-account-form-heading h2 { margin: 0; color: #14171b; font: 800 23px/1.2 Inter, Arial, sans-serif; letter-spacing: -.025em; }
.vt-account-form-heading p { margin: 10px 0 0; color: #5c6570; font-size: 13px; line-height: 20px; }
.vt-native-account :is(.vt-account-auth, .vt-account-reset) form .form-row { float: none; width: 100%; min-width: 0; padding: 0; margin: 0 0 16px; }
.vt-native-account :is(.vt-account-auth, .vt-account-reset) label { color: #14171b; font-size: 13px; font-weight: 750; line-height: 20px; }
.vt-native-account :is(.vt-account-auth, .vt-account-reset) :is(input.input-text, input[type="email"], input[type="password"], select) { display: block; width: 100%; min-width: 0; max-width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #363b42; border-radius: 6px; background: #0d1014; color: #f7f7f7; font-size: 16px; line-height: 24px; }
.vt-account-auth .password-input { width: 100%; }
.vt-account-auth .show-password-input { color: #f7f7f7; }
/* Woo's visibility icon is a fixed dark SVG; text color does not recolor it. */
.vt-native-account :is(.vt-account-auth, .vt-account-reset) .show-password-input::before { filter: invert(1); }
/* Keep the native eye clear of text after Woo changes password to type=text. */
.vt-native-account :is(.vt-account-auth, .vt-account-reset) .password-input input.input-text { padding-inline-end: 2.75rem; }
.vt-native-account :is(.vt-account-auth, .vt-account-reset) input[type="checkbox"] { display: inline-block; width: 18px; height: 18px; min-height: 18px; flex: 0 0 18px; padding: 0; margin: 2px 8px 0 0; accent-color: #db6205; vertical-align: top; }
.vt-account-auth .woocommerce-form-login__rememberme { display: flex; align-items: flex-start; margin-bottom: 14px; font-weight: 500; }
.vt-account-auth :is(p, .woocommerce-privacy-policy-text) { font-size: 13px; line-height: 20px; }
.vt-account-auth .woocommerce-privacy-policy-text { color: #5c6570; }
.vt-native-account :is(.vt-account-auth, .vt-account-reset) a { color: #903c00; }
.vt-native-account :is(.vt-account-auth, .vt-account-reset) button.button { float: none; width: 100%; min-height: 48px; padding: 12px 16px; border: 0; border-radius: 6px; background: #db6205; color: #14171b; font-size: 14px; font-weight: 850; line-height: 21px; }
.vt-account-auth .lost_password { margin: 16px 0 0; text-align: center; font-weight: 750; }
.vt-account-auth .vtwin-native-ownership { order: 2; min-width: 0; padding: 16px 20px; border: 1px solid var(--vt-border); border-radius: 8px; background: var(--vt-panel); color: var(--vt-text); }
.vt-account-auth .vtwin-native-ownership summary { cursor: pointer; font-size: 13px; font-weight: 650; }
.vt-account-auth .vtwin-native-ownership form { margin-top: 16px; }
.vt-native-account .vtwin-native-ownership :is(label, a) { color: var(--vt-text); }
.vt-account-reset { width: min(540px, 100%); margin-inline: auto; padding: 28px 46px; }
.vt-account-reset .woocommerce-ResetPassword { margin: 0; }
.vt-account-reset .woocommerce-ResetPassword > p:first-child { color: #5c6570; font-size: 13px; line-height: 20px; }
.vt-account-back { display: block; margin-top: 20px; text-align: center; font-size: 13px; font-weight: 750; }
.vt-native-account-member .entry-content > .woocommerce { display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 20px; align-items: start; }
.vt-native-account-member .entry-content > .woocommerce::before,
.vt-native-account-member .entry-content > .woocommerce::after { display: none; }
.vt-native-account-member .woocommerce > :not(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) { grid-column: 1 / -1; min-width: 0; }
.vt-native-account .woocommerce :is(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) { float: none; width: 100%; min-width: 0; }
.vt-native-account .woocommerce .woocommerce-MyAccount-navigation ul { margin: 0; border-radius: 8px; }
.vt-native-account .woocommerce .woocommerce-MyAccount-navigation a { min-height: 44px; padding: 11px 13px; color: var(--vt-muted); font-size: 13px; font-weight: 700; }
.vt-native-account .woocommerce .woocommerce-MyAccount-navigation .is-active a { color: var(--vt-text); background: var(--vt-raised); }
.vt-native-account .woocommerce-MyAccount-content { padding: 20px; border: 1px solid var(--vt-border); border-radius: 8px; background: var(--vt-panel); overflow-wrap: anywhere; }
.vt-native-account .woocommerce-MyAccount-content > :first-child { margin-top: 0; }
.vt-native-account .woocommerce-MyAccount-content :is(fieldset, .woocommerce-Address, .woocommerce-column) { min-width: 0; }
.vt-native-account .woocommerce-MyAccount-content fieldset { margin: 20px 0; padding: 16px; border: 1px solid var(--vt-border); border-radius: 6px; }
.vt-native-account .woocommerce-MyAccount-content :is(input.input-text, textarea, select) { width: 100%; min-width: 0; font-size: 16px; }
.vt-native-account .woocommerce-MyAccount-content table { table-layout: fixed; font-size: 13px; }
.vt-native-account .woocommerce-MyAccount-content .button { margin: 3px; }
.vt-native-account :is(.woocommerce-error, .woocommerce-info, .woocommerce-message) { overflow-wrap: anywhere; font-size: 13px; line-height: 1.5; }
.vt-native-account :is(input, select, textarea, button, a, summary):focus-visible { outline: 2px solid var(--vt-orange); outline-offset: 3px; }
@media (max-width: 760px) {
  .vt-native-account-member .entry-content > .woocommerce { grid-template-columns: minmax(0, 1fr); }
  .vt-native-account .woocommerce .woocommerce-MyAccount-navigation ul { display: flex; overflow-x: auto; }
  .vt-native-account .woocommerce-MyAccount-navigation li { flex: 0 0 auto; }
  .vt-native-account .woocommerce .woocommerce-MyAccount-navigation a { white-space: nowrap; border: 0; border-right: 1px solid var(--vt-border); }
  .vt-native-account .woocommerce .woocommerce-MyAccount-navigation .is-active a { box-shadow: inset 0 -3px var(--vt-orange); }
  .vt-native-account .woocommerce-MyAccount-content { padding: 16px; }
}
@media (max-width: 480px) {
  .vt-native-account .vt-account-auth form:is(.login, .register), .vt-account-reset { padding: 22px 18px; }
  .vt-account-tabs button { min-height: 46px; }
  .vt-account-auth .vtwin-native-ownership { padding: 14px; }
}