body.clx-account-no-theme-chrome header#masthead,
body.clx-account-no-theme-chrome footer#colophon,
body.clx-account-no-theme-chrome .site-header,
body.clx-account-no-theme-chrome .site-footer,
body.clx-account-no-theme-chrome .elementor-location-header,
body.clx-account-no-theme-chrome .elementor-location-footer,
body.clx-account-no-theme-chrome .mfn-header,
body.clx-account-no-theme-chrome .mfn-footer,
body.clx-account-no-theme-chrome #Header,
body.clx-account-no-theme-chrome #Footer,
body.clx-account-no-theme-chrome .header_wrapper,
body.clx-account-no-theme-chrome .footer_wrapper {
  display: none !important;
}

.clx-app-account {
  --clx-bg: #010709;
  --clx-line: rgba(39, 240, 138, 0.16);
  --clx-line-strong: rgba(39, 240, 138, 0.28);
  --clx-green: #27f08a;
  --clx-text: #ecfff5;
  --clx-text-soft: rgba(236, 255, 245, 0.78);
  --clx-text-muted: rgba(236, 255, 245, 0.55);
  --clx-radius: 24px;
  --clx-shadow: 0 0 0 1px rgba(39, 240, 138, 0.12), 0 0 24px rgba(39, 240, 138, 0.08), 0 16px 40px rgba(0, 0, 0, 0.35);
  min-height: 100vh;
  padding: 74px 0 118px;
  position: relative;
  background: var(--clx-bg);
  color: var(--clx-text);
}

.clx-app-account,
.clx-app-account * {
  box-sizing: border-box;
}

.clx-app-account a {
  color: var(--clx-green);
  text-decoration: none;
}

.clx-app-account a:hover {
  color: #8dffbf;
}

.clx-app-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  min-height: 62px;
  padding: 12px 18px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: rgba(1, 7, 9, 0.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--clx-line);
}

.clx-app-header__left,
.clx-app-header__right {
  display: flex;
  align-items: center;
  gap: 10px;
}

.clx-app-header__badge {
  display: none !important;
}

.clx-app-header__badge svg,
.clx-back-store__icon svg,
.clx-safe-links a svg,
.clx-side-nav__icon svg,
.clx-mobile-tabbar a span svg,
.clx-stat-card__icon svg {
  width: 18px;
  height: 18px;
  fill: currentColor;
}

.clx-app-header__store,
.clx-user-menu summary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid var(--clx-line);
  border-radius: 999px;
  background: rgba(7, 17, 24, 0.85);
  color: var(--clx-text);
  font-weight: 700;
}

.clx-app-header__store.is-current {
  opacity: 0.9;
}

.clx-app-header__google-mobile {
  display: inline-flex !important;
  align-items: center !important;
}

.clx-app-header__google-mobile img,
.clx-app-header__google-mobile svg {
  display: block;
  width: auto;
  height: 28px;
}

.clx-user-menu {
  position: relative;
}

.clx-user-menu summary {
  list-style: none;
  cursor: pointer;
}

.clx-user-menu summary::-webkit-details-marker {
  display: none;
}

.clx-user-menu__panel {
  position: absolute;
  top: 46px;
  right: 0;
  min-width: 180px;
  padding: 8px;
  border: 1px solid var(--clx-line);
  border-radius: 16px;
  background: #071015;
  box-shadow: var(--clx-shadow);
}

.clx-user-menu__panel a {
  display: block;
  padding: 10px 12px;
  border-radius: 12px;
  color: var(--clx-text-soft);
}

.clx-user-menu__panel a:hover {
  background: rgba(39, 240, 138, 0.08);
  color: var(--clx-text);
}

.clx-app-shell {
  display: grid;
  grid-template-columns: 296px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding: 18px;
}

.clx-side-nav,
.clx-native-card,
.clx-safe-card,
.clx-stat-card {
  border: 1px solid var(--clx-line);
  border-radius: var(--clx-radius);
  background:
    radial-gradient(circle at 0% 0%, rgba(39, 240, 138, 0.12), transparent 52%),
    radial-gradient(circle at 100% 100%, rgba(32, 94, 233, 0.12), transparent 55%),
    linear-gradient(135deg, #071015 0%, #07141b 38%, #091722 100%);
  box-shadow: var(--clx-shadow);
}

.clx-side-nav {
  position: sticky;
  top: 82px;
  height: fit-content;
  padding: 18px;
}

.clx-side-nav nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 14px;
}

.clx-side-nav nav li a {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 54px;
  padding: 0 14px;
  border: 1px solid transparent;
  border-radius: 18px;
  background: rgba(8, 17, 23, 0.5);
  color: var(--clx-text);
  font-size: 1rem;
  font-weight: 700;
  transition: border-color 0.28s ease, background 0.28s ease, box-shadow 0.28s ease, color 0.28s ease;
}

.clx-side-nav nav li.is-active a,
.clx-side-nav nav li a:hover {
  border-color: rgba(39, 240, 138, 0.45) !important;
  background: linear-gradient(90deg, rgba(39, 240, 138, 0.14), rgba(39, 240, 138, 0.03));
  box-shadow: 0 0 12px rgba(39, 240, 138, 0.08);
}

.clx-side-nav__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--clx-green);
  background: rgba(39, 240, 138, 0.05);
  border: 1px solid rgba(39, 240, 138, 0.12);
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-radius: 12px;
  transition: background 0.28s ease, border-color 0.28s ease, color 0.28s ease;
}

.clx-side-nav nav li.is-active a .clx-side-nav__icon,
.clx-side-nav nav li a:hover .clx-side-nav__icon {
  background: rgba(39, 240, 138, 0.15);
  border-color: rgba(39, 240, 138, 0.35);
  color: #8dffbf;
}

.clx-main-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 18px;
}

.clx-dash-grid {
  display: grid;
  gap: 18px;
}

.clx-dash-topline {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.clx-dash-topline h2 {
  margin: 0 0 10px;
  color: var(--clx-green);
  font-size: 2.25rem;
  line-height: 1.05;
}

.clx-dash-topline p,
.clx-safe-card p {
  margin: 0;
  color: var(--clx-text-soft);
  font-size: 1.05rem;
  line-height: 1.65;
}

.clx-back-store,
.clx-safe-links a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 0 18px;
  border: 1px solid var(--clx-line-strong);
  border-radius: 999px;
  color: var(--clx-green);
  background: rgba(8, 17, 23, 0.72);
  font-weight: 800;
}

.clx-back-store {
  white-space: nowrap;
}

.clx-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.clx-stat-card {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 124px;
  padding: 20px;
  color: var(--clx-text);
  transition: transform 0.28s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.28s ease, box-shadow 0.28s ease;
  border: 1px solid var(--clx-line) !important;
}

.clx-stat-card:hover {
  transform: translateY(-4px) scale(1.015);
  border-color: rgba(39, 240, 138, 0.45) !important;
  box-shadow: 0 0 20px rgba(39, 240, 138, 0.15), 0 12px 35px rgba(0, 0, 0, 0.5) !important;
}

.clx-stat-card__icon {
  flex: 0 0 46px;
  width: 46px;
  height: 46px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(39, 240, 138, 0.05);
  border: 1px solid rgba(39, 240, 138, 0.12);
  color: var(--clx-green);
  transition: background 0.28s ease, border-color 0.28s ease, color 0.28s ease;
}

.clx-stat-card:hover .clx-stat-card__icon {
  background: rgba(39, 240, 138, 0.12);
  border-color: rgba(39, 240, 138, 0.35);
  color: #8dffbf;
}

.clx-stat-card__text {
  display: grid;
}

.clx-stat-card__text strong {
  color: var(--clx-text);
  font-size: 1.95rem;
  line-height: 1;
  font-family: 'Outfit', 'Inter', sans-serif;
  letter-spacing: -0.02em;
}

.clx-stat-card__label {
  margin-top: 5px;
  color: var(--clx-text);
  font-size: 1rem;
  font-weight: 750;
  letter-spacing: -0.01em;
}

.clx-stat-card__text small {
  margin-top: 3px;
  color: var(--clx-text-muted);
  font-size: 0.85rem;
  line-height: 1.3;
}

.clx-safe-card,
.clx-native-card {
  padding: 22px;
}

.clx-safe-card {
  padding: 18px 34px;
}

.clx-safe-card h3 {
  margin: 0 0 10px;
  color: var(--clx-green);
  font-size: 2rem;
}

.clx-safe-links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

.clx-native-card {
  min-height: 120px;
}

.clx-app-account.endpoint-dashboard .clx-native-card {
  display: none !important;
}

.clx-app-account .woocommerce-MyAccount-navigation {
  display: none !important;
}

.clx-app-account.endpoint-dashboard .woocommerce-MyAccount-content > p:first-child,
.clx-app-account.endpoint-dashboard .woocommerce-MyAccount-content > p:first-child + p,
.clx-app-account.endpoint-edit-address .woocommerce-MyAccount-content > p:first-child,
.clx-app-account.endpoint-edit-account .woocommerce-MyAccount-content > p:first-child,
.clx-app-account.endpoint-edit-account .woocommerce-MyAccount-content > p:first-child + p {
  display: none !important;
}

.clx-app-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  color: var(--clx-text);
}

.clx-app-account .woocommerce-info,
.clx-app-account .woocommerce-message,
.clx-app-account .woocommerce-error {
  border: 1px solid var(--clx-line-strong) !important;
  border-radius: 18px !important;
  background: rgba(8, 17, 23, 0.82) !important;
  color: var(--clx-text) !important;
  box-shadow: none !important;
}

.clx-app-account .woocommerce-info::before,
.clx-app-account .woocommerce-message::before,
.clx-app-account .woocommerce-error::before,
.clx-app-account .woocommerce a.remove,
.clx-app-account .woocommerce-account .addresses .title .edit,
.clx-app-account .woocommerce-account .addresses .title a,
.clx-app-account .woocommerce-orders-table__cell-order-actions .button,
.clx-app-account .woocommerce-button,
.clx-app-account .woocommerce-Button {
  color: var(--clx-green) !important;
}

.clx-app-account .woocommerce p,
.clx-app-account .woocommerce li,
.clx-app-account .woocommerce label,
.clx-app-account .woocommerce address,
.clx-app-account .woocommerce small,
.clx-app-account .woocommerce form,
.clx-app-account .woocommerce .woocommerce-privacy-policy-text {
  color: var(--clx-text-soft) !important;
}

.clx-app-account .woocommerce h2,
.clx-app-account .woocommerce h3,
.clx-app-account .woocommerce h4,
.clx-app-account .woocommerce legend,
.clx-app-account .woocommerce-account .addresses .title h3,
.clx-app-account .woocommerce-account .addresses .title h2 {
  margin: 0 !important;
  color: var(--clx-green) !important;
  font-size: 1.35rem !important;
}

.clx-app-account .woocommerce strong,
.clx-app-account .woocommerce b {
  color: var(--clx-text) !important;
}

.clx-app-account .woocommerce a {
  color: var(--clx-green) !important;
}

.clx-app-account .woocommerce a:hover {
  color: #88ffc0 !important;
}

.clx-app-account .woocommerce .button,
.clx-app-account .woocommerce button.button,
.clx-app-account .woocommerce a.button,
.clx-app-account .woocommerce input.button,
.clx-app-account .woocommerce .woocommerce-Button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px;
  padding: 0 18px !important;
  border: 1px solid var(--clx-line-strong) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(39, 240, 138, 0.16), rgba(39, 240, 138, 0.07)), linear-gradient(180deg, #081117, #071015) !important;
  color: var(--clx-green) !important;
  text-align: center !important;
  line-height: 1 !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

.clx-app-account .woocommerce form .form-row {
  margin-bottom: 14px;
}

.clx-app-account .woocommerce fieldset {
  margin-top: 20px !important;
  padding: 18px !important;
  border: 1px solid var(--clx-line) !important;
  border-radius: 18px !important;
}

.clx-app-account .woocommerce input[type="text"],
.clx-app-account .woocommerce input[type="email"],
.clx-app-account .woocommerce input[type="tel"],
.clx-app-account .woocommerce input[type="password"],
.clx-app-account .woocommerce input[type="number"],
.clx-app-account .woocommerce textarea,
.clx-app-account .woocommerce select {
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px;
  background: rgba(10, 16, 21, 0.85) !important;
  color: var(--clx-text) !important;
  transition: border-color 0.28s ease, box-shadow 0.28s ease, background-color 0.28s ease;
}

.clx-app-account .woocommerce textarea {
  min-height: 120px;
  padding: 14px 16px;
}

.clx-app-account .woocommerce input:focus,
.clx-app-account .woocommerce textarea:focus,
.clx-app-account .woocommerce select:focus {
  outline: none !important;
  border-color: rgba(39, 240, 138, 0.5) !important;
  box-shadow: 0 0 14px rgba(39, 240, 138, 0.12), 0 0 0 1px rgba(39, 240, 138, 0.25) !important;
  background-color: rgba(10, 16, 21, 0.95) !important;
}

.clx-app-account.endpoint-edit-address .woocommerce .addresses,
.clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Addresses,
.clx-app-account.endpoint-edit-address .woocommerce .u-columns.woocommerce-Addresses.col2-set.addresses {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
  align-items: stretch;
  width: 100% !important;
}

.clx-app-account.endpoint-edit-address .woocommerce .u-column1,
.clx-app-account.endpoint-edit-address .woocommerce .u-column2,
.clx-app-account.endpoint-edit-address .woocommerce .col-1,
.clx-app-account.endpoint-edit-address .woocommerce .col-2,
.clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  float: none !important;
  margin: 0 !important;
}

.clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address,
.clx-app-account.endpoint-edit-address .woocommerce .u-column1.col-1.woocommerce-Address,
.clx-app-account.endpoint-edit-address .woocommerce .u-column2.col-2.woocommerce-Address {
  position: relative !important;
  min-height: 270px;
  padding: 28px 22px 82px !important;
  border: 1px solid var(--clx-line);
  border-radius: 24px;
  background: #051018;
  box-shadow: var(--clx-shadow);
}

.clx-app-account.endpoint-edit-address .woocommerce-account .addresses .title,
.clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address .woocommerce-Address-title.title,
.clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address header.woocommerce-Address-title.title {
  position: static !important;
  display: block !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
}

.clx-app-account.endpoint-edit-address .woocommerce-account .addresses address {
  margin: 0;
  color: var(--clx-text-soft) !important;
  font-style: normal;
  line-height: 1.62;
}

.clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address .woocommerce-Address-title.title a.edit,
.clx-app-account.endpoint-edit-address .woocommerce-account .addresses .title a.edit {
  position: absolute !important;
  left: 22px !important;
  right: auto !important;
  top: auto !important;
  bottom: 22px !important;
  z-index: 5 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 44px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  border: 1px solid rgba(39, 240, 138, 0.28) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(39, 240, 138, 0.16), rgba(39, 240, 138, 0.07)), linear-gradient(180deg, #081117, #071015) !important;
  color: var(--clx-green) !important;
  font-size: 0.8rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.14em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  box-shadow: none !important;
}

.clx-wishlist-fallback__inner {
  padding: 22px;
  border: 1px solid var(--clx-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(39, 240, 138, 0.1), transparent 48%),
    radial-gradient(circle at 100% 100%, rgba(32, 94, 233, 0.1), transparent 54%),
    linear-gradient(135deg, #071015 0%, #07141b 38%, #091722 100%);
}

.clx-wishlist-fallback__inner h2 {
  margin: 0 0 10px;
  color: var(--clx-green);
}

.clx-wishlist-fallback__inner p {
  margin: 0 0 18px;
  color: var(--clx-text-soft);
}

.clx-fixed-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  padding: 8px 16px 10px;
  border-top: 1px solid var(--clx-line);
  background: rgba(1, 7, 9, 0.94);
  backdrop-filter: blur(18px);
  box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.28);
}

.clx-fixed-footer__desktop {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  flex-wrap: nowrap !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
}

.clx-fixed-footer__meta-links,
.clx-fixed-footer__seals {
  display: flex;
  align-items: center;
}

.clx-fixed-footer__meta-links {
  gap: 18px;
  min-width: 0;
}

.clx-fixed-footer__meta-links a {
  color: rgba(39, 240, 138, 0.78);
  font-size: 0.86rem;
  font-weight: 600;
}

.clx-fixed-footer__seals {
  gap: 14px;
  margin-left: auto;
  flex-wrap: nowrap;
}

.clx-fixed-footer__seals img {
  display: block;
  width: auto;
  height: 42px;
}

.clx-fixed-footer__mobile {
  display: none;
  max-width: 1440px;
  margin: 0 auto;
}

.clx-fixed-footer__mobile-seals {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
}

