.sa-otp-block__hint {
  margin: 0 0 0.9rem;
  color: var(--sa-text-muted, #6b6b6b);
  font-size: 0.9rem;
}
.sa-otp-code {
  letter-spacing: 0.28em;
  font-size: 1.25rem !important;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  text-align: center;
  max-width: 12rem;
}
.sa-otp-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.sa-otp-back { margin-top: 0.5rem; font-size: 0.9rem; }
.sa-password-login {
  margin-top: 0.5rem;
  border-top: 1px solid var(--sa-border, #e4e4e4);
  padding-top: 0.85rem;
}
.sa-password-login > summary {
  cursor: pointer;
  color: var(--sa-accent, #F5A623);
  font-weight: 600;
  list-style: none;
}
.sa-password-login > summary::-webkit-details-marker { display: none; }
.sa-password-login[open] > summary { margin-bottom: 0.85rem; }


/* light account chrome */
.sa-account-nav { background: #fff; }
.sa-account-nav a {
  letter-spacing: 0;
  text-transform: none;
  font-size: .9rem;
  font-weight: 500;
  color: #191919;
}
.sa-account-nav a:hover,
.sa-account-nav .is-active a,
.woocommerce-MyAccount-navigation-link.is-active a {
  background: #f4f4f4;
  color: #191919;
}
.sa-dash__hero, .sa-my-account { color: #333; }

/* Full-width account content still needs natural table text and balanced tiles. */
.sa-my-account .sa-dash__table td {
  word-break: normal;
  overflow-wrap: normal;
}
.sa-my-account .sa-dash__table .sa-btn {
  white-space: nowrap;
}
.sa-my-account .sa-dash__table td:first-child a {
  white-space: nowrap;
}
@media (min-width: 801px) {
  .sa-my-account .sa-dash__links {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Woo notice buttons must not squeeze their message into a narrow mobile column. */
@media (max-width: 640px) {
  .sa-my-account .woocommerce-message,
  .sa-my-account .woocommerce-info,
  .sa-my-account .woocommerce-error {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .sa-my-account .woocommerce-message .button,
  .sa-my-account .woocommerce-info .button,
  .sa-my-account .woocommerce-error .button {
    float: none;
    order: 1;
    margin: 0;
    max-width: 100%;
  }
}