/* Majestic — warm classic underline nav */
.majestic-header { background: rgba(255,253,247,.92) !important; border-bottom: 2px solid rgba(0,105,92,.12) !important; }
.majestic-nav-wrap {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 14px 0;
}

@media (min-width: 981px) {
  .majestic-header .nav-toggle {
    display: none !important;
  }

  .majestic-header .nav {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
  }

  .majestic-actions {
    justify-self: end;
  }
}

@media (max-width: 980px) {
  .majestic-nav-wrap {
    grid-template-columns: 1fr auto;
    grid-template-areas:
      "brand actions"
      "nav nav";
  }

  .majestic-nav-wrap .brand {
    grid-area: brand;
  }

  .majestic-actions {
    grid-area: actions;
    justify-self: end;
  }

  .majestic-nav-wrap .nav {
    grid-area: nav;
    width: 100%;
  }
}
.majestic-nav-wrap .nav {
  flex: 1;
  justify-content: center !important;
  gap: 4px !important;
}
.majestic-nav-wrap .nav a {
  position: relative;
  border-radius: 0 !important;
  padding: 12px 14px !important;
  font-weight: 700 !important;
}
.majestic-nav-wrap .nav a::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 4px;
  height: 2px;
  background: #FF7043;
  transform: scaleX(0);
  transition: transform .2s ease;
}
.majestic-nav-wrap .nav a:hover::after { transform: scaleX(1); }
.majestic-actions { display: flex; align-items: center; gap: 12px; }
.majestic-actions .acct-pill {
  padding: 10px 16px;
  border-radius: 999px;
  background: rgba(0,105,92,.08);
  border: 1px solid rgba(0,105,92,.18);
  font-weight: 700;
  font-size: .88rem;
  text-decoration: none !important;
  color: #263238;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.auth-page { padding: 0 0 64px; }
.auth-banner {
  padding: 48px 0;
  background: linear-gradient(120deg, rgba(0,105,92,.12), rgba(255,112,67,.12));
  border-bottom: 1px solid rgba(38,50,56,.08);
  margin-bottom: 32px;
}
.auth-banner h1 { margin: 0 0 8px; font-family: 'Fraunces', serif; font-size: clamp(1.8rem, 3vw, 2.4rem); color: #263238; }
.auth-banner p { margin: 0; color: #546e7a; max-width: 56ch; line-height: 1.65; }
.auth-columns {
  display: grid;
  grid-template-columns: 1.05fr .95fr;
  gap: 24px;
  align-items: start;
}
.auth-panel-box {
  padding: 28px;
  border-radius: 20px;
  background: #fff;
  border: 1px solid rgba(0,105,92,.12);
  box-shadow: 0 16px 44px rgba(38,50,56,.07);
}
.auth-panel-box h2 { margin: 0 0 8px; color: #263238; font-size: 1.2rem; }
.auth-panel-box .lead { margin: 0 0 18px; color: #607d8b; line-height: 1.6; font-size: .93rem; }
.auth-profile-wrap { padding: 28px; border-radius: 20px; background: #fff; border: 1px solid rgba(0,105,92,.12); }

@media (max-width: 860px) {
  .auth-columns { grid-template-columns: 1fr; }
  .majestic-nav-wrap { flex-wrap: wrap; }
  .majestic-nav-wrap .nav { width: 100%; justify-content: flex-start !important; }
}

.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:18px 0 22px}
.profile-item{padding:14px 16px;border:1px solid rgba(0,105,92,.12);border-radius:14px;background:#fff}
.profile-item .k{display:block;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:#607d8b;margin-bottom:6px}
.profile-item .v{display:block;font-weight:700;color:#263238;word-break:break-word}
.profile-item .v.mono{font-family:ui-monospace,Menlo,monospace;font-size:.82rem}
.order-list{display:grid;gap:12px;margin-top:12px}
.order-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid rgba(0,105,92,.1);border-radius:14px;background:#fff}
.auth-form{display:grid;gap:16px;margin-top:16px}
.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}