/*
 * NEDATE unified visual layer
 *
 * The landing page is the visual source of truth. This final cascade maps
 * public, authentication and application pages to the same navy/orange
 * palette, typography, geometry and surface treatment while preserving the
 * content-specific composition of every view.
 */

:root {
  --nd-brand-primary: var(--sw-brand-600, #d92336);
  --nd-brand-primary-hover: var(--sw-brand-600, #d92336);
  --nd-brand-primary-soft: #ffe3e4;
  --nd-brand-primary-softer: #fff2f2;
  --nd-brand-primary-border: #ffe3e4;
  --nd-brand-ink: #0b1937;
  --nd-brand-heading: #0b1937;
  --nd-brand-muted: #526174;
  --nd-brand-border: #e6e9ef;
  --nd-brand-bg: #ffffff;
  --nd-brand-surface: #ffffff;
  --nd-brand-surface-soft: #fff2f2;
  --nd-brand-shadow: 0 22px 60px rgba(11, 25, 55, .09);
  --nd-brand-shadow-soft: 0 14px 38px rgba(11, 25, 55, .065);
  --nd-brand-shadow-subtle: 0 8px 24px rgba(11, 25, 55, .05);
  --nd-brand-radius-lg: 14px;
  --nd-brand-radius-md: 12px;
  --nd-brand-radius-sm: 8px;
  --nd-brand-button-radius: 8px;
  --nd-brand-public-bg: #ffffff;
  --nd-app-shell-bg: #ffffff;
  --nd-public-red: var(--sw-brand-600, #d92336);
  --nd-public-orange: #f04651;
  --nd-public-navy: #0b1937;
  --faq-red: var(--sw-brand-600, #d92336);
  --faq-orange: #f04651;
  --faq-ink: #0b1937;
  --faq-muted: #526174;
  --theme-primary: var(--sw-brand-700, #b5172a);
  --brand-color: var(--sw-brand-700, #b5172a);
  --primary: var(--sw-brand-700, #b5172a);
  --bs-primary: var(--sw-brand-700, #b5172a);
  --bs-primary-rgb: 194, 65, 12;
  --bs-link-color: var(--sw-brand-700, #b5172a);
  --bs-link-hover-color: #901324;
  --bs-border-radius: 8px;
  --bs-border-radius-sm: 7px;
  --bs-border-radius-lg: 12px;
  --wb-ink: #0b1937;
  --wb-ink-soft: #46566d;
  --wb-ink-faint: #6d7890;
  --wb-paper: #ffffff; /* was #fbfcff — sw-flat-white */
  --wb-card: #ffffff;
  --wb-line: #e6e9ef;
  --wb-line-strong: #d6dbe4;
  --wb-stamp: var(--sw-brand-600, #d92336);
  --wb-stamp-ink: var(--sw-brand-600, #d92336);
  --wb-stamp-tint: #ffe3e4;
  --wb-link: var(--sw-brand-700, #b5172a);
  --wb-radius: 12px;
  --wb-radius-sm: 8px;
}

body.nedate-ui-standard {
  color: var(--nd-brand-heading);
  background: var(--nd-app-shell-bg);
  font-family: 'IBM Plex Sans', system-ui, -apple-system, sans-serif !important;
  text-rendering: optimizeLegibility;
}

body.nedate-ui-standard :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .page-title, .card-title) {
  color: var(--nd-brand-heading);
  font-family: 'Archivo', 'IBM Plex Sans', system-ui, sans-serif !important;
}

body.nedate-ui-standard :is(.btn, .form-control, .form-select, .input-group-text, .dropdown-menu) {
  border-radius: var(--nd-brand-button-radius) !important;
}

body.nedate-ui-standard :is(.btn-primary, .btn-primary-custom, .btn-spedire, .btn-action) {
  border-color: transparent !important;
  background: var(--sw-brand-600, #d92336) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(217, 35, 54, .18) !important;
}

body.nedate-ui-standard :is(.btn-primary, .btn-primary-custom, .btn-spedire, .btn-action):is(:hover, :focus-visible) {
  background: var(--sw-brand-600, #d92336) !important;
  color: #ffffff !important;
  box-shadow: 0 15px 28px rgba(217, 35, 54, .24) !important;
}

body.nedate-ui-standard :is(.btn-outline-primary, .btn-outline-primary-custom) {
  border-color: rgba(181, 23, 42, .34) !important;
  background: #ffffff !important;
  color: #901324 !important;
}

body.nedate-ui-standard :is(.btn-outline-primary, .btn-outline-primary-custom):is(:hover, :focus-visible) {
  border-color: var(--sw-brand-600, #d92336) !important;
  background: #ffe3e4 !important;
  color: #901324 !important;
}

body.nedate-ui-standard :is(.card, .nedate-section-card, .modern-card, .glass-card) {
  border-color: var(--nd-brand-border);
}

/* Public pages: same canvas and rhythm, different content compositions. */
body.nedate-marketing-standard :is(
  .welcome-modern-page,
  .faq-modern-page,
  .pricing-modern-page,
  .contact-modern-page,
  .tracking-page-shell,
  .trk-result-wrapper,
  .login-page
) {
  color: var(--nd-brand-heading) !important;
  background: var(--nd-brand-public-bg) !important;
}

body.nedate-public-standard :is(
  .faq-modern-page,
  .pricing-modern-page,
  .contact-modern-page,
  .tracking-page-shell
) :is(.container, .container-xl) {
  width: min(100%, 1660px) !important;
  max-width: calc(var(--sw-container-wide, 1440px) + (var(--sw-gutter) * 2)) !important;
  margin-inline: auto !important;
}

body.nedate-marketing-standard :is(
  .faq-modern-title,
  .faq-redesign-title,
  .tracking-modern-title
) {
  color: var(--nd-brand-heading) !important;
  font-family: 'Archivo', 'IBM Plex Sans', system-ui, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.03 !important;
}

body.nedate-marketing-standard :is(
  .pricing-modern-title-accent,
  .contact-modern-title-accent,
  .tracking-modern-title-accent,
  .welcome-modern-title-accent
) {
  color: var(--sw-brand-600, #d92336) !important;
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-marketing-standard :is(
  .faq-modern-eyebrow,
  .tracking-eyebrow,
  .pricing-modern-eyebrow,
  .contact-modern-eyebrow
) {
  border: 1px solid var(--sw-brand-100, #ffe3e4) !important;
  background: #fff0e8 !important;
  color: #901324 !important;
  box-shadow: none !important;
}

body.nedate-marketing-standard :is(
  .pricing-modern-subtitle,
  .faq-redesign-subtitle,
  .tracking-modern-subtitle,
  .contact-modern-subtitle
) {
  color: var(--nd-brand-muted) !important;
}

body.nedate-marketing-standard :is(
  .faq-redesign-search-card,
  .faq-redesign-knowledge-card,
  .faq-redesign-list-card,
  .faq-redesign-support-card,
  .faq-redesign-stats-card,
  .pricing-modern-card,
  .pricing-modern-dashboard-preview,
  .pricing-modern-strip,
  .pricing-modern-cta,
  .contact-modern-quick-card,
  .contact-modern-info-panel,
  .contact-modern-form-card,
  .contact-modern-mini-card,
  .tracking-search-card,
  .tracking-side-card,
  .tracking-preview-panel,
  .glass-card-full,
  .login-page__card,
  .login-page__brand-panel
) {
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: var(--nd-brand-radius-lg) !important;
  background-color: var(--sw-surface) !important;
  box-shadow: var(--nd-brand-shadow-soft) !important;
}

body.nedate-marketing-standard :is(
  .faq-redesign-card-head > span,
  .faq-redesign-category-icon,
  .faq-redesign-list-head > span,
  .faq-redesign-section-icon,
  .faq-redesign-stats-card > span,
  .contact-modern-info-card__icon,
  .contact-modern-quick-icon,
  .contact-modern-mini-card > span,
  .pricing-modern-feature-icon
) {
  background: #fff0e8 !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-marketing-standard :is(
  .faq-redesign-search-btn,
  .faq-redesign-support-btn,
  .pricing-modern-plan-btn,
  .pricing-modern-cta-btn--primary,
  .contact-modern-submit,
  .tracking-search-button,
  .tracking-search-btn
) {
  border-color: transparent !important;
  background: var(--sw-brand-600, #d92336) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(217, 35, 54, .2) !important;
}

body.nedate-marketing-standard :is(
  .faq-redesign-search-btn,
  .faq-redesign-support-btn,
  .pricing-modern-plan-btn,
  .pricing-modern-cta-btn--primary,
  .contact-modern-submit,
  .tracking-search-button,
  .tracking-search-btn
) * {
  color: #ffffff !important;
}

body.nedate-marketing-standard .faq-redesign-bubble {
  background: var(--sw-brand-600, #d92336) !important;
  box-shadow: 0 28px 44px rgba(217, 35, 54, .24) !important;
}

body.nedate-marketing-standard .faq-redesign-bubble::after {
  border-left-color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-marketing-standard .faq-redesign-cube {
  color: var(--sw-brand-600, #d92336) !important;
  background: linear-gradient(145deg, #ffffff, #fff0e8) !important;
}

body.nedate-marketing-standard :is(.pricing-modern-card--featured, .faq-redesign-category-link.is-active) {
  border-color: rgba(217, 35, 54, .42) !important;
}

body.nedate-marketing-standard :is(
  .faq-redesign-category-link.is-active strong,
  .faq-redesign-category-link:hover strong,
  .pricing-modern-price-val,
  .tracking-search-card i
) {
  color: var(--sw-brand-700, #b5172a) !important;
}

/* Authentication pages use the same product language as the landing page. */
body.nedate-auth-standard .login-page {
  min-height: calc(100vh - 88px);
}

body.nedate-auth-standard .login-page__brand-panel {
  position: relative;
  overflow: hidden;
  border-color: rgba(255, 255, 255, .08) !important;
  background:
    radial-gradient(circle at 82% 16%, rgba(240, 70, 81, .22), transparent 18rem),
    linear-gradient(145deg, #071d3b, #06152d) !important;
  color: #ffffff !important;
}

body.nedate-auth-standard .login-page__brand-panel :is(h1, h2, h3, strong) {
  color: #ffffff !important;
}

body.nedate-auth-standard .login-page__brand-panel :is(p, small, li, span) {
  color: rgba(235, 241, 249, .82) !important;
}

body.nedate-auth-standard .login-page__card {
  background: #ffffff !important;
}

body.nedate-auth-standard :is(.login-page__tabs .nav-link.active, .register-page__type-btn.active) {
  border-color: var(--sw-brand-600, #d92336) !important;
  background: #ffe3e4 !important;
  color: #901324 !important;
}

/* Login 2026: landing-page composition, not the legacy dashboard mockup. */
body.nedate-auth-standard .login-page.login-refresh-page {
  display: flex !important;
  align-items: center !important;
  min-height: calc(100vh - 88px) !important;
  padding: clamp(7rem, 8.5vw, 9.25rem) clamp(1rem, 2.3vw, 2.75rem) 3rem !important;
  overflow: clip !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__ambient {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__gradient {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 9% 22%, rgba(217, 35, 54, .13), transparent 25rem),
    radial-gradient(circle at 88% 18%, rgba(36, 86, 166, .08), transparent 24rem) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__grid {
  position: absolute !important;
  inset: 0 !important;
  opacity: .32 !important;
  background-image:
    linear-gradient(rgba(11, 25, 55, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 25, 55, .035) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  mask-image: linear-gradient(to bottom, #000, transparent 72%) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__inner {
  display: block !important;
  width: min(100%, 1660px) !important;
  max-width: calc(var(--sw-container-wide, 1440px) + (var(--sw-gutter) * 2)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-grid {
  --bs-gutter-x: clamp(2rem, 5vw, 5.5rem);
  --bs-gutter-y: 2rem;
  min-height: 640px !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__brand-panel.login-refresh-hero {
  display: flex !important;
  justify-content: flex-start !important;
  min-height: 620px !important;
  /* No top padding: the eyebrow must sit flush with the top edge of the form card
     in the next column (same rule as the contact page hero). */
  padding: 0 clamp(1rem, 2.2vw, 2rem) clamp(1rem, 2.2vw, 2rem) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--nd-brand-heading) !important;
  overflow: visible !important;
}

/* Eyebrow pill — same component, same content ("La soluzione all-in-one") as the
   landing hero, so it must read identically. Values below are the canonical ones
   measured on welcome.blade.php: teal on mint, 900, uppercase, no border.
   It previously rendered as an orange 800-weight non-uppercase pill. */
body.nedate-auth-standard .login-refresh-page .login-page__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  width: max-content !important;
  margin-bottom: 1rem !important;
  padding: .42rem .63rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff2f2 !important;
  color: var(--sw-brand-700, #b5172a) !important;
  font-size: .63rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__title {
  max-width: 650px !important;
  margin: 0 !important;
  color: var(--nd-brand-heading) !important;
  font-size: clamp(3.4rem, 4.25vw, 4.9rem) !important;
  /* 900 like every other page hero (welcome/pricing/faq); was 700 here only. */
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: 0 !important;
  line-height: 1.03 !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__title span {
  display: block !important;
  color: var(--sw-brand-600, #d92336) !important;
  background: none !important;
  -webkit-text-fill-color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__lead {
  max-width: 620px !important;
  color: var(--nd-brand-muted) !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__features {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .8rem !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__features li {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: .75rem !important;
  margin: 0 !important;
  padding: .9rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 10px 26px rgba(11, 25, 55, .045) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__feat-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #ffe3e4 !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__features strong {
  display: block !important;
  margin-bottom: .25rem !important;
  color: var(--nd-brand-heading) !important;
  font-size: .86rem !important;
  line-height: 1.25 !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__features li div > span {
  display: block !important;
  color: var(--nd-brand-muted) !important;
  font-size: .74rem !important;
  line-height: 1.45 !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview {
  position: relative !important;
  /* Era limitata a 610px: sopra i 1280 restava piu' stretta delle tre card
     sopra di lei e la colonna sembrava disallineata. Ora riempie la colonna. */
  width: 100% !important;
  min-height: 210px !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__window {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius-lg, 18px) !important;
  background: var(--sw-surface) !important;
  box-shadow: var(--sw-shadow-md) !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__bar {
  display: flex !important;
  align-items: center !important;
  gap: .38rem !important;
  height: 48px !important;
  padding: 0 1rem !important;
  border-bottom: 1px solid var(--nd-brand-border) !important;
  color: var(--nd-brand-heading) !important;
  font-size: .78rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__bar i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #f04651 !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__bar i:nth-child(2) { opacity: .65 !important; }
body.nedate-auth-standard .login-refresh-page .login-refresh-preview__bar i:nth-child(3) { opacity: .35 !important; }
body.nedate-auth-standard .login-refresh-page .login-refresh-preview__bar span { margin-left: .55rem !important; }

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__content {
  display: grid !important;
  grid-template-columns: 1.15fr .85fr !important;
  gap: 1rem !important;
  padding: 1.35rem !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__route {
  display: grid !important;
  grid-template-columns: 42px minmax(45px, 1fr) 42px !important;
  align-items: center !important;
  gap: .65rem !important;
  min-height: 96px !important;
  padding: 1rem !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius-md, 14px) !important;
  background: transparent !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__route span {
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: var(--sw-surface) !important;
  color: var(--sw-ink) !important;
  box-shadow: var(--sw-shadow-sm) !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__route b {
  height: 2px !important;
  background: repeating-linear-gradient(90deg, var(--sw-brand-600, #d92336) 0 7px, transparent 7px 13px) !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__status {
  display: flex !important;
  align-items: center !important;
  gap: .8rem !important;
  min-height: 96px !important;
  padding: 1rem !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius-md, 14px) !important;
  background: transparent !important;
  color: var(--sw-brand-600) !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__status > i {
  font-size: 1.55rem !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__status strong,
body.nedate-auth-standard .login-refresh-page .login-refresh-preview__status small {
  display: block !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__status strong {
  color: var(--nd-brand-heading) !important;
  font-size: .82rem !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__status small {
  margin-top: .2rem !important;
  color: var(--nd-brand-muted) !important;
  font-size: .7rem !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-preview__parcel {
  position: absolute !important;
  right: 0 !important;
  bottom: -18px !important;
  top: auto !important;
  display: grid !important;
  place-items: center !important;
  width: 84px !important;
  height: 84px !important;
  border: 5px solid var(--sw-surface) !important;
  border-radius: var(--sw-radius-md, 14px) !important;
  background: var(--sw-brand-600, #d92336) !important;
  color: var(--sw-on-brand, #fff) !important;
  box-shadow: 0 18px 36px rgba(217, 35, 54, .28) !important;
  font-size: 2rem !important;
  transform: rotate(-5deg) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__form-shell {
  width: 100% !important;
  max-width: 610px !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__card.login-refresh-card {
  display: block !important;
  width: 100% !important;
  max-width: 610px !important;
  overflow: hidden !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 26px 70px rgba(11, 25, 55, .11) !important;
  backdrop-filter: blur(18px) !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-card > .card-body {
  width: 100% !important;
  min-width: 0 !important;
  padding: clamp(1.5rem, 3vw, 2.65rem) !important;
  border: 0 !important;
  background: transparent !important;
}

/* Un componente solo per le tre pagine di accesso: era dichiarato due volte,
   identico, una per `.login-refresh-page` e una per `.register-refresh-page`,
   e /password-dimenticata non era in nessuna delle due — infatti il riquadro
   usciva senza misura. Ora sta sulla classe del <body> dell'area accesso. */
body.nedate-auth-standard .login-refresh-form-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 50px !important;
  height: 50px !important;
  margin-bottom: 1.1rem !important;
  border-radius: 13px !important;
  background: #ffe3e4 !important;
  color: var(--sw-brand-700, #b5172a) !important;
  font-size: 1.25rem !important;
}

body.nedate-auth-standard .login-refresh-page .login-refresh-card h2 {
  color: var(--nd-brand-heading) !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__input {
  min-height: 60px !important;
  border-color: #dfe4ec !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: var(--nd-brand-heading) !important;
  box-shadow: none !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__input:focus {
  border-color: #f04651 !important;
  box-shadow: 0 0 0 4px rgba(217, 35, 54, .11) !important;
}

body.nedate-auth-standard .login-refresh-page #loginSubmitBtn,
body.nedate-auth-standard .login-refresh-page #magicSubmitBtn {
  min-height: 56px !important;
  border-radius: 9px !important;
  font-size: .95rem !important;
  font-weight: var(--sw-btn-weight, 600) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__trust-strip {
  width: min(100%, 1260px) !important;
  margin: 2.25rem auto 0 !important;
  padding: .9rem 1rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 12px 34px rgba(11, 25, 55, .055) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__trust-strip > div {
  padding: .3rem 1rem !important;
  border-right: 1px solid var(--nd-brand-border) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__trust-strip > div:last-child {
  border-right: 0 !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__trust-strip span {
  background: #ffe3e4 !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__trust-strip strong {
  color: var(--nd-brand-heading) !important;
}

body.nedate-auth-standard .login-refresh-page .login-page__trust-strip small {
  color: var(--nd-brand-muted) !important;
}

@media (max-width: 1199.98px) {
  body.nedate-auth-standard .login-refresh-page .login-page__features {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-auth-standard .login-refresh-page .login-page__features li {
    padding: .75rem !important;
  }
}

@media (max-width: 959.98px) {
  body.nedate-auth-standard .login-page.login-refresh-page {
    display: block !important;
    min-height: calc(100vh - 72px) !important;
    padding: 6.5rem 1rem 2.5rem !important;
  }

  body.nedate-auth-standard .login-refresh-page .login-refresh-grid {
    min-height: 0 !important;
  }

  body.nedate-auth-standard .login-refresh-page .login-page__form-shell {
    max-width: 620px !important;
  }

  body.nedate-auth-standard .login-refresh-page .login-page__trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.nedate-auth-standard .login-refresh-page .login-page__trust-strip > div:nth-child(2) {
    border-right: 0 !important;
  }
}

@media (max-width: 575.98px) {
  body.nedate-auth-standard .login-page.login-refresh-page {
    padding: 5.85rem .85rem 2rem !important;
  }

  body.nedate-auth-standard .login-refresh-page .login-refresh-card > .card-body {
    padding: 1.25rem !important;
  }

  body.nedate-auth-standard .login-refresh-page .login-page__trust-strip {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-auth-standard .login-refresh-page .login-page__trust-strip > div {
    border-right: 0 !important;
    border-bottom: 1px solid var(--nd-brand-border) !important;
  }

  body.nedate-auth-standard .login-refresh-page .login-page__trust-strip > div:last-child {
    border-bottom: 0 !important;
  }
}

/* Legal and system pages keep their practical layouts, with shared surfaces. */
body.nedate-legal-standard .legal-document-page,
body.nedate-status-standard .system-status-page {
  color: var(--nd-brand-heading);
  background: var(--nd-app-shell-bg) !important;
}

body.nedate-legal-standard .legal-page__hero,
body.nedate-status-standard .system-status-hero {
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: var(--nd-brand-radius-lg) !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(217, 35, 54, .11), transparent 18rem),
    linear-gradient(135deg, #ffffff 0%, #ffffff 62%, #fff8f4 100%) !important;
  box-shadow: var(--nd-brand-shadow-soft) !important;
}

body.nedate-status-standard .system-status-page {
  --system-primary: var(--sw-brand-700, #b5172a) !important;
  --system-ink: #0b1937 !important;
  --system-muted: #526174 !important;
  --system-border: #e6e9ef !important;
  --system-soft: #fff8f4 !important;
}

body.nedate-status-standard :is(.system-status-card, .system-status-card-header),
body.nedate-legal-standard :is(.legal-page__toolbar, .legal-page__card) {
  border-color: var(--nd-brand-border) !important;
  border-radius: var(--nd-brand-radius-lg) !important;
  background: #ffffff !important;
  box-shadow: var(--nd-brand-shadow-soft) !important;
}

/* Application and administration: shared component geometry and hierarchy. */
body.nedate-app-standard :is(
  .shipping-hero-panel,
  .cart-hero,
  .address-book-hero,
  .nedate-page-hero,
  .modern-page-hero
) {
  border-radius: var(--nd-brand-radius-lg) !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(217, 35, 54, .10), transparent 18rem),
    linear-gradient(135deg, #ffffff 0%, #ffffff 62%, #fff2f2 100%) !important;
}

body.nedate-app-standard :is(
  .nedate-section-card,
  .cart-card,
  .address-card,
  [class$='-kpi-card'],
  [class$='-list-card'],
  [class$='-filter-card'],
  [class$='-side-card']
) {
  border-radius: var(--nd-brand-radius-lg) !important;
  border-color: var(--nd-brand-border) !important;
  background: var(--nd-brand-surface) !important;
  box-shadow: var(--nd-brand-shadow-soft) !important;
}

@media (max-width: 959.98px) {
  body.nedate-marketing-standard :is(
    .faq-modern-title,
    .faq-redesign-title,
    .tracking-modern-title
  ) {
    font-size: clamp(2.35rem, 10.5vw, 3.45rem) !important;
    line-height: 1.06 !important;
  }

  body.nedate-marketing-standard :is(
    .faq-redesign-search-card,
    .faq-redesign-knowledge-card,
    .faq-redesign-list-card,
    .faq-redesign-support-card,
    .faq-redesign-stats-card,
    .pricing-modern-card,
    .pricing-modern-dashboard-preview,
    .pricing-modern-strip,
    .pricing-modern-cta,
    .contact-modern-form-card,
    .tracking-search-card,
    .tracking-side-card,
    .login-page__card,
    .login-page__brand-panel
  ) {
    border-radius: 12px !important;
    box-shadow: 0 14px 36px rgba(11, 25, 55, .06) !important;
  }
}

@media (max-width: 575.98px) {
  body.nedate-marketing-standard :is(
    .faq-modern-page,
    .pricing-modern-page,
    .contact-modern-page,
    .tracking-page-shell
  ) {
    padding-inline: .85rem !important;
  }
}

html[data-theme='dark'],
html[data-bs-theme='dark'] {
  --nd-brand-primary: #fb6c75;
  --nd-brand-primary-hover: #ffa1a6;
  --nd-brand-primary-soft: rgba(240, 70, 81, .13);
  --nd-brand-primary-softer: rgba(240, 70, 81, .07);
  --nd-brand-primary-border: rgba(255, 161, 166, .24);
  --nd-brand-ink: #f8fafc;
  --nd-brand-heading: #f8fafc;
  --nd-brand-muted: #aebed3;
  --nd-brand-border: #28364a;
  --nd-brand-bg: #0b1220;
  --nd-brand-surface: #101827;
  --nd-brand-surface-soft: #142036;
  /* sw-flat-dark-shell: no pink/blue radial wash */
  --nd-brand-public-bg: #0b1220;
  --nd-app-shell-bg: #0b1220;
  --nd-public-red: #fb6c75;
  --nd-public-orange: #ffa1a6;
  --nd-public-navy: #f8fafc;
  --faq-red: #fb6c75;
  --faq-orange: #ffa1a6;
  --faq-ink: #f8fafc;
  --faq-muted: #aebed3;
  --wb-ink: #f8fafc;
  --wb-ink-soft: #c5d0df;
  --wb-ink-faint: #93a3b8;
  --wb-paper: #0b1220;
  --wb-card: #101827;
  --wb-line: #28364a;
  --wb-line-strong: #36465d;
  --wb-stamp: #fb6c75;
  --wb-stamp-ink: #ffa1a6;
  --wb-stamp-tint: rgba(240, 70, 81, .13);
  --wb-link: #ffa1a6;
}

html[data-theme='dark'] body.nedate-ui-standard,
html[data-bs-theme='dark'] body.nedate-ui-standard {
  color: var(--nd-brand-heading) !important;
  background: var(--nd-app-shell-bg) !important;
}

html[data-theme='dark'] body.nedate-marketing-standard :is(
  .faq-redesign-search-card,
  .faq-redesign-knowledge-card,
  .faq-redesign-list-card,
  .faq-redesign-support-card,
  .faq-redesign-stats-card,
  .pricing-modern-card,
  .pricing-modern-dashboard-preview,
  .pricing-modern-strip,
  .pricing-modern-cta,
  .contact-modern-quick-card,
  .contact-modern-info-panel,
  .contact-modern-form-card,
  .contact-modern-mini-card,
  .tracking-search-card,
  .tracking-side-card,
  .tracking-preview-panel,
  .glass-card-full,
  .login-page__card
),
html[data-bs-theme='dark'] body.nedate-marketing-standard :is(
  .faq-redesign-search-card,
  .faq-redesign-knowledge-card,
  .faq-redesign-list-card,
  .faq-redesign-support-card,
  .faq-redesign-stats-card,
  .pricing-modern-card,
  .pricing-modern-dashboard-preview,
  .pricing-modern-strip,
  .pricing-modern-cta,
  .contact-modern-quick-card,
  .contact-modern-info-panel,
  .contact-modern-form-card,
  .contact-modern-mini-card,
  .tracking-search-card,
  .tracking-side-card,
  .tracking-preview-panel,
  .glass-card-full,
  .login-page__card
) {
  border-color: var(--nd-brand-border) !important;
  background-color: rgba(16, 24, 39, .96) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme='dark'] body.nedate-ui-standard :is(.btn-outline-primary, .btn-outline-primary-custom),
html[data-bs-theme='dark'] body.nedate-ui-standard :is(.btn-outline-primary, .btn-outline-primary-custom) {
  border-color: rgba(255, 161, 166, .30) !important;
  background: #101827 !important;
  color: #ffc9cc !important;
}

html[data-theme='dark'] body.nedate-legal-standard :is(.legal-page__hero, .legal-page__toolbar, .legal-page__card),
html[data-theme='dark'] body.nedate-status-standard :is(.system-status-hero, .system-status-card, .system-status-card-header),
html[data-bs-theme='dark'] body.nedate-legal-standard :is(.legal-page__hero, .legal-page__toolbar, .legal-page__card),
html[data-bs-theme='dark'] body.nedate-status-standard :is(.system-status-hero, .system-status-card, .system-status-card-header) {
  border-color: var(--nd-brand-border) !important;
  background: #101827 !important;
  color: var(--nd-brand-heading) !important;
}

@media (prefers-reduced-motion: reduce) {
  body.nedate-ui-standard *,
  body.nedate-ui-standard *::before,
  body.nedate-ui-standard *::after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

/* Login refresh: dark mode follows the landing page dark palette. */
html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__grid,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__grid {
  opacity: .2 !important;
  background-image:
    linear-gradient(rgba(148, 163, 184, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, .055) 1px, transparent 1px) !important;
}

html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__brand-panel.login-refresh-hero,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__brand-panel.login-refresh-hero {
  background: transparent !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__brand-panel :is(h1, h2, h3, strong),
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__brand-panel :is(h1, h2, h3, strong) {
  color: var(--nd-brand-heading) !important;
}

html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__brand-panel :is(p, small, li, span),
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__brand-panel :is(p, small, li, span) {
  color: var(--nd-brand-muted) !important;
}

/* The eyebrow is deliberately NOT in this group: on the landing page it keeps the
   same teal-on-mint pill in both themes, so recolouring it orange here would break
   that consistency. The icons/trust strip below keep their dark-mode accent. */
html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-refresh-form-icon,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-refresh-form-icon,
html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__feat-icon,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__feat-icon,
html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__trust-strip span,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__trust-strip span {
  border-color: rgba(255, 161, 166, .22) !important;
  background: rgba(240, 70, 81, .13) !important;
  color: #ffa1a6 !important;
}

html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__title span,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__title span {
  color: #fb6c75 !important;
  -webkit-text-fill-color: #fb6c75 !important;
}

html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__features li,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__features li,
html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-refresh-preview__window,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-refresh-preview__window,
html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__trust-strip,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__trust-strip {
  border-color: var(--nd-brand-border) !important;
  background: rgba(16, 24, 39, .88) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-refresh-preview__route,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-refresh-preview__route,
html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-refresh-preview__status,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-refresh-preview__status {
  background: transparent !important;
}

html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-refresh-preview__route span,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-refresh-preview__route span {
  background: var(--sw-surface) !important;
  color: var(--sw-ink) !important;
}

html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__card.login-refresh-card,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__card.login-refresh-card {
  border-color: var(--nd-brand-border) !important;
  background: rgba(16, 24, 39, .96) !important;
  box-shadow: 0 28px 70px rgba(0, 0, 0, .28) !important;
}

html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__input,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__input {
  border-color: #314158 !important;
  background: #0b1424 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html[data-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__floating-field > label,
html[data-bs-theme='dark'] body.nedate-auth-standard .login-refresh-page .login-page__floating-field > label {
  color: #9eacc0 !important;
  -webkit-text-fill-color: #9eacc0 !important;
}

html[data-theme] body.nedate-ui-standard.nedate-auth-standard .login-refresh-page .login-page__card.login-refresh-card,
html[data-bs-theme] body.nedate-ui-standard.nedate-auth-standard .login-refresh-page .login-page__card.login-refresh-card {
  border-radius: 14px !important;
}

/* Forgot password + registration: companion layouts to the refreshed login. */
body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: calc(100vh - 88px) !important;
  padding: clamp(7rem, 8.5vw, 9.25rem) clamp(1rem, 2.3vw, 2.75rem) 3rem !important;
  overflow: clip !important;
  color: var(--nd-brand-heading) !important;
  background: var(--nd-brand-public-bg) !important;
}

/* Keep every authentication composition on the same desktop top anchor.
   min-height, not height: a fixed height stopped this container from growing with
   its content, so anything past it (the trust strip on forgot-password) overflowed
   and was painted underneath the footer. */
@media (min-width: 1200px) {
  body.nedate-auth-standard .login-refresh-page .login-page__inner,
  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__inner {
    min-height: 47.78rem !important;
  }
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__ambient {
  position: absolute !important;
  inset: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__gradient {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 9% 22%, rgba(217, 35, 54, .13), transparent 25rem),
    radial-gradient(circle at 88% 18%, rgba(36, 86, 166, .08), transparent 24rem) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__grid {
  position: absolute !important;
  inset: 0 !important;
  opacity: .32 !important;
  background-image:
    linear-gradient(rgba(11, 25, 55, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 25, 55, .035) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  mask-image: linear-gradient(to bottom, #000, transparent 72%) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__inner {
  display: block !important;
  width: min(100%, 1660px) !important;
  max-width: calc(var(--sw-container-wide, 1440px) + (var(--sw-gutter) * 2)) !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .auth-refresh-grid {
  --bs-gutter-x: clamp(2rem, 5vw, 5.5rem);
  --bs-gutter-y: 2rem;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__brand-panel.login-refresh-hero {
  position: relative !important;
  display: flex !important;
  justify-content: flex-start !important;
  min-height: 0 !important;
  /* No top padding: eyebrow flush with the top edge of the card in the next column. */
  padding: 0 clamp(1rem, 2.2vw, 2rem) clamp(1rem, 2.2vw, 2rem) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--nd-brand-heading) !important;
  overflow: visible !important;
}

/* Canonical eyebrow pill (see welcome.blade.php): teal on mint, 900, uppercase. */
body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  width: max-content !important;
  margin: 0 0 1rem !important;
  padding: .42rem .63rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #fff2f2 !important;
  color: var(--sw-brand-700, #b5172a) !important;
  font-size: .63rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__title {
  max-width: 680px !important;
  margin: 0 !important;
  color: var(--nd-brand-heading) !important;
  font-size: clamp(3.2rem, 4vw, 4.65rem) !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: 0 !important;
  line-height: 1.03 !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__title span {
  display: block !important;
  color: var(--sw-brand-600, #d92336) !important;
  background: none !important;
  -webkit-text-fill-color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__lead {
  max-width: 640px !important;
  color: var(--nd-brand-muted) !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__features {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  max-width: 680px !important;
  gap: .75rem !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__features li {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: .7rem !important;
  margin: 0 !important;
  padding: .85rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .80) !important;
  box-shadow: 0 10px 26px rgba(11, 25, 55, .045) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__feat-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 11px !important;
  background: #ffe3e4 !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__features strong {
  display: block !important;
  margin-bottom: .22rem !important;
  color: var(--nd-brand-heading) !important;
  font-size: .83rem !important;
  line-height: 1.25 !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__features li div > span {
  display: block !important;
  color: var(--nd-brand-muted) !important;
  font-size: .72rem !important;
  line-height: 1.42 !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__form-shell {
  width: 100% !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__card.login-refresh-card {
  display: block !important;
  width: 100% !important;
  min-height: 0 !important;
  overflow: visible !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .96) !important;
  box-shadow: 0 26px 70px rgba(11, 25, 55, .11) !important;
  backdrop-filter: blur(18px) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__card.login-refresh-card > .card-body {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: clamp(1.5rem, 3vw, 2.65rem) !important;
  border: 0 !important;
  background: transparent !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__card h2 {
  color: var(--nd-brand-heading) !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__input {
  min-height: 58px !important;
  border-color: #dfe4ec !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: var(--nd-brand-heading) !important;
  box-shadow: none !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__input:focus {
  border-color: #f04651 !important;
  box-shadow: 0 0 0 4px rgba(217, 35, 54, .11) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page :is(#btn-submit, #btn-register) {
  min-height: 56px !important;
  border-radius: 9px !important;
  font-size: .95rem !important;
  font-weight: var(--sw-btn-weight, 600) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: min(100%, 1260px) !important;
  max-width: 1260px !important;
  margin: 2.25rem auto 0 !important;
  padding: .9rem 1rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .80) !important;
  box-shadow: 0 12px 34px rgba(11, 25, 55, .055) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip > div {
  padding: .3rem 1rem !important;
  border-right: 1px solid var(--nd-brand-border) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip > div:last-child {
  border-right: 0 !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip span {
  background: #ffe3e4 !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip strong {
  color: var(--nd-brand-heading) !important;
}

body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip small {
  color: var(--nd-brand-muted) !important;
}

/* Password recovery stays deliberately compact. */
body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .auth-refresh-grid {
  min-height: 650px !important;
  /* start, not center: hero copy level with the form card, like the other pages. */
  align-items: start !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .login-page__brand-panel.login-refresh-hero {
  min-height: 610px !important;
  justify-content: flex-start !important;
}

/* 610px like the login form shell, so both auth pages leave the same margin
   on the right edge instead of forgot sitting ~45px further in. */
body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .login-page__form-shell {
  max-width: 610px !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .login-page__card.login-refresh-card {
  max-width: 610px !important;
}

/* Il cerchio rosa e' stato sostituito nel markup dal riquadro icona condiviso
   con /accedi e /registrati (.login-refresh-form-icon): un componente solo. */

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-page__support-card {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  gap: .9rem !important;
  /* era min(100%, 420px): si fermava 126px prima delle tre card sopra */
  width: 100% !important;
  margin: 1.35rem 0 0 !important;
  padding: 1rem !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius-md, 14px) !important;
  background: var(--sw-surface) !important;
}

/* il riquadro icona e' .login-page__feat-icon, lo stesso delle tre card sopra */

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-page__support-card strong,
body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-page__support-card small,
body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-page__support-card a {
  display: block !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-page__support-card strong {
  color: var(--nd-brand-heading) !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-page__support-card small {
  margin-top: .25rem !important;
  color: var(--nd-brand-muted) !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-page__support-card a {
  margin-top: .55rem !important;
  color: var(--sw-brand-600) !important;
  font-weight: var(--sw-weight-bold, 700) !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-refresh-preview {
  position: relative !important;
  /* era larga 360px e spinta a destra con `margin-left: auto`: partiva a meta'
     colonna e non si allineava con niente. Adesso e' una card come quella di
     /accedi e /tracking, larga quanto la colonna. */
  width: 100% !important;
  height: 150px !important;
  margin: 1.35rem 0 26px !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius-lg, 18px) !important;
  background: var(--sw-surface) !important;
  box-shadow: var(--sw-shadow-md) !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-refresh-preview__mail,
body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-refresh-preview__lock {
  position: absolute !important;
  top: 29px !important;
  display: grid !important;
  place-items: center !important;
  width: 92px !important;
  height: 92px !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius-md, 14px) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 2rem !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-refresh-preview__mail {
  left: 24px !important;
  color: var(--sw-ink) !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-refresh-preview__lock {
  right: 24px !important;
  color: var(--sw-brand-600) !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-refresh-preview__line {
  position: absolute !important;
  top: 74px !important;
  left: 132px !important;
  right: 132px !important;
  height: 2px !important;
  border-radius: 2px !important;
  /* il tratteggio era l'ultimo rimasto sul sito */
  background: var(--sw-brand-200, #ffc9cc) !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-refresh-preview__badge {
  position: absolute !important;
  right: 14px !important;
  bottom: 16px !important;
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  border: 4px solid var(--sw-surface) !important;
  border-radius: 50% !important;
  background: var(--sw-success) !important;
  color: var(--sw-on-brand, #fff) !important;
  box-shadow: none !important;
}

body.nedate-ui-standard.nedate-auth-standard .forgot-refresh-page .forgot-page__privacy-note,
body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .register-page__security-note {
  margin: 1.45rem 0 0 !important;
  color: var(--sw-muted) !important;
  text-align: center !important;
  font-size: var(--sw-text-xs, 12.5px) !important;
}

/* Registration gets a wider form and a simple onboarding path. */
body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .auth-refresh-grid {
  align-items: flex-start !important;
}

body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .login-page__brand-panel.login-refresh-hero {
  /* 0, not 1.4rem: eyebrow flush with the top edge of the form card, like every
     other split-hero page (login, register, tracking, contact, pricing, faq). */
  padding-top: 0 !important;
}

body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .login-page__form-shell,
body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .login-page__card.login-refresh-card {
  max-width: 820px !important;
}

/* Il riquadro del consenso era un rettangolo pieno dentro la card: adesso e'
   solo spazio, come la riga «Ricordami» di /accedi. Il selettore a segmenti
   sta nel sistema (spedireweb-pro.css, §53). */
body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .register-page__terms-panel {
  border: 0 !important;
  border-radius: var(--sw-radius-md, 14px) !important;
  background: transparent !important;
}

body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .register-refresh-steps {
  display: grid !important;
  grid-template-columns: auto minmax(20px, 1fr) auto minmax(20px, 1fr) auto !important;
  align-items: center !important;
  gap: .7rem !important;
  width: 100% !important;
  padding: 1rem !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius-md, 14px) !important;
  background: var(--sw-surface) !important;
  box-shadow: var(--sw-shadow-sm) !important;
}

body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .register-refresh-steps > div {
  display: grid !important;
  justify-items: center !important;
  gap: .4rem !important;
  text-align: center !important;
}

body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .register-refresh-steps span {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  background: var(--sw-brand-600, #d92336) !important;
  color: var(--sw-on-brand, #fff) !important;
  font-size: .78rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
}

body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .register-refresh-steps strong {
  color: var(--nd-brand-heading) !important;
  font-size: .72rem !important;
}

body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .register-refresh-steps > i {
  height: 2px !important;
  border-radius: 2px !important;
  background: var(--sw-brand-200, #ffc9cc) !important;
}

@media (max-width: 1299.98px) {
  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__features {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 959.98px) {
  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page {
    display: block !important;
    min-height: calc(100vh - 72px) !important;
    padding: 6.5rem 1rem 2.5rem !important;
  }

  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__form-shell {
    max-width: 720px !important;
  }

  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip > div:nth-child(2) {
    border-right: 0 !important;
  }
}

@media (max-width: 575.98px) {
  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page {
    padding: 5.85rem .85rem 2rem !important;
  }

  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__card.login-refresh-card > .card-body {
    padding: 1.25rem !important;
  }

  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip > div {
    border-right: 0 !important;
    border-bottom: 1px solid var(--nd-brand-border) !important;
  }

  body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip > div:last-child {
    border-bottom: 0 !important;
  }
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__grid,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__grid {
  opacity: .2 !important;
  background-image:
    linear-gradient(rgba(148, 163, 184, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, .055) 1px, transparent 1px) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__brand-panel.login-refresh-hero,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__brand-panel.login-refresh-hero {
  background: transparent !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__brand-panel :is(h1, h2, h3, strong),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__brand-panel :is(h1, h2, h3, strong) {
  color: var(--nd-brand-heading) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__brand-panel :is(p, small, li, span),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__brand-panel :is(p, small, li, span) {
  color: var(--nd-brand-muted) !important;
}

/* Eyebrow excluded on purpose: it keeps the teal-on-mint pill in both themes,
   exactly as on the landing page. */
html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__feat-icon,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__feat-icon,
html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-refresh-form-icon,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-refresh-form-icon,
html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip span,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__trust-strip span {
  border-color: rgba(255, 161, 166, .22) !important;
  background: rgba(240, 70, 81, .13) !important;
  color: #ffa1a6 !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__title span,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__title span {
  color: #fb6c75 !important;
  -webkit-text-fill-color: #fb6c75 !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page :is(
  .login-page__features li,
  .login-page__card.login-refresh-card,
  .login-page__trust-strip,
  .forgot-page__support-card,
  .forgot-refresh-preview__mail,
  .forgot-refresh-preview__lock,
  .register-refresh-steps
),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page :is(
  .login-page__features li,
  .login-page__card.login-refresh-card,
  .login-page__trust-strip,
  .forgot-page__support-card,
  .forgot-refresh-preview__mail,
  .forgot-refresh-preview__lock,
  .register-refresh-steps
) {
  border-color: var(--nd-brand-border) !important;
  background: rgba(16, 24, 39, .92) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__input,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .auth-refresh-page .login-page__input {
  border-color: #314158 !important;
  background: #0b1424 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* Il riquadro del consenso non e' piu' un pannello pieno: in tema scuro
   restava l'unico rettangolo chiaro dentro la card. Il guscio del selettore
   lo disegna la §53 di spedireweb-pro.css. */
html[data-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .register-page__terms-panel,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-auth-standard .register-refresh-page .register-page__terms-panel {
  border: 0 !important;
  background: transparent !important;
}

/* Contact 2026: the public companion to the refreshed authentication pages. */
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page {
  position: relative !important;
  isolation: isolate !important;
  overflow: clip !important;
  min-height: calc(100vh - 88px) !important;
  color: var(--nd-brand-heading) !important;
  background:
    radial-gradient(circle at 9% 10%, rgba(217, 35, 54, .13), transparent 25rem),
    radial-gradient(circle at 88% 13%, rgba(36, 86, 166, .08), transparent 24rem),
    var(--nd-brand-public-bg) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page::before {
  content: "" !important;
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  opacity: .32 !important;
  pointer-events: none !important;
  background-image:
    linear-gradient(rgba(11, 25, 55, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 25, 55, .035) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  mask-image: linear-gradient(to bottom, #000, transparent 70%) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page :is(.container, .container-xl) {
  width: min(100%, 1660px) !important;
  max-width: calc(var(--sw-container-wide, 1440px) + (var(--sw-gutter) * 2)) !important;
  margin-inline: auto !important;
  padding-inline: clamp(1rem, 2.3vw, 2.75rem) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-hero {
  padding: clamp(7rem, 8.5vw, 9.25rem) 0 clamp(2.5rem, 4vw, 4rem) !important;
  border: 0 !important;
  background: transparent !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-hero-grid {
  display: grid !important;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
  align-items: center !important;
  gap: clamp(2rem, 5vw, 5.5rem) !important;
}

/* Canonical eyebrow pill (see welcome.blade.php): teal on mint, 900, uppercase. */
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-refresh-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  width: max-content !important;
  margin: 0 0 1rem !important;
  padding: .42rem .63rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--sw-brand-50, #fff2f2) !important;
  color: var(--sw-brand-700, #b5172a) !important;
  box-shadow: none !important;
  font-size: .63rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .faq-modern-title {
  max-width: 680px !important;
  margin: 0 !important;
  color: var(--nd-brand-heading) !important;
  font-size: clamp(3.2rem, 4vw, 4.65rem) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  line-height: 1.03 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-title-accent {
  display: block !important;
  color: var(--sw-brand-600, #d92336) !important;
  -webkit-text-fill-color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-subtitle {
  max-width: 620px !important;
  margin: 1.4rem 0 0 !important;
  color: var(--nd-brand-muted) !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-quick-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: .8rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-quick-card {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) 36px !important;
  align-items: center !important;
  gap: .9rem !important;
  min-height: 82px !important;
  padding: .9rem 1rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 10px 26px rgba(11, 25, 55, .045) !important;
  color: var(--nd-brand-heading) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-quick-icon,
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-info-card__icon,
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-mini-card > i {
  display: inline-grid !important;
  place-items: center !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 11px !important;
  background: var(--sw-brand-100, #ffe3e4) !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-quick-copy strong,
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-info-card strong,
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-mini-card strong,
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form-card__header h2 {
  color: var(--nd-brand-heading) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-quick-copy small,
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-info-card p,
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-mini-card span,
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form-card__header p {
  color: var(--nd-brand-muted) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-body {
  padding: 0 0 clamp(4rem, 7vw, 6.5rem) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-info-panel,
body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form-card {
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 24px 60px rgba(11, 25, 55, .10) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-info-panel {
  overflow: hidden !important;
  padding: .5rem 1.25rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-info-card {
  gap: 1rem !important;
  margin: 0 !important;
  padding: 1.35rem 0 !important;
  border: 0 !important;
  border-bottom: 1px solid var(--nd-brand-border) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-info-card:last-child {
  border-bottom: 0 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form-card {
  padding: clamp(1.5rem, 3vw, 2.65rem) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form :is(.form-control, .form-select) {
  min-height: 60px !important;
  border: 1px solid #dfe4ec !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: var(--nd-brand-heading) !important;
  box-shadow: none !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form textarea.form-control {
  min-height: 150px !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form :is(.form-control, .form-select):focus {
  border-color: #f04651 !important;
  box-shadow: 0 0 0 4px rgba(217, 35, 54, .11) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-topic-chip {
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 9px !important;
  background: #f8fafc !important;
  color: var(--nd-brand-muted) !important;
  box-shadow: none !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-topic-chip:is(:hover, .is-active) {
  border-color: var(--sw-brand-100, #ffe3e4) !important;
  background: var(--sw-brand-100, #ffe3e4) !important;
  color: #901324 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-submit {
  min-height: 56px !important;
  padding: .9rem 1.35rem !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: var(--sw-brand-600, #d92336) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(217, 35, 54, .20) !important;
  font-weight: var(--sw-btn-weight, 600) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-bottom-grid {
  gap: .8rem !important;
  margin-top: 1rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-mini-card {
  min-height: 82px !important;
  padding: .9rem 1rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .86) !important;
  box-shadow: 0 10px 26px rgba(11, 25, 55, .045) !important;
}

@media (max-width: 959.98px) {
  body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-hero {
    padding-top: 6.5rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-hero-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 575.98px) {
  body.nedate-ui-standard.nedate-public-standard .contact-refresh-page :is(.container, .container-xl) {
    padding-inline: .85rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-hero {
    padding-top: 5.85rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .faq-modern-title {
    font-size: clamp(2.55rem, 13vw, 3.35rem) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form-card {
    padding: 1.25rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-submit-row {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-submit {
    width: 100% !important;
    justify-content: center !important;
  }
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-refresh-page::before,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-refresh-page::before,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-refresh-page::before {
  opacity: .2 !important;
  background-image:
    linear-gradient(rgba(148, 163, 184, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, .055) 1px, transparent 1px) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-refresh-page :is(.contact-modern-quick-card, .contact-modern-info-panel, .contact-modern-form-card, .contact-modern-mini-card),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-refresh-page :is(.contact-modern-quick-card, .contact-modern-info-panel, .contact-modern-form-card, .contact-modern-mini-card),
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-refresh-page :is(.contact-modern-quick-card, .contact-modern-info-panel, .contact-modern-form-card, .contact-modern-mini-card) {
  border-color: var(--nd-brand-border) !important;
  background: rgba(16, 24, 39, .92) !important;
  color: var(--nd-brand-heading) !important;
}

/* Eyebrow excluded on purpose: teal-on-mint pill in both themes, as on the landing. */
html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-refresh-page :is(.contact-modern-quick-icon, .contact-modern-info-card__icon, .contact-modern-mini-card > i),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-refresh-page :is(.contact-modern-quick-icon, .contact-modern-info-card__icon, .contact-modern-mini-card > i),
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-refresh-page :is(.contact-modern-quick-icon, .contact-modern-info-card__icon, .contact-modern-mini-card > i) {
  border-color: rgba(255, 161, 166, .22) !important;
  background: rgba(240, 70, 81, .13) !important;
  color: #ffa1a6 !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form :is(.form-control, .form-select),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form :is(.form-control, .form-select),
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-form :is(.form-control, .form-select) {
  border-color: #314158 !important;
  background: #0b1424 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-topic-chip,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-topic-chip,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-refresh-page .contact-modern-topic-chip {
  border-color: #314158 !important;
  background: #142036 !important;
  color: var(--nd-brand-muted) !important;
}

/* Contact: compact login-inspired composition. */
body.nedate-ui-standard.nedate-public-standard .contact-login-page {
  display: flex !important;
  align-items: center !important;
  min-height: calc(100vh - 88px) !important;
  padding: clamp(7rem, 8.5vw, 9.25rem) clamp(1rem, 2.3vw, 2.75rem) 3rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-inner {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: min(100%, 1660px) !important;
  max-width: calc(var(--sw-container-wide, 1440px) + (var(--sw-gutter) * 2)) !important;
  margin: 0 auto !important;
}

@media (min-width: 1200px) {
  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-inner {
    height: auto !important;
    min-height: 47.78rem !important;
  }
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-grid {
  --bs-gutter-x: clamp(2rem, 5vw, 5.5rem);
  --bs-gutter-y: 2rem;
  min-height: 640px !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-hero {
  display: flex !important;
  /* flex-start, not center: the hero copy must begin at the top of its box so the
     eyebrow lines up with the top of the form card next to it. */
  align-items: flex-start !important;
  min-height: 620px !important;
  /* No top padding: it offset the eyebrow ~30px below the card's top edge. The
     horizontal/bottom breathing room is kept. */
  padding: 0 clamp(1rem, 2.2vw, 2rem) clamp(1rem, 2.2vw, 2rem) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-title {
  max-width: 680px !important;
  margin: 0 !important;
  color: var(--nd-brand-heading) !important;
  font-size: clamp(3.2rem, 4vw, 4.65rem) !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: 0 !important;
  line-height: 1.03 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-title span {
  display: block !important;
  color: var(--sw-brand-600, #d92336) !important;
  -webkit-text-fill-color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-lead {
  max-width: 620px !important;
  margin: 1.4rem 0 0 !important;
  color: var(--nd-brand-muted) !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-features {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .8rem !important;
  width: 100% !important;
  margin: 1.65rem 0 0 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-features li {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: .7rem !important;
  min-width: 0 !important;
  padding: .8rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 10px 26px rgba(11, 25, 55, .045) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-feature-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 1px solid var(--sw-brand-100, #ffe3e4) !important;
  border-radius: 10px !important;
  background: var(--sw-brand-100, #ffe3e4) !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-features strong,
body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-features li div > span {
  display: block !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-features strong {
  margin-bottom: .22rem !important;
  color: var(--nd-brand-heading) !important;
  font-size: .76rem !important;
  line-height: 1.25 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-features li div > span {
  color: var(--nd-brand-muted) !important;
  font-size: .7rem !important;
  line-height: 1.42 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-direct {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .8rem !important;
  max-width: 650px !important;
  margin-top: 1rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-direct > div {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: .75rem !important;
  padding: .75rem .85rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, .58) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-direct > div > span {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: var(--sw-brand-100, #ffe3e4) !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-direct small,
body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-direct :is(a, strong) {
  display: block !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-direct small {
  margin-bottom: .2rem !important;
  color: var(--nd-brand-muted) !important;
  font-size: .68rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-direct :is(a, strong) {
  overflow: hidden !important;
  color: var(--nd-brand-heading) !important;
  font-size: .76rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-form-shell,
body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-card {
  width: 100% !important;
  max-width: 610px !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-card {
  padding: clamp(1.5rem, 3vw, 2.35rem) !important;
  border-radius: 14px !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-card-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 50px !important;
  height: 50px !important;
  margin-bottom: 1.05rem !important;
  border: 1px solid var(--sw-brand-100, #ffe3e4) !important;
  border-radius: 13px !important;
  background: var(--sw-brand-100, #ffe3e4) !important;
  color: var(--sw-brand-700, #b5172a) !important;
  font-size: 1.2rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-card-header {
  align-items: flex-start !important;
  margin-bottom: 1rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-card-header h2 {
  margin: .28rem 0 .3rem !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-card-header p {
  max-width: 430px !important;
  font-size: .84rem !important;
  line-height: 1.55 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-topics {
  gap: .45rem !important;
  margin: .25rem 0 1rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-topics .contact-modern-topic-chip {
  min-height: 38px !important;
  padding: .55rem .72rem !important;
  font-size: .72rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-form {
  padding: 0 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-form textarea.form-control {
  min-height: 132px !important;
  height: 132px !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-submit {
  display: inline-flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin-top: 1rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-privacy {
  margin: .85rem 0 0 !important;
  color: var(--nd-brand-muted) !important;
  text-align: center !important;
  font-size: .7rem !important;
  line-height: 1.45 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-privacy a {
  color: var(--sw-brand-700, #b5172a) !important;
  font-weight: 700 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: min(100%, 1260px) !important;
  margin: 2.25rem auto 0 !important;
  padding: .9rem 1rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 12px 34px rgba(11, 25, 55, .055) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust > div {
  display: flex !important;
  align-items: center !important;
  gap: .8rem !important;
  padding: .3rem 1rem !important;
  border-right: 1px solid var(--nd-brand-border) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust > div:last-child {
  border-right: 0 !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust span {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 10px !important;
  background: var(--sw-brand-100, #ffe3e4) !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust strong,
body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust small {
  display: block !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust strong {
  color: var(--nd-brand-heading) !important;
  font-size: .78rem !important;
}

body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust small {
  margin-top: .15rem !important;
  overflow: hidden !important;
  color: var(--nd-brand-muted) !important;
  font-size: .68rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1199.98px) and (min-width: 960px) {
  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-features {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-direct {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 959.98px) {
  body.nedate-ui-standard.nedate-public-standard .contact-login-page {
    display: block !important;
    min-height: calc(100vh - 72px) !important;
    padding: 6.5rem 1rem 2.5rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-grid {
    min-height: 0 !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-form-shell {
    max-width: 620px !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust > div:nth-child(2) {
    border-right: 0 !important;
  }
}

@media (max-width: 575.98px) {
  body.nedate-ui-standard.nedate-public-standard .contact-login-page {
    padding: 5.85rem .85rem 2rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-card {
    padding: 1.25rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-modern-form-card__badge {
    display: none !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust > div {
    border-right: 0 !important;
    border-bottom: 1px solid var(--nd-brand-border) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .contact-login-page .contact-login-trust > div:last-child {
    border-bottom: 0 !important;
  }
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-login-page :is(.contact-login-features li, .contact-login-direct > div, .contact-login-card, .contact-login-trust),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-login-page :is(.contact-login-features li, .contact-login-direct > div, .contact-login-card, .contact-login-trust),
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-login-page :is(.contact-login-features li, .contact-login-direct > div, .contact-login-card, .contact-login-trust) {
  border-color: var(--nd-brand-border) !important;
  background: rgba(16, 24, 39, .92) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-login-page :is(.contact-login-feature-icon, .contact-login-direct > div > span, .contact-login-card-icon, .contact-login-trust span),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .contact-login-page :is(.contact-login-feature-icon, .contact-login-direct > div > span, .contact-login-card-icon, .contact-login-trust span),
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-login-page :is(.contact-login-feature-icon, .contact-login-direct > div > span, .contact-login-card-icon, .contact-login-trust span) {
  border-color: rgba(255, 161, 166, .22) !important;
  background: rgba(240, 70, 81, .13) !important;
  color: #ffa1a6 !important;
}

/* Tracking: login-inspired lookup experience. */
body.nedate-ui-standard.nedate-public-standard .tracking-login-page {
  position: relative !important;
  isolation: isolate !important;
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  min-height: calc(100vh - 88px) !important;
  margin: 0 !important;
  padding: clamp(7rem, 8.5vw, 9.25rem) clamp(1rem, 2.3vw, 2.75rem) 3rem !important;
  overflow: clip !important;
  color: var(--nd-brand-heading) !important;
  background: var(--nd-brand-public-bg) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-ambient {
  position: absolute !important;
  z-index: -1 !important;
  inset: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-gradient {
  position: absolute !important;
  inset: 0 !important;
  background:
    radial-gradient(circle at 9% 22%, rgba(217, 35, 54, .13), transparent 25rem),
    radial-gradient(circle at 88% 18%, rgba(36, 86, 166, .08), transparent 24rem) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-grid-bg {
  position: absolute !important;
  inset: 0 !important;
  opacity: .32 !important;
  background-image:
    linear-gradient(rgba(11, 25, 55, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(11, 25, 55, .035) 1px, transparent 1px) !important;
  background-size: 46px 46px !important;
  mask-image: linear-gradient(to bottom, #000, transparent 72%) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-inner {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: min(100%, 1660px) !important;
  max-width: calc(var(--sw-container-wide, 1440px) + (var(--sw-gutter) * 2)) !important;
  height: auto !important;
  min-height: 47.78rem !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-grid {
  --bs-gutter-x: clamp(2rem, 5vw, 5.5rem);
  --bs-gutter-y: 2rem;
  min-height: 640px !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-hero {
  /* flex-start + no top padding: eyebrow flush with the card in the next column. */
  justify-content: flex-start !important;
  min-height: 620px !important;
  padding: 0 clamp(1rem, 2.2vw, 2rem) clamp(1rem, 2.2vw, 2rem) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Canonical eyebrow pill (see welcome.blade.php): teal on mint, 900, uppercase. */
body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  width: max-content !important;
  margin: 0 0 1rem !important;
  padding: .42rem .63rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--sw-brand-50, #fff2f2) !important;
  color: var(--sw-brand-700, #b5172a) !important;
  font-size: .63rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__title {
  max-width: 680px !important;
  margin: 0 !important;
  color: var(--nd-brand-heading) !important;
  font-size: clamp(3.2rem, 4vw, 4.65rem) !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: 0 !important;
  line-height: 1.03 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__title span {
  display: block !important;
  color: var(--sw-brand-600, #d92336) !important;
  background: none !important;
  -webkit-text-fill-color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__lead {
  max-width: 620px !important;
  margin: 1rem 0 0 !important;
  color: var(--nd-brand-muted) !important;
  font-size: 1.02rem !important;
  line-height: 1.7 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__features {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .8rem !important;
  width: 100% !important;
  margin: 1.65rem 0 0 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__features li {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: .75rem !important;
  min-width: 0 !important;
  padding: .8rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 10px 26px rgba(11, 25, 55, .045) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__feat-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 44px !important;
  height: 44px !important;
  border: 1px solid var(--sw-brand-100, #ffe3e4) !important;
  border-radius: 11px !important;
  background: var(--sw-brand-100, #ffe3e4) !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__features strong,
body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__features li div > span {
  display: block !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__features strong {
  margin-bottom: .25rem !important;
  color: var(--nd-brand-heading) !important;
  font-size: .76rem !important;
  line-height: 1.25 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__features li div > span {
  color: var(--nd-brand-muted) !important;
  font-size: .7rem !important;
  line-height: 1.42 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview {
  position: relative !important;
  overflow: visible !important;
  /* Stessa anteprima di /login: riempie la colonna come le card sopra. */
  width: 100% !important;
  min-height: 190px !important;
  margin-top: 1.25rem !important;
  margin-bottom: 26px !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius-lg, 18px) !important;
  background: var(--sw-surface) !important;
  box-shadow: var(--sw-shadow-md) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__bar {
  display: flex !important;
  align-items: center !important;
  gap: .38rem !important;
  min-height: 42px !important;
  padding: 0 1rem !important;
  border-bottom: 1px solid var(--nd-brand-border) !important;
  color: var(--nd-brand-muted) !important;
  font-size: .7rem !important;
  font-weight: 700 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__bar i {
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: #f04651 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__bar i:nth-child(2) { opacity: .65 !important; }
body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__bar i:nth-child(3) { opacity: .35 !important; }
body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__bar span { margin-left: .55rem !important; }

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__body {
  display: grid !important;
  grid-template-columns: 1.15fr .85fr !important;
  gap: 1rem !important;
  padding: 1.3rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__route {
  display: grid !important;
  grid-template-columns: 42px minmax(45px, 1fr) 42px !important;
  align-items: center !important;
  gap: .8rem !important;
  min-height: 86px !important;
  padding: .9rem !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius-md, 14px) !important;
  background: transparent !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__route span {
  display: inline-grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background: var(--sw-surface) !important;
  color: var(--sw-ink) !important;
  box-shadow: var(--sw-shadow-sm) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__route b {
  height: 2px !important;
  border-radius: 2px !important;
  background: var(--sw-brand-200, #ffc9cc) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__status {
  display: flex !important;
  align-items: center !important;
  gap: .8rem !important;
  min-height: 86px !important;
  padding: .9rem !important;
  border: 1px solid var(--sw-line) !important;
  border-radius: var(--sw-radius-md, 14px) !important;
  background: transparent !important;
  color: var(--sw-brand-600) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__status > i {
  font-size: 1.55rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__status strong,
body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__status small {
  display: block !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__status strong {
  color: var(--nd-brand-heading) !important;
  font-size: .82rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__status small {
  margin-top: .2rem !important;
  color: var(--nd-brand-muted) !important;
  font-size: .7rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__parcel {
  position: absolute !important;
  right: 0 !important;
  bottom: -18px !important;
  display: grid !important;
  place-items: center !important;
  width: 72px !important;
  height: 72px !important;
  border: 5px solid var(--sw-surface) !important;
  border-radius: var(--sw-radius-md, 14px) !important;
  background: var(--sw-brand-600, #d92336) !important;
  color: var(--sw-on-brand, #fff) !important;
  box-shadow: 0 18px 36px rgba(217, 35, 54, .24) !important;
  font-size: 1.65rem !important;
  transform: rotate(-5deg) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-form-shell,
body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-card {
  width: 100% !important;
  max-width: 610px !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-card {
  padding: clamp(1.5rem, 3vw, 2.65rem) !important;
  border: 1px solid rgba(226, 232, 240, .86) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 22px 54px rgba(15, 23, 42, .08) !important;
  backdrop-filter: blur(18px) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-card-icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 50px !important;
  height: 50px !important;
  margin-bottom: 1.05rem !important;
  border: 1px solid var(--sw-brand-100, #ffe3e4) !important;
  border-radius: 13px !important;
  background: var(--sw-brand-100, #ffe3e4) !important;
  color: var(--sw-brand-700, #b5172a) !important;
  font-size: 1.2rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-card-header > span {
  display: block !important;
  color: var(--sw-brand-700, #b5172a) !important;
  font-size: .69rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  letter-spacing: .11em !important;
  text-transform: uppercase !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-card-header h2 {
  margin: .35rem 0 .35rem !important;
  color: var(--nd-brand-heading) !important;
  font-size: 1.65rem !important;
  font-weight: 700 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-card-header p {
  max-width: 480px !important;
  margin: 0 !important;
  color: var(--nd-brand-muted) !important;
  font-size: .84rem !important;
  line-height: 1.55 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-form {
  margin-top: 1.35rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-input-wrap {
  position: relative !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page #tracking_number {
  min-height: 60px !important;
  padding: 1.7rem .95rem .52rem 3.9rem !important;
  border: 1px solid #dfe4ec !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: var(--nd-brand-heading) !important;
  box-shadow: none !important;
  font-size: .88rem !important;
  font-weight: 600 !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page #tracking_number:focus {
  border-color: #f04651 !important;
  box-shadow: 0 0 0 4px rgba(217, 35, 54, .11) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-input-wrap label[for="tracking_number"] {
  position: absolute !important;
  top: .8rem !important;
  left: 3.9rem !important;
  z-index: 2 !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--nd-brand-muted) !important;
  font-size: .63rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  line-height: 1 !important;
  letter-spacing: .045em !important;
  text-transform: uppercase !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-input-icon {
  position: absolute !important;
  z-index: 3 !important;
  top: 50% !important;
  left: 1.25rem !important;
  color: var(--nd-brand-muted) !important;
  font-size: 1.05rem !important;
  transform: translateY(-50%) !important;
  pointer-events: none !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-submit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .6rem !important;
  width: 100% !important;
  min-height: 56px !important;
  margin-top: 1rem !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: var(--sw-brand-600, #d92336) !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(217, 35, 54, .20) !important;
  font-size: .95rem !important;
  font-weight: var(--sw-btn-weight, 600) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-helper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: .75rem !important;
  margin-top: .85rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-helper :is(a, span) {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  color: var(--nd-brand-muted) !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-helper a:hover {
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-divider {
  display: flex !important;
  align-items: center !important;
  gap: .8rem !important;
  margin: 1.35rem 0 1.05rem !important;
  color: var(--nd-brand-muted) !important;
  font-size: .68rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-divider::before,
body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-divider::after {
  content: "" !important;
  height: 1px !important;
  flex: 1 1 auto !important;
  background: var(--nd-brand-border) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey {
  display: grid !important;
  grid-template-columns: auto minmax(18px, 1fr) auto minmax(18px, 1fr) auto !important;
  align-items: center !important;
  gap: .55rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey > div {
  display: grid !important;
  justify-items: center !important;
  gap: .35rem !important;
  min-width: 0 !important;
  text-align: center !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey > div > span {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 50% !important;
  background: #f8fafc !important;
  color: var(--nd-brand-muted) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey .is-complete > span,
body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey .is-current > span {
  border-color: var(--sw-brand-100, #ffe3e4) !important;
  background: var(--sw-brand-100, #ffe3e4) !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey strong,
body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey small {
  display: block !important;
  white-space: nowrap !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey strong {
  color: var(--nd-brand-heading) !important;
  font-size: .7rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey small {
  margin-top: .12rem !important;
  color: var(--nd-brand-muted) !important;
  font-size: .6rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey > i {
  height: 2px !important;
  background: repeating-linear-gradient(90deg, var(--sw-brand-600, #d92336) 0 7px, transparent 7px 13px) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  width: min(100%, 1260px) !important;
  margin: 2.25rem auto 0 !important;
  padding: .9rem 1rem !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .78) !important;
  box-shadow: 0 12px 34px rgba(11, 25, 55, .055) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust > div {
  display: flex !important;
  align-items: center !important;
  gap: .8rem !important;
  min-width: 0 !important;
  padding: .3rem 1rem !important;
  border-right: 1px solid var(--nd-brand-border) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust > div:last-child {
  border-right: 0 !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust span {
  display: inline-grid !important;
  place-items: center !important;
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  border-radius: 10px !important;
  background: var(--sw-brand-100, #ffe3e4) !important;
  color: var(--sw-brand-700, #b5172a) !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust strong,
body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust small {
  display: block !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust strong {
  color: var(--nd-brand-heading) !important;
  font-size: .78rem !important;
}

body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust small {
  margin-top: .15rem !important;
  overflow: hidden !important;
  color: var(--nd-brand-muted) !important;
  font-size: .68rem !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

@media (max-width: 1199.98px) and (min-width: 960px) {
  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .login-page__features {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview {
    display: none !important;
  }
}

@media (max-width: 959.98px) {
  body.nedate-ui-standard.nedate-public-standard .tracking-login-page {
    display: block !important;
    min-height: calc(100vh - 72px) !important;
    padding: 6.5rem 1rem 2.5rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-inner {
    min-height: 0 !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-grid {
    min-height: 0 !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-form-shell {
    max-width: 620px !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust > div:nth-child(2) {
    border-right: 0 !important;
  }
}

@media (max-width: 575.98px) {
  body.nedate-ui-standard.nedate-public-standard .tracking-login-page {
    padding: 5.85rem .85rem 2rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-card {
    padding: 1.25rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-helper {
    align-items: flex-start !important;
    flex-direction: column !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-journey small {
    display: none !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust > div {
    border-right: 0 !important;
    border-bottom: 1px solid var(--nd-brand-border) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-trust > div:last-child {
    border-bottom: 0 !important;
  }
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-grid-bg,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-grid-bg,
body.dark-mode.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-grid-bg {
  opacity: .2 !important;
  background-image:
    linear-gradient(rgba(148, 163, 184, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(148, 163, 184, .055) 1px, transparent 1px) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page :is(.login-page__features li, .tracking-login-preview, .tracking-login-card, .tracking-login-trust),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page :is(.login-page__features li, .tracking-login-preview, .tracking-login-card, .tracking-login-trust),
body.dark-mode.nedate-ui-standard.nedate-public-standard .tracking-login-page :is(.login-page__features li, .tracking-login-preview, .tracking-login-card, .tracking-login-trust) {
  border-color: var(--nd-brand-border) !important;
  background: rgba(16, 24, 39, .92) !important;
  color: var(--nd-brand-heading) !important;
}

/* Eyebrow excluded on purpose: teal-on-mint pill in both themes, as on the landing. */
html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page :is(.login-page__feat-icon, .tracking-login-card-icon, .tracking-login-trust span),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page :is(.login-page__feat-icon, .tracking-login-card-icon, .tracking-login-trust span),
body.dark-mode.nedate-ui-standard.nedate-public-standard .tracking-login-page :is(.login-page__feat-icon, .tracking-login-card-icon, .tracking-login-trust span) {
  border-color: rgba(255, 161, 166, .22) !important;
  background: rgba(240, 70, 81, .13) !important;
  color: #ffa1a6 !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page #tracking_number,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page #tracking_number,
body.dark-mode.nedate-ui-standard.nedate-public-standard .tracking-login-page #tracking_number {
  border-color: #314158 !important;
  background: #0b1424 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__route,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__route,
body.dark-mode.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__route {
  background: transparent !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__status,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__status,
body.dark-mode.nedate-ui-standard.nedate-public-standard .tracking-login-page .tracking-login-preview__status {
  background: transparent !important;
}

/* Pricing: login-inspired public experience. */
body.nedate-ui-standard.nedate-public-standard .pricing-login-page {
  position: relative !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 7% 8%, rgba(217, 35, 54, .10), transparent 27rem),
    radial-gradient(circle at 94% 23%, rgba(70, 123, 255, .07), transparent 28rem),
    linear-gradient(180deg, #fff 0%, #fbfcff 54%, #fff 100%) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-hero {
  padding: 3.15rem 0 2.6rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-hero::before,
body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-hero::after {
  content: none !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-hero > .container-xl,
body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-body > .container-xl {
  width: 100% !important;
  max-width: calc(var(--sw-container-wide, 1440px) + (var(--sw-gutter) * 2)) !important;
  margin: 0 auto !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-hero__grid {
  display: none !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(500px, 610px) !important;
  /* start, not center: the hero copy must begin level with the card beside it. */
  align-items: start !important;
  gap: clamp(3rem, 6vw, 7rem) !important;
  min-height: 40.5rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-copy {
  min-width: 0 !important;
}

/* Colour/size come from the shared .faq-modern-eyebrow (teal on mint, .63rem) so
   this pill matches the landing hero; only the spacing is page-specific. */
body.nedate-ui-standard.nedate-public-standard .pricing-login-page .faq-modern-eyebrow {
  margin: 0 0 1.2rem !important;
  padding: .42rem .63rem !important;
  letter-spacing: .055em !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .faq-modern-title {
  max-width: 760px !important;
  margin: 0 !important;
  color: #10213e !important;
  font-size: clamp(3.45rem, 4.55vw, 5rem) !important;
  line-height: .99 !important;
  letter-spacing: -.06em !important;
  font-weight: var(--sw-weight-max, 700) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .faq-modern-title span {
  display: block !important;
  white-space: normal !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .faq-modern-title .pricing-modern-title-accent {
  margin-top: .14em !important;
  /* was color:transparent + background-clip:text over a gradient. The gradient is gone, and a later rule unclips the background — which left a solid red block with invisible text. Plain coloured text instead. */
  color: var(--sw-brand-600, #d92336) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-subtitle {
  max-width: 720px !important;
  margin: 1.45rem 0 0 !important;
  color: #62718a !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .78rem !important;
  margin-top: 1.65rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-benefits > div {
  display: flex !important;
  align-items: center !important;
  gap: .75rem !important;
  min-width: 0 !important;
  padding: .78rem !important;
  border: 1px solid #e6eaf0 !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: 0 13px 34px rgba(16, 33, 62, .045) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-benefits > div > span,
body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-grid > div > span,
body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card-icon {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  width: 3rem !important;
  height: 3rem !important;
  border-radius: 10px !important;
  color: var(--sw-brand-600) !important;
  background: linear-gradient(145deg, var(--sw-brand-50), var(--sw-brand-100)) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-benefits strong,
body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-benefits small {
  display: block !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-benefits strong {
  color: #17243d !important;
  font-size: .78rem !important;
  line-height: 1.25 !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-benefits small {
  margin-top: .22rem !important;
  color: var(--sw-muted) !important;
  font-size: .67rem !important;
  line-height: 1.35 !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview {
  max-width: 670px !important;
  margin-top: 1.3rem !important;
  padding: 1.05rem 1.15rem 1.15rem !important;
  border: 1px solid #e5e9f0 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 18px 48px rgba(16, 33, 62, .055) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-head {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: .8rem !important;
  padding-bottom: .8rem !important;
  border-bottom: 1px solid #edf0f5 !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-head > span {
  display: flex !important;
  gap: .27rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-head > span i {
  width: .42rem !important;
  height: .42rem !important;
  border-radius: 50% !important;
  background: #f04651 !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-head > span i:nth-child(2) { opacity: .62 !important; }
body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-head > span i:nth-child(3) { opacity: .35 !important; }

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-head small {
  color: #7b889d !important;
  font-size: .69rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-head strong {
  color: #17243d !important;
  font-size: .71rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .7rem !important;
  margin-top: .8rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-grid > div {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  column-gap: .62rem !important;
  padding: .62rem !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-grid > div > span {
  grid-row: span 2 !important;
  width: 2.45rem !important;
  height: 2.45rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-grid strong,
body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-grid small {
  min-width: 0 !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-grid strong {
  color: #17243d !important;
  font-size: .72rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview-grid small {
  color: #78869b !important;
  font-size: .62rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-panel {
  width: 100% !important;
  max-width: 610px !important;
  justify-self: end !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card {
  padding: 2.55rem !important;
  border: 1px solid #e8ebf0 !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 26px 70px rgba(16, 33, 62, .095) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card-icon {
  width: 3.25rem !important;
  height: 3.25rem !important;
  margin-bottom: 1rem !important;
  font-size: 1.15rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card-kicker {
  margin: 0 0 .35rem !important;
  color: var(--sw-brand-600, #d92336) !important;
  font-size: .71rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: .065em !important;
  text-transform: uppercase !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card h2 {
  max-width: 450px !important;
  margin: 0 !important;
  color: #101f39 !important;
  font-size: 1.65rem !important;
  line-height: 1.18 !important;
  letter-spacing: -.035em !important;
  font-weight: var(--sw-weight-max, 700) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card-lead {
  margin: .7rem 0 0 !important;
  color: #69778d !important;
  font-size: .88rem !important;
  line-height: 1.55 !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card .pricing-modern-billing-wrap {
  margin-top: 1.25rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card .pricing-modern-billing {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  margin: 0 !important;
  padding: .3rem !important;
  border-radius: 10px !important;
  background: #f4f6f9 !important;
  box-shadow: none !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card .pricing-modern-billing-btn {
  justify-content: center !important;
  width: 100% !important;
  min-height: 2.8rem !important;
  border-radius: 8px !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-price {
  margin-top: 1rem !important;
  padding: 1.05rem 1.15rem !important;
  border: 1px solid #e6eaf0 !important;
  border-radius: 11px !important;
  background: #fff !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-price > span,
body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-price p {
  display: block !important;
  margin: 0 !important;
  color: #728096 !important;
  font-size: .72rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-price > div {
  display: flex !important;
  align-items: baseline !important;
  margin: .18rem 0 .08rem !important;
  color: #10213e !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-price > div small {
  margin-right: .25rem !important;
  font-size: 1.35rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-price > div strong {
  font-size: 2.65rem !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-price > div em {
  margin-left: .35rem !important;
  color: var(--sw-muted) !important;
  font-size: .8rem !important;
  font-style: normal !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-included {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .55rem !important;
  margin: 1rem 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-included li {
  display: flex !important;
  align-items: flex-start !important;
  gap: .38rem !important;
  color: #314159 !important;
  font-size: .67rem !important;
  line-height: 1.35 !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-included i {
  color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-primary {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .7rem !important;
  width: 100% !important;
  min-height: 3.55rem !important;
  margin-top: 1.25rem !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: linear-gradient(100deg, #f04651, #ff251f) !important;
  box-shadow: 0 18px 34px rgba(255, 60, 28, .20) !important;
  font-size: .9rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card > .pricing-modern-billing-note {
  margin: .85rem 0 0 !important;
  color: var(--sw-muted) !important;
  text-align: center !important;
  font-size: .68rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-body {
  scroll-margin-top: 7rem !important;
  padding: 3.25rem 0 2.4rem !important;
  /* Erano un grigio chiaro fisso: in tema scuro dipingevano una fascia
     chiara in mezzo alla pagina. Ora seguono la superficie del tema. */
  border-top: 1px solid var(--sw-line) !important;
  background: var(--sw-surface-2) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-plans-head {
  max-width: 760px !important;
  margin: 0 auto 1.8rem !important;
  text-align: center !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-plans-head > span {
  color: var(--sw-brand-600, #d92336) !important;
  font-size: .73rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-plans-head h2 {
  margin: .42rem 0 0 !important;
  color: #10213e !important;
  font-size: clamp(2rem, 3vw, 2.75rem) !important;
  letter-spacing: -.05em !important;
  font-weight: var(--sw-weight-max, 700) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-plans-head p {
  margin: .65rem 0 0 !important;
  color: #6f7d92 !important;
  font-size: .92rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-plan-column {
  min-width: min(100%, 430px) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-card {
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 24px 64px rgba(16, 33, 62, .08) !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-card-body {
  padding: 1.7rem !important;
}

body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-plan-btn {
  min-height: 3.25rem !important;
  border-radius: 8px !important;
}

@media (max-width: 1199.98px) {
  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-grid {
    grid-template-columns: minmax(0, 1fr) minmax(430px, 510px) !important;
    gap: 2.5rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-benefits {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-preview {
    display: none !important;
  }
}

@media (max-width: 959.98px) {
  body.nedate-ui-standard.nedate-public-standard .pricing-login-page {
    padding: 6.4rem 1rem 2rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-hero {
    padding: 1rem 0 1.6rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    gap: 1.35rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-panel {
    max-width: none !important;
    justify-self: stretch !important;
  }

  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-card {
    padding: 1.35rem !important;
  }
}

@media (max-width: 575.98px) {
  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .faq-modern-title {
    font-size: clamp(2.55rem, 13vw, 3.55rem) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-benefits,
  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-login-included {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .pricing-login-page .pricing-modern-body {
    padding-top: 2.2rem !important;
  }
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .pricing-login-page,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .pricing-login-page,
body.dark-mode.nedate-ui-standard.nedate-public-standard .pricing-login-page {
  background:
    radial-gradient(circle at 7% 8%, rgba(217, 35, 54, .12), transparent 27rem),
    radial-gradient(circle at 94% 23%, rgba(77, 122, 255, .08), transparent 28rem),
    linear-gradient(180deg, #08111f 0%, #0b1526 55%, #08111f 100%) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .pricing-login-page :is(.pricing-login-benefits > div, .pricing-login-preview, .pricing-login-card, .pricing-login-price, .pricing-modern-card),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .pricing-login-page :is(.pricing-login-benefits > div, .pricing-login-preview, .pricing-login-card, .pricing-login-price, .pricing-modern-card),
body.dark-mode.nedate-ui-standard.nedate-public-standard .pricing-login-page :is(.pricing-login-benefits > div, .pricing-login-preview, .pricing-login-card, .pricing-login-price, .pricing-modern-card) {
  border-color: #2a394f !important;
  background: rgba(14, 26, 44, .96) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .pricing-login-page :is(.faq-modern-title, .pricing-login-benefits strong, .pricing-login-preview-head strong, .pricing-login-preview-grid strong, .pricing-login-card h2, .pricing-login-price > div, .pricing-login-plans-head h2),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .pricing-login-page :is(.faq-modern-title, .pricing-login-benefits strong, .pricing-login-preview-head strong, .pricing-login-preview-grid strong, .pricing-login-card h2, .pricing-login-price > div, .pricing-login-plans-head h2),
body.dark-mode.nedate-ui-standard.nedate-public-standard .pricing-login-page :is(.faq-modern-title, .pricing-login-benefits strong, .pricing-login-preview-head strong, .pricing-login-preview-grid strong, .pricing-login-card h2, .pricing-login-price > div, .pricing-login-plans-head h2) {
  color: #f7f9fc !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .pricing-login-page :is(.pricing-login-preview-grid > div, .pricing-login-card .pricing-modern-billing),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .pricing-login-page :is(.pricing-login-preview-grid > div, .pricing-login-card .pricing-modern-billing),
body.dark-mode.nedate-ui-standard.nedate-public-standard .pricing-login-page :is(.pricing-login-preview-grid > div, .pricing-login-card .pricing-modern-billing) {
  background: #0b1424 !important;
}

/* FAQ: login-inspired help center. */
body.nedate-ui-standard.nedate-public-standard .faq-login-page {
  position: relative !important;
  isolation: isolate !important;
  background:
    radial-gradient(circle at 7% 8%, rgba(217, 35, 54, .10), transparent 27rem),
    radial-gradient(circle at 94% 23%, rgba(70, 123, 255, .07), transparent 28rem),
    linear-gradient(180deg, #fff 0%, #fbfcff 54%, #fff 100%) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-hero {
  padding: 3.15rem 0 2.65rem !important;
  background: transparent !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-hero::before,
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-hero::after {
  content: none !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-hero > .container-xl,
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-body > .container-xl {
  width: 100% !important;
  max-width: calc(var(--sw-container-wide, 1440px) + (var(--sw-gutter) * 2)) !important;
  margin: 0 auto !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-hero-grid {
  display: none !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(500px, 610px) !important;
  /* start, not center: the hero copy must begin level with the card beside it. */
  align-items: start !important;
  gap: clamp(3rem, 6vw, 7rem) !important;
  min-height: 40.5rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-copy {
  min-width: 0 !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-modern-eyebrow {
  margin: 0 0 1.2rem !important;
  padding: .52rem .84rem !important;
  color: var(--sw-brand-600, #d92336) !important;
  background: rgba(217, 35, 54, .08) !important;
  font-size: .72rem !important;
  letter-spacing: .055em !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-title {
  max-width: 760px !important;
  margin: 0 !important;
  color: #10213e !important;
  font-size: clamp(3.45rem, 4.55vw, 5rem) !important;
  line-height: .99 !important;
  letter-spacing: -.06em !important;
  font-weight: var(--sw-weight-max, 700) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-title span {
  display: block !important;
  white-space: normal !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-title .pricing-modern-title-accent {
  margin-top: .14em !important;
  /* was color:transparent + background-clip:text over a gradient. The gradient is gone, and a later rule unclips the background — which left a solid red block with invisible text. Plain coloured text instead. */
  color: var(--sw-brand-600, #d92336) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-subtitle {
  max-width: 720px !important;
  margin: 1.45rem 0 0 !important;
  color: #62718a !important;
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .78rem !important;
  margin-top: 1.65rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-benefits > div {
  display: flex !important;
  align-items: center !important;
  gap: .75rem !important;
  min-width: 0 !important;
  padding: .78rem !important;
  border: 1px solid #e6eaf0 !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, .76) !important;
  box-shadow: 0 13px 34px rgba(16, 33, 62, .045) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-benefits > div > span,
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-flow > div > span,
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-card-icon {
  display: inline-grid !important;
  place-items: center !important;
  flex: 0 0 auto !important;
  width: 3rem !important;
  height: 3rem !important;
  border-radius: 10px !important;
  color: var(--sw-brand-600) !important;
  background: linear-gradient(145deg, var(--sw-brand-50), var(--sw-brand-100)) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-benefits strong,
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-benefits small {
  display: block !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-benefits strong {
  color: #17243d !important;
  font-size: .78rem !important;
  line-height: 1.25 !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-benefits small {
  margin-top: .22rem !important;
  color: var(--sw-muted) !important;
  font-size: .67rem !important;
  line-height: 1.35 !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview {
  max-width: 670px !important;
  margin-top: 1.3rem !important;
  padding: 1.05rem 1.15rem 1.15rem !important;
  border: 1px solid #e5e9f0 !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .82) !important;
  box-shadow: 0 18px 48px rgba(16, 33, 62, .055) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-head {
  display: grid !important;
  grid-template-columns: auto 1fr auto !important;
  align-items: center !important;
  gap: .8rem !important;
  padding-bottom: .8rem !important;
  border-bottom: 1px solid #edf0f5 !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-head > span {
  display: flex !important;
  gap: .27rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-head > span i {
  width: .42rem !important;
  height: .42rem !important;
  border-radius: 50% !important;
  background: #f04651 !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-head > span i:nth-child(2) { opacity: .62 !important; }
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-head > span i:nth-child(3) { opacity: .35 !important; }

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-head small {
  color: #7b889d !important;
  font-size: .69rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-head strong {
  color: #17243d !important;
  font-size: .71rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-flow {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: .55rem !important;
  margin-top: .8rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-flow > div {
  display: grid !important;
  grid-template-columns: auto 1fr !important;
  align-items: center !important;
  column-gap: .6rem !important;
  padding: .62rem !important;
  border-radius: 10px !important;
  background: #f8fafc !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-flow > div > span {
  grid-row: span 2 !important;
  width: 2.45rem !important;
  height: 2.45rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-flow > i {
  color: #f04651 !important;
  font-size: .85rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-flow strong {
  color: #17243d !important;
  font-size: .72rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-flow small {
  color: #78869b !important;
  font-size: .61rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-panel {
  width: 100% !important;
  max-width: 610px !important;
  justify-self: end !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-card {
  padding: 2.2rem !important;
  border: 1px solid #e8ebf0 !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .94) !important;
  box-shadow: 0 26px 70px rgba(16, 33, 62, .095) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-card-icon {
  width: 3.25rem !important;
  height: 3.25rem !important;
  margin-bottom: .9rem !important;
  font-size: 1.15rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-card h2 {
  margin: 0 !important;
  color: #101f39 !important;
  font-size: 1.65rem !important;
  line-height: 1.18 !important;
  letter-spacing: -.035em !important;
  font-weight: var(--sw-weight-max, 700) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-card-lead {
  margin: .65rem 0 0 !important;
  color: #69778d !important;
  font-size: .86rem !important;
  line-height: 1.5 !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-search {
  display: grid !important;
  grid-template-columns: 2.9rem minmax(0, 1fr) 3rem !important;
  align-items: center !important;
  min-height: 3.75rem !important;
  margin-top: 1.15rem !important;
  border: 1px solid #dde3eb !important;
  border-radius: 10px !important;
  background: #fff !important;
  overflow: hidden !important;
  transition: border-color .18s ease, box-shadow .18s ease !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-search:focus-within {
  border-color: #f04651 !important;
  box-shadow: 0 0 0 4px rgba(217, 35, 54, .10) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-search > span {
  display: grid !important;
  place-items: center !important;
  color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-search .form-floating {
  min-width: 0 !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page #faqSearchNew {
  min-height: 3.68rem !important;
  padding: 1.52rem .4rem .42rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #17243d !important;
  font-size: .84rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page label[for="faqSearchNew"] {
  padding: .72rem .4rem !important;
  color: var(--sw-muted) !important;
  font-size: .76rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page #faqSearchSubmit {
  display: grid !important;
  place-items: center !important;
  width: 2.55rem !important;
  height: 2.55rem !important;
  margin-right: .38rem !important;
  border: 0 !important;
  border-radius: 8px !important;
  color: #fff !important;
  background: var(--sw-brand-600, #d92336) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-popular {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: .38rem !important;
  margin-top: .7rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-popular > span {
  margin-right: .12rem !important;
  color: var(--sw-muted) !important;
  font-size: .66rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-popular button {
  padding: .28rem .52rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #5f6e84 !important;
  background: #f2f5f8 !important;
  font-size: .64rem !important;
  font-weight: var(--sw-btn-weight, 600) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-category-nav {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: .58rem !important;
  margin-top: 1rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-category-nav a {
  display: grid !important;
  grid-template-columns: 2.35rem minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .55rem !important;
  min-height: 3.35rem !important;
  padding: .5rem .62rem !important;
  border: 1px solid #e8ebf0 !important;
  border-radius: 9px !important;
  color: #17243d !important;
  background: #fff !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-category-nav a > span {
  display: grid !important;
  place-items: center !important;
  width: 2.35rem !important;
  height: 2.35rem !important;
  border-radius: 8px !important;
  color: var(--sw-brand-600, #d92336) !important;
  background: var(--sw-brand-50, #fff2f2) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-category-nav a strong {
  min-width: 0 !important;
  color: inherit !important;
  font-size: .7rem !important;
  line-height: 1.22 !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-category-nav a em {
  display: grid !important;
  place-items: center !important;
  min-width: 1.7rem !important;
  height: 1.7rem !important;
  border-radius: 999px !important;
  color: #55647a !important;
  background: #f2f5f8 !important;
  font-size: .66rem !important;
  font-style: normal !important;
  font-weight: var(--sw-weight-max, 700) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-category-nav a:hover,
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-category-nav a.is-active {
  border-color: rgba(217, 35, 54, .32) !important;
  background: var(--sw-brand-50, #fff2f2) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-support {
  display: grid !important;
  grid-template-columns: 2.5rem minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: .7rem !important;
  margin-top: .85rem !important;
  padding: .68rem .8rem !important;
  border-radius: 9px !important;
  color: #fff !important;
  background: var(--sw-brand-600, #d92336) !important;
  box-shadow: 0 14px 28px rgba(255, 60, 28, .18) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-support > i:first-child {
  display: grid !important;
  place-items: center !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
  border-radius: 8px !important;
  background: rgba(255,255,255,.16) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-support strong,
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-support small {
  display: block !important;
  color: inherit !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-support strong { font-size: .72rem !important; }
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-support small { margin-top: .12rem !important; font-size: .64rem !important; opacity: .82 !important; }

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-body {
  padding: 3.2rem 0 2.5rem !important;
  /* Erano un grigio chiaro fisso: in tema scuro dipingevano una fascia
     chiara in mezzo alla pagina. Ora seguono la superficie del tema. */
  border-top: 1px solid var(--sw-line) !important;
  background: var(--sw-surface-2) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-content-grid {
  grid-template-columns: minmax(0, 1fr) 340px !important;
  align-items: start !important;
  gap: 1.4rem !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-list-card,
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-support-card,
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-stats-card {
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 22px 58px rgba(16, 33, 62, .07) !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-list-card {
  scroll-margin-top: 7rem !important;
  margin: 0 !important;
  transform: none !important;
}

body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-section-toggle,
body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-question {
  min-height: 3.55rem !important;
}

@media (max-width: 1199.98px) {
  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-grid {
    grid-template-columns: minmax(0, 1fr) minmax(430px, 510px) !important;
    gap: 2.5rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-benefits {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview {
    display: none !important;
  }
}

@media (max-width: 959.98px) {
  body.nedate-ui-standard.nedate-public-standard .faq-login-page {
    padding: 6.4rem 1rem 2rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-hero {
    padding: 1rem 0 1.6rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-grid,
  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-redesign-content-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    gap: 1.35rem !important;
  }

  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-panel {
    max-width: none !important;
    justify-self: stretch !important;
  }

  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-card {
    padding: 1.35rem !important;
  }
}

@media (max-width: 575.98px) {
  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-title {
    font-size: clamp(2.55rem, 13vw, 3.55rem) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-benefits,
  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-category-nav {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-flow {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-public-standard .faq-login-page .faq-login-preview-flow > i {
    display: none !important;
  }
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .faq-login-page,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .faq-login-page,
body.dark-mode.nedate-ui-standard.nedate-public-standard .faq-login-page {
  background:
    radial-gradient(circle at 7% 8%, rgba(217, 35, 54, .12), transparent 27rem),
    radial-gradient(circle at 94% 23%, rgba(77, 122, 255, .08), transparent 28rem),
    linear-gradient(180deg, #08111f 0%, #0b1526 55%, #08111f 100%) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .faq-login-page :is(.faq-login-benefits > div, .faq-login-preview, .faq-login-card, .faq-login-search, .faq-login-category-nav a, .faq-redesign-list-card, .faq-redesign-support-card, .faq-redesign-stats-card),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .faq-login-page :is(.faq-login-benefits > div, .faq-login-preview, .faq-login-card, .faq-login-search, .faq-login-category-nav a, .faq-redesign-list-card, .faq-redesign-support-card, .faq-redesign-stats-card),
body.dark-mode.nedate-ui-standard.nedate-public-standard .faq-login-page :is(.faq-login-benefits > div, .faq-login-preview, .faq-login-card, .faq-login-search, .faq-login-category-nav a, .faq-redesign-list-card, .faq-redesign-support-card, .faq-redesign-stats-card) {
  border-color: #2a394f !important;
  background: rgba(14, 26, 44, .96) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .faq-login-page :is(.faq-login-title, .faq-login-benefits strong, .faq-login-preview-head strong, .faq-login-preview-flow strong, .faq-login-card h2, .faq-login-category-nav a),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .faq-login-page :is(.faq-login-title, .faq-login-benefits strong, .faq-login-preview-head strong, .faq-login-preview-flow strong, .faq-login-card h2, .faq-login-category-nav a),
body.dark-mode.nedate-ui-standard.nedate-public-standard .faq-login-page :is(.faq-login-title, .faq-login-benefits strong, .faq-login-preview-head strong, .faq-login-preview-flow strong, .faq-login-card h2, .faq-login-category-nav a) {
  color: #f7f9fc !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .faq-login-page :is(.faq-login-preview-flow > div, .faq-login-popular button),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .faq-login-page :is(.faq-login-preview-flow > div, .faq-login-popular button),
body.dark-mode.nedate-ui-standard.nedate-public-standard .faq-login-page :is(.faq-login-preview-flow > div, .faq-login-popular button) {
  background: #0b1424 !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-public-standard .faq-login-page #faqSearchNew,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-public-standard .faq-login-page #faqSearchNew,
body.dark-mode.nedate-ui-standard.nedate-public-standard .faq-login-page #faqSearchNew {
  color: #f7f9fc !important;
  -webkit-text-fill-color: #f7f9fc !important;
}

/* Privacy: login-inspired composition with a quieter legal reading surface. */
body.nedate-ui-standard.nedate-legal-standard .legal-login-page {
  width: 100% !important;
  max-width: 1706px !important;
  margin: 0 auto !important;
  padding: 4.6rem 4.15rem 3rem !important;
  color: #0b1937 !important;
  background:
    radial-gradient(circle at 5% 7%, rgba(217, 35, 54, .10), transparent 29rem),
    radial-gradient(circle at 94% 17%, rgba(64, 116, 255, .08), transparent 31rem),
    linear-gradient(180deg, #fff 0%, #fbfcff 52%, #fff 100%) !important;
}

@media (min-width: 960px) {
  body.nedate-ui-standard.nedate-user-ui.nedate-legal-standard:has(.legal-login-page) main > .legal-login-page.user-logistics-page.nedate-main-container {
    max-width: 100% !important;
    padding: 7.2rem 4.15rem 2.4rem !important;
  }
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(430px, .95fr) !important;
  /* start, not center: the hero copy must begin level with the card beside it. */
  align-items: start !important;
  gap: clamp(3rem, 7vw, 7.5rem) !important;
  min-height: 540px !important;
  margin: 0 auto 4.2rem !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero__copy {
  min-width: 0 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: .55rem !important;
  margin-bottom: 1.2rem !important;
  padding: .55rem .9rem !important;
  border: 1px solid var(--sw-brand-100, #ffe3e4) !important;
  border-radius: 999px !important;
  color: #901324 !important;
  background: rgba(255, 247, 242, .92) !important;
  font-size: .73rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  letter-spacing: .04em !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero__title {
  max-width: 760px !important;
  margin: 0 !important;
  color: #0b1937 !important;
  font-size: clamp(3.55rem, 5vw, 5rem) !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero__title span {
  display: block !important;
  color: var(--sw-brand-600, #d92336) !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero__lead {
  max-width: 690px !important;
  margin: 1.45rem 0 1.8rem !important;
  color: #5b687a !important;
  font-size: 1rem !important;
  line-height: 1.7 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero__features {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: .75rem !important;
  max-width: 780px !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-feature {
  display: flex !important;
  align-items: center !important;
  gap: .72rem !important;
  min-width: 0 !important;
  padding: .75rem !important;
  border: 1px solid #e7eaf0 !important;
  border-radius: 13px !important;
  background: rgba(255, 255, 255, .88) !important;
  box-shadow: 0 12px 30px rgba(11, 25, 55, .045) !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-feature > span,
body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows > div > span {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  width: 43px !important;
  height: 43px !important;
  border-radius: 11px !important;
  color: var(--sw-brand-600, #d92336) !important;
  background: var(--sw-brand-50, #fff2f2) !important;
  font-size: 1.15rem !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-feature div {
  min-width: 0 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-feature strong,
body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-feature small {
  display: block !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-feature strong {
  margin-bottom: .16rem !important;
  color: #14213d !important;
  font-size: .78rem !important;
  line-height: 1.25 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-feature small {
  color: #6d7888 !important;
  font-size: .65rem !important;
  line-height: 1.35 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary {
  width: 100% !important;
  max-width: 530px !important;
  justify-self: end !important;
  padding: 2.55rem !important;
  border: 1px solid #e7eaf0 !important;
  border-radius: 17px !important;
  background: #fff !important;
  box-shadow: 0 28px 60px rgba(11, 25, 55, .09) !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 52px !important;
  height: 52px !important;
  margin-bottom: 1rem !important;
  border-radius: 14px !important;
  color: var(--sw-brand-600, #d92336) !important;
  background: var(--sw-brand-50, #fff2f2) !important;
  font-size: 1.35rem !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__kicker,
body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-toolbar__heading span {
  display: block !important;
  margin-bottom: .25rem !important;
  color: var(--sw-brand-600, #d92336) !important;
  font-size: .68rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary h2 {
  margin: 0 0 .55rem !important;
  color: #0b1937 !important;
  font-size: 1.6rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  letter-spacing: -.025em !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary > p {
  margin: 0 0 1.35rem !important;
  color: #687487 !important;
  font-size: .9rem !important;
  line-height: 1.6 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows {
  overflow: hidden !important;
  margin: 0 0 1.4rem !important;
  border: 1px solid #e9ebf0 !important;
  border-radius: 13px !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows > div {
  display: flex !important;
  align-items: center !important;
  gap: .8rem !important;
  padding: .78rem .9rem !important;
  border-bottom: 1px solid #eceef2 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows > div:last-child {
  border-bottom: 0 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows > div > span {
  width: 37px !important;
  height: 37px !important;
  border-radius: 9px !important;
  font-size: .95rem !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows p,
body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows small,
body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows strong {
  display: block !important;
  margin: 0 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows small {
  margin-bottom: .08rem !important;
  color: #7a8595 !important;
  font-size: .66rem !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows strong {
  color: #17233c !important;
  font-size: .78rem !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__button {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .65rem !important;
  width: 100% !important;
  min-height: 52px !important;
  border-radius: 11px !important;
  color: #fff !important;
  background: linear-gradient(100deg, #f04651 0%, #ff1f17 100%) !important;
  box-shadow: 0 14px 28px rgba(217, 35, 54, .2) !important;
  font-size: .86rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  text-decoration: none !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 18px 32px rgba(217, 35, 54, .27) !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__toolbar {
  scroll-margin-top: 7rem !important;
  margin-bottom: 1rem !important;
  border-color: #e7eaf0 !important;
  border-radius: 15px !important;
  box-shadow: 0 15px 38px rgba(11, 25, 55, .055) !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__toolbar .card-body {
  padding: 1rem 1.2rem !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-toolbar__heading {
  min-width: 175px !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-toolbar__heading strong {
  display: block !important;
  color: #0b1937 !important;
  font-size: .95rem !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__toolbar .btn {
  min-height: 39px !important;
  padding: .55rem .85rem !important;
  border-color: #e2e6ed !important;
  border-radius: 9px !important;
  color: #24314b !important;
  background: #fff !important;
  font-size: .74rem !important;
  font-weight: 700 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__toolbar .btn:hover {
  border-color: var(--sw-brand-100, #ffe3e4) !important;
  color: var(--sw-brand-600, #d92336) !important;
  background: #fff6f1 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__card {
  overflow: hidden !important;
  border-color: #e7eaf0 !important;
  border-radius: 17px !important;
  box-shadow: 0 20px 48px rgba(11, 25, 55, .065) !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__card > .card-body {
  padding: clamp(2rem, 4vw, 4.2rem) !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__body {
  max-width: 1120px !important;
  margin: 0 auto !important;
  color: #5d6879 !important;
  font-size: .95rem !important;
  line-height: 1.75 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__body :is(h1, h2, h3) {
  position: relative !important;
  margin: 2.15rem 0 .65rem !important;
  padding-left: 1.15rem !important;
  color: #0b1937 !important;
  font-size: clamp(1.25rem, 2vw, 1.65rem) !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  line-height: 1.25 !important;
  letter-spacing: -.025em !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__body :is(h1, h2, h3)::before {
  content: '' !important;
  position: absolute !important;
  top: .12em !important;
  bottom: .12em !important;
  left: 0 !important;
  width: 4px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #f04651, #ff2318) !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__body :is(h1, h2, h3):first-child {
  margin-top: 0 !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__body p {
  margin-bottom: 1rem !important;
}

body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__updated {
  max-width: 1120px !important;
  margin-right: auto !important;
  margin-left: auto !important;
  border-top: 1px solid #edf0f4 !important;
}

@media (max-width: 1199.98px) {
  body.nedate-ui-standard.nedate-legal-standard .legal-login-page {
    padding-right: 2.25rem !important;
    padding-left: 2.25rem !important;
  }

  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(390px, .9fr) !important;
    gap: 2.5rem !important;
  }

  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero__features {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 959.98px) {
  body.nedate-ui-standard.nedate-legal-standard .legal-login-page {
    padding: 6.4rem 1rem 2.2rem !important;
  }

  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
    gap: 1.7rem !important;
    margin-bottom: 2.4rem !important;
  }

  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary {
    max-width: none !important;
    justify-self: stretch !important;
  }

  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__toolbar .card-body {
    align-items: stretch !important;
  }
}

@media (max-width: 575.98px) {
  body.nedate-ui-standard.nedate-legal-standard .legal-login-page {
    padding-top: 5.85rem !important;
  }

  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-hero__title {
    font-size: clamp(2.8rem, 14vw, 3.8rem) !important;
  }

  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary {
    padding: 1.35rem !important;
  }

  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__toolbar-links,
  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__toolbar .btn {
    width: 100% !important;
  }

  body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-page__card > .card-body {
    padding: 1.35rem !important;
  }
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-legal-standard .legal-login-page,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-legal-standard .legal-login-page,
body.dark-mode.nedate-ui-standard.nedate-legal-standard .legal-login-page {
  background:
    radial-gradient(circle at 6% 7%, rgba(217, 35, 54, .12), transparent 29rem),
    radial-gradient(circle at 94% 17%, rgba(64, 116, 255, .08), transparent 31rem),
    linear-gradient(180deg, #08111f 0%, #0b1526 52%, #08111f 100%) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-legal-standard .legal-login-page :is(.legal-login-feature, .legal-login-summary, .legal-page__toolbar, .legal-page__card),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-legal-standard .legal-login-page :is(.legal-login-feature, .legal-login-summary, .legal-page__toolbar, .legal-page__card),
body.dark-mode.nedate-ui-standard.nedate-legal-standard .legal-login-page :is(.legal-login-feature, .legal-login-summary, .legal-page__toolbar, .legal-page__card) {
  border-color: #2a394f !important;
  background: rgba(14, 26, 44, .96) !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-legal-standard .legal-login-page :is(.legal-login-hero__title, .legal-login-feature strong, .legal-login-summary h2, .legal-login-summary__rows strong, .legal-login-toolbar__heading strong, .legal-page__body h1, .legal-page__body h2, .legal-page__body h3),
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-legal-standard .legal-login-page :is(.legal-login-hero__title, .legal-login-feature strong, .legal-login-summary h2, .legal-login-summary__rows strong, .legal-login-toolbar__heading strong, .legal-page__body h1, .legal-page__body h2, .legal-page__body h3),
body.dark-mode.nedate-ui-standard.nedate-legal-standard .legal-login-page :is(.legal-login-hero__title, .legal-login-feature strong, .legal-login-summary h2, .legal-login-summary__rows strong, .legal-login-toolbar__heading strong, .legal-page__body h1, .legal-page__body h2, .legal-page__body h3) {
  color: #f7f9fc !important;
}

html[data-theme='dark'] body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows,
html[data-bs-theme='dark'] body.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows,
body.dark-mode.nedate-ui-standard.nedate-legal-standard .legal-login-page .legal-login-summary__rows {
  border-color: #2a394f !important;
  background: #0b1424 !important;
}

/* User shell geometry: the desktop sidebar is flush with the viewport and navbar. */
@media (min-width: 960px) {
  body.nedate-ui-standard.nedate-has-desktop-sidebar .adm-sidebar {
    top: var(--nav-h, 88px) !important;
    bottom: 0 !important;
    left: 0 !important;
    height: calc(100vh - var(--nav-h, 88px)) !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
  }

  body.nedate-ui-standard.nedate-user-ui:has(.marketplaces-login-page) main > .wb-breadcrumb-auto {
    display: none !important;
  }

  body.nedate-ui-standard.nedate-user-ui:has(.marketplaces-login-page) main > .marketplaces-login-page.user-logistics-page.nedate-main-container {
    padding-top: 84px !important;
  }
}

body.nedate-ui-standard.nedate-user-ui:has(.marketplaces-login-page) :is(.nedate-footer-brand p, .nedate-footer-newsletter p) {
  max-width: 220px !important;
  margin: .9rem 0 1.25rem !important;
  color: rgba(226, 232, 240, .78) !important;
  font-size: .86rem !important;
  line-height: 1.65 !important;
}

body.nedate-ui-standard.nedate-user-ui:has(.marketplaces-login-page) :is(.nedate-footer-column h6, .nedate-footer-newsletter h6) {
  margin: 0 0 1rem !important;
  color: #ffffff !important;
  font-size: .78rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: .02em !important;
  text-transform: uppercase !important;
}

body.nedate-ui-standard.nedate-user-ui:has(.marketplaces-login-page) :is(.nedate-footer-language, .nedate-footer-theme-pill) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  padding: 0 .85rem !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, .08) !important;
  font-size: .82rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
}

@media (min-width: 960px) {
}

@media (max-width: 1199.98px) {
}

@media (max-width: 767.98px) {

  body.nedate-ui-standard.nedate-user-ui:has(.marketplaces-login-page) :is(.nedate-footer-bottom, .nedate-footer-bottom-actions) {
    align-items: flex-start !important;
    text-align: left !important;
  }
}

/* Final shell anchors: beat legacy user-logistics geometry without changing its components. */
@media (min-width: 960px) {
  html:root body.nedate-ui-standard.nedate-has-desktop-sidebar .adm-sidebar.expanded,
  html:root body.nedate-ui-standard.nedate-has-desktop-sidebar .adm-sidebar.collapsed {
    top: var(--nav-h, 88px) !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    height: calc(100vh - var(--nav-h, 88px)) !important;
    border-radius: 0 !important;
    border-left: 0 !important;
    border-bottom: 0 !important;
  }

  html body.nedate-ui-standard.nedate-user-ui:has(.marketplaces-login-page) #app3d main > .marketplaces-login-page.user-logistics-page.nedate-main-container {
    padding-top: 84px !important;
  }

  html body.nedate-ui-standard.nedate-user-ui:has(.marketplaces-login-page) #scene > #app3d > footer.nedate-site-footer.footer-logistics {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
}

/* ============================================================================
   CANONICAL COMPONENT TOKENS
   ----------------------------------------------------------------------------
   Source of truth: welcome.blade.php (the landing page). Every page had grown its
   own scoped copy of these components with slightly different values, so the same
   element looked different depending on where you were. The rules below restate
   the landing-page values once, for every wrapper that reuses these class names.

   Scope note: this normalises IDENTITY only — colour, type, weight, corner radius.
   Per-page layout (grid, spacing, order, which sections exist) is deliberately
   left alone, so each page can still be arranged around its own content.

   Specificity note: the per-page blocks above use selectors like
   `body.nedate-ui-standard.nedate-public-standard .xxx-page .yyy` (4 classes), so a
   plain `body.nedate-ui-standard .yyy` here would lose. The repeated [class]
   attribute raises this layer just above them without inventing new wrapper classes.

   Reference values, measured on welcome.blade.php:
     display font  Archivo           headings 900, colour #0b1937
     eyebrow pill  #fff2f2 bg / var(--sw-brand-700, #b5172a) text / 900 / uppercase / radius 999px
     card          #fff / radius 8px / 1px rgba(15,23,42,.08) / shadow 12px 34px
     field         radius 8px / 14px / 500
   ========================================================================== */

/* --- Eyebrow / section kicker ------------------------------------------- */
html body.nedate-ui-standard[class][class] :is(
  .faq-modern-eyebrow,
  .welcome-modern-section-kicker,
  .login-page__eyebrow,
  .contact-refresh-eyebrow,
  .contact-modern-eyebrow,
  .pricing-modern-eyebrow,
  .tracking-eyebrow,
  .shipping-hero-eyebrow,
  .legal-page__eyebrow,
  .legal-login-hero__eyebrow,
  .legal-login-summary__kicker,
  .pricing-login-card-kicker,
  .faq-modern-panel-kicker,
  .nedate-page-eyebrow,
  .eyebrow
) {
  display: inline-flex !important;
  align-items: center !important;
  gap: .4rem !important;
  width: max-content !important;
  padding: .42rem .63rem !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: var(--sw-brand-50, #fff2f2) !important;
  color: var(--sw-brand-700, #b5172a) !important;
  font-size: .63rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

html body.nedate-ui-standard[class][class] :is(
  .faq-modern-eyebrow,
  .welcome-modern-section-kicker,
  .login-page__eyebrow,
  .contact-refresh-eyebrow,
  .contact-modern-eyebrow,
  .pricing-modern-eyebrow,
  .tracking-eyebrow,
  .shipping-hero-eyebrow,
  .legal-page__eyebrow,
  .legal-login-hero__eyebrow,
  .legal-login-summary__kicker,
  .pricing-login-card-kicker,
  .faq-modern-panel-kicker,
  .nedate-page-eyebrow,
  .eyebrow
) i {
  color: currentColor !important;
}

/* --- Headings: one display face and weight everywhere -------------------- */
html body.nedate-ui-standard[class][class] :is(h1, h2, .h1, .h2),
html body.nedate-ui-standard[class][class] :is(
  .login-page__title,
  .contact-login-title,
  .faq-modern-title,
  .pricing-modern-title,
  .tracking-login-title,
  .shipping-hero-title
) {
  font-family: Archivo, "IBM Plex Sans", system-ui, sans-serif !important;
  font-weight: var(--sw-weight-max, 700) !important;
}

/* --- Cards: one corner radius and border ------------------------------- */
html body.nedate-ui-standard[class][class] :is(
  .nedate-section-card,
  .feature-card,
  .landing-feature-card,
  .faq-modern-action-card,
  .forgot-page__support-card,
  .login-page__card,
  .shipping-card,
  .pricing-login-card,
  .legal-login-summary,
  .tracking-login-card
) {
  border-radius: 8px !important;
}

/* --- Heading colour ----------------------------------------------------- */
html body.nedate-ui-standard[class][class] :is(h1, h2, .h1, .h2) {
  color: #0b1937 !important;
}

html[data-theme="dark"] body.nedate-ui-standard[class][class] :is(h1, h2, .h1, .h2),
html[data-bs-theme="dark"] body.nedate-ui-standard[class][class] :is(h1, h2, .h1, .h2),
body.dark-mode.nedate-ui-standard[class][class] :is(h1, h2, .h1, .h2) {
  color: #f1f5f9 !important;
}

/* ---------------------------------------------------------------------------
   Page shells must fit the padded content box when the desktop sidebar is shown.
   Several public shells (#scene, #app3d, main, .welcome-modern-page, the contact
   and FAQ pages, the tracking shell) are pinned to width/min-width/max-width:100vw.
   100vw ignores the parent's padding-left, so once the sidebar offset is applied
   the whole page hangs off the right edge of the screen by exactly that amount.
   Guests keep the full-bleed 100vw treatment — this only applies when a sidebar
   is actually on screen. Doubled class raises specificity over the 100vw rules.
   ------------------------------------------------------------------------- */
@media (min-width: 960px) {
  html body.nedate-ui-standard.nedate-has-desktop-sidebar.nedate-has-desktop-sidebar :is(
    #scene,
    #app3d,
    main,
    .tracking-page-shell,
    .welcome-modern-page,
    .contact-refresh-page,
    .contact-login-page,
    .faq-login-page,
    .faq-modern-page,
    .pricing-login-page,
    .legal-login-page
  ) {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* ---------------------------------------------------------------------------
   Canonical page gutter.
   welcome.blade.php is the reference for every token on the site, and its page
   shell sits 35px from each edge. The other shells had drifted to their own
   gutters (tracking and contact at 33.12px from a Bootstrap p-lg-5, the legal
   pages at 58.1px from container-fluid's --bs-gutter-x), so the same content
   started at a different x on every page. Only the horizontal padding is
   normalised — vertical rhythm stays per page, since hero heights differ.

   The sidebar offset is NOT part of this: #app3d carries it once, for every
   page at once (see layouts/sidebar.blade.php -> syncPadding). Page shells must
   never add the sidebar width themselves or the two offsets stack up.
   ------------------------------------------------------------------------- */
@media (min-width: 960px) {
  html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
    .welcome-modern-page,
    .shipping-page-wrapper,
    .tracking-page-shell,
    .pricing-modern-page,
    .faq-modern-page,
    .faq-redesign-page,
    .contact-modern-page,
    .contact-refresh-page,
    .legal-document-page,
    .legal-login-page,
    .marketplaces-login-page,
    .login-page,
    .forgot-refresh-page,
    .register-page
  ) {
    /* The side gutter is a token now. It used to be a hard 35px, which meant
       every full-width band inside the shell (the dark "how it works" section,
       the closing CTA) stopped 35px short of each edge and read as an inset
       panel instead of a band. The gutter lives on the inner containers. */
    padding-left: var(--sw-shell-gutter, 35px) !important;
    padding-right: var(--sw-shell-gutter, 35px) !important;
    /* Same distance from the fixed navbar on every page. welcome sits at
       8.25rem; the auth shells had drifted to 8.74rem, which read as the header
       jumping when you moved between pages. */
    padding-top: 8.25rem !important;
  }
}

/* ---------------------------------------------------------------------------
   Canonical surfaces, actions and fields.

   welcome.blade.php is the reference. Everything below re-states ITS computed
   values on the pages that had drifted away from them — welcome itself is
   deliberately excluded from every selector, so the reference can never be
   moved by this layer.

   What had drifted (measured, not guessed):
     card radius   8px  ->  14px on login/forgot/register/contact, 16px on
                            shipping/pricing/faq
     card border   rgba(15,23,42,.08)  ->  six different greys
     card shadow   0 12px 34px rgba(15,23,42,.035)  ->  seven variants, up to
                            0 26px 70px, which read as a much heavier card
     CTA           8px / 900 / #f04651->var(--sw-brand-600, #d92336)  ->  9px / 800 / #f04651, and
                            on /shipping a RED var(--sw-brand-600, #d92336) gradient
     field text    14px / 500  ->  13.3px, 12.32px/600, 11.76px
   ------------------------------------------------------------------------- */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] {
  --nd-canon-card-bg: #fff;
  --nd-canon-card-radius: 8px;
  --nd-canon-card-border: rgba(15, 23, 42, .08);
  --nd-canon-card-shadow: 0 12px 34px rgba(15, 23, 42, .035);
  /* a token consumed by background-image, so it must stay an <image>: a bare
     colour there is invalid and the button renders transparent. */
  /* Era il valore chiaro fisso: in dark il riempimento restava var(--sw-brand-600, #d92336) mentre
     l'ink passava a navy, e la coppia scendeva a 3,90:1. Ora segue il tema. */
  --nd-canon-cta-gradient: linear-gradient(var(--sw-brand-600, #d92336), var(--sw-brand-600, #d92336));
}

/* Dark mode has its own canonical surface — welcome's dark card is #101d31 with
   a light hairline, not the light-mode white. Only the three colour tokens flip;
   radius, CTA gradient and field typography are the same in both themes. */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class]:is(.dark-mode, .dark, .theme-dark) {
  --nd-canon-card-bg: #101d31;
  --nd-canon-card-border: rgba(148, 163, 184, .28);
  --nd-canon-card-shadow: 0 16px 32px rgba(0, 0, 0, .24);
}

html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
  .shipping-page-wrapper, .tracking-page-shell, .pricing-modern-page,
  .faq-modern-page, .faq-redesign-page, .contact-modern-page,
  .contact-refresh-page, .legal-document-page, .legal-login-page,
  .marketplaces-login-page, .login-page, .forgot-refresh-page, .register-page
) :is(
  .card, .nedate-section-card, .legal-page__card,
  .login-page__card, .login-refresh-card, .forgot-page__support-card,
  .tracking-login-card, .pricing-login-card, .pricing-modern-card,
  .faq-login-card, .faq-redesign-list-card, .faq-redesign-support-card,
  .faq-redesign-stats-card, .contact-modern-form-card, .contact-login-card,
  .shipping-help-card, .shipping-secure-card, .sticky-summary,
  .sender-box, .receiver-box
):not(.shipping-card) {
  background-color: var(--nd-canon-card-bg) !important;
  border-radius: var(--nd-canon-card-radius) !important;
  border-color: var(--nd-canon-card-border) !important;
  box-shadow: var(--nd-canon-card-shadow) !important;
}

/* Primary action. One orange, one radius, one weight — everywhere. */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
  .shipping-page-wrapper, .tracking-page-shell, .pricing-modern-page,
  .faq-modern-page, .faq-redesign-page, .contact-modern-page,
  .contact-refresh-page, .legal-document-page, .legal-login-page,
  .marketplaces-login-page, .login-page, .forgot-refresh-page, .register-page
) :is(
  .btn-primary, .btn-primary-custom, .login-page__submit,
  .pricing-modern-plan-btn, .pricing-modern-cta-btn,
  .faq-redesign-support-btn, .contact-modern-submit
):not(.pricing-modern-cta-btn--ghost):not([class*="--ghost"]) {
  /* ghost variants opt out: they are the secondary action on a dark panel and
     must stay outlined, not take the same fill as the primary next to them */
  background-image: var(--nd-canon-cta-gradient) !important;
  background-color: transparent !important;
  border-color: transparent !important;
  border-radius: var(--sw-control-r, 10px) !important;
  font-weight: var(--sw-btn-weight, 600) !important;
  color: var(--sw-on-brand, #fff) !important;
}

/* Field typography. Radius is normalised too, but input-group joins are put
   back afterwards so addons (kg, cm, currency) stay welded to their field. */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
  .shipping-page-wrapper, .tracking-page-shell, .pricing-modern-page,
  .faq-modern-page, .faq-redesign-page, .contact-modern-page,
  .contact-refresh-page, .legal-document-page, .legal-login-page,
  .marketplaces-login-page, .login-page, .forgot-refresh-page, .register-page
) :is(.form-control, .form-select, textarea):not(.form-check-input) {
  font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif !important;
  font-size: var(--sw-control-fs, 14px) !important;
  font-weight: var(--sw-weight-medium, 500) !important;
  border-radius: var(--sw-control-r, 10px) !important;
}

html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] .input-group > :is(.form-control, .form-select):not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] .input-group > :is(.form-control, .form-select):not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* The contact kicker was the only eyebrow left outside the green pill, and the
   "secure request" badge next to it was red — which reads as an error on what
   is a reassurance label. Both join the canonical accent pill. */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(.contact-modern-kicker, .contact-modern-form-card__badge) {
  color: var(--sw-brand-700, var(--sw-brand-700, #b5172a)) !important;
  background-color: var(--sw-brand-50, var(--sw-brand-50, #fff2f2)) !important;
  border-radius: 999px !important;
  font-weight: var(--sw-weight-semi, 600) !important;
  text-transform: uppercase !important;
  padding: .42rem .63rem !important;
  border: 0 !important;
}

/* ---------------------------------------------------------------------------
   Canonical content origin.

   The shells all share 35px / 8.25rem now, but the hero SECTION inside four of
   them added a second inset on top of that, so the first line of copy landed in
   a different place on every page:

     welcome  (reference)      hero padding 0        -> eyebrow at L35  T118
     tracking / contact-us     hero padding-left 28  -> eyebrow at L63  T118
     pricing  / faq            hero padding-top 44   -> eyebrow at L35  T163

   welcome's hero sits flush against the shell padding, so that is the origin
   every page has to share. Only the two drifting sides are zeroed — padding-
   right and padding-bottom still carry the gutter to the hero's side card and
   to the section below it.
   ------------------------------------------------------------------------- */
@media (min-width: 960px) {
  html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
    .tracking-page-shell, .pricing-modern-page, .faq-modern-page,
    .faq-redesign-page, .contact-modern-page, .contact-refresh-page
  ) :is(
    .tracking-login-hero, .contact-login-hero,
    .pricing-modern-hero, .faq-modern-hero, .faq-redesign-hero
  ) {
    padding-top: 0 !important;
    padding-left: 0 !important;
  }
}

/* ---------------------------------------------------------------------------
   One page background.

   Every page was painting its own. Measured, light mode:

     welcome     3 layers  orange rgba(217, 35, 54,.10) + blue rgba(36,86,166,.067)
     pricing     9 layers  orange rgba(217, 35, 54,.10) + blue rgba(70,123,255,.07)
     faq         9 layers  RED    rgba(255,59,47,.14) + red  rgba(255,59,47,.10)
     login       shell orange, plus a SECOND red glow stacked on <main>

   On top of that the flat base was two-tone: body #f8fbff against #app3d and
   <main> at #fbfcff, so the strip beside the sidebar read as a different grey
   from the page itself.

   welcome is the reference, so its background becomes the only one. The flat
   base collapses to a single #fbfcff, the competing glows on the wrappers are
   cleared, and the shells all get welcome's exact three layers.

   Dark mode is deliberately untouched: there the background is painted once by
   <body> for every page, so it is already uniform.
   ------------------------------------------------------------------------- */
/* sw-flat-white-shell: pure white page base (was #fbfcff near-white tint) */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Wrappers behind the page must stay flat — only the shell paints the glow.
   <main> is excluded where it IS the shell (tracking, contact, faq, pricing). */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) :is(#app3d, .content-with-navbar),
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) main:not(.welcome-modern-page):not(.shipping-page-wrapper):not(.tracking-page-shell):not(.pricing-modern-page):not(.faq-modern-page):not(.faq-redesign-page):not(.contact-modern-page):not(.contact-refresh-page):not(.legal-document-page):not(.legal-login-page) {
  background-color: #ffffff !important;
  background-image: none !important;
}

html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) :is(
  .welcome-modern-page, .shipping-page-wrapper, .tracking-page-shell,
  .pricing-modern-page, .faq-modern-page, .faq-redesign-page,
  .contact-modern-page, .contact-refresh-page, .legal-document-page,
  .legal-login-page, .marketplaces-login-page, .login-page,
  .forgot-refresh-page, .register-page,
  /* logged-in area: the dashboard shell was outside this list, so it fell back to
     the flat #app3d grey while /shipping had the orange wash — the most visible
     difference between the two pages. */
  .user-dashboard-page
) {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* ---------------------------------------------------------------------------
   /tracking was the last page painting decoration ON TOP of the shared
   background: an absolutely-positioned .tracking-login-ambient layer holding a
   third orange glow (circle at 9% 22%, rgba(217, 35, 54,.13) — a different
   position and 30% stronger than the canonical one) and a 1px grid texture that
   no other page has. That is why tracking still read as a different background.

   The auth pages already neutralise their equivalent decoration
   (.login-page__gradient / .login-page__grid are display:none in
   auth/partials/login-page-styles.blade.php), so tracking now follows the same
   convention. The .tracking-login-ambient container itself paints nothing and
   is left in place.
   ------------------------------------------------------------------------- */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
  .tracking-login-gradient,
  .tracking-login-grid-bg
) {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   One hero type scale.

   /pricing and /faq share the intended hero treatment (.faq-modern-title +
   .pricing-modern-subtitle). /tracking and /contact-us had their own smaller
   variants, so the same block of copy read at a different size and colour:

                        pricing / faq        tracking / contact-us
     title size         65.52px              57.6px
     title line-height  .99                  1.03
     title tracking     -.06em               normal   <- no optical tightening
     lead size          14.7px               14.28px
     lead line-height   1.7                  1.7
     lead colour        #62718a              #526174   <- darker, cooler

   Values are restated as ratios rather than the measured px, so the scale keeps
   following the same clamp() as the reference when the viewport changes.
   The auth shells use .login-page__title too and are included on purpose —
   the point is one hero style across the site, not two.
   ------------------------------------------------------------------------- */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
  .login-page__title, .contact-login-title, .tracking-login-title
) {
  /* Era `5vw` con -.06em: a 1280px fa 64px con le lettere schiacciate una
     sull'altra, mentre il titolo della home sta a 50,4px con -.02em. Stessa
     famiglia, due texture diverse — a occhio sembravano due caratteri.
     Qui prende la scala della home: `--sw-text-display`. */
  font-size: var(--sw-text-display) !important;
  line-height: 1.08 !important;
  letter-spacing: -.02em !important;
}

html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
  .login-page__lead, .contact-login-lead, .tracking-login-lead
) {
  font-size: 1.05rem !important;
  line-height: 1.7 !important;
}

html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) :is(
  .login-page__lead, .contact-login-lead, .tracking-login-lead
) {
  color: #62718a !important;
}

/* tracking's eyebrow sat on a taller line box than every other eyebrow. */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
  .login-page__eyebrow, .contact-modern-eyebrow, .contact-refresh-eyebrow
) {
  line-height: 1.2 !important;
}

/* ---------------------------------------------------------------------------
   Hero title: flush left, solid accent.

   Two things made /pricing and /faq read as a different font and a broken
   alignment next to /tracking:

   1. .faq-modern-title carries padding-left: 14px, so while the H1 BOX starts
      at the 35px gutter its text starts at 49px — 14px out of line with the
      eyebrow right above it. .login-page__title (tracking) has no such padding,
      which is why tracking looked correctly aligned.

   2. The accent line on pricing and faq is painted with background-clip: text
      over a red->orange gradient, with color and -webkit-text-fill-color set to
      transparent (nedate-page-system.css:4553 and :8429). Gradient-filled text
      antialiases differently from solid text, so the same Archivo 900 looks
      like another face. welcome and tracking both use a solid orange.

   tracking/welcome behaviour wins: no indent, solid accent. The gradient fill
   is undone completely — background-image, background-clip AND text-fill-color,
   or the glyphs would stay invisible.
   ------------------------------------------------------------------------- */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
  .faq-modern-title, .faq-redesign-title, .pricing-modern-title
) {
  padding-left: 0 !important;
}

html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
  .pricing-modern-title-accent, .faq-redesign-title-accent
) {
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  color: var(--sw-brand-600, #d92336) !important;
  -webkit-text-fill-color: var(--sw-brand-600, #d92336) !important;
  margin-top: 0 !important;
}

html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class]:is(.dark-mode, .dark, .theme-dark) :is(
  .pricing-modern-title-accent, .faq-redesign-title-accent
) {
  color: #fb6c75 !important;
  -webkit-text-fill-color: #fb6c75 !important;
}

/* ---------------------------------------------------------------------------
   The hero panel is ONE component.

   .shipping-hero-panel is reused across the logged-in area (shipping, dashboard,
   cart, address book...), but its appearance was assembled by a chain of
   shell-scoped rules — main.css, shipping/late.css and nedate-page-system.css
   each restyling it for .shipping-page-wrapper / .shipping-login-page /
   .user-logistics-page. A page that did not carry the right shell class picked up
   a different link of that chain, so /user/dashboard rendered the same markup with
   no background, no padding and a smaller title:

                        /shipping (reference)        /user/dashboard
     background         rgba(255,255,255,.94)        transparent
     padding            2.2rem 2.5rem                0 28px
     radius / shadow    16px / 0 24px 66px           14px / 0 14px 38px
     h1                 clamp(2.2rem, 2.7vw, 3rem)   clamp(2.1rem, 2.55vw, 3rem)
     lead               .94rem  #68778d              1.07rem #526681

   Restated once here, keyed on the component and not on the page, so any page
   using the block gets the same panel. /shipping already computes exactly these
   values, so this is a no-op there. Desktop only — the mobile padding and the
   mobile clamp are left to the existing rules.
   ------------------------------------------------------------------------- */
@media (min-width: 960px) {
  html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] .shipping-hero-panel {
    /* Erano valori chiari fissi senza gemello scuro: in tema scuro il pannello
       restava bianco con sopra il titolo quasi bianco, illeggibile. Come token
       vale in tutti e due i temi, e vale per ogni pannello di intestazione. */
    background-color: var(--sw-surface) !important;
    background-image: none !important;
    border: 1px solid var(--sw-line) !important;
    border-radius: var(--sw-radius-lg, 18px) !important;
    box-shadow: var(--sw-shadow-md) !important;
    padding: 2.2rem 2.5rem !important;
    overflow: hidden !important;
  }

  html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] .shipping-hero-panel h1:not(.sw-hero-title) {
    font-size: clamp(2.2rem, 2.7vw, 3rem) !important;
    line-height: 1.04 !important;
    margin-bottom: .25rem !important;
  }

  html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] .shipping-hero-panel > * > * > p:not(.sw-hero-lead) {
    font-size: .94rem !important;
    line-height: 1.55 !important;
  }

  html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) .shipping-hero-panel > * > * > p:not(.sw-hero-lead) {
    color: var(--sw-muted) !important;
  }

  html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] .shipping-hero-visual {
    max-width: 620px !important;
  }
}

/* ---------------------------------------------------------------------------
   The auto-breadcrumb is gone: the @include was removed from layouts/app.blade.php.

   It rendered on every user/* and admin/* URL, above the page shell and so
   outside the shell's 8.25rem navbar clearance — it painted behind the fixed
   navbar, unreadable, while still consuming 25px and pushing the hero down.
   Rather than reposition it, it was dropped: every page now opens with the hero
   panel, which already names the section, so the trail was duplicate chrome.

   The belt-and-braces rule below stays as a safety net in case the partial is
   ever re-included somewhere.
   ------------------------------------------------------------------------- */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] .wb-breadcrumb-auto {
  display: none !important;
}

/* ---------------------------------------------------------------------------
   The rest of the logged-in area joins the canonical layout.

   /user/dashboard was brought in one page at a time, but an audit of the user
   views found 170 page shells using 100 different identity classes, and no
   single shared class covers them: .user-logistics-page is on only 45 of them
   and 125 pages carry no shared marker at all. So the list has to be explicit.

   Scoped to .nedate-user-ui so the admin UI is untouched, and anchored at
   `main > ` so only the outermost shell is padded — several pages stack two
   matching wrappers, and a descendant match would have doubled the gutter.

   Values are the same ones /shipping computes: 35px gutter, 8.25rem clearance
   under the fixed navbar, and the one page background.
   ------------------------------------------------------------------------- */
@media (min-width: 960px) {
  html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] #app3d > main > :is(
    .address-book-wrapper, .amazon-connect-page, .amazon-connect-wrapper, .billing-page,
    .cart-page, .cart-shell, .courier-edit-wrapper, .couriers-wrapper, .dashboard-wrapper,
    .ebay-connect-page, .ebay-connect-wrapper,
    .experience-template-page, .ftp-connect-page, .ftp-connect-wrapper, .gs-shell,
    .imported-order-details-wrapper, .imported-orders-wrapper, .logistics-categories-page,
    .logistics-page, .logistics-product-form-page, .logistics-stocks-page,
    .logistics-transfers-page, .logistics-warehouses-page, .marketplace-edit-page,
    .marketplace-edit-wrapper, .marketplace-logs-page, .marketplaces-page,
    .marketplaces-wrapper, .nedate-app-page, .nedate-main-container,
    .pg-shell, .platform-standard-page,
    .pod-page-wrapper, .pod-release-page, .prestashop-connect-page,
    .prestashop-connect-wrapper, .returns-create-page, .rp-shell,
    .settings-center-page, .settings-like-form-page, .settings-wrapper,
    .shipment-details-wrapper, .shipment-show-page, .shopify-connect-wrapper,
    .stock-release-page, .system-qa-page, .ti-shell, .tracking-admin-shell, .trust-user-page,
    .user-account-deletion-page, .user-address-book-form-page, .user-address-book-page,
    .user-address-edit-page, .user-api-create-page, .user-api-edit-page, .user-api-index-page,
    .user-api-page, .user-billing-show-page, .user-claims-create-page, .user-claims-page,
    .user-claims-show-page, .user-courier-contract-page, .user-courier-settings-page,
    .user-couriers-page, .user-exp-templates-page, .user-experience-page,
    .user-growth-suite-page, .user-imported-orders-page, .user-imports-page,
    .user-invoice-pay-page, .user-invoices-page, .user-invoices-wrapper, .user-logistics-page,
    .user-monitoring-page, .user-notifications-page, .user-pod-page, .user-qt-page,
    .user-returns-create-page, .user-returns-index-page, .user-returns-page,
    .user-returns-show-page, .user-settings-page, .user-shipments-page,
    .user-shipments-wrapper, .user-stock-page, .user-subscription-page,
    .user-support-tickets-page, .user-wallet-page, .user-wallet-recharge-page, .wallet-page,
    .wallet-transactions-page, .wallet-wrapper, .woocommerce-connect-page,
    .woocommerce-connect-wrapper
  ) {
    /* Il valore resta 35px per tutte le pagine dell'area riservata: solo chi
       dichiara --shipping-page-left/right (il guscio di /spedizioni) prende
       la grondaia del sito. */
    padding-left: var(--shipping-page-left, 35px) !important;
    padding-right: var(--shipping-page-right, 35px) !important;
    padding-top: 8.25rem !important;
  }
}

html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) #app3d > main > :is(
    .address-book-wrapper, .amazon-connect-page, .amazon-connect-wrapper, .billing-page,
    .cart-page, .cart-shell, .courier-edit-wrapper, .couriers-wrapper, .dashboard-wrapper,
    .ebay-connect-page, .ebay-connect-wrapper,
    .experience-template-page, .ftp-connect-page, .ftp-connect-wrapper, .gs-shell,
    .imported-order-details-wrapper, .imported-orders-wrapper, .logistics-categories-page,
    .logistics-page, .logistics-product-form-page, .logistics-stocks-page,
    .logistics-transfers-page, .logistics-warehouses-page, .marketplace-edit-page,
    .marketplace-edit-wrapper, .marketplace-logs-page, .marketplaces-page,
    .marketplaces-wrapper, .nedate-app-page, .nedate-main-container,
    .pg-shell, .platform-standard-page,
    .pod-page-wrapper, .pod-release-page, .prestashop-connect-page,
    .prestashop-connect-wrapper, .returns-create-page, .rp-shell,
    .settings-center-page, .settings-like-form-page, .settings-wrapper,
    .shipment-details-wrapper, .shipment-show-page, .shopify-connect-wrapper,
    .stock-release-page, .system-qa-page, .tracking-admin-shell, .trust-user-page,
    .user-account-deletion-page, .user-address-book-form-page, .user-address-book-page,
    .user-address-edit-page, .user-api-create-page, .user-api-edit-page, .user-api-index-page,
    .user-api-page, .user-billing-show-page, .user-claims-create-page, .user-claims-page,
    .user-claims-show-page, .user-courier-contract-page, .user-courier-settings-page,
    .user-couriers-page, .user-exp-templates-page, .user-experience-page,
    .user-growth-suite-page, .user-imported-orders-page, .user-imports-page,
    .user-invoice-pay-page, .user-invoices-page, .user-invoices-wrapper, .user-logistics-page,
    .user-monitoring-page, .user-notifications-page, .user-pod-page, .user-qt-page,
    .user-returns-create-page, .user-returns-index-page, .user-returns-page,
    .user-returns-show-page, .user-settings-page, .user-shipments-page,
    .user-shipments-wrapper, .user-stock-page, .user-subscription-page,
    .user-support-tickets-page, .user-wallet-page, .user-wallet-recharge-page, .wallet-page,
    .wallet-transactions-page, .wallet-wrapper, .woocommerce-connect-page,
    .woocommerce-connect-wrapper
) {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Dark counterpart of the block above.
   The shell list carries .nedate-main-container, which /login also wears
   (container-fluid py-4 p-lg-5 pages-wrapper login-page login-refresh-page
   nedate-main-container). With no dark guard the white gradient painted over
   the dark body and the near-white hero title became invisible. The light rule
   is now scoped to light mode and this one paints the dark canvas, so every
   shell in this list — /login included — gets a real dark background. */
html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class]:is(.dark-mode, .dark, .theme-dark) #app3d > main > :is(
    .address-book-wrapper, .amazon-connect-page, .amazon-connect-wrapper, .billing-page,
    .cart-page, .cart-shell, .courier-edit-wrapper, .couriers-wrapper, .dashboard-wrapper,
    .ebay-connect-page, .ebay-connect-wrapper,
    .experience-template-page, .ftp-connect-page, .ftp-connect-wrapper, .gs-shell,
    .imported-order-details-wrapper, .imported-orders-wrapper, .logistics-categories-page,
    .logistics-page, .logistics-product-form-page, .logistics-stocks-page,
    .logistics-transfers-page, .logistics-warehouses-page, .marketplace-edit-page,
    .marketplace-edit-wrapper, .marketplace-logs-page, .marketplaces-page,
    .marketplaces-wrapper, .nedate-app-page, .nedate-main-container,
    .pg-shell, .platform-standard-page,
    .pod-page-wrapper, .pod-release-page, .prestashop-connect-page,
    .prestashop-connect-wrapper, .returns-create-page, .rp-shell,
    .settings-center-page, .settings-like-form-page, .settings-wrapper,
    .shipment-details-wrapper, .shipment-show-page, .shopify-connect-wrapper,
    .stock-release-page, .system-qa-page, .tracking-admin-shell, .trust-user-page,
    .user-account-deletion-page, .user-address-book-form-page, .user-address-book-page,
    .user-address-edit-page, .user-api-create-page, .user-api-edit-page, .user-api-index-page,
    .user-api-page, .user-billing-show-page, .user-claims-create-page, .user-claims-page,
    .user-claims-show-page, .user-courier-contract-page, .user-courier-settings-page,
    .user-couriers-page, .user-exp-templates-page, .user-experience-page,
    .user-growth-suite-page, .user-imported-orders-page, .user-imports-page,
    .user-invoice-pay-page, .user-invoices-page, .user-invoices-wrapper, .user-logistics-page,
    .user-monitoring-page, .user-notifications-page, .user-pod-page, .user-qt-page,
    .user-returns-create-page, .user-returns-index-page, .user-returns-page,
    .user-returns-show-page, .user-settings-page, .user-shipments-page,
    .user-shipments-wrapper, .user-stock-page, .user-subscription-page,
    .user-support-tickets-page, .user-wallet-page, .user-wallet-recharge-page, .wallet-page,
    .wallet-transactions-page, .wallet-wrapper, .woocommerce-connect-page,
    .woocommerce-connect-wrapper
) {
  /* sw-flat-dark-shell: no pink/blue radial on user/public shells */
  background-color: #0f172a !important;
  background-image: none !important;
}

/* Surfaces and fields inside those shells, same tokens as the public pages. */
html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] #app3d > main > :is(
    .address-book-wrapper, .amazon-connect-page, .amazon-connect-wrapper, .billing-page,
    .cart-page, .cart-shell, .courier-edit-wrapper, .couriers-wrapper, .dashboard-wrapper,
    .ebay-connect-page, .ebay-connect-wrapper,
    .experience-template-page, .ftp-connect-page, .ftp-connect-wrapper, .gs-shell,
    .imported-order-details-wrapper, .imported-orders-wrapper, .logistics-categories-page,
    .logistics-page, .logistics-product-form-page, .logistics-stocks-page,
    .logistics-transfers-page, .logistics-warehouses-page, .marketplace-edit-page,
    .marketplace-edit-wrapper, .marketplace-logs-page, .marketplaces-page,
    .marketplaces-wrapper, .nedate-app-page, .nedate-main-container,
    .pg-shell, .platform-standard-page,
    .pod-page-wrapper, .pod-release-page, .prestashop-connect-page,
    .prestashop-connect-wrapper, .returns-create-page, .rp-shell,
    .settings-center-page, .settings-like-form-page, .settings-wrapper,
    .shipment-details-wrapper, .shipment-show-page, .shopify-connect-wrapper,
    .stock-release-page, .system-qa-page, .tracking-admin-shell, .trust-user-page,
    .user-account-deletion-page, .user-address-book-form-page, .user-address-book-page,
    .user-address-edit-page, .user-api-create-page, .user-api-edit-page, .user-api-index-page,
    .user-api-page, .user-billing-show-page, .user-claims-create-page, .user-claims-page,
    .user-claims-show-page, .user-courier-contract-page, .user-courier-settings-page,
    .user-couriers-page, .user-exp-templates-page, .user-experience-page,
    .user-growth-suite-page, .user-imported-orders-page, .user-imports-page,
    .user-invoice-pay-page, .user-invoices-page, .user-invoices-wrapper, .user-logistics-page,
    .user-monitoring-page, .user-notifications-page, .user-pod-page, .user-qt-page,
    .user-returns-create-page, .user-returns-index-page, .user-returns-page,
    .user-returns-show-page, .user-settings-page, .user-shipments-page,
    .user-shipments-wrapper, .user-stock-page, .user-subscription-page,
    .user-support-tickets-page, .user-wallet-page, .user-wallet-recharge-page, .wallet-page,
    .wallet-transactions-page, .wallet-wrapper, .woocommerce-connect-page,
    .woocommerce-connect-wrapper
) :is(.card, .nedate-section-card) {
  background-color: var(--nd-canon-card-bg) !important;
  border-radius: var(--nd-canon-card-radius) !important;
  border-color: var(--nd-canon-card-border) !important;
  box-shadow: var(--nd-canon-card-shadow) !important;
}

html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] #app3d > main > :is(
    .address-book-wrapper, .amazon-connect-page, .amazon-connect-wrapper, .billing-page,
    .cart-page, .cart-shell, .courier-edit-wrapper, .couriers-wrapper, .dashboard-wrapper,
    .ebay-connect-page, .ebay-connect-wrapper,
    .experience-template-page, .ftp-connect-page, .ftp-connect-wrapper, .gs-shell,
    .imported-order-details-wrapper, .imported-orders-wrapper, .logistics-categories-page,
    .logistics-page, .logistics-product-form-page, .logistics-stocks-page,
    .logistics-transfers-page, .logistics-warehouses-page, .marketplace-edit-page,
    .marketplace-edit-wrapper, .marketplace-logs-page, .marketplaces-page,
    .marketplaces-wrapper, .nedate-app-page, .nedate-main-container,
    .pg-shell, .platform-standard-page,
    .pod-page-wrapper, .pod-release-page, .prestashop-connect-page,
    .prestashop-connect-wrapper, .returns-create-page, .rp-shell,
    .settings-center-page, .settings-like-form-page, .settings-wrapper,
    .shipment-details-wrapper, .shipment-show-page, .shopify-connect-wrapper,
    .stock-release-page, .system-qa-page, .tracking-admin-shell, .trust-user-page,
    .user-account-deletion-page, .user-address-book-form-page, .user-address-book-page,
    .user-address-edit-page, .user-api-create-page, .user-api-edit-page, .user-api-index-page,
    .user-api-page, .user-billing-show-page, .user-claims-create-page, .user-claims-page,
    .user-claims-show-page, .user-courier-contract-page, .user-courier-settings-page,
    .user-couriers-page, .user-exp-templates-page, .user-experience-page,
    .user-growth-suite-page, .user-imported-orders-page, .user-imports-page,
    .user-invoice-pay-page, .user-invoices-page, .user-invoices-wrapper, .user-logistics-page,
    .user-monitoring-page, .user-notifications-page, .user-pod-page, .user-qt-page,
    .user-returns-create-page, .user-returns-index-page, .user-returns-page,
    .user-returns-show-page, .user-settings-page, .user-shipments-page,
    .user-shipments-wrapper, .user-stock-page, .user-subscription-page,
    .user-support-tickets-page, .user-wallet-page, .user-wallet-recharge-page, .wallet-page,
    .wallet-transactions-page, .wallet-wrapper, .woocommerce-connect-page,
    .woocommerce-connect-wrapper
) :is(.form-control, .form-select, textarea):not(.form-check-input) {
  font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif !important;
  font-size: var(--sw-control-fs, 14px) !important;
  font-weight: var(--sw-weight-medium, 500) !important;
}

/* ---------------------------------------------------------------------------
   Legacy 64px navbar clearance on #app3d.

   Some logged-in pages (claims, invoices, couriers, monitoring...) carry
   padding-top: 64px on #app3d — the height the navbar used to be before it was
   unified to a single 88px bar. The page shell already provides the real
   clearance with its 8.25rem, so that 64px was pure extra: <main> started at
   y64 and the first block landed at y180 instead of y116, which is why those
   pages sat visibly lower than /shipping.

   Every shell in the user area now gets 8.25rem from the block above, so the
   legacy offset can go.
   ------------------------------------------------------------------------- */
@media (min-width: 960px) {
  html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] #app3d {
    padding-top: 0 !important;
  }
}

/* ---------------------------------------------------------------------------
   One page header, structurally.

   The shells are aligned now, but the block AT THE TOP of each page was not:
   22 views use the canonical .shipping-hero-panel while 60 others carry a
   bespoke header div. Measured, they drift badly — /user/address-book renders
   its h1 at 36.5px with a borderless eyebrow, /user/couriers at 24.5px, against
   38.88px and a green pill on /shipping. Same information, three different
   headers.

   Every page-level header class found in the user views is folded into the
   canonical panel here: same surface, same eyebrow pill, same title scale.
   Excluded on purpose: *-sub-hero (secondary headers, meant to stay smaller)
   and the inner *-visual / *-svg / *-copy / *-actions elements.
   ------------------------------------------------------------------------- */
@media (min-width: 960px) {

  html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] :is(
  .address-book-form-hero, .address-book-hero, .amazon-hero-panel, .b2-hero, .b3-hero,
  .billing-hero-panel, .cart-hero, .ebay-hero-panel, .ftp-hero-panel,
  .gs-hero, .invoice-pay-hero, .marketplace-edit-hero, .marketplace-logs-hero,
  .marketplaces-login-hero, .nedate-page-hero, .prestashop-hero-panel, .returns-create-hero, .rp-hero, .settings-hero-panel,
  .shipment-show-hero-panel, .sr-hero, .template-example-hero, .ti-hero, .tracking-admin-hero,
  .trust-user-hero, .user-account-deletion-hero, .user-address-edit-hero, .user-api-hero,
  .user-billing-show-hero, .user-claims-create-hero, .user-claims-hero, .user-claims-show-hero,
  .user-courier-contract-hero, .user-courier-settings-hero, .user-couriers-hero,
  .user-exp-templates-hero, .user-experience-hero, .user-imported-orders-hero,
  .user-imports-hero, .user-invoices-hero, .user-logistics-hero, .user-monitoring-hero,
  .user-notifications-hero, .user-pod-hero, .user-qt-hero, .user-returns-hero,
  .user-returns-show-hero, .user-shipments-hero, .user-stock-hero, .user-subscription-hero,
  .user-support-hero, .user-wallet-hero, .wallet-transactions-hero-panel,
  .woocommerce-hero-panel
  ) {
    /* Erano valori chiari fissi senza gemello scuro: in tema scuro il pannello
       restava bianco con sopra il titolo quasi bianco, illeggibile. Come token
       vale in tutti e due i temi, e vale per ogni pannello di intestazione. */
    background-color: var(--sw-surface) !important;
    background-image: none !important;
    border: 1px solid var(--sw-line) !important;
    border-radius: var(--sw-radius-lg, 18px) !important;
    box-shadow: var(--sw-shadow-md) !important;
    padding: 2.2rem 2.5rem !important;
    overflow: hidden !important;
  }

  html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] :is(
  .address-book-form-hero, .address-book-hero, .amazon-hero-panel, .b2-hero, .b3-hero,
  .billing-hero-panel, .cart-hero, .ebay-hero-panel, .ftp-hero-panel,
  .gs-hero, .invoice-pay-hero, .marketplace-edit-hero, .marketplace-logs-hero,
  .marketplaces-login-hero, .nedate-page-hero, .prestashop-hero-panel, .returns-create-hero, .rp-hero, .settings-hero-panel,
  .shipment-show-hero-panel, .sr-hero, .template-example-hero, .ti-hero, .tracking-admin-hero,
  .trust-user-hero, .user-account-deletion-hero, .user-address-edit-hero, .user-api-hero,
  .user-billing-show-hero, .user-claims-create-hero, .user-claims-hero, .user-claims-show-hero,
  .user-courier-contract-hero, .user-courier-settings-hero, .user-couriers-hero,
  .user-exp-templates-hero, .user-experience-hero, .user-imported-orders-hero,
  .user-imports-hero, .user-invoices-hero, .user-logistics-hero, .user-monitoring-hero,
  .user-notifications-hero, .user-pod-hero, .user-qt-hero, .user-returns-hero,
  .user-returns-show-hero, .user-shipments-hero, .user-stock-hero, .user-subscription-hero,
  .user-support-hero, .user-wallet-hero, .wallet-transactions-hero-panel,
  .woocommerce-hero-panel
  ) h1:not(.sw-hero-title) {   /* dove la testata usa il mattone comune, decide il mattone */
    font-size: clamp(2.2rem, 2.7vw, 3rem) !important;
    line-height: 1.04 !important;
    margin-bottom: .25rem !important;
  }

  html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] :is(
  .address-book-hero-visual, .cart-hero-visual, .returns-hero-visual,
  .settings-hero-visual, .shipment-details-hero-visual, .trust-hero-visual,
  .user-api-hero-visual, .user-pod-hero-visual, .user-stock-hero-visual
  ) {
    max-width: 620px !important;
  }
}

/* The eyebrow pill, identical to /shipping's, in both themes. */
html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] :is(
  .address-book-eyebrow, .address-book-form-eyebrow, .amazon-eyebrow, .b2-eyebrow, .b3-eyebrow,
  .billing-eyebrow, .cart-eyebrow, .ebay-eyebrow, .ftp-eyebrow,
  .gs-eyebrow, .invoice-pay-eyebrow, .marketplace-edit-eyebrow,
  .marketplace-logs-eyebrow, .nedate-page-eyebrow, .prestashop-eyebrow, .returns-create-eyebrow, .rp-eyebrow,
  .shipment-show-eyebrow, .tracking-admin-eyebrow,
  .user-address-edit-eyebrow, .user-api-eyebrow, .user-billing-show-eyebrow,
  .user-claims-create-eyebrow, .user-claims-eyebrow, .user-claims-show-eyebrow,
  .user-courier-contract-eyebrow, .user-courier-settings-eyebrow, .user-couriers-eyebrow,
  .user-exp-templates-eyebrow, .user-experience-eyebrow, .user-imported-orders-eyebrow,
  .user-imports-eyebrow, .user-invoices-eyebrow, .user-logistics-eyebrow,
  .user-monitoring-eyebrow, .user-pod-eyebrow, .user-qt-eyebrow, .user-returns-show-eyebrow,
  .user-shipments-eyebrow, .user-stock-eyebrow, .user-subscription-eyebrow,
  .wallet-transactions-eyebrow, .woocommerce-eyebrow
) {
  display: inline-flex !important;
  align-items: center !important;
  gap: .35rem !important;
  font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif !important;
  font-size: .63rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  line-height: 1.2 !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  color: var(--sw-brand-700, #b5172a) !important;
  background-color: #fff2f2 !important;
  border: 0 !important;
  border-radius: 999px !important;
  padding: .42rem .63rem !important;
}

/* ---------------------------------------------------------------------------
   One type scale and one field, across the logged-in area.

   Measured against /shipping, the drift was in the small text and the controls,
   not the headings:

                      /shipping (ref)   dashboard   wallet      settings   couriers
     p                13.125 / 400      w600        13.16/500   13/500     other colour
     small            10.92  / 400      13.125px    12.6/500    13/500     13.125px
     secondary text   #526681           —           #526174     #61708e    #717c81
     .btn             12.6 / 800        —           12.88/700   13px       w600
     input radius     8px               —           0px         —          —
     input background rgba(255,255,255,.94)         transparent —          —
     input border     rgba(20,39,74,.14)            #0b1937     —          —

   Only the properties that are genuinely shared are pinned. Height and padding
   of the controls are deliberately left alone: /shipping pads 28px at the top
   for its floating labels and wallet pads 54px on the left for a leading icon,
   so those are structural, not style drift. Button COLOUR is left alone too —
   it carries the variant (primary is white on orange, outline is dark).
   ------------------------------------------------------------------------- */
html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] #app3d > main :is(p, .text-secondary, .text-muted):not(.shipping-hero-panel p):not([class*="hero"] p) {
  font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif !important;
  font-size: .9375rem !important;
  font-weight: 400 !important;
}

html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] /* The :not() guards are here to outrank the paragraph rule above, not to exclude
   anything real: its own two complex :not()s raise its specificity, so without
   these a <p class="small"> or a .text-muted.small took the paragraph size. */
#app3d > main :is(small, .small):not([hidden]):not([aria-hidden="true"]):not([data-x]):not([data-y]) {
  font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif !important;
  /* Era .78rem: con html a 14px sono 10.9px, sotto il minimo leggibile che
     abbiamo fissato per tutto il sito. Adesso legge il token, cosi' ogni
     didascalia dell'area riservata e delle pagine di accesso parte da li'. */
  font-size: var(--sw-text-xs, 12.5px) !important;
  font-weight: 400 !important;
}

html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] #app3d > main :is(label, .form-label) {
  font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif !important;
  /* Era .88rem/500 fisso. Questo selettore ha un id piu' otto [class]: nessuna
     regola a classi lo batte, ed e' il motivo per cui la dimensione delle
     etichette non si spostava da nessuna parte del sito. Come token la decide
     il design system. */
  font-size: var(--sw-label-fs, .88rem) !important;
  font-weight: var(--sw-label-weight, 500) !important;
}

html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] #app3d > main :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea, .form-control, .form-select) {
  font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif !important;
  font-size: var(--sw-control-fs, 14px) !important;
  font-weight: var(--sw-weight-medium, 500) !important;
  border-radius: var(--sw-control-r, 10px) !important;
}

html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] #app3d > main .btn {
  font-family: "IBM Plex Sans", system-ui, -apple-system, sans-serif !important;
  font-size: .9rem !important;
  font-weight: var(--sw-btn-weight, 600) !important;
}

/* Input-group joins survive the shared radius. */
html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] #app3d > main .input-group > :is(.form-control, .form-select, input, select):not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class] #app3d > main .input-group > :is(.form-control, .form-select, input, select):not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Colours belong to the theme, so they are re-applied light-mode only. The sizes,
   weights and radii above are theme-agnostic and stay global. Without this split
   the pinned light values would paint dark text on the dark background and turn
   every field white in dark mode. */
html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) #app3d > main :is(p, .text-secondary, .text-muted) {
  /* was a hard #526681. As a token it can be re-pointed by any ancestor that
     paints itself — a filled panel sets --sw-ink-body and its text follows,
     without needing to out-specify this (3,14,3) selector. */
  color: var(--sw-ink-body, #526681) !important;
}
html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) #app3d > main :is(small, .small) {
  color: var(--sw-ink-small, #68778d) !important;
}
html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) #app3d > main :is(label, .form-label) {
  color: var(--sw-ink-label, #728096) !important;
}
html:not(#_):not(#__) body.nedate-ui-standard.nedate-user-ui[class][class][class][class][class][class][class][class]:not(.dark-mode):not(.dark):not(.theme-dark) #app3d > main :is(input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]), select, textarea, .form-control, .form-select) {
  color: var(--sw-field-ink, #0b1937) !important;
  /* was a flat rgba(20,39,74,.14) — 1.31:1 against the field's own background,
     i.e. no visible boundary at all, which fails WCAG 1.4.11. Read from a token
     so the value can be set without out-specifying this (1,19,3) selector. */
  border-color: var(--sw-field-border, rgba(20, 39, 74, .14)) !important;
  background-color: var(--sw-field-bg, rgba(255, 255, 255, .94)) !important;
}

/* ---------------------------------------------------------------------------
   The header panel is the first thing on the page, so it never carries a top
   margin. On /user/invoices an empty alerts wrapper sits in front of it, which
   stops the panel's 17.5px margin from collapsing into the shell padding — the
   header started at y133 while every other page started at y116.
   ------------------------------------------------------------------------- */
html:not(#_):not(#__) body.nedate-ui-standard[class][class][class][class][class][class][class][class] :is(
  .shipping-hero-panel, .billing-hero-panel, .amazon-hero-panel, .ebay-hero-panel,
  .ftp-hero-panel, .prestashop-hero-panel, .woocommerce-hero-panel,
  .settings-hero-panel, .shipment-show-hero-panel, .wallet-transactions-hero-panel,
  .nedate-page-hero, .address-book-hero, .cart-hero, .user-couriers-hero,
  .user-claims-hero, .user-invoices-hero, .user-imports-hero, .user-shipments-hero,
  .user-returns-hero, .user-wallet-hero, .user-api-hero, .user-experience-hero,
  .user-subscription-hero, .user-support-hero, .user-pod-hero, .user-stock-hero,
  .user-qt-hero, .user-monitoring-hero, .user-logistics-hero, .user-notifications-hero
) {
  margin-top: 0 !important;
}