/* Salim Distro redesign: /apply/ + My Account (Wave 3-E, 2026-09-23).
   Source: REDESIGN_MOCKUP_2026-09-22 styles.css (.account-flow*, .flow-*, .review-*, .application-success,
   .buyer-account*, .account-*, .orders-table, .details-grid) + mockup.css, reskinning LIVE markup:
   salim-b2b [salim_wholesale_apply] (+ salim-offer-copy's additions), WooCommerce 11.1.1 My Account
   templates, Kadence's page wrappers, and the markup inc/sdx-account.php + template-parts/sdx-account-*
   print. Loaded only on /apply/ (page 501) and the My Account page (inc/sdx-account.php).
   Rules for this sheet:
   - Every selector starts with .sdx-root and is scoped by one of this area's body classes
     (.sdx-acct-apply = /apply/, .sdx-acct-page = My Account; .sdx-acct-guest / .sdx-acct-member narrow
     them). Nothing here can reach cart, checkout, shop, product or any other page: none carries them.
   - WooCommerce and plugin classes are styled only under those body classes.
   - !important appears only against a live !important (child style.css buttons, account nav, 501 box;
     salim-b2b's h1 margin, reorder button) or an inline style attribute in plugin output.
   - Breakpoints: 980px (--sdx-bp-lg) and 640px (--sdx-bp-sm), as in the mockup. */

:root {
  --sdx-acct-bg: #f7f4ec;                         /* .buyer-account */
  --sdx-acct-form-bg: #faf8f1;                    /* .account-flow__main */
  --sdx-acct-on-dark: #b9c9c0;                    /* .account-flow__aside > p */
  --sdx-acct-on-dark-muted: #8fa69a;              /* .buyer-identity small, .account-assurance span */
  --sdx-acct-nav-text: #9eb0a6;                   /* .buyer-account__nav nav button */
  --sdx-acct-step-text: #7f9689;                  /* .account-progress li */
  --sdx-acct-step-ring: rgba(255, 255, 255, .28); /* .account-progress b border */
  --sdx-acct-nav-hover: rgba(255, 255, 255, .055);/* .buyer-account__nav nav button.is-active */
  --sdx-acct-dark-tile: rgba(255, 255, 255, .06); /* offer box on the forest aside (= --sdx-cov-tile value) */
  --sdx-acct-ok: #3aa568;                         /* .account-status i */
  --sdx-acct-ok-bg: #dbe9df;                      /* .status */
  --sdx-acct-ok-text: #22603d;                    /* .status */
  --sdx-acct-err-bg: #fdeee8;                     /* live .sd-apply-err background */
  --sdx-acct-rail-w: 285px;                       /* .buyer-account__layout first column */
  --sdx-acct-rail-w-md: 240px;                    /* same, <=1120px */
  --sdx-acct-aside-w: 360px;                      /* .account-flow__layout first column max */
  --sdx-acct-aside-min: 310px;                    /* same, min */
  --sdx-acct-mark: 46px;                          /* .buyer-identity > span */
  --sdx-acct-step: 36px;                          /* .account-progress b */
  --sdx-acct-step-sm: 30px;                       /* same, <=640px */
  --sdx-acct-display: clamp(40px, 4.3vw, 66px);   /* .account-heading h2 */
  --sdx-acct-display-aside: clamp(31px, 3.4vw, 42px); /* .account-flow__aside h2 (42 / 38 / 31) */
  --sdx-acct-display-form: clamp(32px, 3.4vw, 48px);  /* .flow-step h3 floor 36 on phones, cap lowered: a section head, not a page h1 */
  --sdx-acct-metric: 34px;                        /* .account-metrics b */
  --sdx-acct-card-title: 23px;                    /* .account-card h3 */
  --sdx-acct-pad: clamp(28px, 5vw, 76px);         /* .buyer-account__main padding-inline */
  --sdx-acct-pad-y: 54px;                         /* .buyer-account__main padding-top */
  --sdx-acct-hero-pad: 74px;                      /* = --sdx-util-hero-pad (cart / quick order forest hero) */
  --sdx-acct-hero-pad-sm: 48px;                   /* = --sdx-util-hero-pad-sm */
  --sdx-acct-hero-display: clamp(40px, 6vw, 84px); /* = --sdx-util-display */
  --sdx-acct-aside-pad: 42px;                     /* .account-flow__aside padding-inline */
  --sdx-acct-aside-pad-y: 58px;                   /* .account-flow__aside padding-top */
}

/* =============================================================================================
   Shared page frame: Kadence's boxed article becomes a flat shell-width column
   ============================================================================================= */
.sdx-root.sdx-acct-page .content-area > .content-container.site-container,
.sdx-root.sdx-acct-apply .content-area > .content-container.site-container {
  box-sizing: border-box;
  width: min(var(--sdx-shell-max), calc(100% - var(--sdx-shell-gutter)));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}
.sdx-root.sdx-acct-page .single-entry.content-bg,
.sdx-root.sdx-acct-page .single-entry > .entry-content-wrap {
  background: transparent;
  box-shadow: none;
  border: 0;
}
.sdx-root.sdx-acct-page .single-entry > .entry-content-wrap { padding: 0 0 var(--sdx-space-72); }
.sdx-root.sdx-acct-page .entry-content.single-content { margin: 0; }

/* Kadence page hero ("My account", the page's h1): the forest band the cart and Quick Order carry
   (G's hero in sdx-utility.css: same padding, display size and kicker). CEO 2026-09-23. */
.sdx-root.sdx-acct-page .entry-hero,
.sdx-root.sdx-acct-page .entry-hero .entry-hero-container-inner { background: var(--sdx-forest) !important; }
.sdx-root.sdx-acct-page .entry-hero .entry-hero-container-inner {
  min-height: 0 !important;
  padding: var(--sdx-acct-hero-pad) 0 var(--sdx-space-55) !important;
}
.sdx-root.sdx-acct-page .entry-hero .hero-section-overlay { display: none; }
.sdx-root.sdx-acct-page .entry-hero .hero-container.site-container {
  box-sizing: border-box;
  width: min(var(--sdx-shell-max), calc(100% - var(--sdx-shell-gutter)));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}
.sdx-root.sdx-acct-page .entry-hero .entry-header {
  min-height: 0 !important;
  margin: 0;
  text-align: left !important;
}
.sdx-root.sdx-acct-page .entry-hero h1.entry-title {
  margin: 0;
  padding: 0;
  color: var(--sdx-on-accent);
  font: 400 var(--sdx-acct-hero-display)/.92 var(--sdx-display);
  letter-spacing: -.05em;
  text-align: left !important;
  overflow-wrap: break-word;
}
.sdx-root.sdx-acct-page .entry-hero h1.entry-title::after { content: none; display: none; }
.sdx-root.sdx-acct-page .sdx-acct-hero__kicker { margin: 0 0 var(--sdx-space-14); color: var(--sdx-kicker-light); }
.sdx-root.sdx-acct-page .content-area { margin-top: var(--sdx-space-55); }
@media (max-width: 640px) {
  .sdx-root.sdx-acct-page .entry-hero .entry-hero-container-inner { padding: var(--sdx-acct-hero-pad-sm) 0 var(--sdx-space-40) !important; }
  .sdx-root.sdx-acct-page .entry-hero .hero-container.site-container { width: calc(100% - var(--sdx-shell-gutter-sm)); }
  .sdx-root.sdx-acct-page .content-area { margin-top: var(--sdx-space-30); }
}

/* Shared type + controls inside this area's own markup */
.sdx-root.sdx-acct-page .sdx-kicker,
.sdx-root.sdx-acct-apply .sdx-kicker { margin-bottom: var(--sdx-space-12); }
.sdx-root.sdx-acct-page .sdx-acct-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: var(--sdx-space-30);
  margin: 0 0 var(--sdx-space-34);
}
.sdx-root.sdx-acct-page .sdx-acct-head__title {
  margin: 0;
  color: var(--sdx-ink);
  font: 400 var(--sdx-acct-display-form)/.98 var(--sdx-display);
  letter-spacing: -.05em;
}
.sdx-root.sdx-acct-page .sdx-acct-head--dash .sdx-acct-head__title { font-size: var(--sdx-acct-display); line-height: .96; letter-spacing: -.055em; }
.sdx-root.sdx-acct-page .sdx-acct-head .sdx-btn { flex-shrink: 0; }

/* WooCommerce buttons on these pages: square, the mockup's weight. Colour stays the live orange
   (child style.css paints .button / button[type=submit] with !important). */
.sdx-root.sdx-acct-page .woocommerce .button,
.sdx-root.sdx-acct-apply .sd-apply__btn {
  min-height: var(--sdx-control-h);
  padding: 0 var(--sdx-space-24);
  border-radius: var(--sdx-radius-crisp);
  font: 700 var(--sdx-text-16)/1.2 var(--sdx-sans);
  letter-spacing: var(--sdx-track-button);
}
.sdx-root.sdx-acct-page .woocommerce a.button { display: inline-flex; align-items: center; justify-content: center; text-decoration: none; }
.sdx-root.sdx-acct-page .woocommerce .button:focus-visible,
.sdx-root.sdx-acct-apply .sd-apply__btn:focus-visible { outline: var(--sdx-focus-ring); outline-offset: var(--sdx-focus-offset); }

/* =============================================================================================
   /apply/ (guest): salim-b2b's markup reskinned as the mockup's application layout
   .sdx-apply = our wrapper; .sd-apply (plugin) becomes display:contents so its three blocks and our
   additions share one grid: forest aside on the left, the form on paper on the right.
   ============================================================================================= */
