/**
 * Guest-only login/register layout. The screenshot's composition is reproduced
 * with existing UI Kit tokens/components and neutral light colours, no orange.
 * WooCommerce owns all the real forms, validation, nonces and third-party hooks.
 */
body.codela-my-account-layout .sf-content > .wp-block-post-title{display:none}

body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout){
  --sf-ui-ink:#25272a;
  --sf-ui-control-ink:#222428;
  --sf-ui-accent:#35383c;
  --sf-ui-border:#dedfe3;
  --sf-accent:#35383c;
  --sf-ui-button-height:52px;
  --sf-ui-button-padding-y:12px;
  --sf-ui-button-padding-x:20px;
  --sf-ui-button-font-size:15px;
  background:var(--sf-ui-page);
  color:#222428;
  color-scheme:light;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .sf-shell.sf-auth-shell{
  padding:0;
  max-width:980px;
  margin:0 auto!important;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .sf-auth-site-header{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;
  min-height:72px;
  margin:0 clamp(20px,5vw,48px);
  border-bottom:1px solid #ebeced;
}
.sf-auth-brand{min-width:0;font-size:clamp(21px,3vw,29px);font-weight:600;letter-spacing:-.045em}
.sf-auth-brand a{display:flex;align-items:center;min-height:44px;color:var(--sf-ui-control-ink);text-decoration:none}
.sf-auth-brand .custom-logo{display:block;max-width:180px;max-height:36px;width:auto;height:36px;object-fit:contain}
.sf-auth-store-link{display:inline-flex;align-items:center;gap:9px;min-height:44px;flex:none;font-size:13px;color:#686c72;text-decoration:none;white-space:nowrap}
.sf-auth-store-link .sf-icon{
  display:block;width:16px;height:16px;opacity:.8;
  transform:none;
}
.sf-auth-store-link:hover{color:var(--sf-ui-control-ink)}

body.woocommerce-account:not(.codela-my-account-layout) .sf-content{
  max-width:1180px;margin:0 auto;
  padding:clamp(30px,6vw,66px) clamp(18px,5vw,48px) 88px;
  background:transparent;color:var(--sf-ui-control-ink);
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .sf-content:has(.sf-account-intro){
  max-width:560px;
  padding-top:clamp(22px,4vw,36px);
  padding-bottom:56px;
}
/* WordPress layout block gaps can otherwise add another blank row above login. */
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .sf-content:has(.sf-account-intro) > :is(.wp-block-post-content,.wp-block-shortcode,.woocommerce){
  margin-block-start:0;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .sf-content:has(.sf-account-intro) > .wp-block-post-title{display:none}
body.woocommerce-account:not(.codela-my-account-layout) .sf-content .woocommerce{
  width:100%;max-width:1080px;margin:0 auto;font-family:inherit;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce:has(.sf-account-intro){max-width:100%}
/* The native single-login heading duplicates our page title and primary CTA.
   Do not suppress Woo headings when JS is unavailable for two-form registration. */
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce:has(.sf-account-intro):not(:has(#customer_login)) > h2{
  display:none;
}
.sf-account-intro{width:100%;margin:0 auto clamp(19px,4vw,27px);text-align:center}
.sf-account-intro h1{
  margin:0;color:var(--sf-ui-control-ink);
  font-size:clamp(32px,5vw,42px);font-weight:500;letter-spacing:-.045em;line-height:1.18;
}
.sf-account-intro p{
  color:#797d83;margin:9px auto 0;max-width:400px;
  font-size:14px;line-height:1.55;
}
.sf-account-intro .sf-auth-tabs{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px;padding:4px;margin:clamp(28px,5vw,40px) auto 0;
  background:#f1f2f4;
  border-radius:var(--sf-ui-control-radius);
}
.sf-account-intro .sf-auth-tabs[hidden]{display:none!important}
.sf-auth-tabs .sf-auth-tab{
  display:grid;place-items:center;
  width:100%;min-width:0;min-height:44px;
  padding:8px 12px;border:0;border-radius:var(--sf-ui-control-radius);
  background:transparent;color:#777b82;
  font:inherit;font-size:14px;font-weight:500;
  cursor:pointer;
}
.sf-auth-tabs .sf-auth-tab[aria-selected="true"]{
  background:#fff;color:var(--sf-ui-control-ink);
  box-shadow:0 1px 3px rgba(35,38,42,.045);
}
.sf-auth-tabs .sf-auth-tab:focus-visible{
  outline:2px solid var(--sf-ui-accent);outline-offset:2px;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce #customer_login{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
  float:none;margin:0 auto;max-width:100%;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce #customer_login::before,
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce #customer_login::after{display:none}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce #customer_login :is(.u-column1,.u-column2){
  float:none!important;width:100%!important;min-width:0;margin:0!important;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce #customer_login.sf-auth-ready{
  display:block;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce #customer_login.sf-auth-ready > :is(.u-column1,.u-column2)[hidden]{
  display:none!important;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce :is(> h2,#customer_login h2){
  font-size:16px;letter-spacing:-.02em;font-weight:500;color:var(--sf-ui-control-ink);margin:0 0 16px;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce #customer_login.sf-auth-ready h2{display:none}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form:is(.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword){
  display:block;box-sizing:border-box;
  width:100%;max-width:100%;
  margin:0 auto;padding:0;
  background:transparent;border:0;box-shadow:none;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form:is(.woocommerce-form-login,.woocommerce-form-register) .form-row,
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form .woocommerce-form-row{
  width:100%;max-width:100%;float:none;padding:0;margin:0 0 14px;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form label[for]:not(.woocommerce-form__label){
  display:block;margin-bottom:9px;color:var(--sf-ui-control-ink);font-size:13px;line-height:1.4;font-weight:500;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form .required{color:#82858a;font-weight:400}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form :is(input.input-text,input[type=email],input[type=tel],input[type=password],input[type=text],select,textarea){
  box-sizing:border-box;width:100%;min-height:var(--sf-ui-action-height);
  padding:14px 16px;
  color:var(--sf-ui-control-ink);
  background:#fff;
  border:1px solid #dde0e5;
  border-radius:var(--sf-ui-control-radius);
  font:inherit;font-size:16px;line-height:1.4;box-shadow:none;
  transition:border-color var(--sf-ui-motion-press) ease,background-color var(--sf-ui-motion-press) ease;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form :is(input,textarea)::placeholder{color:#999da4;opacity:1}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form :is(input.input-text,input[type=email],input[type=tel],input[type=password],input[type=text],select,textarea):focus{
  border-color:var(--sf-ui-accent);background:#fff;outline:2px solid var(--sf-ui-accent);outline-offset:1px;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form .password-input{position:relative;display:block;width:100%}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form .show-password-input{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:44px;min-height:44px;right:4px;top:50%;transform:translateY(-50%);
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form .woocommerce-form-login__rememberme{
  display:inline-flex;align-items:center;gap:9px;margin:0;
  color:#74777c;font-size:12px;cursor:pointer;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form .woocommerce-form-login__rememberme input{
  width:17px;height:17px;flex:none;accent-color:var(--sf-ui-ink);
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form :is(.lost_password,.woocommerce-LostPassword) a{
  color:var(--sf-ui-control-ink);font-size:13px;
  text-decoration:underline;text-underline-offset:4px;text-decoration-color:#bbbfc5;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form:is(.woocommerce-form-login,.woocommerce-form-register,.woocommerce-ResetPassword) button[type=submit]{
  width:100%;margin:10px 0 0;float:none;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce .woocommerce-privacy-policy-text,
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form.woocommerce-form-register p{
  color:#74777c;font-size:13px;line-height:1.65;
}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce :is(a,button):focus-visible{
  outline:2px solid var(--sf-ui-accent);outline-offset:3px;
}

/* Native account hub: one list, native endpoints, shared theme typography. */
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce:has(> .woocommerce-MyAccount-navigation){display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;align-items:start}
body.woocommerce-account .woocommerce > .woocommerce-notices-wrapper{grid-column:1/-1;grid-row:1}
body.woocommerce-account .woocommerce > .woocommerce-notices-wrapper:empty{display:none}
body.woocommerce-account .woocommerce:has(> .woocommerce-notices-wrapper:not(:empty)) > :is(.woocommerce-MyAccount-navigation,.woocommerce-MyAccount-content){grid-row:2}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-navigation{grid-column:1;grid-row:1;float:none;width:auto;min-width:0}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:0}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-navigation li{margin:0;padding:0;list-style:none;border-bottom:1px solid var(--sf-ui-border)}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-navigation li a{display:flex;align-items:center;gap:16px;min-height:56px;padding:12px 4px;color:var(--sf-ui-control-ink);font-size:15px;font-weight:400;text-decoration:none;overflow-wrap:anywhere}
.sf-account-menu a > span{flex:1;min-width:0}
.sf-account-menu a > .sf-icon:last-child{width:16px;height:16px}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-navigation li.is-active a{font-weight:500}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout{margin-top:16px;border-bottom:0}
.sf-account-menu .sf-icon,.sf-account-overview .sf-icon{width:22px;height:22px;flex:none;display:block}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-content{grid-column:2;grid-row:1;float:none;width:100%;min-width:0;padding:0;border:0;background:transparent;color:var(--sf-ui-ink);font-size:14px;line-height:1.65;overflow-wrap:anywhere}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-content a:not(.sf-ui-button,.button,.woocommerce-Button,.woocommerce-button,.wp-element-button,.wc-forward){color:var(--sf-ui-control-ink);text-underline-offset:3px}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-content h2{margin:0 0 16px;font-size:20px;font-weight:500;color:var(--sf-ui-ink)}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-content table{width:100%;border-color:var(--sf-ui-border)}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-content form:is(.woocommerce-form,.woocommerce-EditAccountForm,.woocommerce-address-fields){border:0;padding:0;box-shadow:none;max-width:none}
.sf-account-overview{display:grid;gap:24px}
.sf-account-card{padding:clamp(20px,3vw,32px);min-width:0;border-radius:var(--sf-ui-control-radius)}
.sf-account-card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--sf-ui-border)}
body.woocommerce-account .woocommerce .sf-account-card h2{margin:0;font-size:18px;line-height:1.35;font-weight:500}
.sf-account-card-heading .sf-icon{width:22px;height:22px}
.sf-account-order-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}
.sf-account-muted{color:var(--sf-muted,#73746d)}
.sf-account-status{font-size:12px;line-height:1.5;padding:5px 12px;background:var(--sf-ui-surface-muted);border-radius:var(--sf-ui-pill)}
.sf-account-status--active{background:var(--sf-ui-success-surface);color:var(--sf-ui-success)}
.sf-account-order-item{display:flex;align-items:center;gap:18px;margin-top:20px;padding:20px 0;border-block:1px solid var(--sf-ui-border)}
.sf-account-order-item > div{min-width:0}
.sf-account-order-item strong,.sf-account-order-item span{display:block}
.sf-account-order-item strong{font-size:14px;font-weight:500}
.sf-account-order-item span{font-size:12px;margin-top:4px}
.sf-account-order-item .sf-account-order-image{width:68px;height:68px;object-fit:contain;border-radius:8px;flex:none;margin:0}
.sf-account-order-total{display:flex;justify-content:space-between;align-items:start;gap:16px;padding:18px 0}
.sf-account-order-total strong{text-align:end}
.sf-account-order-action{display:flex;justify-content:flex-end}
.sf-account-empty-state{display:flex;align-items:flex-start;gap:18px;padding:20px 0 0}
.sf-account-empty-state > .sf-icon{margin-top:4px}
.sf-account-empty-state > div{min-width:0}
.sf-account-empty-state p{margin:0 0 8px}
.sf-account-empty-state .sf-account-empty{font-size:16px;color:var(--sf-ui-ink)}
.sf-account-empty-state .sf-account-muted{font-size:13px}
.sf-account-empty-state .sf-ui-button{margin-top:16px}

@media(max-width:800px){
 body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce #customer_login:not(.sf-auth-ready){grid-template-columns:minmax(0,1fr)}
 body.woocommerce-account:not(.codela-my-account-layout) .woocommerce:has(> .woocommerce-MyAccount-navigation){grid-template-columns:minmax(0,1fr);gap:16px}
 body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-navigation,
 body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-content{grid-column:1;grid-row:auto}
 body.woocommerce-account.logged-in.sf-account-dashboard .woocommerce-MyAccount-content{grid-row:1}
 body.woocommerce-account.logged-in.sf-account-dashboard .woocommerce:has(> .woocommerce-notices-wrapper:not(:empty)) > .woocommerce-MyAccount-content{grid-row:2}
 body.woocommerce-account.logged-in.sf-account-dashboard .woocommerce:has(> .woocommerce-notices-wrapper:not(:empty)) > .woocommerce-MyAccount-navigation{grid-row:3}
 body.woocommerce-account.logged-in.sf-account-dashboard .woocommerce-MyAccount-navigation{grid-row:2}
 body.woocommerce-account.logged-in.sf-account-dashboard .woocommerce-MyAccount-navigation-link--dashboard{display:none}

 body.woocommerce-account.logged-in:not(.sf-account-dashboard) .woocommerce-MyAccount-navigation{display:none}
 .sf-account-card-heading{gap:8px;margin-bottom:12px}
 .sf-account-order-item{gap:14px}

}
@media(max-width:700px){
 body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .sf-auth-site-header{min-height:68px;margin:0 20px;gap:14px}
 .sf-auth-brand{font-size:23px}
 .sf-auth-brand .custom-logo{max-width:156px;max-height:32px;height:32px}
 .sf-auth-store-link{font-size:12px}
 body.woocommerce-account:not(.codela-my-account-layout) .sf-content{padding:30px 20px 66px}
 body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .sf-content:has(.sf-account-intro){padding-top:28px;padding-bottom:44px}
 .sf-account-intro{margin-bottom:23px}
 .sf-account-intro h1{font-size:34px}
 .sf-account-intro p{font-size:13px}
 body.woocommerce-account:not(.codela-my-account-layout) .woocommerce .woocommerce-MyAccount-content{padding:0;font-size:14px}
}
@media(prefers-reduced-motion:reduce){
 body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce form :is(input.input-text,input[type=email],input[type=password]){transition:none!important}
}


/* Google OAuth button lives only on the guest account, with the existing
   global sf-ui-button--secondary primitive. This block owns layout, not a new
   button component, palette or press animation. */
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce .sf-auth-social{
  max-width:100%;margin:23px auto 0;padding:0;
  display:flex;flex-direction:column;align-items:stretch;gap:12px;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce .sf-auth-divider{
  display:flex;align-items:center;gap:18px;
  width:100%;font-size:13px;color:#848890;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce .sf-auth-divider::before,
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce .sf-auth-divider::after{
  content:"";height:1px;background:var(--sf-ui-border);flex:1;
}
body.woocommerce-account:not(.logged-in):not(.codela-my-account-layout) .woocommerce .sf-auth-social .sf-auth-google{
  width:100%;gap:12px;margin:0;font-size:14px;font-weight:500;
}
.sf-auth-google .sf-google-glyph{
  display:inline-grid;place-items:center;width:22px;height:22px;
  font-family:Arial,Helvetica,sans-serif;font-size:20px;font-weight:700;
  color:var(--sf-ui-control-ink);
}
/* Signed-in native forms use the same theme tokens as guest/checkout inputs.
   Module address selectors/modals retain their own stylesheet and behavior. */
body.woocommerce-account.logged-in:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset{margin:24px 0;padding:20px;border:1px solid var(--sf-ui-border);border-radius:var(--sf-ui-control-radius)}
body.woocommerce-account.logged-in:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend{padding-inline:8px;font-weight:500}
body.woocommerce-account.logged-in:not(.codela-my-account-layout) .woocommerce-MyAccount-navigation a{min-height:44px}
body.woocommerce-account.logged-in:not(.codela-my-account-layout) .woocommerce-MyAccount-content a.button{text-decoration:none}
@media(max-width:700px){
 body.woocommerce-account.logged-in:not(.codela-my-account-layout) .woocommerce-MyAccount-content{padding:0;overflow-wrap:anywhere}
 body.woocommerce-account.logged-in:not(.codela-my-account-layout) .woocommerce-MyAccount-content table{font-size:12px}
}

body.woocommerce-account.logged-in:not(.codela-my-account-layout) .sf-content > .wp-block-post-content{max-width:1080px;width:100%;margin-inline:auto}

/* Endpoint tables and native addresses use the same restrained card rhythm. */
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content :is(.woocommerce-orders-table,.woocommerce-table--order-details){border:0;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:1.6;margin:0 0 24px}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content :is(.woocommerce-orders-table,.woocommerce-table--order-details) :is(th,td){padding:16px 12px;border:0;border-bottom:1px solid var(--sf-ui-border);vertical-align:middle;background:transparent}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content :is(th,.woocommerce-column__title){font-weight:500}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-orders-table__cell-order-actions .button{margin:4px;--sf-ui-button-height:44px;--sf-ui-button-padding-y:10px;--sf-ui-button-padding-x:18px;--sf-ui-button-font-size:13px}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-customer-details address{padding:20px;border:1px solid var(--sf-ui-border);border-radius:var(--sf-ui-control-radius);line-height:1.8}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-EditAccountForm label{display:block;margin-bottom:8px;font-size:13px;font-weight:500}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-EditAccountForm .form-row{padding:0;margin-bottom:20px}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset{background:var(--sf-ui-page)}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend{font-size:15px}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-EditAccountForm em{display:block;margin-top:8px;color:var(--sf-muted);font-size:12px;font-style:normal}
@media(max-width:768px){
 body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-orders-table tr{padding:12px 0;border-bottom:1px solid var(--sf-ui-border)}
 body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-orders-table td{padding:9px 0;border:0}
 body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-EditAccountForm :is(.form-row-first,.form-row-last){float:none;width:100%}
 body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content .woocommerce-EditAccountForm button[type=submit]{width:100%}
}

/* Account compositions size the shared Button, including Woo endpoint actions. */
body.woocommerce-account.logged-in:not(.codela-my-account-layout) .woocommerce-MyAccount-content{
 --sf-ui-button-height:44px;--sf-ui-button-padding-y:10px;--sf-ui-button-padding-x:20px;--sf-ui-button-font-size:14px;
}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content :is(.woocommerce-info,.woocommerce-message,.wc-block-components-notice-banner__content){display:flex;flex-wrap:wrap;align-items:center;gap:16px}
body.woocommerce-account:not(.codela-my-account-layout) .woocommerce-MyAccount-content :is(.woocommerce-info,.woocommerce-message,.wc-block-components-notice-banner__content) :is(a,button):is(.button,.woocommerce-Button,.woocommerce-button,.wp-element-button,.wc-forward){float:none;margin:0;flex:none;max-width:100%;order:1}

body.woocommerce-account.logged-in:not(.codela-my-account-layout) .woocommerce-MyAccount-content{
 --sf-ui-notice-border-width:0px;--sf-ui-notice-surface:var(--sf-ui-surface-muted);
}
.sf-account-empty-orders{flex-direction:column;align-items:center;text-align:center;padding:clamp(48px,10vh,96px) 0;gap:20px}
.sf-account-empty-orders > .sf-icon{width:32px;height:32px}

body.woocommerce-account .codela-prefs{font-family:inherit;--cp-accent:var(--sf-ui-accent);--cp-text:var(--sf-ui-ink);--cp-muted:var(--sf-muted);--cp-border:var(--sf-ui-border);--cp-bg:var(--sf-ui-surface);--cp-soft:var(--sf-ui-surface-muted)}
@media(min-width:801px){
 body.woocommerce-account .sf-account-menu a > .sf-icon:last-child{display:none}
 body.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation li.is-active a{background:var(--sf-ui-nav-selection);border-radius:var(--sf-ui-control-radius);padding-inline:12px}
}


.sf-account-endpoint-title{margin:0 0 24px;font-size:clamp(22px,3vw,28px);line-height:1.25;font-weight:500;letter-spacing:-.025em}

/* Approved dashboard summary; native navigation and order endpoints keep their layout. */
.sf-account-order .sf-account-summary-empty{display:block;text-align:center;padding:12px 0 8px}
.sf-account-order .sf-account-summary-empty .sf-account-empty{font-size:18px;font-weight:500;line-height:1.4;margin:0 0 8px}
.sf-account-order .sf-account-summary-empty .sf-account-muted{font-size:14px;line-height:1.6;margin:0}

.sf-auth-store-link{justify-content:center;min-width:44px;min-height:44px}