/* Account pages aligned with the Aauriva navbar and fragrance storefront. */
:root {
  --aa-account-ink: #183027;
  --aa-account-muted: #607167;
  --aa-account-gold: #b8862d;
  --aa-account-gold-soft: #f5ecd8;
  --aa-account-green: #103925;
  --aa-account-cream: #f4efe4;
  --aa-account-paper: #fffdf8;
  --aa-account-line: rgba(16,57,37,.15);
}

.restondev-account-page {
  background: var(--aa-account-cream) !important;
  color: var(--aa-account-ink) !important;
}
.restondev-account-page .ja-page,
.restondev-account-page .ja-login-page {
  position: relative;
  z-index: 1;
  padding-top: clamp(112px, 10vw, 148px);
}
.restondev-account-page .ja-page {
  min-height: 78vh;
  padding-bottom: 96px;
}
.restondev-account-page .ja-shell {
  width: min(1240px, 100%);
  grid-template-columns: minmax(224px, 250px) minmax(0, 1fr);
  gap: clamp(24px, 4vw, 48px);
}
.restondev-account-page .ja-sidebar,
.restondev-account-page .ja-panel,
.restondev-account-page .ja-stats article,
.restondev-account-page .ja-address-card,
.restondev-account-page .ja-address-add,
.restondev-account-page .ja-profile-card,
.restondev-account-page .ja-order-toolbar {
  border-color: var(--aa-account-line);
  background: rgba(255,253,248,.93);
  box-shadow: 0 16px 42px rgba(16,57,37,.06);
}
.restondev-account-page .ja-sidebar {
  top: 112px;
  border-radius: 18px;
}
.restondev-account-page .ja-nav a { color: var(--aa-account-muted); border-radius: 10px; }
.restondev-account-page .ja-nav a:hover,
.restondev-account-page .ja-nav a.is-active {
  color: var(--aa-account-green);
  background: var(--aa-account-gold-soft);
}
.restondev-account-page .ja-avatar {
  background: linear-gradient(145deg, #d0a84c, var(--aa-account-green));
}
.restondev-account-page .ja-concierge {
  border-radius: 12px;
  background: var(--aa-account-green);
}
.restondev-account-page .ja-concierge span { color: var(--aa-account-gold-soft); }
.restondev-account-page .ja-concierge a { color: var(--aa-account-gold-soft); }
.restondev-account-page .ja-eyebrow { color: var(--aa-account-gold) !important; }
.restondev-account-page .ja-page-head h1,
.restondev-account-page .ja-panel h2,
.restondev-account-page .ja-address-card h2,
.restondev-account-page .ja-profile-card h2,
.restondev-account-page .ja-modal-card h2 {
  color: var(--aa-account-ink);
}
.restondev-account-page .ja-page-head > div > p:last-child,
.restondev-account-page .ja-panel address,
.restondev-account-page .ja-address-card address,
.restondev-account-page .ja-profile-card p,
.restondev-account-page .ja-order-body p,
.restondev-account-page .ja-stats small {
  color: var(--aa-account-muted);
}
.restondev-account-page .ja-primary {
  border-color: var(--aa-account-green);
  border-radius: 999px;
  background: var(--aa-account-green);
  color: #fffdf8;
}
.restondev-account-page .ja-primary:hover { background: #195a3a; }
.restondev-account-page .ja-outline {
  border-color: var(--aa-account-gold);
  border-radius: 999px;
  color: var(--aa-account-green);
}
.restondev-account-page .ja-outline:hover {
  background: var(--aa-account-gold-soft);
  color: var(--aa-account-green);
}
.restondev-account-page .ja-member-card {
  min-height: 178px;
  overflow: hidden;
  border-radius: 18px;
  background: radial-gradient(circle at 88% 14%, rgba(227,191,95,.26), transparent 28%), linear-gradient(130deg, #103925, #195a3a 70%, #315c45);
}
.restondev-account-page .ja-member-card span { color: var(--aa-account-gold-soft); }
.restondev-account-page .ja-member-card small { color: rgba(255,253,248,.72); }
.restondev-account-page .ja-member-card b { color: var(--aa-account-gold-soft); }
.restondev-account-page .ja-stats {
  gap: 14px;
}
.restondev-account-page .ja-stats article {
  border-radius: 14px;
  min-width: 0;
}
.restondev-account-page .ja-stats span,
.restondev-account-page .ja-order-meta { color: var(--aa-account-muted); }
.restondev-account-page .ja-stats strong,
.restondev-account-page .ja-order-body h3 { color: var(--aa-account-ink); }
.restondev-account-page .ja-panel,
.restondev-account-page .ja-profile-card,
.restondev-account-page .ja-address-card { border-radius: 16px; }
.restondev-account-page .ja-order-card {
  overflow: hidden;
  border-color: var(--aa-account-line);
  border-radius: 14px;
}
.restondev-account-page .ja-order-meta {
  background: #eef3eb;
  border-bottom: 1px solid var(--aa-account-line);
}
.restondev-account-page .ja-order-body img {
  border-radius: 12px;
  background: #e6eee5;
}
.restondev-account-page .ja-order-actions a,
.restondev-account-page .ja-panel-head a { color: var(--aa-account-gold); }
.restondev-account-page .ja-address-card.is-default {
  border-color: var(--aa-account-gold);
  box-shadow: inset 0 3px var(--aa-account-gold), 0 16px 42px rgba(16,57,37,.06);
}
.restondev-account-page .ja-address-icon,
.restondev-account-page .ja-default-badge,
.restondev-account-page .ja-security > span { color: var(--aa-account-green); background: var(--aa-account-gold-soft); }
.restondev-account-page .ja-address-actions,
.restondev-account-page .ja-contact,
.restondev-account-page .ja-profile-card hr { border-color: var(--aa-account-line); }
.restondev-account-page .ja-form input,
.restondev-account-page .ja-form select {
  border-color: var(--aa-account-line);
  border-radius: 10px;
  background: var(--aa-account-paper);
  color: var(--aa-account-ink);
}
.restondev-account-page .ja-form input:focus {
  border-color: var(--aa-account-gold);
  box-shadow: 0 0 0 4px rgba(184,134,45,.12);
}
.restondev-account-page .ja-alert {
  border-color: rgba(184,134,45,.35);
  border-radius: 12px;
  background: #fff8e8;
  color: #765521;
}
.restondev-account-page .ja-login-page {
  min-height: 78vh;
  background: radial-gradient(circle at 12% 18%, rgba(227,191,95,.24), transparent 28rem), linear-gradient(145deg,#fffdf8,#f4efe4 74%);
}
.restondev-account-page .ja-auth-shell {
  width: min(1040px, calc(100% - 32px));
  overflow: hidden;
  border-color: var(--aa-account-line);
  border-radius: 22px;
  box-shadow: 0 24px 70px rgba(16,57,37,.1);
}
.restondev-account-page .ja-auth-story {
  min-height: 590px;
  background: linear-gradient(145deg, rgba(16,57,37,.95), rgba(25,90,58,.88)), url('../../assets-2/miracle-water-01-1.webp') center/cover;
}
.restondev-account-page .ja-auth-story .ja-login-mark img {
  display: block;
  width: 164px;
  height: auto;
  filter: brightness(0) invert(1);
}
.restondev-account-page .ja-auth-story .ja-eyebrow { color: var(--aa-account-gold-soft) !important; }
.restondev-account-page .ja-login-card { background: var(--aa-account-paper); }
.restondev-account-page .ja-auth-tabs { border-color: var(--aa-account-line); }
.restondev-account-page .ja-auth-tabs a.is-active { color: var(--aa-account-green); border-color: var(--aa-account-gold); }
.restondev-account-page .ja-auth-secondary { color: var(--aa-account-gold); }
.restondev-account-page .ja-modal-card {
  border: 1px solid var(--aa-account-line);
  border-radius: 18px;
  background: var(--aa-account-paper);
}

@media (max-width: 1024px) {
  .restondev-account-page .ja-page,
  .restondev-account-page .ja-login-page { padding-top: 106px; }
}
@media (max-width: 991px) {
  .restondev-account-page .ja-page { padding-bottom: 112px; }
  .restondev-account-page .ja-shell { width: 100%; }
  .restondev-account-page .ja-page-head { gap: 18px; }
  .restondev-account-page .ja-mobile-nav {
    background: rgba(16,57,37,.98);
    border-top-color: rgba(227,191,95,.25);
  }
  .restondev-account-page .ja-mobile-nav a { color: rgba(255,253,248,.7); }
  .restondev-account-page .ja-mobile-nav a.is-active { color: var(--aa-account-gold-soft); }
}
@media (max-width: 800px) {
  .restondev-account-page .ja-login-page { padding-top: 94px; }
  .restondev-account-page .ja-auth-shell { margin: 0 auto; }
}
@media (max-width: 640px) {
  .restondev-account-page .ja-page { padding: 96px 14px 112px; }
  .restondev-account-page .ja-page-head h1 { font-size: clamp(30px, 8vw, 38px); }
  .restondev-account-page .ja-page-head .ja-outline { width: 100%; margin-top: 16px; }
  .restondev-account-page .ja-member-card { min-height: 158px; padding: 22px; }
  .restondev-account-page .ja-member-card strong { max-width: 190px; font-size: 22px; line-height: 1.15; }
  .restondev-account-page .ja-stats { grid-template-columns: 1fr; gap: 10px; }
  .restondev-account-page .ja-stats article { grid-template-columns: 1fr auto; align-items: center; padding: 14px 16px; }
  .restondev-account-page .ja-stats small { display: block; grid-column: 1 / -1; }
  .restondev-account-page .ja-panel-head { align-items: flex-start; flex-direction: column; }
  .restondev-account-page .ja-order-body { grid-template-columns: 74px minmax(0,1fr); }
  .restondev-account-page .ja-auth-shell { width: min(100%, calc(100% - 20px)); border-radius: 18px; }
  .restondev-account-page .ja-auth-shell .ja-login-card { padding: 32px 20px; }
}