.clx-fixed-footer__mobile-seals a {
  flex: 1 1 25%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.clx-fixed-footer__mobile-seals img {
  height: 28px;
  max-width: 100%;
  width: auto;
  display: block;
  margin: 0 auto;
}

.clx-fixed-footer__mobile-links {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 8px;
}

.clx-fixed-footer__mobile-links a {
  color: rgba(255, 255, 255, 0.72);
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  justify-self: center;
  text-decoration: none;
}

.clx-fixed-footer__mobile-links a:hover {
  color: #8dffbf;
}

.clx-mobile-tabbar {
  display: none;
}

/* Guest page layout */
html:has(.clx-is-guest),
body.clx-is-guest {
  overflow-y: auto !important;
  overscroll-behavior-y: none !important;
  padding-top: 0 !important;
  height: 100% !important;
}

.clx-app-account.clx-guest-page {
  background-color: #060b0e !important;
  min-height: 100vh !important;
  min-height: 100dvh !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 0 !important;
}

.clx-guest-main {
  width: min(1200px, calc(100% - 40px)) !important;
  margin: 0 auto !important;
  padding: 80px 0 80px 0 !important;
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.clx-app-account.clx-guest-page .clx-guest-card {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 480px !important;
}

/* Modern auth card styles */
.clx-auth-card {
  background: #0b1115 !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 20px !important;
  padding: 40px 32px !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.clx-auth-tabs-pill {
  display: flex !important;
  background: #05080b !important;
  border: 1px solid rgba(255, 255, 255, 0.03) !important;
  border-radius: 30px !important;
  padding: 4px !important;
  margin-bottom: 28px !important;
}

.clx-auth-tab-btn {
  flex: 1 !important;
  background: transparent !important;
  border: none !important;
  color: #798e88 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 10px 16px !important;
  border-radius: 26px !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.clx-auth-tab-btn:hover {
  color: #bcd0ca !important;
}

.clx-auth-tab-btn.is-active {
  background: #16212a !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

/* Google Button & Divider styles */
.clx-google-login-container {
  width: 100% !important;
  margin-bottom: 8px !important;
}

.clx-google-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 48px !important;
  background: #05080b !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.clx-google-btn span {
  color: #ffffff !important;
}

.clx-google-btn:hover {
  background: #121a22 !important;
  border-color: rgba(39, 240, 138, 0.25) !important;
  box-shadow: 0 6px 16px rgba(39, 240, 138, 0.06) !important;
  color: #ffffff !important;
}

.clx-google-btn:hover span {
  color: #ffffff !important;
}

.clx-google-icon {
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
}

.clx-auth-separator {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 24px 0 !important;
  color: #51645e !important;
  font-size: 10px !important;
  letter-spacing: 0.15em !important;
  font-weight: 700 !important;
}

.clx-auth-separator::before,
.clx-auth-separator::after {
  content: "" !important;
  flex: 1 !important;
  height: 1px !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

.clx-auth-separator span {
  padding: 0 16px !important;
}

/* Forms layout and styles */
.clx-auth-tab-content {
  width: 100% !important;
}

.clx-auth-tab-content .woocommerce-form {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.clx-form-group {
  margin-bottom: 20px !important;
  display: flex !important;
  flex-direction: column !important;
}

.clx-form-label {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #51645e !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.clx-label-inline-wrapper {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  width: 100% !important;
}

.clx-lost-password-trigger {
  font-size: 11px !important;
  color: #27f08a !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: opacity 0.2s ease !important;
  letter-spacing: 0.02em !important;
}

.clx-lost-password-trigger:hover {
  opacity: 0.85 !important;
  text-decoration: underline !important;
}

.clx-input,
.clx-guest-auth-shell--modern input[type="text"],
.clx-guest-auth-shell--modern input[type="password"],
.clx-guest-auth-shell--modern input[type="email"] {
  width: 100% !important;
  min-height: 48px !important;
  background: #05080b !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 12px !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  padding: 0 16px !important;
  transition: all 0.25s ease !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.clx-input::placeholder,
.clx-guest-auth-shell--modern input::placeholder {
  color: rgba(255, 255, 255, 0.2) !important;
}

.clx-input:focus,
.clx-guest-auth-shell--modern input[type="text"]:focus,
.clx-guest-auth-shell--modern input[type="password"]:focus,
.clx-guest-auth-shell--modern input[type="email"]:focus {
  border-color: #27f08a !important;
  box-shadow: 0 0 12px rgba(39, 240, 138, 0.12), inset 0 1px 3px rgba(0, 0, 0, 0.1) !important;
  background-color: #081015 !important;
  outline: none !important;
}

/* Style autofilled fields to stay dark */
.clx-guest-auth-shell--modern input:-webkit-autofill,
.clx-guest-auth-shell--modern input:-webkit-autofill:hover, 
.clx-guest-auth-shell--modern input:-webkit-autofill:focus, 
.clx-guest-auth-shell--modern input:-webkit-autofill:active,
.clx-input:-webkit-autofill,
.clx-input:-webkit-autofill:hover, 
.clx-input:-webkit-autofill:focus, 
.clx-input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 1000px #05080b inset !important;
  -webkit-text-fill-color: #ffffff !important;
  transition: background-color 5000s ease-in-out 0s !important;
}

.clx-form-row--actions,
.clx-form-row--lgpd {
  margin-bottom: 20px !important;
}

.woocommerce-no-js form.woocommerce-form-login.clx-form-otp,
.clx-form-otp {
  display: none !important;
}

.clx-checkbox-label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
  cursor: pointer !important;
}

.clx-checkbox-label input[type="checkbox"] {
  margin-top: 3px !important;
  accent-color: #27f08a !important;
}

.clx-checkbox-text {
  font-size: 12px !important;
  color: #798e88 !important;
  line-height: 1.5 !important;
}

.clx-checkbox-text a {
  color: #27f08a !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.clx-checkbox-text a:hover {
  text-decoration: underline !important;
}

.clx-submit-btn {
  width: 100% !important;
  min-height: 48px !important;
  background: #27f08a !important;
  color: #0b1115 !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 4px 14px rgba(39, 240, 138, 0.15) !important;
  margin-top: 10px !important;
}

.clx-submit-btn:hover {
  background: #1fe07c !important;
  transform: translateY(-1.5px) !important;
  box-shadow: 0 8px 20px rgba(39, 240, 138, 0.25) !important;
}

/* OTP Info Box and Sub-Forms */
.clx-otp-info-box {
  background: rgba(39, 240, 138, 0.02) !important;
  border: 1px dashed rgba(39, 240, 138, 0.15) !important;
  border-radius: 12px !important;
  padding: 16px !important;
  margin-bottom: 20px !important;
}

.clx-otp-info-box h3 {
  margin: 0 0 6px !important;
  font-size: 13.5px !important;
  color: #27f08a !important;
  font-weight: 700 !important;
}

.clx-otp-info-box p {
  margin: 0 !important;
  font-size: 12px !important;
  color: #798e88 !important;
  line-height: 1.4 !important;
}

.clx-form-footer-action {
  text-align: center !important;
  margin-top: 16px !important;
}

.clx-back-to-password-trigger {
  font-size: 12px !important;
  color: #798e88 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  transition: color 0.2s ease !important;
}

.clx-back-to-password-trigger:hover {
  color: #27f08a !important;
}

/* Custom layout settings for lost password pages (fallback/reset) */
.clx-guest-auth-shell--lost,
.clx-guest-auth-shell--reset {
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  background: #0b1115 !important;
  border: 1px solid rgba(255, 255, 255, 0.04) !important;
  border-radius: 20px !important;
  padding: 40px 32px !important;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.05) !important;
}

.clx-guest-auth-shell--lost h2,
.clx-guest-auth-shell--reset h2 {
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  margin: 0 0 16px !important;
  letter-spacing: -0.02em !important;
  text-align: center !important;
}

.clx-guest-auth-shell--lost form,
.clx-guest-auth-shell--reset form {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
}

.clx-guest-auth-shell--lost p,
.clx-guest-auth-shell--reset p {
  color: #798e88 !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
  margin: 0 0 20px !important;
}

.clx-guest-auth-shell--lost label,
.clx-guest-auth-shell--reset label {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  color: #51645e !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.clx-guest-auth-shell--lost button,
.clx-guest-auth-shell--reset button {
  width: 100% !important;
  min-height: 48px !important;
  background: #27f08a !important;
  color: #0b1115 !important;
  border: none !important;
  border-radius: 12px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(39, 240, 138, 0.15) !important;
  margin-top: 16px !important;
}

.clx-guest-auth-shell--lost button:hover,
.clx-guest-auth-shell--reset button:hover {
  background: #1fe07c !important;
  transform: translateY(-1.5px) !important;
  box-shadow: 0 8px 20px rgba(39, 240, 138, 0.25) !important;
}

.clx-app-account .select2-container--default .select2-selection--single,
.clx-app-account select,
.clx-app-account .woocommerce form .form-row select,
.clx-app-account .woocommerce form .select2-selection,
.select2-container--default .select2-selection--single,
.woocommerce form .form-row .select2-selection,
.select2-container .select2-selection--single,
.woocommerce-page .woocommerce form .form-row select,
.woocommerce .woocommerce-EditAccountForm select,
.woocommerce .woocommerce-address-fields select {
  min-height: 48px !important;
  height: 48px !important;
  border: 1px solid rgba(39, 240, 138, 0.18) !important;
  border-radius: 18px !important;
  background: #071015 !important;
  color: #ecfff5 !important;
  box-shadow: none !important;
}

.clx-app-account .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding-left: 16px !important;
  padding-right: 36px !important;
  color: #ecfff5 !important;
  line-height: 46px !important;
}

.clx-app-account .select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--single .select2-selection__arrow {
  right: 10px !important;
  height: 46px !important;
}

.clx-app-account .select2-dropdown,
.clx-app-account .select2-container--default .select2-dropdown,
.select2-container--open .select2-dropdown,
.select2-container--default.select2-container--open .select2-dropdown,
.select2-dropdown {
  overflow: hidden !important;
  border: 1px solid rgba(39, 240, 138, 0.18) !important;
  border-radius: 18px !important;
  background: #071015 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}

.clx-app-account .select2-search--dropdown,
.select2-search--dropdown {
  padding: 10px !important;
  background: #071015 !important;
}

.clx-app-account .select2-search--dropdown .select2-search__field,
.select2-search--dropdown .select2-search__field {
  min-height: 40px !important;
  border: 1px solid rgba(39, 240, 138, 0.18) !important;
  border-radius: 12px !important;
  background: #02090c !important;
  color: #ecfff5 !important;
}

.clx-app-account .select2-results,
.clx-app-account .select2-results__options,
.select2-results,
.select2-results__options,
.select2-container--default .select2-results__option {
  background: #071015 !important;
  color: #ecfff5 !important;
}

.clx-app-account .select2-container--default .select2-results__option--highlighted[aria-selected],
.clx-app-account .select2-container--default .select2-results__option--highlighted[data-selected],
.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--default .select2-results__option--highlighted[data-selected] {
  background: rgba(39, 240, 138, 0.16) !important;
  color: #7dffb2 !important;
}

.clx-app-account .select2-container--default .select2-results__option[aria-selected=true],
.clx-app-account .select2-container--default .select2-results__option[data-selected=true],
.select2-container--default .select2-results__option[aria-selected=true],
.select2-container--default .select2-results__option[data-selected=true] {
  background: rgba(39, 240, 138, 0.1) !important;
  color: #27f08a !important;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 280px !important;
  scrollbar-color: rgba(39, 240, 138, 0.35) #071015;
  scrollbar-width: thin;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 10px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: #071015;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: rgba(39, 240, 138, 0.28);
  border: 2px solid #071015;
  border-radius: 999px;
}

.clx-app-account #billing_country_field,
.clx-app-account #shipping_country_field {
  width: 100% !important;
  max-width: none !important;
}

.clx-app-account #billing_country_field .woocommerce-input-wrapper,
.clx-app-account #shipping_country_field .woocommerce-input-wrapper {
  display: block !important;
  width: 100% !important;
}

.clx-app-account #billing_country_field .woocommerce-input-wrapper > strong,
.clx-app-account #shipping_country_field .woocommerce-input-wrapper > strong,
.clx-app-account #billing_country_field .country_to_state,
.clx-app-account #shipping_country_field .country_to_state,
.clx-app-account #billing_country_field select,
.clx-app-account #shipping_country_field select {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 48px !important;
  padding: 0 16px !important;
  border: 1px solid rgba(39, 240, 138, 0.18) !important;
  border-radius: 18px !important;
  background: #071015 !important;
  color: #ecfff5 !important;
  box-shadow: none !important;
}

.clx-app-account #billing_country_field .country_to_state,
.clx-app-account #shipping_country_field .country_to_state {
  pointer-events: none !important;
  user-select: none !important;
  cursor: default !important;
}

@media (max-width: 1180px) {
  .clx-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 1024px) {
  html,
  body,
  body.page-template-elementor_canvas,
  body.page-template-elementor_canvas #page,
  body.page-template-elementor_canvas .site,
  body.page-template-elementor_canvas .elementor,
  body.page-template-elementor_canvas .elementor-location-single,
  body.page-template-elementor_canvas .elementor-section-wrap {
    background: #010709 !important;
  }

  .clx-app-account {
    min-height: 100svh !important;
    padding-top: 62px !important;
    padding-bottom: 76px !important;
    background: #010709 !important;
  }

  .clx-app-shell {
    padding: 0 14px !important;
  }
}

@media (max-width: 900px) {
  .clx-app-account {
    padding-bottom: 76px;
  }

  .clx-auth-card {
    padding: 24px 20px !important;
  }

  .clx-auth-tabs-pill {
    margin-bottom: 16px !important;
  }

  .clx-auth-separator {
    margin: 14px 0 !important;
  }

  .clx-form-group {
    margin-bottom: 14px !important;
  }

  .clx-app-shell {
    grid-template-columns: 1fr;
    padding-top: 14px !important;
  }

  .clx-side-nav,
  .clx-app-header__badge {
    display: none !important;
  }

  .clx-fixed-footer {
    display: block !important;
    padding: 8px 16px 10px !important;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.28) !important;
  }

  .clx-fixed-footer__desktop {
    display: none !important;
  }

  .clx-fixed-footer__mobile {
    display: block !important;
  }

  .clx-app-header__google-mobile {
    display: inline-flex !important;
    align-items: center;
  }

  .clx-dash-topline {
    display: grid;
    gap: 14px;
  }

  .clx-dash-topline h2,
  .clx-safe-card h3 {
    font-size: 1.9rem;
  }

  .clx-dash-topline p,
  .clx-safe-card p {
    white-space: normal !important;
  }

  .clx-mobile-tabbar {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    padding: 8px 6px env(safe-area-inset-bottom);
    border-top: 1px solid var(--clx-line);
    background: rgba(1, 7, 9, 0.98) !important;
    backdrop-filter: blur(18px);
  }

  .clx-mobile-tabbar a {
    display: grid;
    justify-items: center;
    gap: 4px;
    padding: 6px 2px;
    color: var(--clx-text-soft);
    font-size: 0.7rem;
    font-weight: 700;
  }

  .clx-mobile-tabbar a.is-active {
    color: var(--clx-green);
  }

  .clx-app-account.endpoint-edit-address .woocommerce .addresses,
  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Addresses,
  .clx-app-account.endpoint-edit-address .woocommerce .u-columns.woocommerce-Addresses.col2-set.addresses,
  .clx-guest-auth-grid {
    grid-template-columns: 1fr !important;
  }

  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address,
  .clx-app-account.endpoint-edit-address .woocommerce .u-column1.col-1.woocommerce-Address,
  .clx-app-account.endpoint-edit-address .woocommerce .u-column2.col-2.woocommerce-Address {
    min-height: auto;
    padding: 24px 18px 76px !important;
  }

  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address .woocommerce-Address-title.title a.edit,
  .clx-app-account.endpoint-edit-address .woocommerce-account .addresses .title a.edit {
    left: 18px !important;
    bottom: 18px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    font-size: 0.74rem !important;
    letter-spacing: 0.12em !important;
  }

  .clx-guest-main {
    width: calc(100% - 28px) !important;
    padding: 70px 0 85px 0 !important;
  }

  .clx-guest-card {
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  .clx-app-header {
    min-height: 56px !important;
    padding: 10px 12px !important;
  }

  .clx-fixed-footer {
    padding: 8px 10px calc(10px + env(safe-area-inset-bottom)) !important;
  }

  .clx-fixed-footer__mobile-seals {
    gap: 6px !important;
  }

  .clx-fixed-footer__mobile-seals img {
    height: 24px !important;
  }

  .clx-fixed-footer__mobile-links {
    gap: 8px !important;
    margin-top: 6px !important;
  }

  .clx-fixed-footer__mobile-links a {
    font-size: 9px !important;
  }

  .clx-app-header__store,
  .clx-user-menu summary {
    min-height: 34px;
    padding: 0 12px;
  }

  .clx-safe-card,
  .clx-native-card {
    padding: 18px;
  }

  .clx-stat-grid {
    gap: 12px;
  }

  .clx-stat-card {
    min-height: 116px;
    padding: 14px 12px;
    align-items: flex-start;
    gap: 12px;
  }

  .clx-stat-card__icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
  }

  .clx-stat-card__text strong {
    font-size: 1.1rem;
  }

  .clx-stat-card__label {
    margin-top: 4px;
    font-size: 0.82rem;
    line-height: 1.15;
  }

  .clx-stat-card__text small {
    margin-top: 3px;
    font-size: 0.74rem;
    line-height: 1.25;
  }

  .clx-safe-links {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .clx-guest-main {
    width: calc(100% - 24px) !important;
  }

  .clx-guest-card {
    padding: 14px !important;
    border-radius: 22px !important;
  }

  .clx-guest-auth-grid {
    gap: 16px !important;
  }

  .clx-guest-auth-col h2 {
    margin-bottom: 12px !important;
    font-size: 1.25rem !important;
  }

  .clx-guest-auth-col .woocommerce-form {
    padding: 16px !important;
    border-radius: 18px !important;
  }
}

@media (max-width: 420px) {
  .clx-app-header {
    padding: 8px 10px !important;
  }

  .clx-guest-main {
    width: calc(100% - 20px) !important;
  }

  .clx-guest-card {
    padding: 12px !important;
    border-radius: 20px !important;
  }

  .clx-guest-auth-col .woocommerce-form {
    padding: 14px !important;
    border-radius: 16px !important;
  }

  .clx-guest-auth-col h2 {
    font-size: 1.18rem !important;
  }
}


/* Desktop alignment fix — Endereços em linha */
@media (min-width: 901px) {
  .clx-app-account.endpoint-edit-address .woocommerce-MyAccount-content {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    align-items: start;
  }

  .clx-app-account.endpoint-edit-address .woocommerce-MyAccount-content > p {
    display: block !important;
    width: 100% !important;
    margin: 0 0 -4px !important;
    color: var(--clx-text-soft) !important;
  }

  .clx-app-account.endpoint-edit-address .woocommerce .addresses,
  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Addresses,
  .clx-app-account.endpoint-edit-address .woocommerce .u-columns.woocommerce-Addresses.col2-set.addresses {
    grid-column: 1 / -1;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    align-items: stretch !important;
  }

  .clx-app-account.endpoint-edit-address .woocommerce .u-columns.woocommerce-Addresses.col2-set.addresses::before,
  .clx-app-account.endpoint-edit-address .woocommerce .u-columns.woocommerce-Addresses.col2-set.addresses::after {
    content: none !important;
    display: none !important;
  }

  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address,
  .clx-app-account.endpoint-edit-address .woocommerce .u-column1.col-1.woocommerce-Address,
  .clx-app-account.endpoint-edit-address .woocommerce .u-column2.col-2.woocommerce-Address {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-self: stretch !important;
  }
}


/* Desktop premium alignment — Endereços lado a lado com alturas equilibradas */
@media (min-width: 901px) {
  .clx-app-account.endpoint-edit-address .clx-native-card {
    overflow: hidden;
  }

  .clx-app-account.endpoint-edit-address .woocommerce .addresses,
  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Addresses,
  .clx-app-account.endpoint-edit-address .woocommerce .u-columns.woocommerce-Addresses.col2-set.addresses {
    align-items: stretch !important;
  }

  .clx-app-account.endpoint-edit-address .woocommerce .u-column1,
  .clx-app-account.endpoint-edit-address .woocommerce .u-column2,
  .clx-app-account.endpoint-edit-address .woocommerce .col-1,
  .clx-app-account.endpoint-edit-address .woocommerce .col-2,
  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address {
    display: flex !important;
    flex-direction: column !important;
    align-self: stretch !important;
    height: 100% !important;
  }

  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address,
  .clx-app-account.endpoint-edit-address .woocommerce .u-column1.col-1.woocommerce-Address,
  .clx-app-account.endpoint-edit-address .woocommerce .u-column2.col-2.woocommerce-Address {
    min-height: 320px !important;
    height: 100% !important;
    padding: 28px 24px 88px !important;
  }

  .clx-app-account.endpoint-edit-address .woocommerce-account .addresses .title,
  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address .woocommerce-Address-title.title,
  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address header.woocommerce-Address-title.title {
    min-height: 56px;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }

  .clx-app-account.endpoint-edit-address .woocommerce-account .addresses address {
    display: block;
    flex: 1 1 auto;
    min-height: 132px;
    padding-right: 8px;
  }

  .clx-app-account.endpoint-edit-address .woocommerce .woocommerce-Address .woocommerce-Address-title.title a.edit,
  .clx-app-account.endpoint-edit-address .woocommerce-account .addresses .title a.edit {
    left: 24px !important;
    bottom: 24px !important;
  }
}

/* =========================
   Pedidos • UX + Rastreio
========================= */
.clx-orders-overview {
  margin: 0 0 22px;
  padding: 22px;
  border: 1px solid var(--clx-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(39, 240, 138, 0.12), transparent 44%),
    radial-gradient(circle at 100% 100%, rgba(32, 94, 233, 0.12), transparent 54%),
    linear-gradient(135deg, #071015 0%, #07141b 38%, #091722 100%);
  box-shadow: var(--clx-shadow);
}

.clx-orders-overview__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 18px;
}

.clx-orders-overview__copy h2 {
  margin: 0 0 8px;
  color: var(--clx-green);
  font-size: 1.8rem;
}

.clx-orders-overview__copy p {
  margin: 0;
  max-width: 760px;
  color: var(--clx-text-soft);
}

.clx-orders-overview__cta {
  flex: 0 0 auto;
}

.clx-orders-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.clx-orders-kpi {
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid rgba(39, 240, 138, 0.18);
  border-radius: 20px;
  background: rgba(5, 16, 24, 0.76);
}

.clx-orders-kpi__label,
.clx-orders-kpi__desc {
  display: block;
}

.clx-orders-kpi__label {
  margin-bottom: 8px;
  color: var(--clx-text-soft);
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.clx-orders-kpi__value {
  display: block;
  margin-bottom: 8px;
  color: var(--clx-green);
  font-size: 1.7rem;
  line-height: 1;
}

.clx-orders-kpi__desc {
  color: rgba(236, 255, 245, 0.68);
  font-size: 0.88rem;
  line-height: 1.4;
}

.clx-orders-empty-state {
  margin-top: 18px;
  padding: 18px;
  border: 1px dashed rgba(39, 240, 138, 0.22);
  border-radius: 20px;
  background: rgba(5, 16, 24, 0.58);
}

.clx-orders-empty-state p {
  margin: 0 0 14px;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table,
.clx-app-account.endpoint-orders .woocommerce-orders-table--orders {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  border: 1px solid rgba(236, 255, 245, 0.14);
  border-radius: 22px;
  background: rgba(5, 16, 24, 0.72);
}

.clx-app-account.endpoint-orders .woocommerce-orders-table thead th,
.clx-app-account.endpoint-orders .woocommerce-orders-table tbody td {
  padding: 14px 10px;
  vertical-align: top;
  border-color: rgba(236, 255, 245, 0.12);
}

.clx-app-account.endpoint-orders .woocommerce-orders-table thead th {
  background: rgba(3, 12, 18, 0.78);
  color: var(--clx-text);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr {
  transition: background 180ms ease;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr:hover {
  background: rgba(39, 240, 138, 0.035);
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number a {
  color: var(--clx-green) !important;
  font-weight: 800;
  font-size: 1.05rem;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status {
  color: var(--clx-text);
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking {
  width: 280px;
  min-width: 280px;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions {
  width: 250px;
  min-width: 250px;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: flex-start;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button {
  margin: 0 !important;
}

.clx-track-cell {
  display: flex;
  flex-direction: column;
  gap: 9px;
  min-width: 0;
}

.clx-track-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.clx-track-pill.is-live {
  background: rgba(39, 240, 138, 0.14);
  border: 1px solid rgba(39, 240, 138, 0.26);
  color: var(--clx-green);
}

.clx-track-pill.is-soft {
  background: rgba(236, 255, 245, 0.06);
  border: 1px solid rgba(236, 255, 245, 0.14);
  color: var(--clx-text);
}

.clx-track-pill.is-waiting {
  background: rgba(236, 255, 245, 0.05);
  border: 1px solid rgba(236, 255, 245, 0.12);
  color: rgba(236, 255, 245, 0.82);
}

.clx-track-meta,
.clx-track-note,
.clx-track-empty {
  color: var(--clx-text-soft);
  font-size: 0.9rem;
  line-height: 1.45;
}

.clx-track-meta strong {
  color: var(--clx-text);
}

.clx-track-code {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  min-height: 42px;
  padding: 0 12px;
  border: 1px solid rgba(39, 240, 138, 0.18);
  border-radius: 14px;
  background: rgba(4, 14, 20, 0.92);
  color: #b7ffd8;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.clx-track-code--placeholder {
  color: rgba(236, 255, 245, 0.82);
  white-space: normal;
}

.clx-track-actions,
.clx-track-code-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

.clx-track-actions .button,
.clx-track-code-wrap .button {
  min-height: 40px !important;
  padding: 0 14px !important;
  font-size: 0.72rem !important;
}

.clx-track-copy.is-copied {
  border-color: rgba(39, 240, 138, 0.34) !important;
  background: linear-gradient(180deg, rgba(39, 240, 138, 0.22), rgba(39, 240, 138, 0.1)), linear-gradient(180deg, #081117, #071015) !important;
}

.clx-order-tracking-panel {
  margin-top: 22px;
  padding: 24px;
  border: 1px solid var(--clx-line);
  border-radius: 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(39, 240, 138, 0.1), transparent 46%),
    radial-gradient(circle at 100% 100%, rgba(32, 94, 233, 0.11), transparent 56%),
    linear-gradient(135deg, #071015 0%, #07141b 38%, #091722 100%);
  box-shadow: var(--clx-shadow);
}

.clx-order-tracking-panel__head,
.clx-order-tracking-panel__body {
  display: flex;
  gap: 18px;
}

.clx-order-tracking-panel__head {
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 18px;
}

.clx-order-tracking-panel__head h2 {
  margin: 0 0 8px !important;
}

.clx-order-tracking-panel__head p,
.clx-track-note--panel,
.clx-order-updates__empty {
  margin: 0;
  color: var(--clx-text-soft);
}

.clx-order-tracking-summary,
.clx-order-updates {
  min-width: 0;
  padding: 18px;
  border: 1px solid rgba(39, 240, 138, 0.16);
  border-radius: 20px;
  background: rgba(5, 16, 24, 0.7);
}

.clx-order-tracking-summary {
  flex: 0 0 36%;
}

.clx-order-updates {
  flex: 1 1 auto;
}

.clx-order-updates h3 {
  margin: 0 0 14px !important;
  color: var(--clx-green) !important;
}

.clx-order-updates__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.clx-order-updates__item {
  position: relative;
  padding: 0 0 14px 18px;
  margin-bottom: 14px;
  border-left: 1px solid rgba(39, 240, 138, 0.18);
}

.clx-order-updates__item::before {
  content: '';
  position: absolute;
  left: -5px;
  top: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--clx-green);
  box-shadow: 0 0 0 4px rgba(39, 240, 138, 0.12);
}

.clx-order-updates__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.clx-order-updates__date {
  margin-bottom: 6px;
  color: rgba(236, 255, 245, 0.66);
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.clx-order-updates__content p {
  margin: 0;
  color: var(--clx-text);
}

@media (max-width: 1200px) {
  .clx-orders-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .clx-order-tracking-panel__body {
    flex-direction: column;
  }

  .clx-order-tracking-summary {
    flex: 1 1 auto;
  }
}

@media (max-width: 900px) {
  .clx-orders-overview__head {
    flex-direction: column;
  }

  .clx-orders-kpis {
    grid-template-columns: minmax(0, 1fr);
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table,
  .clx-app-account.endpoint-orders .woocommerce-orders-table--orders {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table thead th,
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td {
    white-space: normal;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions {
    min-width: 220px;
  }

  .clx-order-tracking-panel {
    padding: 20px;
  }

  .clx-order-tracking-panel__head {
    flex-direction: column;
  }
}

/* =========================================================
   Pedidos / rastreio v4.2.0
   ========================================================= */
.clx-orders-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking {
  width: 320px;
  min-width: 320px;
}

.clx-track-pills,
.clx-order-status-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}

.clx-track-topline {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  min-width: 0;
}

.clx-track-topline strong {
  color: var(--clx-text);
  font-size: 0.92rem;
}

.clx-track-mini {
  color: rgba(236, 255, 245, 0.62);
  font-size: 0.78rem;
  line-height: 1.35;
}

.clx-track-code--compact {
  min-height: 34px;
  padding: 0 10px;
  font-size: 0.8rem;
}

.clx-track-pill.is-danger {
  background: rgba(255, 96, 96, 0.12);
  border: 1px solid rgba(255, 96, 96, 0.22);
  color: #ff8d8d;
}

.clx-track-pill.is-muted {
  background: rgba(236, 255, 245, 0.03);
  border: 1px solid rgba(236, 255, 245, 0.08);
  color: rgba(236, 255, 245, 0.58);
}

.clx-app-account.endpoint-view-order .woocommerce-OrderUpdates,
.clx-app-account.endpoint-view-order .woocommerce-order-updates {
  display: none !important;
}

.clx-order-summary-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}

.clx-order-summary-card {
  min-width: 0;
  padding: 16px 18px;
  border: 1px solid rgba(39, 240, 138, 0.14);
  border-radius: 18px;
  background: rgba(5, 16, 24, 0.72);
}

.clx-order-summary-card span,
.clx-order-summary-card small {
  display: block;
}

.clx-order-summary-card span {
  margin-bottom: 8px;
  color: rgba(236, 255, 245, 0.62);
  font-size: 0.74rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.clx-order-summary-card strong {
  display: block;
  margin-bottom: 8px;
  color: var(--clx-text);
  font-size: 1.06rem;
  line-height: 1.2;
}

.clx-order-summary-card small {
  color: var(--clx-text-soft);
  line-height: 1.4;
}

.clx-order-journey {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 0 0 18px;
  padding: 0;
  list-style: none;
}

.clx-order-step {
  position: relative;
  min-width: 0;
  padding: 16px 16px 16px 18px;
  border: 1px solid rgba(236, 255, 245, 0.1);
  border-radius: 18px;
  background: rgba(5, 16, 24, 0.6);
}

.clx-order-step__dot {
  position: absolute;
  left: 14px;
  top: 18px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(236, 255, 245, 0.24);
  box-shadow: 0 0 0 4px rgba(236, 255, 245, 0.04);
}

.clx-order-step__body {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding-left: 14px;
}

.clx-order-step__body strong {
  color: var(--clx-text);
  font-size: 0.95rem;
  line-height: 1.25;
}

.clx-order-step__body small,
.clx-order-step__body em {
  color: var(--clx-text-soft);
  font-style: normal;
  line-height: 1.4;
}

.clx-order-step.is-complete {
  border-color: rgba(39, 240, 138, 0.22);
}

.clx-order-step.is-complete .clx-order-step__dot {
  background: var(--clx-green);
  box-shadow: 0 0 0 4px rgba(39, 240, 138, 0.12);
}

.clx-order-step.is-current {
  border-color: rgba(32, 94, 233, 0.3);
  background: rgba(9, 20, 32, 0.85);
}

.clx-order-step.is-current .clx-order-step__dot {
  background: #3d7bff;
  box-shadow: 0 0 0 4px rgba(61, 123, 255, 0.14);
}

.clx-order-step.is-danger {
  border-color: rgba(255, 96, 96, 0.24);
}

.clx-order-step.is-danger .clx-order-step__dot {
  background: #ff6c6c;
  box-shadow: 0 0 0 4px rgba(255, 108, 108, 0.12);
}

.clx-order-step.is-muted {
  opacity: 0.66;
}

.clx-order-tracking-summary h3,
.clx-order-updates h3 {
  margin: 0 0 14px !important;
  color: var(--clx-green) !important;
}

.clx-order-updates__content strong {
  display: block;
  margin-bottom: 6px;
  color: var(--clx-text);
  line-height: 1.3;
}

@media (max-width: 1320px) {
  .clx-orders-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .clx-order-summary-grid,
  .clx-order-journey {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .clx-orders-kpis,
  .clx-order-summary-grid,
  .clx-order-journey {
    grid-template-columns: minmax(0, 1fr);
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking {
    min-width: 260px;
  }
}

/* v4.2.2 — view order clean */
#clx-order-tracking.clx-order-tracking-panel--minimal .clx-order-tracking-panel__head,
#clx-order-tracking .clx-order-summary-grid {
  display: none !important;
}

.clx-order-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.clx-order-card-head h3 {
  margin: 0 !important;
  color: var(--clx-green) !important;
}

.clx-order-updates--stages .clx-order-journey {
  margin-top: 0;
}

.clx-order-updates--stages .clx-order-step__body small {
  display: none !important;
}

.clx-order-updates--stages .clx-order-step__body em {
  display: block;
  margin-top: 4px;
}

.clx-order-tracking-panel--minimal .clx-track-note--panel {
  margin-top: 12px;
}

@media (max-width: 900px) {
  .clx-order-card-head {
    flex-direction: column;
  }
}


/* v4.3.0 — premium orders polish */
.clx-app-account.endpoint-orders .woocommerce-orders-table,
.clx-app-account.endpoint-orders .woocommerce-orders-table--orders {
  border-radius: 26px;
  background:
    radial-gradient(circle at top left, rgba(39, 240, 138, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(6, 15, 22, 0.96), rgba(4, 11, 17, 0.94));
  box-shadow: 0 20px 54px rgba(0, 0, 0, 0.32);
}

.clx-app-account.endpoint-orders .woocommerce-orders-table thead th,
.clx-app-account.endpoint-orders .woocommerce-orders-table tbody td {
  padding: 14px 12px;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table thead th {
  font-size: 0.7rem;
  letter-spacing: 0.12em;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table tbody td {
  font-size: 0.93rem;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr {
  position: relative;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr:hover {
  background: rgba(39, 240, 138, 0.045);
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.98rem;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number a::before {
  content: '#';
  opacity: 0.48;
  font-weight: 700;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status .woocommerce-OrdersTable-status,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid rgba(236, 255, 245, 0.12);
  background: rgba(236, 255, 245, 0.04);
  color: var(--clx-text) !important;
  font-size: 0.71rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.clx-track-cell {
  gap: 8px;
}

.clx-track-pill {
  min-height: 27px;
  padding: 0 10px;
  font-size: 0.66rem;
  letter-spacing: 0.1em;
}

.clx-track-topline strong {
  font-size: 0.84rem;
}

.clx-track-mini,
.clx-track-meta,
.clx-track-note,
.clx-track-empty {
  font-size: 0.8rem;
  line-height: 1.42;
}

.clx-track-code {
  min-height: 38px;
  padding: 0 11px;
  border-radius: 12px;
  font-size: 0.82rem;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions {
  gap: 8px;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button,
.clx-track-actions .button,
.clx-track-code-wrap .button,
.clx-orders-overview__cta,
.clx-orders-empty-state .button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 0.66rem !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button:hover,
.clx-track-actions .button:hover,
.clx-track-code-wrap .button:hover,
.clx-orders-overview__cta:hover,
.clx-orders-empty-state .button:hover {
  transform: translateY(-1px);
}

.clx-orders-overview {
  padding: 20px;
  border-radius: 26px;
}

.clx-orders-overview__copy h2 {
  font-size: 1.55rem;
}

.clx-orders-overview__copy p {
  max-width: 620px;
  font-size: 0.95rem;
}

.clx-orders-kpis {
  gap: 12px;
}

.clx-orders-kpi {
  padding: 14px 15px;
  border-radius: 18px;
}

.clx-orders-kpi__label {
  margin-bottom: 7px;
  font-size: 0.72rem;
}

.clx-orders-kpi__value {
  font-size: 1.26rem;
}

.clx-order-tracking-panel {
  margin-top: 20px;
  padding: 22px;
  border-radius: 26px;
}

.clx-order-tracking-summary,
.clx-order-updates {
  padding: 16px;
  border-radius: 18px;
}

.clx-order-card-head {
  gap: 10px;
  margin-bottom: 12px;
}

.clx-order-card-head h3 {
  font-size: 1.08rem !important;
}

.clx-order-journey {
  gap: 10px;
}

.clx-order-step {
  padding: 14px 14px 14px 16px;
  border-radius: 16px;
}

.clx-order-step__dot {
  left: 12px;
  top: 16px;
  width: 9px;
  height: 9px;
}

.clx-order-step__body {
  gap: 4px;
  padding-left: 12px;
}

.clx-order-step__body strong {
  font-size: 0.88rem;
}

.clx-order-step__body em,
.clx-order-step__body small {
  font-size: 0.77rem;
}

@media (max-width: 1180px) {
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking {
    width: 250px;
    min-width: 250px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions {
    width: 196px;
    min-width: 196px;
  }
}

@media (max-width: 900px) {
  .clx-orders-overview {
    padding: 18px;
  }

  .clx-orders-overview__copy h2 {
    font-size: 1.34rem;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table,
  .clx-app-account.endpoint-orders .woocommerce-orders-table--orders,
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody,
  .clx-app-account.endpoint-orders .woocommerce-orders-table tr,
  .clx-app-account.endpoint-orders .woocommerce-orders-table td {
    display: block;
    width: 100%;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table thead {
    display: none;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table {
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr {
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid rgba(236, 255, 245, 0.12);
    border-radius: 20px;
    background:
      radial-gradient(circle at top left, rgba(39, 240, 138, 0.07), transparent 36%),
      linear-gradient(180deg, rgba(6, 15, 22, 0.96), rgba(4, 11, 17, 0.94));
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td {
    padding: 9px 0;
    border: 0;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td::before {
    display: block;
    margin-bottom: 5px;
    color: rgba(236, 255, 245, 0.58);
    font-size: 0.68rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number::before { content: 'Pedido'; }
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date::before { content: 'Data'; }
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status::before { content: 'Status'; }
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total::before { content: 'Total'; }
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking::before { content: 'Rastreio'; }
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions::before { content: 'Ações'; }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions {
    width: auto;
    min-width: 0;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions {
    gap: 7px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button,
  .clx-track-actions .button,
  .clx-track-code-wrap .button {
    min-height: 32px !important;
    padding: 0 11px !important;
    font-size: 0.64rem !important;
    letter-spacing: 0.1em !important;
  }

  .clx-track-code {
    width: 100%;
    min-width: 0;
    justify-content: flex-start;
  }

  .clx-order-tracking-panel {
    padding: 18px;
    border-radius: 22px;
  }

  .clx-order-tracking-summary,
  .clx-order-updates {
    padding: 14px;
  }
}

@media (max-width: 640px) {
  .clx-orders-overview__copy p,
  .clx-track-mini,
  .clx-track-meta,
  .clx-track-note,
  .clx-track-empty {
    font-size: 0.77rem;
  }

  .clx-order-card-head h3 {
    font-size: 1rem !important;
  }

  .clx-order-step {
    padding: 13px 13px 13px 15px;
  }

  .clx-order-step__body strong {
    font-size: 0.84rem;
  }

  .clx-order-step__body em,
  .clx-order-step__body small {
    font-size: 0.74rem;
  }
}

/* v4.4.0 — orders ultra clean premium */
.clx-orders-overview--compact {
  margin: 0 0 16px;
  padding: 12px 14px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(6, 15, 22, 0.84), rgba(4, 11, 17, 0.8));
  box-shadow: none;
}

.clx-orders-kpis--compact {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.clx-orders-kpi--compact {
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(5, 16, 24, 0.56);
  border-color: rgba(236, 255, 245, 0.1);
}

.clx-orders-kpi--compact .clx-orders-kpi__label {
  margin: 0 0 6px;
  font-size: 0.64rem;
  color: rgba(236, 255, 245, 0.54);
}

.clx-orders-kpi--compact .clx-orders-kpi__value {
  margin: 0;
  font-size: 1rem;
  color: var(--clx-text);
}

.clx-orders-kpi--compact .clx-orders-kpi__desc,
.clx-orders-overview--compact .clx-orders-overview__head,
.clx-orders-overview--compact .clx-orders-overview__copy,
.clx-orders-overview--compact .clx-orders-overview__cta {
  display: none !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking {
  width: 224px;
  min-width: 224px;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions {
  width: 162px;
  min-width: 162px;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table thead th,
.clx-app-account.endpoint-orders .woocommerce-orders-table tbody td {
  padding: 12px 12px;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table tbody td {
  font-size: 0.88rem;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number a {
  font-size: 0.94rem;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status .woocommerce-OrdersTable-status,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status mark {
  min-height: 28px;
  padding: 0 10px;
  font-size: 0.64rem;
  letter-spacing: 0.1em;
}

.clx-track-cell {
  gap: 6px;
}

.clx-track-pills {
  gap: 6px;
}

.clx-track-pill {
  min-height: 24px;
  padding: 0 9px;
  font-size: 0.6rem;
  letter-spacing: 0.11em;
}

.clx-track-meta,
.clx-track-empty,
.clx-track-mini {
  font-size: 0.74rem;
  line-height: 1.35;
}

.clx-track-meta--inline {
  color: rgba(236, 255, 245, 0.76);
}

.clx-track-topline,
.clx-track-note,
.clx-track-mini {
  display: none !important;
}

.clx-track-code-wrap--inline {
  gap: 0;
}

.clx-track-code--compact {
  min-height: 30px;
  padding: 0 9px;
  border-radius: 10px;
  font-size: 0.74rem;
  letter-spacing: 0.04em;
}

.clx-track-actions--inline .button {
  min-height: 30px !important;
  padding: 0 11px !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.12em !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions {
  gap: 6px;
  justify-content: flex-start;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button {
  min-height: 30px !important;
  padding: 0 11px !important;
  font-size: 0.62rem !important;
  letter-spacing: 0.12em !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button.cancel,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button[href*="cancel"],
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .cancel {
  border-color: rgba(236, 255, 245, 0.12) !important;
  background: rgba(236, 255, 245, 0.03) !important;
  color: rgba(236, 255, 245, 0.78) !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button.view,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button[href*="view-order"] {
  box-shadow: 0 0 0 1px rgba(39, 240, 138, 0.16) inset;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button.pay,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button[href*="pay"] {
  background: linear-gradient(180deg, rgba(39, 240, 138, 0.16), rgba(39, 240, 138, 0.08)), linear-gradient(180deg, #081117, #071015) !important;
}

.clx-app-account.endpoint-orders .woocommerce-pagination,
.clx-app-account.endpoint-orders nav.woocommerce-pagination {
  margin-top: 16px;
}

.clx-app-account.endpoint-orders .woocommerce-pagination .page-numbers {
  gap: 8px;
}

.clx-app-account.endpoint-orders .woocommerce-pagination a,
.clx-app-account.endpoint-orders .woocommerce-pagination span {
  min-width: 34px;
  min-height: 34px;
  border-radius: 999px;
  font-size: 0.7rem;
}

.clx-app-account.endpoint-view-order .woocommerce-order-overview,
.clx-app-account.endpoint-view-order .woocommerce-order-details + p {
  display: none !important;
}

.clx-app-account.endpoint-view-order .woocommerce-notice--success,
.clx-app-account.endpoint-view-order .woocommerce-order > p:first-of-type {
  margin-bottom: 14px;
  font-size: 0.92rem;
  line-height: 1.45;
}

@media (max-width: 1180px) {
  .clx-orders-kpis--compact {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking {
    width: 204px;
    min-width: 204px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions {
    width: 150px;
    min-width: 150px;
  }
}

@media (max-width: 900px) {
  .clx-orders-overview--compact {
    padding: 10px 12px;
    border-radius: 16px;
  }

  .clx-orders-kpis--compact {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    padding-bottom: 2px;
    scrollbar-width: none;
  }

  .clx-orders-kpis--compact::-webkit-scrollbar {
    display: none;
  }

  .clx-orders-kpi--compact {
    flex: 0 0 auto;
    min-width: 112px;
    padding: 10px 11px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr {
    padding: 12px;
    border-radius: 18px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td {
    padding: 7px 0;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking::before {
    content: 'Status / envio';
  }

  .clx-track-meta--inline {
    font-size: 0.72rem;
  }

  .clx-track-code-wrap--inline {
    display: none !important;
  }

  .clx-track-actions--inline .button {
    min-height: 28px !important;
    padding: 0 10px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions {
    gap: 6px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button {
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 0.6rem !important;
  }

  .clx-app-account.endpoint-view-order .woocommerce-notice--success,
  .clx-app-account.endpoint-view-order .woocommerce-order > p:first-of-type {
    font-size: 0.84rem;
    line-height: 1.4;
  }
}

/* ===== CLX Minha Conta 2026 v4.5.0 — Radical Clean Premium ===== */
.clx-orders-overview,
.clx-orders-overview--compact,
.clx-order-tracking-panel__head,
.woocommerce-order-overview,
.woocommerce-order-details__title + p,
.woocommerce-table--order-details tfoot tr:last-child td .wc-item-meta,
.woocommerce-table--order-details tfoot tr:last-child th .wc-item-meta{display:none !important;}

.clx-app-account.endpoint-orders .woocommerce-orders-table,
.clx-app-account.endpoint-orders .woocommerce-orders-table--orders{
  border-collapse:separate !important;
  border-spacing:0 !important;
  background:transparent !important;
  border:1px solid rgba(39,240,138,.14) !important;
  border-radius:28px !important;
  overflow:hidden !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table thead th{
  padding:18px 14px !important;
  font-size:12px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  color:rgba(247,253,255,.92) !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table tbody td{
  padding:16px 14px !important;
  vertical-align:middle !important;
  font-size:14px !important;
  line-height:1.45 !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{background:transparent !important;}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total{white-space:normal !important;}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number a{
  font-size:16px !important;
  font-weight:800 !important;
  letter-spacing:.01em !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status .woocommerce-OrdersTable-status,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status mark{display:none !important;}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking{width:18% !important; min-width:160px !important; max-width:180px !important;}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions{width:170px !important; min-width:170px !important; max-width:170px !important;}

.clx-track-cell--radical{display:flex !important; flex-direction:column !important; gap:10px !important; align-items:flex-start !important;}
.clx-track-cell--radical .clx-track-pills{display:flex !important; gap:8px !important; flex-wrap:wrap !important;}
.clx-track-meta--clean{font-size:13px !important; color:rgba(247,253,255,.76) !important; line-height:1.35 !important;}
.clx-track-actions--clean .clx-track-button{min-height:34px !important; padding:0 14px !important; font-size:12px !important; letter-spacing:.16em !important;}
.clx-track-code-wrap--inline,
.clx-track-code-wrap--compact{display:none !important;}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  align-items:flex-start !important;
}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button{
  min-height:34px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
  width:auto !important;
  white-space:nowrap !important;
}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button.cancel,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button[href*="cancel"],
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .cancel{
  opacity:.78 !important;
  border-color:rgba(247,253,255,.16) !important;
  color:rgba(247,253,255,.82) !important;
  background:rgba(255,255,255,.03) !important;
}

#clx-order-tracking.clx-order-tracking-panel--radical{
  padding:0 !important;
  margin:0 0 18px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-panel__body{
  display:grid !important;
  grid-template-columns:minmax(260px, 320px) minmax(0,1fr) !important;
  gap:16px !important;
  align-items:stretch !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-summary,
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-updates{
  min-height:unset !important;
  padding:22px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(3,12,10,.78), rgba(5,18,15,.88)) !important;
  border:1px solid rgba(39,240,138,.14) !important;
  box-shadow:none !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-card-head{
  margin-bottom:14px !important;
  align-items:center !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-card-head h3{
  font-size:18px !important;
  line-height:1.2 !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-line{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
  margin:0 0 12px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-line strong{
  font-size:12px !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
  color:rgba(247,253,255,.62) !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-line span{
  font-size:14px !important;
  color:#f7fdff !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-code-wrap--radical{margin:0 0 14px !important;}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-code{
  display:inline-flex !important;
  min-height:40px !important;
  align-items:center !important;
  padding:0 14px !important;
  border-radius:14px !important;
  font-size:14px !important;
  letter-spacing:.08em !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-actions--stack{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  align-items:flex-start !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-actions--stack .button,
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-actions--stack .clx-track-button{
  min-height:38px !important;
  padding:0 16px !important;
  font-size:12px !important;
  letter-spacing:.16em !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-empty-state{
  min-height:160px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px dashed rgba(247,253,255,.10) !important;
  border-radius:18px !important;
  color:rgba(247,253,255,.56) !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-journey{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin:0 !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step{
  min-height:76px !important;
  padding:14px 14px 14px 16px !important;
  border-radius:18px !important;
  background:rgba(0,0,0,.14) !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body strong{
  font-size:14px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body em{font-size:12px !important;}

.clx-app-account .woocommerce-table--order-details,
.clx-app-account .shop_table.order_details,
.clx-app-account .woocommerce-table.woocommerce-table--order-details.shop_table.order_details{
  border-collapse:separate !important;
  border-spacing:0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
}
.clx-app-account .woocommerce-table--order-details th,
.clx-app-account .woocommerce-table--order-details td{
  padding:14px 14px !important;
  vertical-align:top !important;
}
.clx-app-account .woocommerce-column--billing-address,
.clx-app-account .woocommerce-column--shipping-address{
  padding:18px !important;
  border-radius:22px !important;
  min-height:unset !important;
}
.clx-app-account .woocommerce-column--billing-address address,
.clx-app-account .woocommerce-column--shipping-address address{
  font-size:15px !important;
  line-height:1.55 !important;
}

@media (max-width: 900px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table,
  .clx-app-account.endpoint-orders .woocommerce-orders-table--orders,
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody,
  .clx-app-account.endpoint-orders .woocommerce-orders-table tr,
  .clx-app-account.endpoint-orders .woocommerce-orders-table td{display:block !important; width:100% !important;}
  .clx-app-account.endpoint-orders .woocommerce-orders-table thead{display:none !important;}
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr{
    margin:0 0 14px !important;
    padding:14px !important;
    border:1px solid rgba(39,240,138,.14) !important;
    border-radius:22px !important;
    background:linear-gradient(180deg, rgba(3,12,10,.82), rgba(5,18,15,.94)) !important;
  }
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td{
    padding:10px 0 0 !important;
    border:none !important;
  }
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td:first-child{padding-top:0 !important;}
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td::before{
    display:block !important;
    margin-bottom:6px !important;
    font-size:11px !important;
    letter-spacing:.14em !important;
    text-transform:uppercase !important;
    color:rgba(247,253,255,.58) !important;
    font-weight:700 !important;
  }
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number::before{content:'Pedido' !important;}
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date::before{content:'Data' !important;}
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status::before{content:'Status' !important;}
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking::before{content:'Rastreio' !important;}
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total::before{content:'Total' !important;}
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions::before{content:'Ações' !important;}
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{flex-direction:row !important; flex-wrap:wrap !important; gap:8px !important;}
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button{min-height:34px !important; padding:0 12px !important;}
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-panel__body{grid-template-columns:1fr !important; gap:12px !important;}
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-summary,
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-updates{padding:16px !important; border-radius:20px !important;}
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-journey{grid-template-columns:1fr !important; gap:10px !important;}
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step{min-height:64px !important; padding:12px 12px 12px 14px !important;}
  .clx-app-account .woocommerce-table--order-details th,
  .clx-app-account .woocommerce-table--order-details td{padding:12px !important; font-size:14px !important;}
  .clx-app-account .woocommerce-column--billing-address,
  .clx-app-account .woocommerce-column--shipping-address{padding:14px !important; border-radius:18px !important;}
}


/* ===== CLX Minha Conta 2026 v4.5.1 — Microajustes finos ===== */
.clx-app-account.endpoint-orders .woocommerce-orders-table thead th{
  padding:14px 12px !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
}
.clx-app-account.endpoint-orders .woocommerce-orders-table tbody td{
  padding:12px 12px !important;
  font-size:13px !important;
  line-height:1.35 !important;
}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number a{
  font-size:15px !important;
  font-weight:700 !important;
}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total{
  font-size:13px !important;
  color:rgba(247,253,255,.9) !important;
}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking{
  width:22% !important;
  min-width:185px !important;
}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions{
  width:118px !important;
  min-width:118px !important;
}
.clx-track-cell--radical{
  gap:8px !important;
}
.clx-track-cell--radical .clx-track-pills{
  gap:6px !important;
}
.clx-track-cell--radical .clx-track-pill{
  min-height:26px !important;
  padding:0 10px !important;
  font-size:10px !important;
  letter-spacing:.16em !important;
}
.clx-track-meta--clean{
  font-size:12px !important;
  line-height:1.25 !important;
}
.clx-track-meta--clean br{display:none !important;}
.clx-track-actions--clean .clx-track-button{
  min-height:30px !important;
  padding:0 12px !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
  gap:6px !important;
}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button{
  min-height:30px !important;
  padding:0 12px !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
}
.clx-app-account.endpoint-view-order .woocommerce-order > p:first-of-type{
  margin:0 0 14px !important;
  font-size:14px !important;
  line-height:1.45 !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical{
  margin:0 0 14px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-panel__body{
  gap:12px !important;
  grid-template-columns:minmax(220px, 290px) minmax(0,1fr) !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-summary,
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-updates{
  padding:18px !important;
  border-radius:20px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-card-head{
  margin-bottom:10px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-card-head h3{
  font-size:16px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-line{
  gap:2px !important;
  margin:0 0 10px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-line span{
  font-size:13px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-code-wrap--radical{
  margin:0 0 10px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-code{
  min-height:36px !important;
  padding:0 12px !important;
  font-size:13px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-actions--stack{
  gap:8px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-actions--stack .button,
#clx-order-tracking.clx-order-tracking-panel--radical .clx-track-actions--stack .clx-track-button{
  min-height:34px !important;
  padding:0 14px !important;
  font-size:11px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-journey{
  gap:10px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step{
  min-height:62px !important;
  padding:12px 12px 12px 14px !important;
  border-radius:16px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body strong{
  font-size:13px !important;
}
#clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body em{
  font-size:11px !important;
}
.clx-app-account .woocommerce-table--order-details,
.clx-app-account .shop_table.order_details,
.clx-app-account .woocommerce-table.woocommerce-table--order-details.shop_table.order_details{
  border-radius:18px !important;
}
.clx-app-account .woocommerce-table--order-details th,
.clx-app-account .woocommerce-table--order-details td{
  padding:12px 12px !important;
  font-size:14px !important;
}
.clx-app-account .woocommerce-column--billing-address,
.clx-app-account .woocommerce-column--shipping-address{
  padding:16px !important;
  border-radius:18px !important;
}
.clx-app-account .woocommerce-column--billing-address address,
.clx-app-account .woocommerce-column--shipping-address address{
  font-size:14px !important;
  line-height:1.48 !important;
}
@media (max-width: 900px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr{
    margin:0 0 12px !important;
    padding:12px !important;
    border-radius:18px !important;
  }
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td{
    padding:8px 0 0 !important;
    font-size:13px !important;
  }
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td::before{
    margin-bottom:4px !important;
    font-size:10px !important;
    letter-spacing:.12em !important;
  }
  .clx-track-cell--radical .clx-track-pills{
    gap:5px !important;
  }
  .clx-track-cell--radical .clx-track-pill{
    min-height:24px !important;
    padding:0 9px !important;
    font-size:9px !important;
  }
  .clx-track-meta--clean{
    font-size:11px !important;
    line-height:1.22 !important;
  }
  .clx-track-actions--clean .clx-track-button,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button{
    min-height:32px !important;
    padding:0 11px !important;
    font-size:10px !important;
    letter-spacing:.12em !important;
  }
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-summary,
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-updates{
    padding:14px !important;
    border-radius:18px !important;
  }
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-card-head h3{
    font-size:15px !important;
  }
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-track-code{
    width:100% !important;
    justify-content:flex-start !important;
    min-height:34px !important;
    font-size:12px !important;
  }
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-track-actions--stack .button,
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-track-actions--stack .clx-track-button{
    width:100% !important;
    justify-content:center !important;
    min-height:32px !important;
    font-size:10px !important;
  }
  #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step{
    min-height:56px !important;
    padding:10px 10px 10px 12px !important;
  }
  .clx-app-account .woocommerce-table--order-details th,
  .clx-app-account .woocommerce-table--order-details td{
    padding:10px !important;
    font-size:13px !important;
  }
  .clx-app-account .woocommerce-column--billing-address,
  .clx-app-account .woocommerce-column--shipping-address{
    padding:12px !important;
    border-radius:16px !important;
  }
  .clx-app-account .woocommerce-column--billing-address address,
  .clx-app-account .woocommerce-column--shipping-address address{
    font-size:13px !important;
    line-height:1.42 !important;
  }
}

/* v4.5.2 — tighten tracking/actions columns to prevent overflow */
@media (min-width: 901px) {
  .clx-app-account.endpoint-orders .woocommerce-orders-table,
  .clx-app-account.endpoint-orders .woocommerce-orders-table--orders {
    table-layout: fixed;
    width: 100%;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-number,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number {
    width: 88px;
    min-width: 88px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-date,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date {
    width: 124px;
    min-width: 124px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-status,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status {
    width: 144px;
    min-width: 144px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking {
    width: 196px;
    min-width: 196px;
    max-width: 196px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-total,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total {
    width: 128px;
    min-width: 128px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions {
    width: 146px;
    min-width: 146px;
    max-width: 146px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td {
    vertical-align: top;
    overflow: hidden;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions {
    overflow: hidden;
  }

  .clx-track-cell {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
  }

  .clx-track-pills,
  .clx-track-code-wrap--inline,
  .clx-track-actions--inline {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    max-width: 100%;
    min-width: 0;
  }

  .clx-track-pill {
    max-width: 100%;
  }

  .clx-track-meta,
  .clx-track-empty,
  .clx-track-mini,
  .clx-track-meta--inline {
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .clx-track-code--compact {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .clx-track-actions--inline .button {
    flex: 0 0 auto;
    max-width: 100%;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button {
    width: 100%;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media (min-width: 901px) and (max-width: 1180px) {
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking {
    width: 176px;
    min-width: 176px;
    max-width: 176px;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions {
    width: 136px;
    min-width: 136px;
    max-width: 136px;
  }
}


/* v4.5.3 — tracking column compact fix */
.clx-app-account.endpoint-orders .woocommerce-orders-table{
  table-layout:fixed !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-number{
  width:10% !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-date{
  width:16% !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-status{
  width:18% !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking{
  width:18% !important;
  min-width:180px !important;
  max-width:220px !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-total{
  width:14% !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
.clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions{
  width:124px !important;
  min-width:124px !important;
  max-width:124px !important;
}

.clx-track-cell--radical{
  gap:8px !important;
  width:100% !important;
  max-width:100% !important;
}

.clx-track-cell--radical.is-available .clx-track-pill.is-live{
  max-width:100% !important;
}

.clx-track-cell--radical .clx-track-meta--clean{
  width:100% !important;
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  align-items:flex-start !important;
  min-width:0 !important;
}

.clx-track-cell--radical .clx-track-carrier{
  display:block !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:12px !important;
  line-height:1.2 !important;
}

.clx-track-cell--radical .clx-track-code-inline{
  display:inline-flex !important;
  max-width:100% !important;
  padding:5px 9px !important;
  border-radius:12px !important;
  background:rgba(0,0,0,.26) !important;
  border:1px solid rgba(39,240,138,.18) !important;
  color:#d7fff1 !important;
  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.05em !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.clx-track-actions--clean{
  width:100% !important;
}

.clx-track-actions--clean .clx-track-button{
  width:100% !important;
  justify-content:center !important;
  min-height:32px !important;
  padding:0 10px !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
  align-items:stretch !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button{
  width:100% !important;
  justify-content:center !important;
  min-height:32px !important;
  padding:0 10px !important;
  font-size:11px !important;
  letter-spacing:.14em !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date{
  overflow-wrap:anywhere !important;
}


/* v4.5.4 hotfix — increase actions and shrink tracking */
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-pill{max-width:100% !important;}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-meta--clean{display:none !important;}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-button{width:100% !important; max-width:124px !important;}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{gap:8px !important; align-items:flex-start !important;}
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button{width:100% !important; max-width:132px !important;}


/* v4.5.5 — senior fix rastreio x ações */
@media (min-width: 901px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table,
  .clx-app-account.endpoint-orders .woocommerce-orders-table--orders{
    table-layout:fixed !important;
    width:100% !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-number,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number{
    width:96px !important;
    min-width:96px !important;
    max-width:96px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-date,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date{
    width:140px !important;
    min-width:140px !important;
    max-width:140px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-status,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status{
    width:164px !important;
    min-width:164px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-total,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total{
    width:146px !important;
    min-width:146px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
    width:188px !important;
    min-width:188px !important;
    max-width:188px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td{
    overflow:hidden !important;
    vertical-align:middle !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
    padding-right:10px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:8px !important;
    padding-left:14px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .button{
    width:100% !important;
    max-width:none !important;
    min-height:36px !important;
    padding:0 14px !important;
    justify-content:center !important;
    white-space:nowrap !important;
  }

  .clx-track-cell--list{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:8px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .clx-track-cell--list .clx-track-pill{
    max-width:100% !important;
    min-height:28px !important;
    padding:0 10px !important;
    font-size:10px !important;
    letter-spacing:.14em !important;
  }

  .clx-track-cell--list .clx-track-code-inline{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:8px 10px !important;
    border-radius:12px !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    box-sizing:border-box !important;
    font-size:11px !important;
    letter-spacing:.04em !important;
  }

  .clx-track-cell--list .clx-track-actions--inline{
    width:100% !important;
  }

  .clx-track-cell--list .clx-track-button{
    width:100% !important;
    max-width:none !important;
    min-height:34px !important;
    padding:0 12px !important;
    font-size:11px !important;
    letter-spacing:.14em !important;
    justify-content:center !important;
  }

  .clx-track-empty{
    display:inline-flex !important;
    align-items:center !important;
    min-height:28px !important;
    opacity:.56 !important;
    font-size:18px !important;
    line-height:1 !important;
  }
}

@media (min-width: 901px) and (max-width: 1180px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
    width:136px !important;
    min-width:136px !important;
    max-width:136px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
    width:176px !important;
    min-width:176px !important;
    max-width:176px !important;
  }
}

/* ===== v4.6.0 radical cleanup: actions menu, compact tracking, inline addresses, timeline ===== */
.clx-app-account.endpoint-orders .woocommerce-orders-table,
.clx-app-account.endpoint-orders .woocommerce-orders-table--orders{
  table-layout:fixed !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
  width:132px !important;
  min-width:132px !important;
  max-width:132px !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
  width:156px !important;
  min-width:156px !important;
  max-width:156px !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table thead th,
.clx-app-account.endpoint-orders .woocommerce-orders-table tbody td{
  padding:12px 12px !important;
  vertical-align:middle !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr{
  height:auto !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date{
  font-size:13px !important;
  line-height:1.45 !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
  overflow:visible !important;
}

.clx-track-cell--compact{
  display:flex !important;
  align-items:center !important;
  min-height:40px !important;
}

.clx-track-cell--compact .clx-track-code-inline{
  display:inline-flex !important;
  align-items:center !important;
  max-width:108px !important;
  min-height:30px !important;
  padding:0 10px !important;
  font-size:11px !important;
  letter-spacing:.08em !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  border-radius:999px !important;
}

.clx-track-cell--compact .clx-track-empty{
  opacity:.55 !important;
}

.clx-order-actions-menu{
  position:relative !important;
  width:100% !important;
}

.clx-order-actions-toggle{
  width:100% !important;
  min-height:38px !important;
  height:38px !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
  border-radius:999px !important;
  font-size:11px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

.clx-order-actions-caret{
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(45deg) translateY(-1px);
  transition:transform .18s ease;
  flex:0 0 auto;
}

.clx-order-actions-menu.is-open .clx-order-actions-caret{
  transform:rotate(-135deg) translateY(-1px);
}

.clx-order-actions-panel{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  z-index:25 !important;
  width:100% !important;
  min-width:144px !important;
  display:none !important;
  padding:8px !important;
  border-radius:16px !important;
  border:1px solid rgba(39,240,138,.18) !important;
  background:linear-gradient(180deg, rgba(4,13,18,.98), rgba(7,16,28,.98)) !important;
  box-shadow:0 16px 36px rgba(0,0,0,.32) !important;
}

.clx-order-actions-menu.is-open .clx-order-actions-panel{
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .clx-order-actions-link{
  width:100% !important;
  min-height:34px !important;
  height:34px !important;
  margin:0 !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  font-size:11px !important;
  letter-spacing:.16em !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .clx-order-actions-link.cancel,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .clx-order-actions-link[href*="cancel"]{
  opacity:.88 !important;
}

.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-panel__body{
  gap:18px !important;
}

.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-summary,
.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-updates--stages{
  min-height:auto !important;
}

.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-journey{
  display:grid !important;
  grid-template-columns:repeat(5, minmax(0, 1fr)) !important;
  gap:18px !important;
  position:relative !important;
  align-items:start !important;
}

.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step{
  position:relative !important;
  padding:28px 0 0 0 !important;
  border:none !important;
  background:transparent !important;
  min-height:auto !important;
}

.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step::before{
  content:"";
  position:absolute;
  top:10px;
  left:50%;
  right:-50%;
  height:2px;
  background:rgba(255,255,255,.12);
}

.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step:last-child::before{
  display:none;
}

.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__dot{
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:12px !important;
  height:12px !important;
  box-shadow:0 0 0 5px rgba(6,12,18,.95) !important;
}

.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body{
  display:flex !important;
  flex-direction:column !important;
  gap:6px !important;
  align-items:center !important;
  text-align:center !important;
}

.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body strong{
  font-size:14px !important;
}

.clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body em{
  font-size:12px !important;
  line-height:1.4 !important;
}

.clx-app-account.endpoint-view-order .woocommerce-customer-details address,
.clx-app-account.endpoint-view-order .woocommerce-columns address{
  line-height:1.5 !important;
}

.clx-address-inline{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px 10px !important;
  align-items:center !important;
}

.clx-address-inline__item{
  display:inline-flex !important;
  align-items:center !important;
  white-space:normal !important;
  line-height:1.45 !important;
}

.clx-address-inline__item:not(.is-name):not(.is-contact)::before{
  content:'•';
  opacity:.45;
  margin-right:10px;
}

.clx-address-inline__item.is-name{
  width:100% !important;
  font-weight:700 !important;
}

.clx-address-inline__contact{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px 16px !important;
  width:100% !important;
  margin-top:2px !important;
}

.clx-address-inline__contact .clx-address-inline__item{
  white-space:nowrap !important;
}

@media (max-width: 1180px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
    width:120px !important;
    min-width:120px !important;
    max-width:120px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
    width:148px !important;
    min-width:148px !important;
    max-width:148px !important;
  }
}

@media (max-width: 980px){
  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-journey{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step{
    padding:0 0 0 26px !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step::before{
    top:12px;
    left:5px;
    right:auto;
    width:2px;
    height:calc(100% + 14px);
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step:last-child::before{
    display:block;
    height:0;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__dot{
    top:7px !important;
    left:0 !important;
    transform:none !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body{
    align-items:flex-start !important;
    text-align:left !important;
  }
}

@media (max-width: 767px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .clx-order-actions-toggle{
    min-height:36px !important;
    height:36px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td{
    padding:12px 12px !important;
  }

  .clx-address-inline{
    gap:6px 8px !important;
  }

  .clx-address-inline__item,
  .clx-address-inline__contact .clx-address-inline__item{
    white-space:normal !important;
  }
}


/* ===== v4.6.1 microfixes: address order, action menu layer, compact mobile ===== */
.clx-app-account.endpoint-orders .woocommerce-orders-table,
.clx-app-account.endpoint-orders .woocommerce-orders-table tbody,
.clx-app-account.endpoint-orders .woocommerce-orders-table tr,
.clx-app-account.endpoint-orders .woocommerce-orders-table td{
  overflow:visible !important;
}

.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions,
.clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
  position:relative !important;
}

.clx-order-actions-menu.is-open{
  z-index:120 !important;
}

.clx-order-actions-panel{
  z-index:999 !important;
}

.clx-track-cell--compact{
  justify-content:center !important;
}

.clx-track-cell--compact .clx-track-code-inline{
  justify-content:center !important;
  text-align:center !important;
  margin-inline:auto !important;
}

@media (min-width: 901px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
    min-width:188px !important;
    width:188px !important;
    max-width:188px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-order-actions{
    min-width:188px !important;
    width:188px !important;
    max-width:188px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking{
    min-width:132px !important;
    width:132px !important;
    max-width:132px !important;
  }
}

@media (max-width: 900px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr{
    margin-bottom:10px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    align-items:center !important;
    gap:4px 10px !important;
    padding:5px 0 !important;
    min-height:auto !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td::before{
    margin:0 !important;
    grid-column:1 !important;
    align-self:center !important;
    font-size:0.64rem !important;
    line-height:1.1 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td > *{
    grid-column:2 !important;
    min-width:0 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number{
    font-size:0.92rem !important;
    line-height:1.3 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date time,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number a{
    justify-self:end !important;
    text-align:right !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
    align-items:start !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking::before{
    content:'Rastreio' !important;
    align-self:start !important;
    padding-top:2px !important;
  }

  .clx-track-cell--compact{
    display:block !important;
    width:100% !important;
    min-height:auto !important;
    justify-content:flex-start !important;
  }

  .clx-track-cell--compact .clx-track-code-inline,
  .clx-track-cell--compact .clx-track-empty{
    display:inline-flex !important;
    justify-content:flex-end !important;
    margin-left:auto !important;
    text-align:right !important;
  }

  .clx-track-cell--compact .clx-track-code-inline{
    max-width:100% !important;
    min-height:24px !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    font-size:0.82rem !important;
    letter-spacing:.03em !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
    grid-template-columns:1fr !important;
    justify-items:end !important;
    gap:0 !important;
    padding-top:2px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions::before{
    display:none !important;
    content:'' !important;
  }

  .clx-order-actions-menu{
    width:auto !important;
    min-width:92px !important;
    margin-left:auto !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .clx-order-actions-toggle{
    min-height:34px !important;
    height:34px !important;
    padding:0 12px !important;
  }
}

@media (max-width: 640px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr{
    padding:9px 10px !important;
    border-radius:15px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td{
    grid-template-columns:68px minmax(0,1fr) !important;
    gap:3px 8px !important;
    padding:4px 0 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td::before{
    font-size:0.6rem !important;
    letter-spacing:.1em !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-date,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-status,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-total,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-number,
  .clx-track-cell--compact .clx-track-code-inline,
  .clx-track-cell--compact .clx-track-empty{
    font-size:0.86rem !important;
    line-height:1.24 !important;
  }
}


/* v4.7.0 — actions outside table */
@media (min-width: 901px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
    overflow: visible !important;
  }

  .clx-app-account.endpoint-orders .clx-order-actions-menu{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
  }

  .clx-app-account.endpoint-orders .clx-order-actions-toggle{
    min-width: 158px !important;
    max-width: 170px !important;
    margin-left: auto !important;
  }
}

.clx-order-actions-panel--floating{
  position: fixed !important;
  z-index: 2147483647 !important;
  min-width: 174px !important;
  max-width: 190px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
  padding:12px !important;
  border-radius:18px !important;
  border:1px solid rgba(39,240,138,.22) !important;
  background:
    radial-gradient(circle at top left, rgba(39,240,138,.08), transparent 42%),
    linear-gradient(180deg, rgba(3,12,10,.985), rgba(5,16,24,.985)) !important;
  box-shadow:
    0 0 0 1px rgba(39,240,138,.08),
    0 18px 42px rgba(0,0,0,.42),
    0 0 26px rgba(39,240,138,.10) !important;
  backdrop-filter: blur(12px) saturate(118%);
  visibility:hidden;
}

.clx-order-actions-panel--floating::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:17px;
  pointer-events:none;
  background:linear-gradient(180deg, rgba(255,255,255,.015), rgba(255,255,255,0));
}

.clx-order-actions-panel--floating .clx-order-actions-link{
  position: relative;
  z-index: 1;
  width:100% !important;
  min-height:38px !important;
  height:38px !important;
  margin:0 !important;
  padding:0 14px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid rgba(39,240,138,.24) !important;
  background: linear-gradient(180deg, rgba(6,24,16,.96), rgba(6,18,15,.96)) !important;
  color: var(--clx-green) !important;
  text-decoration:none !important;
  text-transform: uppercase !important;
  font-size:10.5px !important;
  font-weight:700 !important;
  letter-spacing:.18em !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 0 0 1px rgba(39,240,138,.04),
    0 8px 18px rgba(0,0,0,.18) !important;
  transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

.clx-order-actions-panel--floating .clx-order-actions-link:hover,
.clx-order-actions-panel--floating .clx-order-actions-link:focus-visible{
  transform: translateY(-1px);
  border-color: rgba(39,240,138,.42) !important;
  background: linear-gradient(180deg, rgba(8,29,19,.98), rgba(8,20,16,.98)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(39,240,138,.08),
    0 12px 22px rgba(0,0,0,.24),
    0 0 18px rgba(39,240,138,.14) !important;
}

.clx-order-actions-panel--floating .clx-order-actions-link.cancel,
.clx-order-actions-panel--floating .clx-order-actions-link[href*="cancel"]{
  border-color: rgba(236,255,245,.12) !important;
  background: linear-gradient(180deg, rgba(11,18,28,.96), rgba(8,14,22,.96)) !important;
  color: rgba(236,255,245,.86) !important;
}

.clx-order-actions-panel--floating .clx-order-actions-link.cancel:hover,
.clx-order-actions-panel--floating .clx-order-actions-link[href*="cancel"]:hover{
  border-color: rgba(236,255,245,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 20px rgba(0,0,0,.22) !important;
}

@media (max-width: 900px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td[data-title="Total"] .clx-order-total-meta{
    display:none !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td[data-title="Total"] .clx-order-total-value{
    display:block !important;
    width:100% !important;
    text-align:right !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td[data-title="Ações"]{
    align-items:flex-start !important;
    justify-items:start !important;
    padding-top:0 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td[data-title="Ações"]::before{
    display:none !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td[data-title="Ações"] .clx-order-actions-menu{
    width:100% !important;
    display:flex !important;
    justify-content:flex-end !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td[data-title="Ações"] .clx-order-actions-toggle{
    width:auto !important;
    min-width:126px !important;
    padding:0 18px !important;
    margin-left:auto !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td[data-title="Rastreio"]{
    align-items:start !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td[data-title="Rastreio"] .clx-track-cell--compact,
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody td[data-title="Rastreio"] .clx-track-empty{
    display:block !important;
    width:100% !important;
    text-align:right !important;
    margin-left:auto !important;
  }
}


/* ===== v4.7.3 mobile fix: view-order tracking timeline responsive ===== */
@media (max-width: 767px){
  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical,
  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-panel__body{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-panel__body{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:12px !important;
    align-items:stretch !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-tracking-summary,
  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-updates,
  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-updates--stages{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:14px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-card-head,
  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-card-head h3{
    width:100% !important;
    max-width:100% !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-card-head h3{
    font-size:14px !important;
    line-height:1.2 !important;
    white-space:normal !important;
    word-break:break-word !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-track-empty-state{
    min-height:120px !important;
    border-radius:16px !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-journey{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    gap:10px !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin:0 !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:56px !important;
    padding:0 0 0 24px !important;
    border-radius:14px !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step::before{
    top:10px !important;
    left:5px !important;
    right:auto !important;
    width:2px !important;
    height:calc(100% + 10px) !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step:last-child::before{
    height:0 !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__dot{
    top:5px !important;
    left:0 !important;
    transform:none !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body{
    width:100% !important;
    min-width:0 !important;
    align-items:flex-start !important;
    text-align:left !important;
    gap:4px !important;
  }

  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body strong,
  .clx-app-account.endpoint-view-order #clx-order-tracking.clx-order-tracking-panel--radical .clx-order-step__body em{
    white-space:normal !important;
    word-break:break-word !important;
    overflow-wrap:anywhere !important;
  }
}

/* v4.7.4 mobile orders tracking alignment */
@media (max-width: 900px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    align-items:start !important;
    gap:4px 10px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking > *{
    grid-column:2 !important;
    min-width:0 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-cell--compact,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-empty,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-code-inline{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    text-align:right !important;
    margin:0 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-cell--compact{
    justify-content:flex-end !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-code-inline,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-empty{
    min-height:20px !important;
    padding:0 !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    align-items:start !important;
    gap:4px 10px !important;
    padding-top:0 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions::before{
    display:none !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions .clx-order-actions-menu{
    grid-column:2 !important;
    width:100% !important;
    display:flex !important;
    justify-content:flex-end !important;
    margin:0 !important;
  }
}

@media (max-width: 640px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
    grid-template-columns:68px minmax(0,1fr) !important;
    gap:3px 8px !important;
  }
}





/* v4.7.7 mobile tracking stays inside tracking td */
@media (max-width: 900px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
    display:grid !important;
    grid-template-columns:72px minmax(0,1fr) !important;
    align-items:center !important;
    justify-items:stretch !important;
    gap:4px 10px !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking::before{
    grid-column:1 !important;
    align-self:center !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking > *{
    grid-column:2 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-cell--compact,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-empty{
    display:flex !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    justify-content:flex-end !important;
    align-items:center !important;
    text-align:right !important;
    margin:0 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking .clx-track-code-inline{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    min-height:20px !important;
    padding:0 !important;
    margin:0 !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking.clx-mobile-track-hidden .clx-track-code-inline{
    display:block !important;
  }
}

@media (max-width: 640px){
  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking,
  .clx-app-account.endpoint-orders .woocommerce-orders-table__header-clx_tracking{
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-clx_tracking{
    grid-template-columns:68px minmax(0,1fr) !important;
    gap:3px 8px !important;
  }
}


/* ===== v4.7.8 desktop orders shell alignment fix ===== */
@media (min-width: 901px){
  .clx-app-account.endpoint-orders .clx-native-card{
    padding:0 !important;
    overflow:hidden !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table,
  .clx-app-account.endpoint-orders .woocommerce-orders-table--orders{
    width:100% !important;
    margin:0 !important;
    border:none !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table thead th:first-child,
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr:first-child td:first-child{
    border-top-left-radius:inherit !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table thead th:last-child,
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr:first-child td:last-child{
    border-top-right-radius:inherit !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr:last-child td:first-child{
    border-bottom-left-radius:inherit !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody tr:last-child td:last-child{
    border-bottom-right-radius:inherit !important;
  }

  .clx-app-account.endpoint-orders nav.woocommerce-pagination{
    padding:16px 22px 22px !important;
    margin:0 !important;
  }

  .clx-app-account.endpoint-orders .clx-orders-empty-state{
    margin:22px !important;
  }
}

/* ===== v4.7.9 mobile orders shell cleanup ===== */
@media (max-width: 900px){
  .clx-app-account.endpoint-orders .clx-native-card{
    padding:0 !important;
    min-height:auto !important;
    border:none !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    overflow:visible !important;
  }

  .clx-app-account.endpoint-orders .woocommerce,
  .clx-app-account.endpoint-orders .woocommerce-MyAccount-content,
  .clx-app-account.endpoint-orders .woocommerce-orders-table,
  .clx-app-account.endpoint-orders .woocommerce-orders-table--orders,
  .clx-app-account.endpoint-orders nav.woocommerce-pagination,
  .clx-app-account.endpoint-orders .woocommerce-pagination{
    background:transparent !important;
    box-shadow:none !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table,
  .clx-app-account.endpoint-orders .woocommerce-orders-table--orders{
    margin:0 !important;
    border:none !important;
    border-radius:0 !important;
    overflow:visible !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-pagination,
  .clx-app-account.endpoint-orders nav.woocommerce-pagination{
    padding:4px 0 0 !important;
    margin:8px 0 0 !important;
    border:none !important;
  }
}


/* v4.8.1 mobile actions bottom safe half */
@media (max-width: 900px){
  .clx-app-account.endpoint-orders{
    padding-bottom: 96px !important;
  }

  .clx-app-account.endpoint-orders .clx-app-main,
  .clx-app-account.endpoint-orders .clx-main-content,
  .clx-app-account.endpoint-orders .clx-native-card{
    overflow: visible !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table,
  .clx-app-account.endpoint-orders .woocommerce-orders-table tbody,
  .clx-app-account.endpoint-orders .woocommerce-orders-table tr,
  .clx-app-account.endpoint-orders .woocommerce-orders-table td{
    overflow: visible !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-pagination,
  .clx-app-account.endpoint-orders nav.woocommerce-pagination{
    margin-bottom: 48px !important;
    padding-bottom: calc(48px + env(safe-area-inset-bottom, 0px)) !important;
  }

  .clx-app-account.endpoint-orders .woocommerce-orders-table__cell-order-actions{
    padding-bottom: 8px !important;
  }

  .clx-app-account.endpoint-orders .clx-order-actions-panel{
    margin-bottom: 8px !important;
  }
}

/* ===== v4.9.0 — OTP Login & Google Login buttons styling ===== */
.clx-login-tabs {
  display: flex;
  margin-bottom: 24px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(39, 240, 138, 0.08);
  border-radius: 14px;
  padding: 4px;
}

.clx-login-tab-btn {
  flex: 1;
  background: transparent !important;
  border: none !important;
  color: #798e88 !important;
  padding: 12px 16px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  border-radius: 10px !important;
  cursor: pointer !important;
  transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: none !important;
}

.clx-login-tab-btn:hover {
  color: #bcd0ca !important;
}

.clx-login-tab-btn.is-active {
  background: rgba(39, 240, 138, 0.08) !important;
  color: #27f08a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
}

.clx-login-form-container {
  animation: clxLoginFormFadeIn .3s cubic-bezier(0.4, 0, 0.2, 1);
}

@keyframes clxLoginFormFadeIn {
  from { opacity: 0; transform: translateY(6px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Nextend Social Login (Google Button) Premium Styling */
.clx-guest-auth-col--login .nsl-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
  width: 100% !important;
  gap: 12px !important;
}

.clx-guest-auth-col--login .nsl-container::before {
  content: "Ou entre com sua conta social" !important;
  display: block !important;
  text-align: center !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: .12em !important;
  color: #51645e !important;
  margin-bottom: 8px !important;
}

.clx-guest-auth-col--login .nsl-container .nsl-button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 14px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  transition: all .25s ease !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.02) !important;
  color: #bcd0ca !important;
  padding: 0 16px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1) !important;
}

.clx-guest-auth-col--login .nsl-container .nsl-button:hover {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(39, 240, 138, 0.25) !important;
  color: #eefef9 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 16px rgba(39, 240, 138, 0.06) !important;
}

.clx-guest-auth-col--login .nsl-container .nsl-button-google {
  background: rgba(255, 255, 255, 0.01) !important;
}

.clx-guest-auth-col--login .nsl-container .nsl-button svg {
  margin-right: 12px !important;
  width: 18px !important;
  height: 18px !important;
}

/* Magic/OTP Form Button customization */
.clx-magic-form .button {
  width: 100% !important;
  min-height: 48px !important;
  border-radius: 14px !important;
  background: #27f08a !important;
  color: #0b141b !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  border: none !important;
  transition: all .25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 4px 14px rgba(39, 240, 138, 0.15) !important;
}

.clx-magic-form .button:hover {
  background: #1fe07c !important;
  transform: translateY(-1.5px) !important;
  box-shadow: 0 8px 22px rgba(39, 240, 138, 0.3) !important;
}

/* Premium OTP Verification Card Design */
.clx-guest-auth-shell--otp {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 10px 0 !important;
  width: 100% !important;
}

.clx-otp-card-container {
  width: 100% !important;
  max-width: 480px !important;
  margin: 0 auto !important;
  background: linear-gradient(135deg, rgba(18, 32, 43, 0.95), rgba(11, 20, 27, 0.98)) !important;
  border: 1px solid rgba(39, 240, 138, 0.14) !important;
  border-radius: 24px !important;
  padding: 40px 32px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 
              inset 0 1px 0 rgba(255, 255, 255, 0.05),
              0 0 40px rgba(39, 240, 138, 0.02) !important;
  backdrop-filter: blur(10px) !important;
  animation: clxOtpCardFadeIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes clxOtpCardFadeIn {
  from { opacity: 0; transform: translateY(15px); }
  to { opacity: 1; transform: translateY(0); }
}

.clx-otp-card-header {
  text-align: center !important;
  margin-bottom: 32px !important;
}

.clx-otp-card-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 64px !important;
  height: 64px !important;
  border-radius: 50% !important;
  background: rgba(39, 240, 138, 0.08) !important;
  border: 1px solid rgba(39, 240, 138, 0.2) !important;
  color: #27f08a !important;
  margin-bottom: 20px !important;
  box-shadow: 0 0 20px rgba(39, 240, 138, 0.05) !important;
  animation: clxIconPulse 2s infinite ease-in-out !important;
}

@keyframes clxIconPulse {
  0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(39, 240, 138, 0.2); }
  70% { transform: scale(1.03); box-shadow: 0 0 0 10px rgba(39, 240, 138, 0); }
  100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(39, 240, 138, 0); }
}

.clx-otp-card-header h2 {
  font-size: 22px !important;
  font-weight: 800 !important;
  color: #eefef9 !important;
  margin: 0 0 10px !important;
  letter-spacing: -0.02em !important;
}

.clx-otp-desc {
  font-size: 14px !important;
  color: #798e88 !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.clx-otp-target-email {
  display: inline-block !important;
  font-weight: 700 !important;
  color: #27f08a !important;
  margin-top: 4px !important;
  background: rgba(39, 240, 138, 0.05) !important;
  padding: 2px 10px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(39, 240, 138, 0.1) !important;
}

.clx-otp-form-group {
  margin-bottom: 28px !important;
}

.clx-otp-label {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.1em !important;
  color: #51645e !important;
  margin-bottom: 10px !important;
}

.clx-otp-input-field {
  width: 100% !important;
  min-height: 56px !important;
  background: #0b141b !important;
  border: 1px solid rgba(39, 240, 138, 0.16) !important;
  border-radius: 14px !important;
  color: #27f08a !important;
  font-size: 28px !important;
  font-weight: 800 !important;
  letter-spacing: 12px !important;
  text-align: center !important;
  padding-left: 18px !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

.clx-otp-input-field::placeholder {
  color: rgba(39, 240, 138, 0.15) !important;
  letter-spacing: 12px !important;
}

.clx-otp-input-field:focus {
  border-color: #27f08a !important;
  outline: none !important;
  background: #0d1e26 !important;
  box-shadow: 0 0 16px rgba(39, 240, 138, 0.15),
              inset 0 2px 6px rgba(0, 0, 0, 0.2) !important;
}

.clx-otp-input-hint {
  display: block !important;
  font-size: 11px !important;
  color: #51645e !important;
  margin-top: 8px !important;
  line-height: 1.4 !important;
}

.clx-otp-btn-submit {
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 14px !important;
  background: #27f08a !important;
  color: #0b141b !important;
  font-weight: 800 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: .14em !important;
  border: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 4px 16px rgba(39, 240, 138, 0.18) !important;
  cursor: pointer !important;
}

.clx-otp-btn-submit:hover {
  background: #1fe07c !important;
  transform: translateY(-1.5px) !important;
  box-shadow: 0 8px 24px rgba(39, 240, 138, 0.35) !important;
}

.clx-otp-footer-actions {
  text-align: center !important;
  margin-top: 24px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
  padding-top: 20px !important;
}

.clx-otp-change-email-btn {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #798e88 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

.clx-otp-change-email-btn:hover {
  color: #27f08a !important;
}

/* Glassmorphic border hover enhancements on login/register inputs */
.woocommerce-Input--text:focus,
.woocommerce form .form-row input.input-text:focus {
  border-color: rgba(39, 240, 138, 0.5) !important;
  box-shadow: 0 0 12px rgba(39, 240, 138, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.01) !important;
}

/* Hint text below the email input on the unified login/register form */
.clx-magic-form-hint {
  display: block !important;
  margin-top: 8px !important;
  font-size: 11.5px !important;
  color: #798e88 !important;
  line-height: 1.5 !important;
  letter-spacing: 0.01em !important;
}

/* New-user OTP confirmation sub-hint */
.clx-otp-new-user-hint {
  display: inline-block !important;
  margin-top: 6px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #27f08a !important;
  opacity: 0.85 !important;
  letter-spacing: 0.01em !important;
}

/* Split Layout for Desktop (Cobraleds guest page) */
@media (min-width: 901px) {
  .clx-guest-auth-split-wrapper {
    display: grid !important;
    grid-template-columns: 1.1fr 0.9fr !important;
    gap: 80px !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 1080px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
  }

  .clx-guest-auth-branding {
    display: flex !important;
    flex-direction: column !important;
    text-align: left !important;
  }

  .clx-branding-logo {
    margin-bottom: 24px !important;
  }

  .clx-branding-logo svg {
    width: 220px !important;
    height: 55px !important;
    display: block !important;
  }

  .clx-branding-title {
    font-size: 2.25rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    color: #ffffff !important;
    margin: 0 0 18px 0 !important;
    letter-spacing: -0.02em !important;
  }

  .clx-branding-subtitle {
    font-size: 1.05rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #8fa0ac !important;
    margin: 0 !important;
  }

  .clx-guest-card-wrapper {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
  }

  .clx-guest-main {
    max-width: 1200px !important;
    padding: 60px 0 !important;
  }
}

/* Hide branding on mobile viewports */
@media (max-width: 900px) {
  .clx-guest-auth-branding {
    display: none !important;
  }
  .clx-guest-auth-split-wrapper {
    display: block !important;
    width: 100% !important;
  }
  .clx-guest-card-wrapper {
    width: 100% !important;
  }
}