.sdx-root.sdx-acct-apply .sdx-apply {
  display: grid;
  grid-template-columns: minmax(var(--sdx-acct-aside-min), var(--sdx-acct-aside-w)) minmax(0, 1fr);
  grid-template-rows: auto auto auto 1fr;
  margin: var(--sdx-space-40) 0 var(--sdx-space-72);
  border: 1px solid var(--sdx-ink);
  background: var(--sdx-acct-form-bg);
  color: var(--sdx-ink);
}
.sdx-root.sdx-acct-apply .sdx-apply > .sd-apply {
  display: contents;
}
/* aside column: every block carries the forest so they read as one panel */
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__head,
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-steps,
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure,
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info {
  grid-column: 1;
  box-sizing: border-box;
  margin: 0;
  padding: 0 var(--sdx-acct-aside-pad);
  background: var(--sdx-forest);
  color: var(--sdx-on-accent);
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__head { grid-row: 1; padding-top: var(--sdx-acct-aside-pad-y); padding-bottom: var(--sdx-space-30); }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-steps { grid-row: 2; }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure { grid-row: 3; }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info { grid-row: 4; padding-top: var(--sdx-space-30); padding-bottom: var(--sdx-acct-aside-pad-y); }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-next { grid-column: 2; grid-row: 1; }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__formcard { grid-column: 2; grid-row: 1 / -1; }
.sdx-root.sdx-acct-apply .sdx-apply--ok .sd-apply__formcard { grid-row: 2 / -1; }

/* head: eyebrow, h1, intro (+ salim-offer-copy's first-order box for guests) */
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__eyebrow {
  margin: 0 0 var(--sdx-space-18);
  color: var(--sdx-kicker-light);
  font: 600 var(--sdx-text-11)/1.2 var(--sdx-mono);
  letter-spacing: var(--sdx-track-kicker);
}
.sdx-root.sdx-acct-apply .sdx-apply h1.sd-apply__title {
  max-width: none;
  margin: 0 !important; /* salim-b2b: margin:0 0 18px !important */
  color: var(--sdx-on-accent);
  font: 400 var(--sdx-acct-display-aside)/.98 var(--sdx-display);
  letter-spacing: -.05em;
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__intro {
  max-width: none;
  margin: var(--sdx-space-22) 0 0;
  color: var(--sdx-acct-on-dark);
  font: 400 var(--sdx-text-16)/1.55 var(--sdx-sans);
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-offer {
  margin: var(--sdx-space-24) 0 0;
  padding: var(--sdx-space-18) var(--sdx-space-20);
  border: 0;
  border-left: 3px solid var(--sdx-orange);
  border-radius: var(--sdx-radius-0);
  background: var(--sdx-acct-dark-tile);
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-offer__h { margin: 0 0 var(--sdx-space-6); color: var(--sdx-on-accent); font: 700 var(--sdx-text-16)/1.3 var(--sdx-sans); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-offer__p { color: var(--sdx-acct-on-dark); font: 400 var(--sdx-text-14)/1.55 var(--sdx-sans); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-offer__fine { color: var(--sdx-acct-on-dark-muted); font-size: var(--sdx-text-12); }

/* step list (shown by sdx-account.js only) */
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-steps[hidden] { display: none; }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-steps {
  list-style: none;
  padding-top: var(--sdx-space-10);
  padding-bottom: var(--sdx-space-10);
}
.sdx-root.sdx-acct-apply .sdx-apply-steps__item {
  position: relative;
  display: grid;
  grid-template-columns: var(--sdx-acct-step) 1fr;
  gap: var(--sdx-space-14);
  margin: 0;
  padding: 0 0 var(--sdx-space-28);
  color: var(--sdx-acct-step-text);
}
.sdx-root.sdx-acct-apply .sdx-apply-steps__item:not(:last-child)::after {
  content: "";
  position: absolute;
  left: calc(var(--sdx-acct-step) / 2 - 1px);
  top: calc(var(--sdx-acct-step) - 1px);
  bottom: var(--sdx-space-4);
  width: 1px;
  background: var(--sdx-rule-on-dark);
}
.sdx-root.sdx-acct-apply .sdx-apply-steps__num {
  width: var(--sdx-acct-step);
  height: var(--sdx-acct-step);
  display: grid;
  place-items: center;
  box-sizing: border-box;
  border: 1px solid var(--sdx-acct-step-ring);
  border-radius: var(--sdx-radius-circle);
  font: 600 var(--sdx-text-11)/1 var(--sdx-mono);
}
.sdx-root.sdx-acct-apply .sdx-apply-steps__name { align-self: center; font: 700 var(--sdx-text-15)/1.3 var(--sdx-sans); }
.sdx-root.sdx-acct-apply .sdx-apply-steps__sub { display: block; margin-top: var(--sdx-space-3); font: 400 var(--sdx-text-10)/1.4 var(--sdx-mono); }
.sdx-root.sdx-acct-apply .sdx-apply-steps__item.sdx-is-active { color: var(--sdx-on-accent); }
.sdx-root.sdx-acct-apply .sdx-apply-steps__item.sdx-is-active .sdx-apply-steps__num { border-color: var(--sdx-orange); background: var(--sdx-orange); }
.sdx-root.sdx-acct-apply .sdx-apply-steps__item.sdx-is-complete { color: var(--sdx-mint); }
.sdx-root.sdx-acct-apply .sdx-apply-steps__item.sdx-is-complete .sdx-apply-steps__num { border-color: var(--sdx-mint); background: var(--sdx-mint); color: var(--sdx-forest); }

/* review line (mockup .account-assurance) */
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure b {
  display: block;
  padding-top: var(--sdx-space-18);
  border-top: 1px solid var(--sdx-rule-on-dark);
  font: 700 var(--sdx-text-13)/1.5 var(--sdx-sans);
}

/* "What you need" / "What you get": the plugin's cards, flattened onto the forest */
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info { display: flex; flex-direction: column; gap: var(--sdx-space-30); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__card {
  padding: var(--sdx-space-18) 0 0;
  border: 0;
  border-top: 1px solid var(--sdx-rule-on-dark);
  border-radius: var(--sdx-radius-0);
  background: transparent;
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__card h2 {
  margin: 0 0 var(--sdx-space-6);
  color: var(--sdx-kicker-light);
  font: 600 var(--sdx-text-11)/1.3 var(--sdx-mono);
  letter-spacing: var(--sdx-track-kicker);
  text-transform: uppercase;
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__card li {
  padding: var(--sdx-space-10) 0 var(--sdx-space-10) var(--sdx-space-20);
  border-bottom: 1px solid var(--sdx-rule-on-dark);
  color: var(--sdx-acct-on-dark);
  font: 400 var(--sdx-text-14)/1.5 var(--sdx-sans);
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__card li:last-child { border-bottom: 0; }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__card li::before { left: 0; top: 1.3em; width: 6px; height: 6px; background: var(--sdx-orange); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__card li strong { color: var(--sdx-on-accent); }

/* form column */
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__formcard {
  box-sizing: border-box;
  min-width: 0;
  margin: 0;
  padding: var(--sdx-acct-aside-pad-y) var(--sdx-acct-pad) var(--sdx-space-48);
  border-radius: var(--sdx-radius-0);
  background: transparent;
  color: var(--sdx-ink);
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__formcard h2 {
  margin: 0 0 var(--sdx-space-30);
  color: var(--sdx-ink);
  font: 400 var(--sdx-acct-display-form)/1 var(--sdx-display);
  letter-spacing: -.05em;
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__grid { gap: var(--sdx-space-20); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field label {
  margin: 0 0 var(--sdx-space-8);
  color: var(--sdx-ink);
  font: 700 var(--sdx-text-12)/1.3 var(--sdx-sans);
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__req { color: var(--sdx-orange-dark); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field input,
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field select,
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field textarea {
  box-sizing: border-box;
  min-height: var(--sdx-field-h);
  padding: var(--sdx-space-13) var(--sdx-space-14);
  border: 1px solid var(--sdx-field-border);
  border-radius: var(--sdx-radius-0);
  background-color: var(--sdx-white);
  color: var(--sdx-ink);
  font: 400 var(--sdx-text-16)/1.4 var(--sdx-sans);
  outline: 0;
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field select { padding-right: var(--sdx-space-42); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field textarea { min-height: var(--sdx-field-area-h); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field input::placeholder,
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field textarea::placeholder { color: var(--sdx-muted); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field input:focus,
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field select:focus,
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field textarea:focus {
  border-color: var(--sdx-orange);
  box-shadow: var(--sdx-field-focus);
  outline: 2px solid var(--sdx-orange);
  outline-offset: 0;
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field input:invalid:not(:placeholder-shown),
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field textarea:invalid:not(:placeholder-shown) { border-color: var(--sdx-field-invalid); }
/* licence document: the mockup's dashed drop box */
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field input[type="file"] {
  min-height: 75px;
  padding: var(--sdx-space-14) var(--sdx-space-18);
  border: 1px dashed rgba(19, 42, 33, .38);
  font-size: var(--sdx-text-13);
  cursor: pointer;
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field input[type="file"]::file-selector-button {
  margin-right: var(--sdx-space-14);
  padding: var(--sdx-space-8) var(--sdx-space-14);
  border: 1px solid var(--sdx-ink);
  border-radius: var(--sdx-radius-0);
  background: transparent;
  color: var(--sdx-ink);
  font: 700 var(--sdx-text-13)/1.2 var(--sdx-sans);
  cursor: pointer;
}
/* the file help line carries an inline colour written for the old dark card */
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field input[type="file"] + span { color: var(--sdx-muted) !important; }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__hint {
  margin-top: var(--sdx-space-6);
  color: var(--sdx-muted);
  font: 400 var(--sdx-text-12)/1.5 var(--sdx-sans);
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__btn { width: 100%; margin-top: var(--sdx-space-10); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply__legal { color: var(--sdx-muted); font: 400 var(--sdx-text-13)/1.6 var(--sdx-sans); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-offer__note { margin: var(--sdx-space-4) 0 0; color: var(--sdx-orange-dark); font: 700 var(--sdx-text-13)/1.5 var(--sdx-sans); }

/* server notices inside the form card */
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply-err {
  margin: 0 0 var(--sdx-space-24);
  padding: var(--sdx-space-18) var(--sdx-space-20);
  border: 0;
  border-left: 3px solid var(--sdx-field-invalid);
  border-radius: var(--sdx-radius-0);
  background: var(--sdx-acct-err-bg);
  color: var(--sdx-field-invalid);
  font: 600 var(--sdx-text-14)/1.5 var(--sdx-sans);
}
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply-err ul { margin: var(--sdx-space-8) 0 0 var(--sdx-space-18); }
.sdx-root.sdx-acct-apply .sdx-apply .sd-apply-ok {
  margin: 0 0 var(--sdx-space-24);
  padding: var(--sdx-space-18) var(--sdx-space-20);
  border: 0;
  border-left: 3px solid var(--sdx-acct-ok);
  border-radius: var(--sdx-radius-0);
  background: var(--sdx-acct-ok-bg);
  color: var(--sdx-acct-ok-text);
  font: 700 var(--sdx-text-15)/1.5 var(--sdx-sans);
}

/* after a domestic application: "What happens next" (mockup .application-success) */
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-next {
  box-sizing: border-box;
  margin: var(--sdx-acct-aside-pad-y) var(--sdx-acct-pad) 0;
  padding: var(--sdx-space-28);
  border: 1px solid var(--sdx-line);
  background: var(--sdx-white);
}
.sdx-root.sdx-acct-apply .sdx-apply-next__mark {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin-bottom: var(--sdx-space-22);
  border-radius: var(--sdx-radius-circle);
  background: var(--sdx-orange);
  color: var(--sdx-on-accent);
  font-size: 27px;
}
.sdx-root.sdx-acct-apply .sdx-apply-next__title {
  margin: 0 0 var(--sdx-space-12);
  color: var(--sdx-ink);
  font: 700 var(--sdx-text-18)/1.3 var(--sdx-sans);
}
.sdx-root.sdx-acct-apply .sdx-apply-next__list { margin: 0; padding: 0; list-style: none; }
.sdx-root.sdx-acct-apply .sdx-apply-next__list li {
  padding: var(--sdx-space-9) 0;
  border-bottom: 1px solid var(--sdx-line);
  color: var(--sdx-muted);
  font: 400 var(--sdx-text-14)/1.5 var(--sdx-sans);
}
.sdx-root.sdx-acct-apply .sdx-apply-next__list li:last-child { border-bottom: 0; }
.sdx-root.sdx-acct-apply .sdx-apply-next__list a { color: var(--sdx-ink); font-weight: 700; }

/* steps mode (sdx-account.js ran) */
.sdx-root.sdx-acct-apply .sdx-apply--steps .sdx-apply-off { display: none !important; } /* beats salim-b2b's inline display */
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-meta {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: var(--sdx-space-16);
  margin: 0 0 var(--sdx-space-10);
  color: var(--sdx-muted);
  font: 500 var(--sdx-text-10)/1.4 var(--sdx-mono);
  letter-spacing: var(--sdx-track-label-sm);
  text-transform: uppercase;
}
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-review { grid-column: 1 / -1; }
.sdx-root.sdx-acct-apply .sdx-apply-review__grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sdx-space-12); }
.sdx-root.sdx-acct-apply .sdx-apply-review__card { min-width: 0; padding: var(--sdx-space-18) var(--sdx-space-20); border: 1px solid var(--sdx-line); background: var(--sdx-white); }
.sdx-root.sdx-acct-apply .sdx-apply-review__head {
  display: block;
  margin-bottom: var(--sdx-space-8);
  color: var(--sdx-orange-dark);
  font: 600 var(--sdx-text-10)/1.3 var(--sdx-mono);
  letter-spacing: var(--sdx-track-control);
  text-transform: uppercase;
}
.sdx-root.sdx-acct-apply .sdx-apply-review__list { margin: 0; }
.sdx-root.sdx-acct-apply .sdx-apply-review__row {
  display: grid;
  grid-template-columns: minmax(96px, 40%) 1fr;
  gap: var(--sdx-space-12);
  padding: var(--sdx-space-6) 0;
  border-top: 1px solid var(--sdx-line);
  font: 400 var(--sdx-text-12)/1.45 var(--sdx-sans);
}
.sdx-root.sdx-acct-apply .sdx-apply-review__row dt { color: var(--sdx-muted); }
.sdx-root.sdx-acct-apply .sdx-apply-review__row dd { margin: 0; color: var(--sdx-ink); font-weight: 600; overflow-wrap: anywhere; }
.sdx-root.sdx-acct-apply .sdx-apply-review__row dd.sdx-apply-review__empty { color: var(--sdx-muted); font-weight: 400; }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-nav {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  gap: var(--sdx-space-18);
  margin-top: var(--sdx-space-22);
  padding-top: var(--sdx-space-22);
  border-top: 1px solid var(--sdx-line);
}
.sdx-root.sdx-acct-apply .sdx-apply-nav .sdx-btn { min-width: 128px; }
.sdx-root.sdx-acct-apply .sdx-apply-nav .sdx-btn[hidden] { display: none; }
.sdx-root.sdx-acct-apply .sdx-apply-nav__next { margin-left: auto; }

@media (max-width: 980px) {
  .sdx-root.sdx-acct-apply .sdx-apply {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: none;
    margin-top: var(--sdx-space-20);
  }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__head,
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-steps,
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure,
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info { padding-left: var(--sdx-space-28); padding-right: var(--sdx-space-28); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__head { grid-row: 1; padding-top: var(--sdx-space-34); }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-steps { grid-row: 2; padding-bottom: var(--sdx-space-25); }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-next { grid-column: 1; grid-row: 3; margin: var(--sdx-space-34) var(--sdx-space-28) 0; }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__formcard,
  .sdx-root.sdx-acct-apply .sdx-apply--ok .sd-apply__formcard { grid-column: 1; grid-row: 4; padding: var(--sdx-space-42) var(--sdx-space-28) var(--sdx-space-40); }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure { grid-row: 5; padding-top: var(--sdx-space-30); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info { grid-row: 6; padding-bottom: var(--sdx-space-40); }
  /* the step list turns into a 4-up row */
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-steps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--sdx-space-10); }
  .sdx-root.sdx-acct-apply .sdx-apply-steps__item { grid-template-columns: 32px 1fr; gap: var(--sdx-space-8); padding: 0; }
  .sdx-root.sdx-acct-apply .sdx-apply-steps__item:not(:last-child)::after { left: 34px; right: -10px; top: 15px; bottom: auto; width: auto; height: 1px; }
  .sdx-root.sdx-acct-apply .sdx-apply-steps__num { position: relative; z-index: 1; width: 32px; height: 32px; background: var(--sdx-forest); }
  .sdx-root.sdx-acct-apply .sdx-apply-steps__name { position: relative; z-index: 1; padding-left: var(--sdx-space-4); background: var(--sdx-forest); font-size: var(--sdx-text-13); }
  .sdx-root.sdx-acct-apply .sdx-apply-steps__sub { display: none; }
}
@media (max-width: 640px) {
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__head,
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-steps,
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure,
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info { padding-left: var(--sdx-space-18); padding-right: var(--sdx-space-18); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__head { padding-top: var(--sdx-space-26); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__formcard,
  .sdx-root.sdx-acct-apply .sdx-apply--ok .sd-apply__formcard { padding: var(--sdx-space-34) var(--sdx-space-18) var(--sdx-space-30); }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-next { margin: var(--sdx-space-26) var(--sdx-space-18) 0; padding: var(--sdx-space-20); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__grid { grid-template-columns: minmax(0, 1fr); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__field--full { grid-column: auto; }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-steps { gap: var(--sdx-space-3); }
  .sdx-root.sdx-acct-apply .sdx-apply-steps__item { display: flex; align-items: center; gap: var(--sdx-space-5); }
  .sdx-root.sdx-acct-apply .sdx-apply-steps__item:not(:last-child)::after { left: 31px; right: -3px; }
  .sdx-root.sdx-acct-apply .sdx-apply-steps__num { width: var(--sdx-acct-step-sm); height: var(--sdx-acct-step-sm); }
  .sdx-root.sdx-acct-apply .sdx-apply-steps__name { display: none; }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-meta__req { display: none; }
  .sdx-root.sdx-acct-apply .sdx-apply-review__grid { grid-template-columns: minmax(0, 1fr); }
  .sdx-root.sdx-acct-apply .sdx-apply-nav .sdx-btn { min-width: 0; }
}

/* =============================================================================================
   /apply/ (signed in): status card
   ============================================================================================= */
.sdx-root.sdx-acct-apply .sdx-acct-state {
  box-sizing: border-box;
  max-width: 780px;
  margin: var(--sdx-space-55) auto var(--sdx-space-72);
  padding: var(--sdx-space-48) var(--sdx-acct-pad);
  border: 1px solid var(--sdx-ink);
  border-left: 4px solid var(--sdx-orange);
  background: var(--sdx-white);
  color: var(--sdx-ink);
}
.sdx-root.sdx-acct-apply .sdx-acct-state__mark {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  margin-bottom: var(--sdx-space-26);
  border-radius: var(--sdx-radius-circle);
  background: var(--sdx-orange);
  color: var(--sdx-on-accent);
  font: 700 var(--sdx-text-22)/1 var(--sdx-sans);
}
.sdx-root.sdx-acct-apply .sdx-acct-state--review .sdx-acct-state__mark { background: var(--sdx-forest); }
.sdx-root.sdx-acct-apply .sdx-acct-state__title {
  margin: 0;
  color: var(--sdx-ink);
  font: 400 var(--sdx-acct-display-form)/1 var(--sdx-display);
  letter-spacing: -.05em;
}
.sdx-root.sdx-acct-apply .sdx-acct-state__chip {
  display: inline-flex;
  align-items: center;
  gap: var(--sdx-space-10);
  margin: var(--sdx-space-22) 0 0;
  padding: var(--sdx-space-10) var(--sdx-space-14);
  border: 1px solid var(--sdx-line);
  color: var(--sdx-ink);
  font: 600 var(--sdx-text-10)/1.2 var(--sdx-mono);
  letter-spacing: var(--sdx-track-label-sm);
  text-transform: uppercase;
}
.sdx-root.sdx-acct-apply .sdx-acct-state__chip i {
  width: 7px;
  height: 7px;
  border-radius: var(--sdx-radius-circle);
  background: var(--sdx-acct-ok);
  box-shadow: var(--sdx-shadow-focus-success);
}
.sdx-root.sdx-acct-apply .sdx-acct-state__copy { margin: var(--sdx-space-18) 0 0; color: var(--sdx-muted); font: 400 var(--sdx-text-18)/1.55 var(--sdx-sans); }
.sdx-root.sdx-acct-apply .sdx-acct-state__help { margin: var(--sdx-space-10) 0 0; color: var(--sdx-muted); font: 400 var(--sdx-text-15)/1.5 var(--sdx-sans); }
.sdx-root.sdx-acct-apply .sdx-acct-state__help a { color: var(--sdx-ink); font-weight: 700; }
.sdx-root.sdx-acct-apply .sdx-acct-state__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--sdx-space-14) var(--sdx-space-22);
  margin-top: var(--sdx-space-34);
}
@media (max-width: 640px) {
  .sdx-root.sdx-acct-apply .sdx-acct-state { margin-top: var(--sdx-space-28); padding: var(--sdx-space-30) var(--sdx-space-20); }
  .sdx-root.sdx-acct-apply .sdx-acct-state__actions .sdx-btn { width: 100%; }
}

/* =============================================================================================
   My Account (signed in): forest rail + content, one bordered frame (mockup .buyer-account)
   ============================================================================================= */
.sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce {
  display: grid;
  grid-template-columns: var(--sdx-acct-rail-w) minmax(0, 1fr);
  align-items: stretch;
  margin-top: var(--sdx-space-10);
  border: 1px solid var(--sdx-ink);
  background: var(--sdx-acct-bg);
}
.sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce::before,
.sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce::after { display: none; }
.sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce > .account-navigation-wrap {
  grid-column: 1;
  grid-row: 1;
  float: none;
  width: auto;
  box-sizing: border-box;
  margin: 0;
  padding: var(--sdx-space-30) var(--sdx-space-22);
  background: var(--sdx-forest);
  color: var(--sdx-on-accent);
}
.sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce > .woocommerce-MyAccount-content {
  grid-column: 2;
  grid-row: 1;
  float: none;
  width: auto;
  min-width: 0;
  box-sizing: border-box;
  margin: 0;
  padding: var(--sdx-acct-pad-y) var(--sdx-acct-pad) var(--sdx-space-64);
  color: var(--sdx-ink);
  font: 400 var(--sdx-text-15)/1.6 var(--sdx-sans);
}
/* Kadence's avatar block is removed server-side; this only covers a cached page */
.sdx-root.sdx-acct-page .account-navigation-wrap .kadence-account-avatar { display: none; }

/* identity (B2) */
.sdx-root.sdx-acct-page .sdx-acct-id {
  display: grid;
  grid-template-columns: var(--sdx-acct-mark) minmax(0, 1fr);
  align-items: center;
  gap: var(--sdx-space-12);
  padding: 0 var(--sdx-space-8) var(--sdx-space-28);
  border-bottom: 1px solid var(--sdx-rule-on-dark);
}
.sdx-root.sdx-acct-page .sdx-acct-id__mark {
  width: var(--sdx-acct-mark);
  height: var(--sdx-acct-mark);
  display: grid;
  place-items: center;
  border-radius: var(--sdx-radius-circle);
  background: var(--sdx-orange);
  color: var(--sdx-on-accent);
  font: 700 var(--sdx-text-13)/1 var(--sdx-mono);
}
.sdx-root.sdx-acct-page .sdx-acct-id--review .sdx-acct-id__mark { background: transparent; box-shadow: inset 0 0 0 1px var(--sdx-acct-step-ring); }
.sdx-root.sdx-acct-page .sdx-acct-id__name { display: block; font: 700 var(--sdx-text-14)/1.3 var(--sdx-sans); overflow-wrap: anywhere; }
.sdx-root.sdx-acct-page .sdx-acct-id__status { display: block; margin-top: var(--sdx-space-3); color: var(--sdx-acct-on-dark-muted); font: 400 var(--sdx-text-11)/1.35 var(--sdx-sans); }

/* nav (B1): WooCommerce's list; live style.css paints .is-active forest with !important */
.sdx-root.sdx-acct-page .sdx-acct-nav { margin-top: var(--sdx-space-25); }
.sdx-root.sdx-acct-page .sdx-acct-nav ul {
  position: relative;
  display: grid;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: sdx-acct-nav;
}
.sdx-root.sdx-acct-page .sdx-acct-nav li.woocommerce-MyAccount-navigation-link { margin: 0; padding: 0; counter-increment: sdx-acct-nav; }
.sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link a {
  display: grid;
  grid-template-columns: 25px 1fr;
  gap: var(--sdx-space-8);
  align-items: center;
  min-height: 48px;
  padding: 0 var(--sdx-space-10);
  border-radius: var(--sdx-radius-0);
  background: transparent;
  color: var(--sdx-acct-nav-text);
  font: 600 var(--sdx-text-15)/1.25 var(--sdx-sans);
  text-decoration: none;
}
.sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link a::before {
  content: counter(sdx-acct-nav, decimal-leading-zero);
  content: counter(sdx-acct-nav, decimal-leading-zero) / "";
  font: 500 var(--sdx-text-9)/1 var(--sdx-mono);
}
.sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link a:hover,
.sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link.is-active a {
  background: var(--sdx-acct-nav-hover) !important;
  color: var(--sdx-on-accent) !important;
  box-shadow: inset 2px 0 0 var(--sdx-orange) !important;
}
.sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link a:focus-visible { outline: var(--sdx-focus-ring); outline-offset: -3px; }
.sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link--customer-logout {
  margin-top: var(--sdx-space-18);
  padding-top: var(--sdx-space-18);
  border-top: 1px solid var(--sdx-rule-on-dark);
}
.sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--sdx-acct-on-dark-muted); }

@media (max-width: 1120px) {
  .sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce { grid-template-columns: var(--sdx-acct-rail-w-md) minmax(0, 1fr); }
  .sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce > .woocommerce-MyAccount-content { padding-inline: var(--sdx-space-30); }
}
@media (max-width: 980px) {
  .sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce { grid-template-columns: minmax(0, 1fr); }
  .sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce > .account-navigation-wrap { padding: var(--sdx-space-18) var(--sdx-space-20) var(--sdx-space-6); }
  .sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce > .woocommerce-MyAccount-content { grid-column: 1; grid-row: 2; padding: var(--sdx-space-40) var(--sdx-space-24) var(--sdx-space-48); }
  .sdx-root.sdx-acct-page .sdx-acct-id { padding: 0 0 var(--sdx-space-14); }
  /* the rail becomes one horizontal scroll row */
  .sdx-root.sdx-acct-page .sdx-acct-nav { margin-top: var(--sdx-space-6); }
  .sdx-root.sdx-acct-page .sdx-acct-nav ul {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }
  .sdx-root.sdx-acct-page .sdx-acct-nav ul::-webkit-scrollbar { display: none; }
  .sdx-root.sdx-acct-page .sdx-acct-nav li.woocommerce-MyAccount-navigation-link { flex: 0 0 auto; scroll-snap-align: start; }
  .sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link a { grid-template-columns: 18px auto; min-height: 44px; white-space: nowrap; }
  .sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link a:hover,
  .sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link.is-active a { box-shadow: inset 0 -2px 0 var(--sdx-orange) !important; }
  .sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link--customer-logout { margin: 0; padding: 0; border: 0; }
}
@media (max-width: 640px) {
  .sdx-root.sdx-acct-page.sdx-acct-member .entry-content > .woocommerce > .woocommerce-MyAccount-content { padding: var(--sdx-space-34) var(--sdx-space-16) var(--sdx-space-40); }
  .sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link a { display: flex; font-size: var(--sdx-text-13); }
  .sdx-root.sdx-acct-page .sdx-acct-nav ul li.woocommerce-MyAccount-navigation-link a::before { display: none; }
  .sdx-root.sdx-acct-page .sdx-acct-head { flex-direction: column; align-items: flex-start; gap: var(--sdx-space-18); }
  .sdx-root.sdx-acct-page .sdx-acct-head .sdx-btn { width: 100%; }
}

/* Content links: live style.css makes every content link orange; the mockup keeps ink + orange rule */
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .sdx-link { color: var(--sdx-ink); }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .sdx-btn--ink,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .sdx-btn--ink:hover { color: var(--sdx-on-accent); }

/* ---------- dashboard ---------- */
.sdx-root.sdx-acct-page .sdx-acct-dash__hello {
  margin: 0 0 var(--sdx-space-6);
  color: var(--sdx-muted);
  font: 500 var(--sdx-text-12)/1.5 var(--sdx-mono);
}
.sdx-root.sdx-acct-page .sdx-acct-dash__hello strong { color: var(--sdx-ink); font-weight: 600; }
.sdx-root.sdx-acct-page .sdx-acct-dash__intro {
  max-width: 64ch;
  margin: 0 0 var(--sdx-space-28);
  color: var(--sdx-muted);
  font: 400 var(--sdx-text-15)/1.6 var(--sdx-sans);
}
.sdx-root.sdx-acct-page .sdx-acct-chips {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 var(--sdx-space-25);
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--sdx-ink);
  border-bottom: 1px solid var(--sdx-ink);
}
.sdx-root.sdx-acct-page .sdx-acct-chips__item {
  display: flex;
  align-items: center;
  gap: var(--sdx-space-8);
  margin: 0 var(--sdx-space-20) 0 0;
  padding: var(--sdx-space-13) var(--sdx-space-20) var(--sdx-space-13) 0;
  color: var(--sdx-muted);
  font: 600 var(--sdx-text-10)/1.3 var(--sdx-mono);
  letter-spacing: .04em;
  text-transform: uppercase;
}
.sdx-root.sdx-acct-page .sdx-acct-chips__item + .sdx-acct-chips__item { padding-left: var(--sdx-space-20); border-left: 1px solid var(--sdx-line); }
.sdx-root.sdx-acct-page .sdx-acct-chips__item i {
  width: 7px;
  height: 7px;
  border-radius: var(--sdx-radius-circle);
  background: var(--sdx-acct-ok);
  box-shadow: var(--sdx-shadow-focus-success);
}
.sdx-root.sdx-acct-page .sdx-acct-dash--review .sdx-acct-chips__item i { background: var(--sdx-orange); box-shadow: none; }
.sdx-root.sdx-acct-page .sdx-acct-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 var(--sdx-space-18);
  border: 1px solid var(--sdx-ink);
  background: var(--sdx-white);
}
.sdx-root.sdx-acct-page .sdx-acct-metric { min-height: 130px; box-sizing: border-box; padding: var(--sdx-space-22) var(--sdx-space-24); }
.sdx-root.sdx-acct-page .sdx-acct-metric + .sdx-acct-metric { border-left: 1px solid var(--sdx-ink); }
.sdx-root.sdx-acct-page .sdx-acct-metric__label {
  display: block;
  color: var(--sdx-muted);
  font: 600 var(--sdx-text-10)/1.3 var(--sdx-mono);
  letter-spacing: var(--sdx-track-label-sm);
  text-transform: uppercase;
}
.sdx-root.sdx-acct-page .sdx-acct-metric__value { display: block; margin: var(--sdx-space-7) 0 var(--sdx-space-4); color: var(--sdx-ink); font: 400 var(--sdx-acct-metric)/1.1 var(--sdx-display); }
.sdx-root.sdx-acct-page .sdx-acct-metric__sub { display: block; color: var(--sdx-muted); font: 400 var(--sdx-text-12)/1.4 var(--sdx-sans); }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content a.sdx-acct-metric__link { color: var(--sdx-ink); font-weight: 700; text-decoration: underline; text-decoration-color: var(--sdx-orange); text-underline-offset: 3px; }
/* hooked output: salim-tiers badge, salim-b2b Quick Order Pad card (inline-styled link) */
.sdx-root.sdx-acct-page .sdx-acct-dash__hooks { margin: 0 0 var(--sdx-space-18); }
.sdx-root.sdx-acct-page .sdx-acct-dash__hooks .sd-tier-bar { margin: 0 0 var(--sdx-space-14); }
/* Deputy review 2026-09-23: salim-b2b's "Open the Quick Order Pad" bar (inline-styled, same approved-only
   condition) duplicated the head's "Start quick order". One entry point: the head button. */
.sdx-root.sdx-acct-page .sdx-acct-dash__hooks > a[href*="quick-order"] { display: none !important; }
.sdx-root.sdx-acct-page .sdx-acct-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--sdx-space-18);
}
.sdx-root.sdx-acct-page .sdx-acct-card {
  min-width: 0;
  box-sizing: border-box;
  padding: var(--sdx-space-28);
  border: 1px solid var(--sdx-line);
  background: var(--sdx-white);
}
.sdx-root.sdx-acct-page .sdx-acct-card--wide { grid-column: 1 / -1; }
.sdx-root.sdx-acct-page .sdx-acct-card__title { margin: 0; color: var(--sdx-ink); font: 700 var(--sdx-acct-card-title)/1.2 var(--sdx-sans); }
.sdx-root.sdx-acct-page .sdx-acct-card__copy { margin: var(--sdx-space-12) 0 0; color: var(--sdx-muted); font: 400 var(--sdx-text-14)/1.55 var(--sdx-sans); }
.sdx-root.sdx-acct-page .sdx-acct-card__copy a { color: var(--sdx-ink); }
.sdx-root.sdx-acct-page .sdx-acct-access__list { margin: var(--sdx-space-6) 0 var(--sdx-space-22); }
.sdx-root.sdx-acct-page .sdx-acct-access__row {
  display: flex;
  justify-content: space-between;
  gap: var(--sdx-space-12);
  padding: var(--sdx-space-10) 0;
  border-top: 1px solid var(--sdx-line);
  font: 400 var(--sdx-text-13)/1.4 var(--sdx-sans);
}
.sdx-root.sdx-acct-page .sdx-acct-access__row dt { color: var(--sdx-muted); }
.sdx-root.sdx-acct-page .sdx-acct-access__row dd { margin: 0; color: var(--sdx-ink); font-weight: 700; text-align: right; }
.sdx-root.sdx-acct-page .sdx-acct-access .sdx-acct-card__copy { margin: 0 0 var(--sdx-space-20); }
.sdx-root.sdx-acct-page .sdx-acct-support__list { margin: var(--sdx-space-20) 0 0; padding: 0; list-style: none; }
.sdx-root.sdx-acct-page .sdx-acct-support__list li { display: flex; flex-direction: column; padding: var(--sdx-space-10) 0; border-top: 1px solid var(--sdx-line); }
.sdx-root.sdx-acct-page .sdx-acct-support__list small {
  color: var(--sdx-muted);
  font: 500 var(--sdx-text-10)/1.4 var(--sdx-mono);
  letter-spacing: var(--sdx-track-label-sm);
  text-transform: uppercase;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .sdx-acct-support__list a { color: var(--sdx-ink); font-weight: 700; overflow-wrap: anywhere; }
.sdx-root.sdx-acct-page .sdx-acct-review { border-color: var(--sdx-ink); border-left: 4px solid var(--sdx-orange); }
/* Your usuals: salim-b2b's own section + grid, fitted into the card */
.sdx-root.sdx-acct-page .sdx-acct-usuals .sd-usuals { max-width: none; margin: 0; padding: 0; }
.sdx-root.sdx-acct-page .sdx-acct-usuals .sd-usuals__eyebrow { color: var(--sdx-orange); font: 600 var(--sdx-text-11)/1.2 var(--sdx-mono); letter-spacing: var(--sdx-track-kicker); }
.sdx-root.sdx-acct-page .sdx-acct-usuals .sd-usuals__h { margin: var(--sdx-space-10) 0 var(--sdx-space-8); color: var(--sdx-ink); font: 700 var(--sdx-acct-card-title)/1.2 var(--sdx-sans); letter-spacing: 0; }
.sdx-root.sdx-acct-page .sdx-acct-usuals .sd-usuals__sub { color: var(--sdx-muted); font-size: var(--sdx-text-14); }
.sdx-root.sdx-acct-page .sdx-acct-usuals .sd-usuals .sd-qo-grid { border: 0; border-top: 1px solid var(--sdx-ink); border-radius: var(--sdx-radius-0); }
.sdx-root.sdx-acct-page .sdx-acct-usuals .sd-usuals .sd-qo-head,
.sdx-root.sdx-acct-page .sdx-acct-usuals .sd-usuals .sd-qo-row { padding-left: 0; padding-right: 0; }
@media (max-width: 640px) {
  .sdx-root.sdx-acct-page .sdx-acct-chips { display: grid; grid-template-columns: minmax(0, 1fr); }
  .sdx-root.sdx-acct-page .sdx-acct-chips__item { margin: 0; padding: var(--sdx-space-10) 0; }
  .sdx-root.sdx-acct-page .sdx-acct-chips__item + .sdx-acct-chips__item { padding-left: 0; border-left: 0; border-top: 1px solid var(--sdx-line); }
  .sdx-root.sdx-acct-page .sdx-acct-metrics,
  .sdx-root.sdx-acct-page .sdx-acct-cards { grid-template-columns: minmax(0, 1fr); }
  .sdx-root.sdx-acct-page .sdx-acct-metric { min-height: 90px; }
  .sdx-root.sdx-acct-page .sdx-acct-metric + .sdx-acct-metric { border-left: 0; border-top: 1px solid var(--sdx-ink); }
  .sdx-root.sdx-acct-page .sdx-acct-card { padding: var(--sdx-space-20); }
}

/* ---------- notices inside the account content ---------- */
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-message,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-info,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-error,
.sdx-root.sdx-acct-page .sdx-acct-login .woocommerce-error,
.sdx-root.sdx-acct-page.sdx-acct-guest .woocommerce-notices-wrapper .woocommerce-error,
.sdx-root.sdx-acct-page.sdx-acct-guest .woocommerce-notices-wrapper .woocommerce-message {
  border-radius: var(--sdx-radius-0);
  font-family: var(--sdx-sans);
}
/* empty orders (B12): WooCommerce's own notice, drawn as the mockup's boxed panel */
.sdx-root.sdx-acct-page.woocommerce-orders .woocommerce-MyAccount-content > .woocommerce-info {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--sdx-space-18);
  margin: 0;
  padding: var(--sdx-space-28);
  border: 1px solid var(--sdx-line);
  border-left: 4px solid var(--sdx-orange);
  background: var(--sdx-white);
  color: var(--sdx-ink);
  font: 600 var(--sdx-text-16)/1.4 var(--sdx-sans);
}
.sdx-root.sdx-acct-page.woocommerce-orders .woocommerce-MyAccount-content > .woocommerce-info::before { display: none; }
.sdx-root.sdx-acct-page.woocommerce-orders .woocommerce-MyAccount-content > .woocommerce-info .button {
  float: none;
  order: 2;
  margin: 0;
  background-color: var(--sdx-forest) !important;
  color: var(--sdx-on-accent) !important;
}

/* ---------- orders table + order detail tables (B12) ---------- */
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content table.shop_table {
  width: 100%;
  margin: 0 0 var(--sdx-space-30);
  border: 0;
  border-top: 1px solid var(--sdx-ink);
  border-radius: var(--sdx-radius-0);
  border-collapse: collapse;
  background: transparent;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content table.shop_table th,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content table.shop_table td {
  padding: var(--sdx-space-16) var(--sdx-space-14);
  border: 0;
  border-bottom: 1px solid var(--sdx-line);
  color: var(--sdx-ink);
  font: 400 var(--sdx-text-13)/1.45 var(--sdx-sans);
  vertical-align: middle;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content table.shop_table thead th {
  padding-top: var(--sdx-space-13);
  padding-bottom: var(--sdx-space-13);
  color: var(--sdx-muted);
  font: 600 var(--sdx-text-10)/1.3 var(--sdx-mono);
  letter-spacing: .07em;
  text-transform: uppercase;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content table.shop_table tbody tr:hover > * { background: var(--sdx-white); }
.sdx-root.sdx-acct-page .woocommerce-orders-table__cell-order-number a { color: var(--sdx-ink); font: 600 var(--sdx-text-12)/1.3 var(--sdx-mono); }
.sdx-root.sdx-acct-page .woocommerce-orders-table__cell-order-status {
  font-weight: 600;
}
.sdx-root.sdx-acct-page .woocommerce-orders-table__cell-order-actions { white-space: nowrap; text-align: right; }
.sdx-root.sdx-acct-page .woocommerce-orders-table__cell-order-actions .button {
  min-height: 36px;
  margin: var(--sdx-space-3) 0 var(--sdx-space-3) var(--sdx-space-6);
  padding: 0 var(--sdx-space-14);
  font-size: var(--sdx-text-12);
}
.sdx-root.sdx-acct-page .woocommerce-orders-table__cell-order-actions .button.view {
  border: 1px solid var(--sdx-ink);
  background-color: transparent !important;
  color: var(--sdx-ink) !important;
}
.sdx-root.sdx-acct-page .woocommerce-orders-table__cell-order-actions .button.view:hover { background-color: var(--sdx-forest) !important; color: var(--sdx-on-accent) !important; }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-pagination { display: flex; justify-content: space-between; gap: var(--sdx-space-12); }
@media (max-width: 768px) {
  /* WooCommerce stacks .shop_table_responsive rows into cards here (data-title labels) */
  .sdx-root.sdx-acct-page .woocommerce-MyAccount-content table.shop_table_responsive tr { display: block; padding: var(--sdx-space-10) 0; border-bottom: 1px solid var(--sdx-ink); }
  .sdx-root.sdx-acct-page .woocommerce-MyAccount-content table.shop_table_responsive tr > * { padding: var(--sdx-space-6) 0; border-bottom: 0; text-align: right; }
  .sdx-root.sdx-acct-page .woocommerce-orders-table__cell-order-actions .button { margin: var(--sdx-space-6) 0 0 var(--sdx-space-6); }
}

/* view-order: status line, updates, details, customer addresses */
.sdx-root.sdx-acct-page.woocommerce-view-order .woocommerce-MyAccount-content > p:first-of-type {
  margin: 0 0 var(--sdx-space-30);
  padding: var(--sdx-space-18) var(--sdx-space-20);
  border: 1px solid var(--sdx-line);
  border-left: 4px solid var(--sdx-orange);
  background: var(--sdx-white);
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content mark.order-number,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content mark.order-date,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content mark.order-status {
  background: transparent;
  color: var(--sdx-ink);
  font-weight: 700;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-order-details__title,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-column__title,
.sdx-root.sdx-acct-page.woocommerce-view-order .woocommerce-MyAccount-content > h2 {
  margin: var(--sdx-space-34) 0 var(--sdx-space-14);
  color: var(--sdx-ink);
  font: 700 var(--sdx-text-22)/1.2 var(--sdx-sans);
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-table--order-details tfoot th { font-weight: 600; text-align: left; }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-table--order-details tfoot tr:last-child > * { border-bottom: 1px solid var(--sdx-ink); font-weight: 700; }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-customer-details address {
  padding: var(--sdx-space-20);
  border: 1px solid var(--sdx-line);
  border-radius: var(--sdx-radius-0);
  background: var(--sdx-white);
  font-style: normal;
  line-height: 1.65;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-OrderUpdate { margin: 0 0 var(--sdx-space-10); padding: var(--sdx-space-14) var(--sdx-space-18); border: 1px solid var(--sdx-line); background: var(--sdx-white); list-style: none; }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-OrderUpdate-meta { margin: 0; color: var(--sdx-muted); font: 500 var(--sdx-text-11)/1.4 var(--sdx-mono); }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .sd-reorder-wrap { margin: var(--sdx-space-24) 0 0 !important; }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .sd-reorder-btn { border-radius: var(--sdx-radius-crisp); }

/* ---------- addresses (B13: buyers edit directly, the live rule) ---------- */
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Addresses {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: var(--sdx-space-24) 0 0;
  border-top: 1px solid var(--sdx-ink);
  border-left: 1px solid var(--sdx-ink);
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Addresses::before,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Addresses::after { display: none; }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Addresses > .woocommerce-Address {
  float: none;
  width: auto;
  max-width: none;
  box-sizing: border-box;
  min-height: 230px;
  margin: 0;
  padding: var(--sdx-space-28);
  border-right: 1px solid var(--sdx-ink);
  border-bottom: 1px solid var(--sdx-ink);
  background: var(--sdx-white);
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Address-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--sdx-space-10);
  margin: 0 0 var(--sdx-space-14);
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Address-title::before,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Address-title::after { display: none; }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Address-title h2 { margin: 0; color: var(--sdx-ink); font: 700 var(--sdx-text-22)/1.2 var(--sdx-sans); }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Address-title .edit {
  float: none;
  order: 2;
  padding: 0 0 var(--sdx-space-3);
  border-bottom: 1px solid var(--sdx-orange);
  color: var(--sdx-ink);
  font: 700 var(--sdx-text-12)/1.3 var(--sdx-sans);
  text-decoration: none;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Address address { color: var(--sdx-muted); font: 400 var(--sdx-text-14)/1.65 var(--sdx-sans); font-style: normal; }
@media (max-width: 640px) {
  .sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-Addresses { grid-template-columns: minmax(0, 1fr); }
}

/* ---------- account forms: edit address, account details, login, lost / reset password ---------- */
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content form > h2,
.sdx-root.sdx-acct-page .sdx-acct-login__main > h2,
.sdx-root.sdx-acct-page.sdx-acct-guest .woocommerce-ResetPassword legend {
  margin: 0 0 var(--sdx-space-24);
  color: var(--sdx-ink);
  font: 400 var(--sdx-acct-display-form)/1 var(--sdx-display);
  letter-spacing: -.05em;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row,
.sdx-root.sdx-acct-page .sdx-acct-login .form-row,
.sdx-root.sdx-acct-page.sdx-acct-guest .woocommerce-ResetPassword .form-row {
  box-sizing: border-box;
  margin: 0 0 var(--sdx-space-18);
  padding: 0;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row label,
.sdx-root.sdx-acct-page .sdx-acct-login .form-row label,
.sdx-root.sdx-acct-page.sdx-acct-guest .woocommerce-ResetPassword .form-row label {
  display: block;
  margin: 0 0 var(--sdx-space-8);
  color: var(--sdx-ink);
  font: 700 var(--sdx-text-12)/1.3 var(--sdx-sans);
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row label.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row .required,
.sdx-root.sdx-acct-page .sdx-acct-login .form-row .required { color: var(--sdx-orange-dark); text-decoration: none; }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row input.input-text,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row select,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row textarea,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .select2-container .select2-selection--single,
.sdx-root.sdx-acct-page .sdx-acct-login .form-row input.input-text,
.sdx-root.sdx-acct-page.sdx-acct-guest .woocommerce-ResetPassword .form-row input.input-text {
  width: 100%;
  box-sizing: border-box;
  min-height: var(--sdx-field-h);
  padding: var(--sdx-space-13) var(--sdx-space-14);
  border: 1px solid var(--sdx-field-border);
  border-radius: var(--sdx-radius-0);
  background-color: var(--sdx-white);
  box-shadow: none;
  color: var(--sdx-ink);
  font: 400 var(--sdx-text-16)/1.4 var(--sdx-sans);
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .select2-container .select2-selection--single { display: flex; align-items: center; padding-block: 0; }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .select2-container .select2-selection__arrow { top: 50%; transform: translateY(-50%); }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row input.input-text:focus,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row select:focus,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row textarea:focus,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .select2-container--focus .select2-selection--single,
.sdx-root.sdx-acct-page .sdx-acct-login .form-row input.input-text:focus,
.sdx-root.sdx-acct-page.sdx-acct-guest .woocommerce-ResetPassword .form-row input.input-text:focus {
  border-color: var(--sdx-orange);
  box-shadow: var(--sdx-field-focus);
  outline: 2px solid var(--sdx-orange);
  outline-offset: 0;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .form-row.woocommerce-invalid input.input-text { border-color: var(--sdx-field-invalid); }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm fieldset {
  margin: var(--sdx-space-30) 0 var(--sdx-space-18);
  padding: var(--sdx-space-24) 0 0;
  border: 0;
  border-top: 1px solid var(--sdx-ink);
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm legend {
  padding: 0 0 var(--sdx-space-14);
  color: var(--sdx-orange);
  font: 600 var(--sdx-text-11)/1.3 var(--sdx-mono);
  letter-spacing: var(--sdx-track-kicker);
  text-transform: uppercase;
}
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content #account_display_name_description { display: block; margin-top: var(--sdx-space-6); color: var(--sdx-muted); font-size: var(--sdx-text-12); }
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-address-fields,
.sdx-root.sdx-acct-page .woocommerce-MyAccount-content .woocommerce-EditAccountForm { max-width: 760px; }

/* guest login frame (form-login.php output inside .sdx-acct-login__main) */
.sdx-root.sdx-acct-page .sdx-acct-login {
  display: grid;
  grid-template-columns: minmax(var(--sdx-acct-aside-min), var(--sdx-acct-aside-w)) minmax(0, 1fr);
  margin-top: var(--sdx-space-10);
  border: 1px solid var(--sdx-ink);
  background: var(--sdx-acct-form-bg);
}
.sdx-root.sdx-acct-page .sdx-acct-login__aside {
  box-sizing: border-box;
  padding: var(--sdx-acct-aside-pad-y) var(--sdx-acct-aside-pad);
  background: var(--sdx-forest);
  color: var(--sdx-on-accent);
}
.sdx-root.sdx-acct-page .sdx-acct-login__title { margin: 0; color: var(--sdx-on-accent); font: 400 var(--sdx-acct-display-aside)/.98 var(--sdx-display); letter-spacing: -.05em; }
.sdx-root.sdx-acct-page .sdx-acct-login__copy { margin: var(--sdx-space-22) 0 0; color: var(--sdx-acct-on-dark); font: 400 var(--sdx-text-16)/1.55 var(--sdx-sans); }
.sdx-root.sdx-acct-page .sdx-acct-login__new {
  margin: var(--sdx-space-38) 0 0;
  padding-top: var(--sdx-space-18);
  border-top: 1px solid var(--sdx-rule-on-dark);
  color: var(--sdx-acct-on-dark);
  font: 400 var(--sdx-text-14)/1.6 var(--sdx-sans);
}
.sdx-root.sdx-acct-page .sdx-acct-login__new .sdx-link { margin-top: var(--sdx-space-8); color: var(--sdx-on-accent); }
.sdx-root.sdx-acct-page .sdx-acct-login__main { min-width: 0; box-sizing: border-box; padding: var(--sdx-acct-aside-pad-y) var(--sdx-acct-pad) var(--sdx-space-48); }
.sdx-root.sdx-acct-page .sdx-acct-login__main form.woocommerce-form-login {
  max-width: 520px;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: var(--sdx-radius-0);
}
.sdx-root.sdx-acct-page .sdx-acct-login .woocommerce-form-login__rememberme { display: inline-flex; align-items: center; gap: var(--sdx-space-8); margin: 0 var(--sdx-space-20) var(--sdx-space-14) 0; font-weight: 600; }
.sdx-root.sdx-acct-page .sdx-acct-login .woocommerce-form-login__submit { float: none; width: 100%; margin: 0; }
.sdx-root.sdx-acct-page .sdx-acct-login .lost_password a,
.sdx-root.sdx-acct-page.sdx-acct-guest .woocommerce-ResetPassword a { padding-bottom: var(--sdx-space-3); border-bottom: 1px solid var(--sdx-orange); color: var(--sdx-ink); font-weight: 700; text-decoration: none; }
/* lost / reset password (same skin, no frame) */
.sdx-root.sdx-acct-page.sdx-acct-guest form.woocommerce-ResetPassword {
  max-width: 640px;
  margin: var(--sdx-space-10) 0 0;
  padding: var(--sdx-space-42) var(--sdx-acct-pad);
  border: 1px solid var(--sdx-ink);
  border-radius: var(--sdx-radius-0);
  background: var(--sdx-acct-form-bg);
}
.sdx-root.sdx-acct-page.sdx-acct-guest form.woocommerce-ResetPassword > p:first-child { margin: 0 0 var(--sdx-space-24); color: var(--sdx-muted); }
.sdx-root.sdx-acct-page.sdx-acct-guest form.woocommerce-ResetPassword .form-row-first,
.sdx-root.sdx-acct-page.sdx-acct-guest form.woocommerce-ResetPassword .form-row-last { float: none; width: 100%; }
@media (max-width: 980px) {
  .sdx-root.sdx-acct-page .sdx-acct-login { grid-template-columns: minmax(0, 1fr); }
  .sdx-root.sdx-acct-page .sdx-acct-login__aside { padding: var(--sdx-space-34) var(--sdx-space-28); }
  .sdx-root.sdx-acct-page .sdx-acct-login__main { padding: var(--sdx-space-40) var(--sdx-space-28); }
}
@media (max-width: 640px) {
  .sdx-root.sdx-acct-page .sdx-acct-login__aside { padding: var(--sdx-space-26) var(--sdx-space-18); }
  .sdx-root.sdx-acct-page .sdx-acct-login__main { padding: var(--sdx-space-30) var(--sdx-space-18); }
  .sdx-root.sdx-acct-page.sdx-acct-guest form.woocommerce-ResetPassword { padding: var(--sdx-space-28) var(--sdx-space-18); }
}

@media (prefers-reduced-motion: reduce) {
  .sdx-root.sdx-acct-page .sdx-acct-nav ul { scroll-behavior: auto; }
}

/* /apply/ "Watch the guide" + its dialog (CEO 2026-09-26). The link sits on the forest aside. */
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-guide {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: var(--sdx-space-6) 0 var(--sdx-space-10);
  padding: 6px 0 3px;
  border-bottom: 1px solid var(--sdx-orange);
  color: var(--sdx-on-accent);
  font: 700 var(--sdx-text-14)/1.4 var(--sdx-sans);
  text-decoration: none;
}
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-guide svg { color: var(--sdx-orange); flex: none; }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-guide span { color: var(--sdx-kicker-light); font: 600 var(--sdx-text-11)/1 var(--sdx-mono); letter-spacing: var(--sdx-track-kicker); text-transform: uppercase; }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-guide:hover,
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-guide:focus-visible { border-bottom-width: 2px; padding-bottom: 2px; }
.sdx-root .sdx-guide-dialog { box-sizing: border-box; width: min(960px, calc(100vw - 32px)); max-width: none; margin: auto; padding: 0; border: 0; background: var(--sdx-forest); color: var(--sdx-on-accent); }
.sdx-root .sdx-guide-dialog::backdrop { background: rgba(8, 18, 12, .8); }
.sdx-root .sdx-guide-dialog__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 4px 4px 4px 16px; font: 600 var(--sdx-text-11)/1.3 var(--sdx-mono); letter-spacing: var(--sdx-track-kicker); text-transform: uppercase; }
.sdx-root .sdx-guide-dialog__close { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; color: var(--sdx-on-accent); cursor: pointer; }
.sdx-root .sdx-guide-dialog__close:hover, .sdx-root .sdx-guide-dialog__close:focus-visible { color: var(--sdx-orange); }
.sdx-root .sdx-guide-dialog video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #000; }
/* /apply/ critique fixes (design critique 2026-09-27, CEO "build all 3 on preview")
   1. The page-content hero (.sd-apply-hero, inline styles in page 501) is cut on phones and shrunk to a
      strip on wider screens, so the form starts on the first screen. The image stays in the content,
      so salim-b2b still finds it for the share image.
   2. On a single column, "What you need" sits ABOVE the form: .sd-apply__info becomes display:contents
      and its two plugin cards take their own grid rows (need = row 3, before the form at row 4;
      get = row 6, after the review line). After a sent application the need card is moot and hides.
   3. The Maine Revenue line reads at the aside's size and colour; its link is white on forest with the
      orange underline (was browser blue, 2.9:1). */
.sdx-root.sdx-acct-apply .sd-apply-hero img { height: 220px; object-fit: cover; object-position: 50% 62%; }
.sdx-root.sdx-acct-apply .sd-apply-hero__line { font-size: clamp(24px, 2.6vw, 34px); }
@media (max-width: 640px) {
  .sdx-root.sdx-acct-apply .sd-apply-hero { display: none; }
}

@media (max-width: 980px) {
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info { display: contents; }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info > .sd-apply__card {
    grid-column: 1;
    box-sizing: border-box;
    margin: 0;
    padding: var(--sdx-space-6) var(--sdx-space-28) var(--sdx-space-30);
    border-top: 0;
    background: var(--sdx-forest);
    color: var(--sdx-on-accent);
  }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info > .sd-apply__card:first-child { grid-row: 3; }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info > .sd-apply__card:last-child { grid-row: 6; padding-top: var(--sdx-space-30); padding-bottom: var(--sdx-space-40); }
  .sdx-root.sdx-acct-apply .sdx-apply--ok .sd-apply__info > .sd-apply__card:first-child { display: none; }
}
@media (max-width: 640px) {
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info > .sd-apply__card { padding-left: var(--sdx-space-18); padding-right: var(--sdx-space-18); }
}

.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure { color: var(--sdx-acct-on-dark); font: 400 var(--sdx-text-13)/1.5 var(--sdx-sans); }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure a {
  color: var(--sdx-on-accent);
  text-decoration: underline;
  text-decoration-color: var(--sdx-orange);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure a:hover,
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure a:focus-visible { color: var(--sdx-orange); }

/* Phone: the first-order box shrinks (CEO 2026-09-27 "shrink the box"). Same words, the terms and the
   fine print all stay; only the padding and type size come down so the form starts sooner. */
@media (max-width: 640px) {
  .sdx-root.sdx-acct-apply .sdx-apply .sd-offer { margin-top: var(--sdx-space-18); padding: var(--sdx-space-12) var(--sdx-space-14); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-offer__h { margin-bottom: var(--sdx-space-4); font-size: var(--sdx-text-15); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-offer__p { font-size: var(--sdx-text-13); line-height: 1.45; }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-offer__fine { margin-top: var(--sdx-space-4); }
}

/* "What you need" folded on one column (js/sdx-account.js adds .sdx-need--fold). */
.sdx-root.sdx-acct-apply .sdx-apply .sdx-need--fold:not(.sdx-is-open) ul { display: none; }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-need-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--sdx-space-12);
  width: 100%;
  min-height: 44px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: left;
  cursor: pointer;
}
.sdx-root.sdx-acct-apply .sdx-apply .sdx-need-toggle svg { flex: none; color: var(--sdx-on-accent); transition: transform .15s; }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-is-open .sdx-need-toggle svg { transform: rotate(180deg); }
.sdx-root.sdx-acct-apply .sdx-apply .sdx-need-toggle:focus-visible { outline: var(--sdx-focus-ring); outline-offset: var(--sdx-focus-offset); }
@media (prefers-reduced-motion: reduce) { .sdx-root.sdx-acct-apply .sdx-apply .sdx-need-toggle svg { transition: none; } }

/* One column: the form's own "Create your account" heading repeats the page heading right above it
   (CEO 2026-09-27 "remove it"). Hidden on screen, kept for screen readers so the form keeps its heading. */
@media (max-width: 980px) {
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__formcard > h2 {
    position: absolute !important;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
  }
}

/* Phone: tighter spacing above the first field (CEO 2026-09-27 "tighten the spacing"). Gaps only;
   every word stays. Measured on 390x844: first field was at 879-930, below the screen. */
@media (max-width: 640px) {
  .sdx-root.sdx-acct-apply .sdx-apply { margin-top: var(--sdx-space-8); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__head { padding-top: var(--sdx-space-18); padding-bottom: var(--sdx-space-16); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__eyebrow { margin-bottom: var(--sdx-space-12); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__intro { margin-top: var(--sdx-space-14); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-offer { margin-top: var(--sdx-space-14); }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-steps { padding-top: var(--sdx-space-4); padding-bottom: var(--sdx-space-12); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info > .sd-apply__card:first-child { padding-top: 0; padding-bottom: var(--sdx-space-14); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info > .sd-apply__card:first-child .sdx-apply-guide { margin-top: 0; margin-bottom: var(--sdx-space-4); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__formcard { padding-top: var(--sdx-space-20); }
}

/* Phone: the form comes right under the headline (CEO 2026-10-06 "GO" after the funnel read: 6 of 11
   applicants quit on step 1, and the first field sat on the bottom edge of a 390x844 screen, below a
   375x667 one). Phone order: head, steps, FORM, What you need (folded), assurance, first-order box,
   What you get. js/sdx-account.js moves salim-offer-copy's box out of the head into .sdx-offer-slot on
   phones; until it moves (or with no JS) the box stays hidden in the head, so nothing jumps.
   Tablet and desktop are unchanged. */
@media (max-width: 640px) {
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__head .sd-offer { display: none; }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info > .sd-apply__card:first-child { grid-row: 5; padding-top: var(--sdx-space-20); }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure { grid-row: 6; }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info > .sdx-offer-slot { grid-row: 7; }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info > .sd-apply__card:last-child { grid-row: 8; }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-offer-slot {
    grid-column: 1;
    box-sizing: border-box;
    margin: 0;
    padding: var(--sdx-space-6) var(--sdx-space-18) var(--sdx-space-20);
    background: var(--sdx-forest);
    color: var(--sdx-on-accent);
  }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-offer-slot .sd-offer { margin-top: 0; }
}

/* Desktop balance (CEO 2026-10-06 "this empty white looks not good"). The aside was ~1790px tall and
   the step 1 form ~560px, so ~650px of empty paper sat under Continue. Above 980px: "What you need"
   and "What you get" become a full-width forest band under both columns, the assurance block
   stretches so the aside stays one forest panel, and step 1 shows the guide card under the form.
   Phone and tablet are unchanged. */
.sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-guidecard { display: none; }
@media (min-width: 981px) {
  .sdx-root.sdx-acct-apply .sdx-apply { grid-template-rows: auto auto auto 1fr auto; }
  .sdx-root.sdx-acct-apply .sdx-apply .sdx-apply-assure { grid-row: 3 / 5; padding-bottom: var(--sdx-acct-aside-pad-y); }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__formcard { grid-row: 1 / 5; }
  .sdx-root.sdx-acct-apply .sdx-apply--ok .sd-apply__formcard { grid-row: 2 / 5; }
  .sdx-root.sdx-acct-apply .sdx-apply .sd-apply__info {
    grid-column: 1 / -1;
    grid-row: 5;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 var(--sdx-space-48);
    padding: var(--sdx-space-40) var(--sdx-acct-aside-pad) var(--sdx-acct-aside-pad-y);
    border-top: 1px solid var(--sdx-ink);
  }
  .sdx-root.sdx-acct-apply .sdx-apply[data-sdx-current="1"]:not(.sdx-apply--ok) .sdx-apply-guidecard {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--sdx-space-14);
    margin-top: var(--sdx-space-40);
    color: var(--sdx-ink);
    text-decoration: none;
    font: 400 var(--sdx-text-15)/1.5 var(--sdx-sans);
  }
  .sdx-root.sdx-acct-apply .sdx-apply-guidecard__media { position: relative; display: block; border: 1px solid var(--sdx-ink); background: var(--sdx-forest); }
  .sdx-root.sdx-acct-apply .sdx-apply-guidecard__media img { display: block; width: 100%; height: auto; }
  .sdx-root.sdx-acct-apply .sdx-apply-guidecard__play {
    position: absolute; left: var(--sdx-space-20); bottom: var(--sdx-space-20);
    display: flex; align-items: center; justify-content: center;
    width: 56px; height: 56px;
    border-radius: 50%; background: var(--sdx-orange); color: var(--sdx-on-accent);
    transition: transform .15s;
  }
  .sdx-root.sdx-acct-apply .sdx-apply-guidecard__play svg { width: 22px; height: 22px; margin-left: 3px; }
  .sdx-root.sdx-acct-apply .sdx-apply-guidecard__kicker { display: block; margin-bottom: var(--sdx-space-4); color: var(--sdx-orange-dark); font: 600 var(--sdx-text-11)/1.2 var(--sdx-mono); letter-spacing: var(--sdx-track-kicker); text-transform: uppercase; }
  .sdx-root.sdx-acct-apply .sdx-apply-guidecard:hover .sdx-apply-guidecard__play,
  .sdx-root.sdx-acct-apply .sdx-apply-guidecard:focus-visible .sdx-apply-guidecard__play { transform: scale(1.08); }
  .sdx-root.sdx-acct-apply .sdx-apply-guidecard:focus-visible { outline: var(--sdx-focus-ring); outline-offset: var(--sdx-focus-offset); }
}
@media (min-width: 981px) and (prefers-reduced-motion: reduce) { .sdx-root.sdx-acct-apply .sdx-apply-guidecard__play { transition: none; } }