.account-auth {
  max-width:38rem;
  margin:2rem auto 3rem
}
.account-auth-card>h1 {
  font-size:1.8rem;
  margin-bottom:1rem
}
.account-auth p {
  margin:1rem 0;
  line-height:1.6
}
.account-auth form {
  display:grid;
  gap:1rem
}
.account-auth .account-logo {
  width:72px;
  height:72px;
  object-fit:contain;
  margin-bottom:1.25rem
}
.account-auth .form-group {
  display:flex;
  gap:.5rem;
  flex-wrap:wrap;
  margin-top:1rem
}
.account-auth .radio {
  padding:.75rem 0;
  border-bottom:1px solid var(--color-box-border)
}
.account-auth .radio label {
  display:flex;
  align-items:center;
  gap:.5rem;
  flex-wrap:wrap
}
.account-auth .socialaccount_providers {
  display:flex;
  gap:1rem;
  flex-wrap:wrap
}
.account-auth .login-or {
  text-align:center;
  margin:1rem
}
.account-auth .login-divider {
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:1rem;
  color:var(--color-ink-500);
  font-size:.875rem
}
.account-auth .login .field-help a {
  color:var(--color-accent-content);
  font-weight:500;
  text-decoration:underline;
  text-underline-offset:3px
}
.account-auth .login .field-help a:hover {
  text-decoration-thickness:2px
}
.account-auth .login .field-help a:focus-visible {
  outline:2px solid currentColor;
  outline-offset:3px;
  border-radius:2px
}
.account-page {
  padding:1.5rem 0
}
.account-page h1 {
  font-size:1.75rem;
  margin-bottom:1.5rem
}
.account-page h2 {
  font-size:1.15rem;
  font-weight:600;
  margin-bottom:1rem
}
.account-grid {
  display:grid;
  grid-template-columns:minmax(0,2fr) minmax(15rem,1fr);
  gap:1.5rem;
  align-items:start
}
.account-stack {
  display:grid;
  gap:1rem;
  min-width:0
}
.account-nav {
  display:grid;
  gap:.25rem
}
.account-nav a {
  display:block;
  padding:.8rem 1rem;
  border-radius:var(--radius-control,.5rem);
  color:inherit
}
.account-nav a:hover {
  background:#f5f7f6
}
.account-nav a[aria-current=page] {
  background:#edf7f0;
  color:var(--color-accent-content,#17663d);
  font-weight:600
}
.account-table-scroll {
  overflow-x:auto
}
.account-table {
  width:100%;
  border-collapse:collapse;
  font-size:.9rem
}
.account-table th {
  text-align:left;
  font-weight:600;
  color:#647069;
  white-space:nowrap
}
.account-table td,.account-table th {
  padding:1rem;
  border-bottom:1px solid var(--color-box-border,#e5e7eb)
}
.account-table tbody tr:last-child td {
  border-bottom:0
}
.account-table tbody tr[data-order-url] {
  cursor:pointer
}
.account-table tbody tr:hover {
  background:#fafcfb
}
.account-table a {
  font-weight:600
}
.account-pagination {
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1rem;
  margin:1.5rem 0
}
.account-edit {
  max-width:38rem
}
.account-edit form {
  display:grid;
  gap:1rem
}
.order-heading {
  display:flex;
  gap:1rem;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  margin:1.5rem 0
}
.order-heading h1 {
  margin:0
}
.order-facts {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1rem;
  margin:1.25rem 0
}
.order-facts dt {
  font-size:.8rem;
  color:#647069;
  margin-bottom:.5rem
}
.order-facts dd {
  margin:0;
  font-weight:500
}
.order-totals>div {
  display:flex;
  gap:1rem;
  justify-content:space-between;
  padding:.85rem 0;
  border-bottom:1px solid var(--color-box-border,#e5e7eb)
}
.order-totals dd {
  margin:0
}
.order-totals .order-grand-total {
  font-size:1.15rem;
  font-weight:700;
  border-bottom:0
}
.order-customer {
  margin-top:1.5rem
}
.order-customer p {
  margin:.4rem 0
}
.order-product {
  display:flex;
  align-items:center;
  gap:1rem
}
.order-product img {
  object-fit:contain;
  width:80px;
  height:80px
}
.order-extension-items li {
  display:flex;
  align-items:center;
  gap:1rem;
  padding:.75rem 0;
  border-bottom:1px solid var(--color-box-border,#e5e7eb)
}
.order-extension-items li:last-child {
  border:0
}
.order-extension-items img {
  object-fit:contain;
  width:80px;
  height:80px
}
.order-extension-items .quantity {
  margin-left:auto
}
.extension-help {
  font-size:.85rem;
  color:#647069;
  line-height:1.6;
  margin-top:1rem
}
.extension-payment>form {
  margin:1rem 0
}
.extension-payment>button {
  width:100%
}
#extension-status {
  margin:1rem 0
}
.extension-status-error {
  padding:1rem;
  border:1px solid #fecaca;
  border-radius:.5rem;
  background:#fef2f2;
  color:#991b1b
}
.extension-status-info {
  padding:1rem;
  border:1px solid #bfdbfe;
  border-radius:.5rem;
  background:#eff6ff;
  color:#1e40af
}
@media(max-width:760px) {
  .account-grid {
    grid-template-columns:1fr
  }
  .account-nav {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .order-facts {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .account-auth {
    margin-top:1rem
  }
  .account-table td,.account-table th {
    padding:.75rem
  }
  .order-product {
    min-width:13rem
  }
}