/* public/css/nedate-design-system.css
 * Centralized NEDATE visual system.
 * Edit the tokens in this first section to update colors, surfaces, shadows,
 * hero gradients, card borders and spacing across public + app pages.
 */

:root {
  --nd-brand-primary: var(--theme-primary, var(--spedire-primary, var(--theme-primary, #e61a0a)));
  --nd-brand-primary-hover: color-mix(in srgb, var(--nd-brand-primary) 86%, #000000);
  --nd-brand-primary-soft: color-mix(in srgb, var(--nd-brand-primary) 8%, #ffffff);
  --nd-brand-primary-softer: color-mix(in srgb, var(--nd-brand-primary) 4%, #ffffff);
  --nd-brand-primary-border: color-mix(in srgb, var(--nd-brand-primary) 18%, #ffffff);
  --nd-brand-ink: #071a44;
  --nd-brand-heading: #202938;
  --nd-brand-muted: #657384;
  --nd-brand-border: #e1e6eb;
  --nd-brand-bg: #f8fafc;
  --nd-brand-surface: #ffffff;
  --nd-brand-surface-soft: #fff2f2;
  --nd-brand-hero-bg: radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--nd-brand-primary) 16%, transparent), transparent 32%), linear-gradient(135deg, #ffffff 0%, #ffffff 58%, var(--nd-brand-primary-soft) 100%);
  --nd-brand-public-bg: #ffffff;
  /* One shared app/admin page background. Change this token once to update every user/admin Blade shell. */
  --nd-app-shell-bg: #ffffff;
  --nd-brand-shadow: 0 18px 45px rgba(15, 23, 42, .08);
  --nd-brand-shadow-soft: 0 12px 34px rgba(15, 23, 42, .06);
  --nd-brand-shadow-subtle: 0 6px 18px rgba(15, 23, 42, .045);
  --nd-brand-radius-lg: 18px;
  --nd-brand-radius-md: 14px;
  --nd-brand-radius-sm: 10px;
  --nd-brand-button-radius: 0;
  --nd-brand-container-x: clamp(1rem, 2.2vw, 3rem);
  --nd-brand-section-gap: clamp(1rem, 1.6vw, 1.5rem);

  /* Shared app/admin hero sizing: keep the first title+SVG card aligned. */
  --nd-app-hero-min-height: 154px;
  --nd-app-hero-padding-y: 0rem;
  --nd-app-hero-padding-x: 2rem;
  --nd-app-hero-mobile-min-height: 104px;
  --nd-app-hero-mobile-padding: 1rem 1.05rem;
  --nd-app-hero-visual-max-height: 156px;
  --nd-app-frame-top: 8.25rem;
  --nd-app-frame-bottom: 2.4rem;
  --nd-app-frame-left-base: .75rem;
  --nd-app-frame-gap: 1rem;
  --nd-app-frame-right: 35px;
  --nd-app-sidebar-expanded: var(--sb-w-open, 178px);
  --nd-app-sidebar-collapsed: var(--sb-w-closed, 48px);
  --nd-app-hero-radius: 14px;
}

html[data-theme="dark"] {
  --nd-brand-ink: var(--dark-text-color, #f8fafc);
  --nd-brand-heading: var(--dark-text-color, #f8fafc);
  --nd-brand-muted: var(--dark-muted-color, #94a3b8);
  --nd-brand-border: var(--dark-border-color, #263447);
  --nd-brand-bg: var(--dark-body-bg, #0f172a);
  --nd-brand-surface: var(--dark-card-bg, #111827);
  --nd-brand-surface-soft: color-mix(in srgb, var(--dark-card-bg, #111827) 88%, #000000);
  /* sw-flat-dark-shell: no pink/purple radial wash in dark */
  --nd-brand-hero-bg: #111827;
  --nd-brand-public-bg: #0f172a;
  /* One shared app/admin page background. */
  --nd-app-shell-bg: #0f172a;
  --nd-brand-shadow: 0 18px 45px rgba(0, 0, 0, .26);
  --nd-brand-shadow-soft: 0 12px 34px rgba(0, 0, 0, .22);
  --nd-brand-shadow-subtle: 0 6px 18px rgba(0, 0, 0, .18);
}

/* Shared page families --------------------------------------------------- */
body.nedate-ui-standard.nedate-app-standard,
body.nedate-ui-standard:has(.nedate-app-page),
body.nedate-ui-standard:has(.user-logistics-page),
body.nedate-ui-standard:has(.cart-page),
body.nedate-ui-standard:has(.user-address-book-page),
body.nedate-ui-standard:has(.wallet-page) {
  background: var(--nd-brand-bg);
}

body.nedate-ui-standard .nedate-public-page {
  background: var(--nd-brand-public-bg);
  color: var(--nd-brand-heading);
}

body.nedate-ui-standard .nedate-app-page,
body.nedate-ui-standard .user-logistics-page,
body.nedate-ui-standard .cart-page,
body.nedate-ui-standard .user-address-book-page,
body.nedate-ui-standard .wallet-page {
  --shipments-primary: var(--nd-brand-primary);
  --shipments-ink: var(--nd-brand-heading);
  --shipments-muted: var(--nd-brand-muted);
  --shipments-border: var(--nd-brand-border);
  --shipments-soft: var(--nd-brand-surface-soft);
  --imports-primary: var(--nd-brand-primary);
  --imports-ink: var(--nd-brand-heading);
  --imports-muted: var(--nd-brand-muted);
  --imports-border: var(--nd-brand-border);
  --imports-soft: var(--nd-brand-surface-soft);
  --wallet-primary: var(--nd-brand-primary);
  --wallet-ink: var(--nd-brand-heading);
  --wallet-muted: var(--nd-brand-muted);
  --wallet-border: var(--nd-brand-border);
  --wallet-soft: var(--nd-brand-surface-soft);
  --notifications-red: var(--nd-brand-primary);
  --notifications-ink: var(--nd-brand-ink);
  --notifications-muted: var(--nd-brand-muted);
  --notifications-border: var(--nd-brand-border);
  --notifications-shadow: var(--nd-brand-shadow-soft);
  --support-red: var(--nd-brand-primary);
  --support-ink: var(--nd-brand-ink);
  --support-muted: var(--nd-brand-muted);
  --support-border: var(--nd-brand-border);
  --support-shadow: var(--nd-brand-shadow-soft);
  --returns-red: var(--nd-brand-primary);
  --returns-ink: var(--nd-brand-ink);
  --returns-muted: var(--nd-brand-muted);
  --returns-border: var(--nd-brand-border);
  --returns-shadow: var(--nd-brand-shadow-soft);
  color: var(--nd-brand-heading);
}

/*
 * Non impostare padding orizzontali generici su .nedate-app-page / .user-logistics-page.
 * Le pagine app hanno un frame desktop sidebar-aware già definito più sotto
 * (--ship-page-left, --logistics-page-left, --cart-page-left, ecc.).
 * Un padding generico qui sovrascriverebbe quei valori e farebbe finire
 * il contenuto sotto la sidebar.
 */

body.nedate-ui-standard .shipping-hero-panel,
body.nedate-ui-standard .cart-hero,
body.nedate-ui-standard .address-book-hero,
body.nedate-ui-standard .nedate-page-hero,
body.nedate-ui-standard .modern-page-hero {
  background: var(--nd-brand-hero-bg) !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: var(--nd-brand-radius-lg) !important;
  box-shadow: var(--nd-brand-shadow-soft) !important;
  overflow: hidden;
}

body.nedate-ui-standard .shipping-hero-eyebrow,
body.nedate-ui-standard .cart-eyebrow,
body.nedate-ui-standard .address-book-eyebrow,
body.nedate-ui-standard .modern-page-eyebrow {
  color: var(--nd-brand-primary) !important;
}

body.nedate-ui-standard .nedate-section-card,
body.nedate-ui-standard .cart-card,
body.nedate-ui-standard .address-card,
body.nedate-ui-standard .notifications-kpi-card,
body.nedate-ui-standard .notifications-filter-card,
body.nedate-ui-standard .notifications-list-card,
body.nedate-ui-standard .support-kpi-card,
body.nedate-ui-standard .support-list-card,
body.nedate-ui-standard .support-side-card,
body.nedate-ui-standard .returns-requests-card,
body.nedate-ui-standard .returns-info-card,
body.nedate-ui-standard .returns-help-card {
  background: var(--nd-brand-surface) !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: var(--nd-brand-radius-lg) !important;
  box-shadow: var(--nd-brand-shadow-soft) !important;
}

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

body.nedate-ui-standard .btn-primary-custom,
body.nedate-ui-standard .btn-spedire,
body.nedate-ui-standard .btn-primary {
  background: var(--nd-brand-primary) !important;
  border-color: var(--nd-brand-primary) !important;
}

body.nedate-ui-standard .btn-primary-custom:hover,
body.nedate-ui-standard .btn-spedire:hover,
body.nedate-ui-standard .btn-primary:hover {
  background: var(--nd-brand-primary-hover) !important;
  border-color: var(--nd-brand-primary-hover) !important;
}

body.nedate-ui-standard .shipping-hero-visual img,
body.nedate-ui-standard .cart-hero-visual img,
body.nedate-ui-standard .address-book-hero-visual img {
  max-width: min(100%, 520px);
  height: auto;
  object-fit: contain;
}

@media (max-width: 959.98px) {
  /* Mobile padding is handled by each app/public page frame. */

  body.nedate-ui-standard .shipping-hero-panel,
  body.nedate-ui-standard .cart-hero,
  body.nedate-ui-standard .address-book-hero {
    padding: 1.25rem !important;
  }
}



/* === Extracted from resources/views/welcome.blade.php === */
.welcome-modern-page {
            --faq-radius-xl: 2rem;
            --faq-radius-lg: 1.45rem;
            --faq-radius-md: 1rem;
            --faq-surface: var(--nd-page-surface, #ffffff);
            --faq-surface-soft: color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 5%, #ffffff);
            --faq-border: color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 13%, var(--nd-page-border, #e2e8f0));
            --faq-text: var(--nd-page-text, #0f172a);
            --faq-muted: var(--nd-page-muted, #64748b);
            --faq-shadow: 0 24px 70px rgba(15, 23, 42, .10);
            position: relative;
            min-height: 100vh;
            background: #ffffff;
            color: var(--faq-text);
            overflow-x: clip;
            margin-top: -26px !important;
            margin-left: -42px !important;
            margin-right: -52px !important;
            padding-bottom: 0.01px;
        }

        .welcome-modern-hero {
            padding: clamp(2.25rem, 5vw, 5.75rem) 0 clamp(2.75rem, 4vw, 4.75rem);
        }

        .welcome-modern-title-accent {
            display: block;
            color: var(--theme-primary, var(--theme-primary, #e61a0a));
        }

        .welcome-modern-hero-actions {
            margin-top: 2rem;
            max-width: 760px;
        }

        .welcome-modern-hero__tool {
            width: 100%;
            min-width: 0;
            align-self: center;
        }

        .welcome-modern-hero-tool-card {
            width: 100%;
            margin: 0;
        }

        .welcome-modern-hero-tool-card > .p-4,
        .welcome-modern-hero-tool-card > .p-md-5 {
            padding: clamp(1.15rem, 2vw, 1.5rem) !important;
        }
        @media (max-width: 959.98px) {
            .welcome-modern-hero-tool-card > .p-4,
            .welcome-modern-hero-tool-card > .p-md-5 {
                padding: 10px 8px !important;
            }
        }

        .welcome-modern-hero-tool-card .tool-tab {
            padding: 1rem .75rem;
        }

        .welcome-modern-hero-tool-card .type-selector {
            margin-bottom: 1rem;
        }

        .welcome-modern-hero-tool-card .type-btn {
            padding: .8rem .65rem;
        }

        .welcome-modern-hero-tool-card .log-input-group {
            height: 52px;
        }

        .welcome-modern-hero-tool-card .country-select .log-input-group {
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
            height: 104px !important;
            overflow: visible !important;
        }

        .welcome-modern-hero-tool-card .country-select .log-select-btn {
            width: 100% !important;
            height: 52px !important;
            min-width: 0 !important;
            border-right: 0 !important;
            border-bottom: 1px solid var(--log-border) !important;
            border-radius: 0 !important;
        }

        .welcome-modern-hero-tool-card .country-select .log-input {
            display: block !important;
            width: 100% !important;
            height: 52px !important;
            flex: 0 0 52px !important;
            border-radius: 0 !important;
        }

        .welcome-modern-hero-tool-card .country-select .log-dropdown:not(.qq-city-dd) {
            top: 52px !important;
            left: 0 !important;
            width: 100% !important;
            z-index: 30;
        }

        .welcome-modern-hero-tool-card .country-select .qq-city-dd {
            top: 104px !important;
            left: 0 !important;
            width: 100% !important;
            z-index: 31;
        }

        .welcome-modern-hero-tool-card .btn-action {
            height: 52px;
            font-size: .95rem;
        }


        .welcome-modern-track-form,
        .welcome-modern-track-form.nedate-filter-panel,
        .welcome-modern-track-form .log-input-group,
        .welcome-modern-track-form .btn-action {
            box-shadow: none !important;
        }


        .welcome-modern-page .landing-tool-card,
        .welcome-modern-page .feature-card,
        .welcome-modern-page .pricing-card {
            border: 1px solid var(--faq-border) !important;
            background: color-mix(in srgb, var(--faq-surface) 88%, rgba(255,255,255,.72)) !important;
            box-shadow: var(--faq-shadow) !important;
            backdrop-filter: blur(18px);
            border-radius: 0 !important;
        }

        .welcome-modern-page .tool-tabs {
            background: color-mix(in srgb, var(--log-surface) 70%, var(--log-border) 30%); color: var(--log-dark);
            border-bottom-color: var(--log-border);
        }

        .welcome-modern-page .tool-tab.active {
            color: var(--theme-primary, var(--theme-primary, #e61a0a));
            border-top-color: var(--theme-primary, var(--theme-primary, #e61a0a));
        }

        .welcome-modern-strip,
        .welcome-modern-body-section,
        .welcome-modern-pricing-section {
            background: transparent !important;
        }

        .welcome-modern-page .landing-features-head h2,
        .welcome-modern-page .pricing-section h2 {
            color: var(--faq-text) !important;
            letter-spacing: -.045em;
            font-weight: var(--sw-weight-max, 700);
        }

        .welcome-modern-cta {
            margin: 3rem clamp(1rem, 4vw, 3rem) 0;
            border-radius: 0;
            overflow: hidden;
        }

        html[data-theme="dark"] .welcome-modern-page {
            --faq-surface: var(--dark-card-bg, #111827);
            --faq-text: var(--dark-text-color, #e5e7eb);
            --faq-muted: var(--dark-muted-color, #94a3b8);
            --faq-border: rgba(148, 163, 184, .22);
            background:
                radial-gradient(circle at 12% 12%, color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 24%, transparent), transparent 32%),
                radial-gradient(circle at 82% 18%, color-mix(in srgb, var(--theme-secondary, #1e3a5a) 30%, transparent), transparent 34%),
                linear-gradient(180deg, #020617 0%, #0f172a 55%, #111827 100%);
        }

        html[data-theme="dark"] .welcome-modern-page .tool-tabs,
        html[data-theme="dark"] .welcome-modern-page .log-input-group,
        html[data-theme="dark"] .welcome-modern-page .log-select-btn,
        html[data-theme="dark"] .welcome-modern-page .log-dropdown {
            background: rgba(15, 23, 42, .82);
            border-color: var(--faq-border);
        }

        @media (max-width: 959.98px) {
            .welcome-modern-page {
                margin-left: 0 !important;
                margin-right: 0 !important;
            }

            .welcome-modern-hero__tool {
                width: 100%;
                margin: 0;
            }
        }

        @media (max-width: 767.98px) {
            .welcome-modern-hero {
                padding-top: 2rem;
            }

            .welcome-modern-hero-actions {
                grid-template-columns: 1fr;
            }

            .welcome-modern-hero-tool-card > .p-4,
            .welcome-modern-hero-tool-card > .p-md-5 {
                padding: 1rem !important;
            }

            .welcome-modern-hero-tool-card .tool-tab {
                padding: .9rem .5rem;
                font-size: .9rem;
            }
        }

        @keyframes landingEnterUp {
            from {
                opacity: 0;
                transform: translateY(1.35rem);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .landing-enter {
            opacity: 0;
            animation: landingEnterUp 0.82s cubic-bezier(0.22, 1, 0.36, 1) forwards;
            animation-fill-mode: both;
        }

        .landing-enter--d1 { animation-delay: 0.06s; }
        .landing-enter--d2 { animation-delay: 0.14s; }
        .landing-enter--d3 { animation-delay: 0.26s; }
        .landing-enter--d5 { animation-delay: 0.38s; }
        .landing-enter--d6 { animation-delay: 0.48s; }
        .landing-enter--d7 { animation-delay: 0.58s; }

        @keyframes landingHeroBreath {
            0% { transform: scale(1); opacity: 1; }
            100% { transform: scale(1.06); opacity: 0.94; }
        }

        @keyframes landingGridOpacity {
            from { opacity: 0.82; }
            to { opacity: 0.56; }
        }

        @keyframes landingStarWink {
            0%, 100% { transform: rotate(0deg) scale(1); }
            35% { transform: rotate(-11deg) scale(1.08); }
            65% { transform: rotate(9deg) scale(1.04); }
        }

        .landing-hero-v2__gradient-shift {
            transform-origin: 50% 35%;
            animation: landingHeroBreath 16s ease-in-out infinite alternate;
        }

        .landing-hero-v2__grid-drift {
            animation: landingGridOpacity 11s ease-in-out infinite alternate;
        }

        .landing-hero-v2__pill-icon {
            animation: landingStarWink 3s ease-in-out infinite;
        }

        .landing-inview {
            --landing-inview-delay: 0ms;
            opacity: 0;
            transform: translateY(2rem);
            transition:
                opacity 0.72s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.72s cubic-bezier(0.22, 1, 0.36, 1);
            transition-delay: var(--landing-inview-delay);
        }

        .landing-inview.is-inview {
            opacity: 1;
            transform: translateY(0);
        }

        @keyframes landingIconPop {
            from { transform: scale(0.88); opacity: 0.65; }
            to { transform: scale(1); opacity: 1; }
        }

        .landing-feature-card.is-inview .feature-icon {
            animation: landingIconPop 0.58s cubic-bezier(0.34, 1.45, 0.64, 1) both;
            animation-delay: calc(var(--landing-inview-delay, 0ms) + 90ms);
        }

        @keyframes landingCtaPop {
            from { transform: translateY(14px) scale(0.96); opacity: 0; }
            to { transform: translateY(0) scale(1); opacity: 1; }
        }

        .landing-cta-reveal.is-inview .landing-cta-btn {
            animation: landingCtaPop 0.62s cubic-bezier(0.22, 1, 0.36, 1) both;
            animation-delay: calc(var(--landing-inview-delay, 0ms) + 140ms);
        }

        @media (prefers-reduced-motion: reduce) {
            .landing-enter,
            .landing-hero-v2__gradient-shift,
            .landing-hero-v2__grid-drift,
            .landing-hero-v2__pill-icon,
            .landing-feature-card.is-inview .feature-icon,
            .landing-cta-reveal.is-inview .landing-cta-btn {
                animation: none !important;
            }

            .landing-enter {
                opacity: 1 !important;
                transform: none !important;
            }

            .landing-hero-v2__gradient-shift {
                transform: none !important;
                opacity: 1 !important;
            }

            .landing-hero-v2__grid-drift {
                opacity: 0.85 !important;
            }

            .landing-inview {
                opacity: 1 !important;
                transform: none !important;
                transition: none !important;
            }
        }

        .landing-hero-v2__inner {
            z-index: 1;
            padding-top: 3rem;
            padding-bottom: clamp(7rem, 12vw, 10rem);
        }

        .landing-hero-v2__pill {
            background: color-mix(in srgb, var(--theme-primary) 9%, var(--theme-bg, #fafaf9));
            border: 1px solid color-mix(in srgb, var(--theme-primary) 18%, var(--spedire-border, #e2e8f0));
            color: var(--spedire-text, #202223);
        }

        .landing-hero-v2__pill-icon {
            color: var(--theme-primary);
        }

        .landing-hero-v2__title {
            font-weight: var(--sw-weight-bold, 700);
            font-size: clamp(2.25rem, 4.8vw, 3.35rem);
            line-height: 1.12;
            letter-spacing: -0.03em;
        }

        .landing-hero-v2__title-accent {
            color: var(--theme-primary);
        }

        .landing-hero-v2__title-base {
            color: var(--dark-slate-color, #0f172a);
        }

        .landing-hero-v2__lead {
            font-size: 1.1rem;
            line-height: 1.55;
            max-width: 38rem;
            color: var(--text-color, #64748b);
            font-weight: 400;
        }

        .landing-hero-v2__checks {
            color: var(--text-color, #64748b);
            position: relative;
            z-index: 3;
            margin-bottom: clamp(2.75rem, 5vw, 4.25rem) !important;
        }

        .landing-hero-v2__checkline {
            padding: 0.15rem 0.25rem;
            background: color-mix(in srgb, var(--theme-bg, #fafaf9) 70%, transparent);
            border-radius: 999px;
        }

        .landing-hero-v2__check {
            color: var(--theme-primary);
        }

        .landing-tool-overlap {
            margin-top: clamp(-4.75rem, -6vw, -3.75rem);
            position: relative;
            z-index: 2;
        }

        .landing-tool-card {
            border-radius: 1.25rem !important;
            border: 1px solid color-mix(in srgb, var(--spedire-border, #e2e8f0) 70%, transparent) !important;
            box-shadow: 0 18px 45px -18px color-mix(in srgb, var(--theme-primary) 12%, rgba(15, 23, 42, 0.12)) !important;
        }

        html[data-theme="dark"] .landing-hero-v2__title-base {
            color: var(--spedire-text, #e5e7eb);
        }

        html[data-theme="dark"] .landing-hero-v2__lead,
        html[data-theme="dark"] .landing-hero-v2__checks {
            color: var(--dark-muted-color, #94a3b8);
        }

        html[data-theme="dark"] .landing-hero-v2__checkline {
            background: rgba(15, 23, 42, 0.55);
        }

        html[data-theme="dark"] .landing-hero-v2__pill {
            background: rgba(255, 255, 255, 0.06);
            border-color: var(--spedire-border);
            color: var(--spedire-text);
        }

        html[data-theme="dark"] .landing-tool-card {
            border-color: var(--spedire-border) !important;
            box-shadow: 0 20px 50px -20px rgba(0, 0, 0, 0.45) !important;
        }

        /* Piano tariffario: ombra badge senza blu Bootstrap */
        .pricing-card .badge-popular {
            box-shadow: 0 4px 14px color-mix(in srgb, var(--theme-primary) 32%, transparent);
        }

        /* Country dropdown: campo ricerca a tutta larghezza nel pannello */
        .country-select .log-dropdown:not(.qq-city-dd) .country-search-wrap {
            display: block;
            width: 100%;
            box-sizing: border-box;
        }
        .country-select .log-dropdown:not(.qq-city-dd) .country-search {
            width: 100%;
            max-width: 100%;
            box-sizing: border-box;
        }

        @media (max-width: 767.98px) {
            .landing-hero-v2__inner {
                padding-top: 2rem;
                padding-bottom: 5rem;
            }

            .landing-hero-v2__checks {
                margin-bottom: 2rem !important;
                gap: 0.85rem !important;
            }

            .landing-tool-overlap {
                margin-top: -2.25rem;
                padding-left: 0.75rem;
                padding-right: 0.75rem;
            }
        }
            /* Square card surfaces on the welcome page. Keep icons, buttons and pills rounded. */
        .welcome-modern-page .faq-modern-panel-card,
        .welcome-modern-page .faq-modern-stat-card,
        .welcome-modern-page .faq-modern-action-card,
        .welcome-modern-page .pricing-modern-hero__panel,
        .welcome-modern-page .landing-tool-card,
        .welcome-modern-page .feature-card,
        .welcome-modern-page .pricing-card,
        .welcome-modern-page .welcome-modern-strip,
        .welcome-modern-page .welcome-modern-cta,
        .welcome-modern-page #qq-result {
            border-radius: 0 !important;
        }


/* === Extracted from resources/views/user/dashboard.blade.php === */
body.nedate-user-ui .user-dashboard-page {
  padding-bottom: clamp(3rem, 6vw, 6rem) !important;
}

body.nedate-user-ui .user-dashboard-page .user-dashboard-main {
  margin-bottom: clamp(2rem, 4vw, 4rem);
}

body.nedate-user-ui .user-dashboard-page .user-dashboard-kpi-row,
body.nedate-user-ui .user-dashboard-page .user-dashboard-feature-row,
body.nedate-user-ui .user-dashboard-page .user-dashboard-main {
  --bs-gutter-y: 0 !important;
}

body.nedate-user-ui .user-dashboard-page .user-dashboard-kpi-row > [class*="col-"],
body.nedate-user-ui .user-dashboard-page .user-dashboard-feature-row > [class*="col-"],
body.nedate-user-ui .user-dashboard-page .user-dashboard-main > [class*="col-"] {
  margin-top: 0 !important;
}

body.nedate-user-ui .user-dashboard-page .shipping-hero-panel.user-dashboard-hero {
  margin-top: 0 !important;
}

body.nedate-user-ui .user-dashboard-page .shipping-hero-panel.user-dashboard-hero > .d-flex {
  min-height: 148px;
}

body.nedate-user-ui .user-dashboard-page .user-dashboard-hero-visual {
  width: min(440px, 42vw);
  min-height: 160px;
}

body.nedate-user-ui .user-dashboard-page .user-dashboard-hero-visual img {
  width: 100%;
  height: auto;
  max-height: 154px;
  object-fit: contain;
  display: block;
}

body.nedate-user-ui .user-dashboard-page .nedate-section-card,
body.nedate-user-ui .user-dashboard-page .user-kpi-card,
body.nedate-user-ui .user-dashboard-page .user-side-card {
  border: .8px solid rgba(20, 39, 74, .10) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(20, 39, 74, .045) !important;
  overflow: hidden;
}

body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card.nedate-table-card,
body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card:has(.dashboard-table-head) {
  border: .8px solid rgba(20, 39, 74, .10) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(20, 39, 74, .045) !important;
  overflow: hidden !important;
}

body.nedate-user-ui .user-dashboard-page .card-header {
  background: #fff !important;
  border-color: rgba(20, 39, 74, .10) !important;
}

body.nedate-user-ui .user-dashboard-page .user-kpi-card {
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

body.nedate-user-ui .user-dashboard-page .user-kpi-card:hover {
  border-color: rgba(255, 59, 47, .20) !important;
  box-shadow: 0 14px 30px rgba(20, 39, 74, .07) !important;
  transform: translateY(-1px);
}

body.nedate-user-ui .user-dashboard-page .user-dashboard-card-label {
  color: rgb(82, 102, 129);
  font-family: "IBM Plex Sans", Arial, "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.35;
}

body.nedate-user-ui .user-dashboard-page .user-dashboard-icon {
  width: 52px;
  height: 52px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 1.35rem;
  flex: 0 0 52px;
}

body.nedate-user-ui .user-dashboard-page .user-dashboard-icon-primary { background: #eff6ff; color: #2563eb; }
body.nedate-user-ui .user-dashboard-page .user-dashboard-icon-danger { background: #fff1f0; color: var(--theme-primary, var(--theme-primary, #e61a0a)); }
body.nedate-user-ui .user-dashboard-page .user-dashboard-icon-warning { background: #fff7ed; color: #f59e0b; }
body.nedate-user-ui .user-dashboard-page .user-dashboard-icon-success { background: #ecfdf5; color: #059669; }

body.nedate-user-ui .user-dashboard-page .user-action-card {
  min-height: 82px;
  border: .8px solid rgba(20, 39, 74, .12);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .55rem;
  text-decoration: none;
  color: rgb(20, 39, 74);
  background: #fff;
  font-family: "IBM Plex Sans", Arial, "Helvetica Neue", Helvetica, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: var(--sw-weight-bold, 700);
  line-height: 1.25;
  transition: border-color .18s ease, background .18s ease, transform .18s ease;
}

body.nedate-user-ui .user-dashboard-page .user-action-card i {
  color: var(--theme-primary, var(--theme-primary, #e61a0a));
  font-size: 1.45rem;
  line-height: 1;
}

body.nedate-user-ui .user-dashboard-page .user-action-card:hover {
  border-color: rgba(255, 59, 47, .28);
  background: #fff8f7;
  color: rgb(20, 39, 74);
  transform: translateY(-1px);
}

body.nedate-user-ui .user-dashboard-page .pulse-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .82rem 0;
  border-bottom: .8px solid rgba(20, 39, 74, .10);
  color: rgb(82, 102, 129);
  font-size: 14px;
}

body.nedate-user-ui .user-dashboard-page .pulse-row strong {
  color: rgb(20, 39, 74);
}

body.nedate-user-ui .user-dashboard-page .progress {
  background: #e9edf3;
  border-radius: 999px;
}

body.nedate-user-ui .user-dashboard-page .nedate-data-table tbody td {
  border-color: rgba(20, 39, 74, .08);
}

body.nedate-user-ui .user-dashboard-page .setup-row {
  display: flex;
  align-items: center;
  gap: .9rem;
  padding: .85rem 0;
  border-bottom: .8px solid rgba(20, 39, 74, .10);
  color: rgb(20, 39, 74);
  text-decoration: none;
}

body.nedate-user-ui .user-dashboard-page .setup-row:hover {
  color: rgb(20, 39, 74);
}

body.nedate-user-ui .user-dashboard-page .setup-icon {
  width: 42px;
  height: 42px;
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #fff2f2;
  color: var(--theme-primary, var(--theme-primary, #e61a0a));
  flex-shrink: 0;
}

body.nedate-user-ui .user-dashboard-page .btn-outline-secondary {
  border-color: rgba(20, 39, 74, .14);
  color: rgb(20, 39, 74);
  font-weight: 700;
}

body.nedate-user-ui .user-dashboard-page .btn-outline-secondary:hover {
  background: #f8fafc;
  border-color: rgba(20, 39, 74, .20);
  color: rgb(20, 39, 74);
}

@media (max-width: 959.98px) {
  body.nedate-user-ui .user-dashboard-page .shipping-hero-panel.user-dashboard-hero > .d-flex {
    min-height: 0;
  }

  body.nedate-user-ui .user-dashboard-page .user-dashboard-hero-visual {
    width: min(320px, 100%);
    margin-inline: auto;
  }
}


/* === Extracted from resources/views/user/cart/index.blade.php === */
body.nedate-user-ui:has(.cart-page) main,
    body.nedate-user-ui:has(.cart-page) #scene,
    body.nedate-user-ui:has(.cart-page) #app3d {
        background:
            radial-gradient(circle at 7% 14%, rgba(255, 59, 47, .12) 0 18rem, transparent 30rem),
            radial-gradient(circle at 94% 18%, rgba(255, 59, 47, .08) 0 18rem, transparent 31rem),
            radial-gradient(circle at 96% 48%, rgba(139, 92, 246, .08) 0 18rem, transparent 31rem),
            linear-gradient(180deg, #fbfcff 0%, #ffffff 56%, #fbfcff 100%) !important;
    }

    body:not(.nedate-has-desktop-sidebar).nedate-user-ui:has(.cart-page) .content-with-navbar,
    body:not(.nedate-has-desktop-sidebar).nedate-user-ui:has(.cart-page) #app3d {
        padding-left: 0 !important;
        padding-top: 0 !important;
    }

    body.nedate-user-ui main > .cart-shell.cart-page {
        --cart-red: var(--nd-public-red, var(--theme-primary, #ff2b24));
        --cart-navy: var(--nd-public-navy, #14274a);
        --cart-muted: var(--nd-public-muted, #667795);
        --cart-border: rgba(20, 39, 74, .10);
        --cart-shadow: 0 22px 60px rgba(20, 39, 74, .08);
        --cart-page-left: 35px;
        --cart-page-right: 35px;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        padding: 8.25rem var(--cart-page-right) 2.4rem var(--cart-page-left) !important;
        color: var(--cart-navy);
        background: transparent !important;
    }

    body.nedate-user-ui main > .cart-shell.cart-page,
    body.nedate-user-ui main > .cart-shell.cart-page *:not(i):not(.bi):not(svg):not(path) {
        font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
    }







    body.nedate-user-ui .cart-page .cart-hero p,
    body.nedate-user-ui .cart-page .text-muted,
    body.nedate-user-ui .cart-page .text-secondary {
        color: var(--cart-muted) !important;
    }













    body.nedate-user-ui .cart-page .btn {
        border-radius: 8px !important;
        font-weight: var(--sw-btn-weight, 600) !important;
        letter-spacing: 0 !important;
    }

    body.nedate-user-ui .cart-page .btn-primary,
    body.nedate-user-ui .cart-page .btn-primary-custom {
        border-color: transparent !important;
        background: linear-gradient(135deg, #ff3028 0%, #f0161f 100%) !important;
        color: #fff !important;
        box-shadow: 0 16px 30px rgba(255, 48, 40, .16) !important;
    }

    body.nedate-user-ui .cart-page .btn-outline-secondary {
        border: 1px solid rgba(20, 39, 74, .14) !important;
        background: #fff !important;
        color: var(--cart-navy) !important;
    }

    body.nedate-user-ui .cart-page .cart-summary-line {
        display: flex;
        justify-content: space-between;
        gap: 1rem;
        padding: .82rem 0;
        border-bottom: 1px solid rgba(20, 39, 74, .10);
    }

    body.nedate-user-ui .cart-page .cart-summary-line:last-child {
        border-bottom: 0;
    }




    @media (min-width: 960px) {
        body.nedate-user-ui:has(.cart-page):has(.adm-sidebar.expanded) .cart-shell.cart-page {
            --cart-page-left: 35px;
            --cart-page-right: 35px;
        }

        body.nedate-user-ui:has(.cart-page):has(.adm-sidebar.collapsed) .cart-shell.cart-page {
            --cart-page-left: 35px;
            --cart-page-right: 35px;
        }

        body.nedate-user-ui:has(.cart-page):has(.adm-sidebar.expanded) #app3d > .nedate-site-footer.footer-logistics {
            width: 100% !important;
            margin-left: 0px !important;
            margin-right: 0 !important;
        }

        body.nedate-user-ui:has(.cart-page):has(.adm-sidebar.collapsed) #app3d > .nedate-site-footer.footer-logistics {
            width: 100% !important;
            margin-left: 0px !important;
            margin-right: 0 !important;
        }
    }

    @media (max-width: 959.98px) {
        body.nedate-user-ui main > .cart-shell.cart-page {
            padding: 5.95rem 1rem 2rem !important;
        }


        body.nedate-user-ui .cart-page .cart-hero > .d-flex {
            flex-direction: row !important;
            align-items: center !important;
            gap: .85rem !important;
        }


    }




    html[data-theme="dark"] .cart-page .cart-card-header h2,
    html[data-theme="dark"] .cart-page .cart-card-header .small,
    html[data-theme="dark"] .cart-page .cart-card-header .text-muted,
    html[data-bs-theme="dark"] .cart-page .cart-card-header h2,
    html[data-bs-theme="dark"] .cart-page .cart-card-header .small,
    html[data-bs-theme="dark"] .cart-page .cart-card-header .text-muted,
    body.dark-mode .cart-page .cart-card-header h2,
    body.dark-mode .cart-page .cart-card-header .small,
    body.dark-mode .cart-page .cart-card-header .text-muted,
    body.dark .cart-page .cart-card-header h2,
    body.dark .cart-page .cart-card-header .small,
    body.dark .cart-page .cart-card-header .text-muted {
        color: var(--dark-text-color, #e5e7eb) !important;
    }


/* === Extracted from resources/views/user/shipments/index.blade.php === */
.user-shipments-page {
    --shipments-primary: var(--nd-brand-primary);
    --shipments-ink: var(--nd-brand-heading);
    --shipments-muted: var(--nd-brand-muted);
    --shipments-border: var(--nd-brand-border);
    --shipments-soft: #fff2f2;
    padding-bottom: clamp(3rem, 6vw, 6rem) !important;
  }



  .user-shipments-page .fw-bold,
  .user-shipments-page h1,
  .user-shipments-page h2,
  .user-shipments-page h3,
  .user-shipments-page h4,
  .user-shipments-page h5,
  .user-shipments-page h6 {
    font-weight: 600 !important;
  }

  .user-shipments-modal {
    --shipments-primary: var(--nd-brand-primary);
    --shipments-border: var(--nd-brand-border);
  }

  .user-shipments-page .shipments-filters-card,
  .user-shipments-page .shipments-card,
  .user-shipments-page .shipment-mobile-card,
  .user-shipments-page .table-hover-custom tbody td:last-child {
    overflow: visible !important;
  }

  .user-shipments-page .empty-state-card {
    border: 1px solid var(--shipments-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .06) !important;
    overflow: hidden;
  }

  .user-shipments-page .shipments-filters-card,
  .user-shipments-page .shipments-card,
  .user-shipments-page .shipment-mobile-card {
    border: 1px solid var(--shipments-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
  }

  .user-shipments-page .shipments-content-card > .card-header {
    min-height: 82px;
    display: flex;
    align-items: center;
  }

  .user-shipments-page .user-shipments-stat-badge,
  .user-shipments-page .user-shipments-soft-badge {
    background: #fff;
    color: var(--shipments-ink);
    border: 1px solid var(--shipments-border);
    border-radius: 999px;
    padding: .55rem .75rem;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .04);
  }


  .user-shipments-page .table-responsive {
    overflow: visible !important;
  }

  .user-shipments-page .shipments-card {
    margin-bottom: 1.75rem;
  }

  .user-shipments-page .shipments-pagination-wrap {
    margin-bottom: 4.5rem !important;
    padding-bottom: 1.25rem;
  }

  .user-shipments-page .table-head-custom {
    background: #f8fafc !important;
  }

  .user-shipments-page .table-head-custom th {
    border-color: var(--shipments-border);
    color: var(--shipments-muted);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
  }

  .user-shipments-page .form-control-modern,
  .user-shipments-page .form-select-modern {
    border-color: #dbe2ea;
    border-radius: 14px;
    color: var(--shipments-ink);
    font-family: inherit;
    min-height: 56px;
    box-shadow: none;
  }

  .user-shipments-page .form-floating > label {
    color: var(--shipments-muted);
    font-weight: 400;
    letter-spacing: 0;
  }

  .user-shipments-page .form-floating > label::after {
    background: transparent !important;
  }

  .user-shipments-page .form-control-modern:focus,
  .user-shipments-page .form-select-modern:focus {
    border-color: rgba(255, 48, 40, .5);
    box-shadow: 0 0 0 .2rem rgba(255, 48, 40, .08);
  }

  .user-shipments-page .btn,
  .user-shipments-modal .btn {
    border-radius: 0;
    font-weight: 600;
  }

  .user-shipments-page .btn-primary-custom,
  .user-shipments-modal .btn-danger {
    background: var(--shipments-primary) !important;
    border-color: var(--shipments-primary) !important;
    color: #fff !important;
    box-shadow: none;
  }

  .user-shipments-page .btn-primary-custom:hover,
  .user-shipments-page .btn-primary-custom:focus,
  .user-shipments-modal .btn-danger:hover,
  .user-shipments-modal .btn-danger:focus {
    background: color-mix(in srgb, var(--shipments-primary) 88%, #000) !important;
    border-color: color-mix(in srgb, var(--shipments-primary) 88%, #000) !important;
    box-shadow: 0 14px 28px rgba(255, 48, 40, .18);
    transform: none;
  }

  .user-shipments-page .shipments-filters-toggle,
  .user-shipments-page .dropdown-menu-compact,
  .user-shipments-page .pagination .page-link {
    border-radius: 0 !important;
  }

  .user-shipments-page .pagination .active .page-link,
  .user-shipments-page .pagination .page-item.active .page-link {
    background: var(--shipments-primary);
    border-color: var(--shipments-primary);
    color: #fff;
  }

  .user-shipments-page .shipment-row:hover {
    background: rgba(255, 48, 40, .035);
  }

  .user-shipments-modal .modal-content {
    border: 0 !important;
    border-radius: 0;
    box-shadow: 0 26px 70px rgba(15, 23, 42, .22);
  }

  .user-shipments-modal .modal-header,
  .user-shipments-modal .modal-footer {
    background: #fff;
    border-color: var(--shipments-border) !important;
  }

  .user-shipments-modal pre {
    border-radius: 0 !important;
  }

  @media (max-width: 959.98px) {
    .user-shipments-page {
      padding-bottom: 8rem !important;
    }

    .user-shipments-page .shipment-mobile-card {
      margin-bottom: 1rem !important;
    }
  }

  html[data-theme="dark"] .user-shipments-page {
    --shipments-ink: #f8fafc;
    --shipments-muted: #aab7c8;
    --shipments-border: #2d3a4f;
    --shipments-soft: #171923;
    color: #e5e7eb;
  }


  html[data-theme="dark"] .user-shipments-modal {
    --shipments-border: #2d3a4f;
  }

  html[data-theme="dark"] .user-shipments-page .text-dark-slate,
  html[data-theme="dark"] .user-shipments-page .text-dark,
  html[data-theme="dark"] .user-shipments-modal .text-dark {
    color: #f8fafc !important;
  }

  html[data-theme="dark"] .user-shipments-page .text-secondary,
  html[data-theme="dark"] .user-shipments-page .text-muted,
  html[data-theme="dark"] .user-shipments-modal .text-muted {
    color: var(--shipments-muted) !important;
  }

  html[data-theme="dark"] .user-shipments-page .shipments-filters-card,
  html[data-theme="dark"] .user-shipments-page .shipments-card,
  html[data-theme="dark"] .user-shipments-page .shipment-mobile-card,
  html[data-theme="dark"] .user-shipments-page .empty-state-card,
  html[data-theme="dark"] .user-shipments-page .user-shipments-stat-badge,
  html[data-theme="dark"] .user-shipments-page .user-shipments-soft-badge,
  html[data-theme="dark"] .user-shipments-modal .modal-content {
    background: #101827 !important;
    border-color: var(--shipments-border) !important;
    color: #e5e7eb;
  }

  html[data-theme="dark"] .user-shipments-page .table-head-custom,
  html[data-theme="dark"] .user-shipments-page .card-header,
  html[data-theme="dark"] .user-shipments-modal .modal-header,
  html[data-theme="dark"] .user-shipments-modal .modal-footer {
    background: #0b1220 !important;
    border-color: var(--shipments-border) !important;
    color: #f8fafc;
  }

  html[data-theme="dark"] .user-shipments-page .table,
  html[data-theme="dark"] .user-shipments-page .dropdown-menu,
  html[data-theme="dark"] .user-shipments-page .pagination .page-link,
  html[data-theme="dark"] .user-shipments-modal pre {
    background: #0b1220 !important;
    border-color: var(--shipments-border) !important;
    color: #e5e7eb !important;
  }

  html[data-theme="dark"] .user-shipments-page .form-floating > label {
    color: var(--shipments-muted) !important;
  }

  html[data-theme="dark"] .user-shipments-page .form-control-modern,
  html[data-theme="dark"] .user-shipments-page .form-select-modern {
    background-color: #0b1220 !important;
    border-color: #334155 !important;
    color: #e5e7eb !important;
  }

  html[data-theme="dark"] .user-shipments-page .form-control-modern:focus,
  html[data-theme="dark"] .user-shipments-page .form-select-modern:focus {
    border-color: #64748b !important;
    box-shadow: 0 0 0 .2rem rgba(100, 116, 139, .22);
  }

  /* Shared shipping/wallet visual system for the user shipments index */
  body.nedate-user-ui:has(.user-shipments-page) main,
  body.nedate-user-ui:has(.user-shipments-page) #scene,
  body.nedate-user-ui:has(.user-shipments-page) #app3d {
    background:
      radial-gradient(circle at 7% 14%, rgba(255, 59, 47, .12) 0 18rem, transparent 30rem),
      radial-gradient(circle at 94% 18%, rgba(255, 59, 47, .08) 0 18rem, transparent 31rem),
      radial-gradient(circle at 96% 48%, rgba(139, 92, 246, .08) 0 18rem, transparent 31rem),
      linear-gradient(180deg, #fbfcff 0%, #ffffff 56%, #fbfcff 100%) !important;
  }

  body.nedate-user-ui:has(.user-shipments-page) .content-with-navbar {
    padding-top: 0 !important;
  }

  body.nedate-user-ui main > .user-shipments-page {
    --ship-red: var(--nd-public-red, #ff2b24);
    --ship-navy: var(--nd-public-navy, #14274a);
    --ship-muted: var(--nd-public-muted, #667795);
    --ship-border: rgba(20, 39, 74, .10);
    --ship-card-shadow: 0 22px 60px rgba(20, 39, 74, .08);
    --ship-page-left: 35px;
    --ship-page-right: 35px;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8.25rem var(--ship-page-right) 2.4rem var(--ship-page-left) !important;
    color: var(--ship-navy);
  }

  body.nedate-user-ui main > .user-shipments-page *:not(i):not(.bi):not(svg):not(path) {
    font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
  }

  body.nedate-user-ui .user-shipments-page .shipping-hero-panel {
    position: relative;
    min-height: 154px;
    overflow: hidden;
    display: flex;
    align-items: center;
    margin-bottom: 1.25rem !important;
    padding: 2rem 2.15rem !important;
    border: 1px solid var(--ship-border) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: var(--ship-card-shadow) !important;
  }

  body.nedate-user-ui .user-shipments-page .shipping-hero-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 75% 52%, rgba(255, 59, 47, .14), transparent 12rem),
      radial-gradient(circle at 92% 20%, rgba(255, 59, 47, .08), transparent 9rem);
    pointer-events: none;
  }

  body.nedate-user-ui .user-shipments-page .shipping-hero-panel > * {
    position: relative;
    z-index: 1;
    width: 100%;
  }

  body.nedate-user-ui .user-shipments-page .shipping-hero-eyebrow {
    display: inline-flex !important;
    align-items: center;
    gap: .45rem;
    color: var(--ship-red) !important;
    font-size: .82rem !important;
    font-weight: var(--sw-weight-max, 700) !important;
    letter-spacing: .055em !important;
    text-transform: uppercase;
    margin-bottom: .35rem !important;
  }

  body.nedate-user-ui .user-shipments-page .shipping-hero-eyebrow::before {
    content: "\F1C8";
    font-family: "bootstrap-icons";
    font-weight: 400;
    font-size: .9rem;
  }

  body.nedate-user-ui .user-shipments-page .shipping-hero-panel h1 {
    color: var(--ship-navy) !important;
    font-size: clamp(2.1rem, 2.55vw, 3rem) !important;
    font-weight: var(--sw-weight-max, 700) !important;
    line-height: 1.04 !important;
    letter-spacing: -.035em;
  }

  body.nedate-user-ui .user-shipments-page .shipping-hero-panel p,
  body.nedate-user-ui .user-shipments-page .text-secondary,
  body.nedate-user-ui .user-shipments-page .text-muted {
    color: var(--ship-muted) !important;
  }

  body.nedate-user-ui .user-shipments-page .shipping-hero-visual {
    flex: 0 0 min(44%, 620px);
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    min-height: 120px;
    margin: -1.35rem -1rem -1.35rem 0;
    pointer-events: none;
  }

  body.nedate-user-ui .user-shipments-page .shipping-hero-visual img {
    display: block;
    width: min(100%, 620px);
    max-height: 186px;
    object-fit: contain;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filters-card,
  body.nedate-user-ui .user-shipments-page .shipments-card,
  body.nedate-user-ui .user-shipments-page .shipment-mobile-card,
  body.nedate-user-ui .user-shipments-page .empty-state-card,
  body.nedate-user-ui .user-shipments-page .alert {
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid var(--ship-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--ship-card-shadow) !important;
    overflow: hidden;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filters-card .card-body {
    padding: 1.35rem 1.5rem !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filters-collapse {
    margin-bottom: 18px !important;
  }

  body.nedate-user-ui .user-shipments-page .form-control-modern,
  body.nedate-user-ui .user-shipments-page .form-select-modern {
    min-height: 58px;
    border: 1px solid rgba(20, 39, 74, .14) !important;
    border-radius: 8px !important;
    background-color: #fff !important;
    color: var(--ship-navy) !important;
    box-shadow: none !important;
  }

  body.nedate-user-ui .user-shipments-page .form-control-modern:focus,
  body.nedate-user-ui .user-shipments-page .form-select-modern:focus {
    border-color: rgba(255, 43, 36, .58) !important;
    box-shadow: 0 0 0 .2rem rgba(255, 43, 36, .08) !important;
  }

  body.nedate-user-ui .user-shipments-page .form-floating > label {
    color: #7887a0 !important;
    font-size: .76rem;
    font-weight: 700 !important;
  }

  body.nedate-user-ui .user-shipments-page .btn,
  body.nedate-user-ui .user-shipments-modal .btn {
    border-radius: 8px !important;
    font-weight: var(--sw-btn-weight, 600) !important;
    letter-spacing: -.01em;
  }

  body.nedate-user-ui .user-shipments-page .btn-primary-custom,
  body.nedate-user-ui .user-shipments-modal .btn-danger {
    background: linear-gradient(135deg, #ff3028 0%, #f0161f 100%) !important;
    border-color: transparent !important;
    color: #fff !important;
    box-shadow: 0 16px 30px rgba(255, 48, 40, .16) !important;
  }

  body.nedate-user-ui .user-shipments-page .btn-outline-secondary,
  body.nedate-user-ui .user-shipments-page .dropdown-toggle {
    background: #fff !important;
    border: 1px solid rgba(20, 39, 74, .12) !important;
    color: var(--ship-navy) !important;
  }

  body.nedate-user-ui .user-shipments-page label.btn-outline-secondary:has(input:checked) {
    border-color: rgba(255, 43, 36, .46) !important;
    background: rgba(255, 43, 36, .08) !important;
    color: var(--ship-red) !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filter-icon-btn {
    min-height: 54px;
    min-width: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  body.nedate-user-ui .user-shipments-page .shipments-content-card > .card-header {
    min-height: 82px;
    padding: 1.15rem 1.45rem !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(20, 39, 74, .10) !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-content-card h6 {
    color: var(--ship-navy) !important;
    font-size: 1.08rem;
    font-weight: var(--sw-weight-max, 700) !important;
  }

  body.nedate-user-ui .user-shipments-page .user-shipments-soft-badge,
  body.nedate-user-ui .user-shipments-page .user-shipments-stat-badge {
    background: #fff !important;
    border: 1px solid rgba(20, 39, 74, .10) !important;
    border-radius: 999px !important;
    color: var(--ship-navy) !important;
    padding: .55rem .8rem !important;
    box-shadow: 0 10px 24px rgba(20, 39, 74, .06) !important;
  }

  body.nedate-user-ui .user-shipments-page .table-responsive.nedate-table-responsive {
    overflow: visible !important;
    border-radius: 0 0 14px 14px !important;
  }

  body.nedate-user-ui .user-shipments-page .nedate-data-table {
    margin: 0 !important;
    color: var(--ship-navy) !important;
  }

  body.nedate-user-ui .user-shipments-page .table-head-custom {
    background: #f7f9fc !important;
  }

  body.nedate-user-ui .user-shipments-page .table-head-custom th {
    border-color: rgba(20, 39, 74, .09) !important;
    color: #6a7890 !important;
    font-size: .7rem !important;
    font-weight: var(--sw-weight-max, 700) !important;
    letter-spacing: .08em !important;
  }

  body.nedate-user-ui .user-shipments-page .shipment-row td {
    border-color: rgba(20, 39, 74, .08) !important;
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  body.nedate-user-ui .user-shipments-page .shipment-row:hover {
    background: rgba(255, 48, 40, .035) !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-card.shipments-content-card.nedate-section-card.card {
    border: 1px solid rgba(20, 39, 74, .12) !important;
    border-radius: 14px !important;
    overflow: visible !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-card.shipments-content-card.nedate-section-card.card > .card-header:first-child {
    border-radius: 14px 14px 0 0 !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-card.shipments-content-card.nedate-section-card.card .nedate-table-responsive {
    overflow: visible !important;
    border-radius: 0 0 14px 14px !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-card.shipments-content-card.nedate-section-card.card td,
  body.nedate-user-ui .user-shipments-page .shipments-card.shipments-content-card.nedate-section-card.card .dropdown {
    overflow: visible !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-card.shipments-content-card.nedate-section-card.card td:last-child,
  body.nedate-user-ui .user-shipments-page .shipments-card.shipments-content-card.nedate-section-card.card .dropdown {
    position: relative;
    z-index: 10;
  }

  body.nedate-user-ui .user-shipments-page .shipments-card.shipments-content-card.nedate-section-card.card .dropdown:has(.dropdown-menu.show) {
    z-index: 120;
  }

  body.nedate-user-ui .user-shipments-page .shipments-card.shipments-content-card.nedate-section-card.card .dropdown-menu {
    z-index: 130 !important;
    margin-top: .5rem !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-action-dropdown {
    display: inline-flex;
    justify-content: flex-end;
  }

  body.nedate-user-ui .user-shipments-page .shipments-action-dropdown .dropdown-menu {
    top: calc(100% + .45rem) !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    min-width: 220px;
    transform: none !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-action-dropdown:has(.dropdown-menu.show) {
    z-index: 200 !important;
  }

  body.nedate-user-ui .user-shipments-page .shipment-row:has(.shipments-action-dropdown .dropdown-menu.show),
  body.nedate-user-ui .user-shipments-page .shipments-card.shipments-content-card.nedate-section-card.card td:has(.shipments-action-dropdown .dropdown-menu.show) {
    position: relative;
    z-index: 300 !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-action-dropdown .dropdown-menu.show {
    z-index: 400 !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filters-form .form-floating {
    position: relative !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filters-form .form-control-modern,
  body.nedate-user-ui .user-shipments-page .shipments-filters-form .form-select-modern {
    height: 52px !important;
    min-height: 52px !important;
    padding: 20.3px 37.1px 6.44px 13.3px !important;
    background-color: rgba(255, 255, 255, .94) !important;
    border: .8px solid rgba(20, 39, 74, .14) !important;
    border-radius: 9px !important;
    box-shadow: 0 8px 18px rgba(20, 39, 74, .03) !important;
    color: rgb(20, 39, 74) !important;
    font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20.3px !important;
    letter-spacing: 1.1px !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filter-search .form-control-modern {
    padding-left: 42px !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filters-form .form-control-modern::placeholder {
    color: rgba(20, 39, 74, .46) !important;
    font-weight: 500 !important;
    letter-spacing: 1.1px !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filters-form .form-control-modern:focus,
  body.nedate-user-ui .user-shipments-page .shipments-filters-form .form-select-modern:focus {
    border-color: rgba(255, 43, 36, .58) !important;
    box-shadow: 0 0 0 .2rem rgba(255, 43, 36, .08), 0 8px 18px rgba(20, 39, 74, .03) !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filters-form .form-floating > label {
    height: 52px !important;
    padding: 16.8px 13.3px !important;
    color: rgb(82, 102, 129) !important;
    font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
    font-size: 10.92px !important;
    font-weight: var(--sw-weight-bold, 700) !important;
    line-height: 20.3px !important;
    letter-spacing: .1428px !important;
    text-transform: uppercase !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filter-search .form-floating > label {
    padding-left: 42px !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-accessories-toggle {
    height: 52px !important;
    padding: 0 13.3px !important;
    background-color: rgba(255, 255, 255, .94) !important;
    border-radius: 9px !important;
    color: rgb(20, 39, 74) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20.3px !important;
    letter-spacing: 1.1px !important;
    box-shadow: 0 8px 18px rgba(20, 39, 74, .03) !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-accessory-option {
    color: rgb(82, 102, 129) !important;
    font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
    font-size: 12.6px !important;
    font-weight: 300 !important;
    line-height: 18.9px !important;
    letter-spacing: 1.1px !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-accessory-option .form-check-input {
    width: 12.6px !important;
    height: 12.6px !important;
    min-height: 0 !important;
    padding: 0 !important;
    background-color: #fff !important;
    border: .8px solid rgb(222, 226, 230) !important;
    border-radius: 3.15px !important;
    box-shadow: none !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-accessory-option .form-check-input:checked {
    background-color: var(--theme-primary, #e61a0a) !important;
    border-color: var(--theme-primary, #e61a0a) !important;
  }

  body.nedate-user-ui .user-shipments-page .shipments-filter-reset,
  body.nedate-user-ui .user-shipments-page .shipments-filter-apply,
  body.nedate-user-ui .user-shipments-page .shipments-selected-chip {
    min-height: 42px !important;
    border-radius: 9px !important;
    font-size: 12.6px !important;
    font-weight: var(--sw-weight-max, 700) !important;
    line-height: 12.6px !important;
  }

  body.nedate-user-ui .user-shipments-page .dropdown-menu {
    border: 1px solid rgba(20, 39, 74, .10) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 40px rgba(20, 39, 74, .12) !important;
    overflow: hidden;
  }

  body.nedate-user-ui .user-shipments-modal .modal-content {
    border-radius: 14px !important;
    overflow: hidden;
  }

  body.nedate-user-ui .user-shipments-page .shipments-pagination-wrap {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  @media (min-width: 960px) {
    body:not(.nedate-has-desktop-sidebar).nedate-user-ui:has(.user-shipments-page) #app3d {
      padding-left: 0 !important;
    }

    body.nedate-user-ui:has(.user-shipments-page):has(.adm-sidebar.expanded) .user-shipments-page {
      --ship-page-left: 35px;
      --ship-page-right: 35px;
    }

    body.nedate-user-ui:has(.user-shipments-page):has(.adm-sidebar.expanded) #app3d > .nedate-site-footer.footer-logistics {
      width: 100% !important;
      margin-left: 0px !important;
      margin-right: 0 !important;
    }

    body.nedate-user-ui:has(.user-shipments-page):has(.adm-sidebar.collapsed) .user-shipments-page {
      --ship-page-left: 35px;
      --ship-page-right: 35px;
    }

    body.nedate-user-ui:has(.user-shipments-page):has(.adm-sidebar.collapsed) #app3d > .nedate-site-footer.footer-logistics {
      width: 100% !important;
      margin-left: 0px !important;
      margin-right: 0 !important;
    }
  }

  @media (max-width: 959.98px) {
    body.nedate-user-ui main > .user-shipments-page {
      padding: 5.95rem 1rem 2rem !important;
    }

    body.nedate-user-ui .user-shipments-page .shipping-hero-panel {
      min-height: 104px !important;
      padding: 1rem 1.05rem !important;
    }

    body.nedate-user-ui .user-shipments-page .shipping-hero-panel > .d-flex {
      flex-direction: row !important;
      align-items: center !important;
      gap: .85rem !important;
    }

    body.nedate-user-ui .user-shipments-page .shipping-hero-panel > .d-flex > div:first-child {
      min-width: 0 !important;
      flex: 1 1 auto !important;
    }

    body.nedate-user-ui .user-shipments-page .shipping-hero-eyebrow {
      margin-bottom: .35rem !important;
      font-size: .68rem !important;
    }

    body.nedate-user-ui .user-shipments-page .shipping-hero-panel h1 {
      font-size: clamp(1.45rem, 6.2vw, 2rem) !important;
      line-height: 1.05 !important;
    }

    body.nedate-user-ui .user-shipments-page .shipping-hero-panel p {
      font-size: .82rem !important;
      line-height: 1.35 !important;
    }

    body.nedate-user-ui .user-shipments-page .shipping-hero-visual {
      flex: 0 0 88px !important;
      min-height: 74px !important;
      margin: 0 -.2rem 0 0 !important;
    }

    body.nedate-user-ui .user-shipments-page .shipping-hero-visual img {
      width: 120px !important;
      max-height: 78px !important;
    }

    body.nedate-user-ui .user-shipments-page .shipments-filters-card .card-body,
    body.nedate-user-ui .user-shipments-page .shipment-mobile-card .card-body {
      padding: 1rem !important;
    }

    body.nedate-user-ui .user-shipments-page .shipment-mobile-card {
      margin-bottom: .85rem !important;
    }
  }

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

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

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

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


/* === Extracted from resources/views/user/wallet/index.blade.php === */
.wallet-page {
    --wallet-primary: var(--nd-brand-primary);
    --wallet-ink: var(--nd-brand-heading);
    --wallet-muted: var(--nd-brand-muted);
    --wallet-border: var(--nd-brand-border);
    --wallet-soft: var(--nd-brand-surface-soft);
    padding-bottom: clamp(3rem, 6vw, 6rem) !important;
  }



  .wallet-page .card {
    border: 1px solid var(--wallet-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06) !important;
    overflow: hidden;
  }

  .wallet-page .wallet-section-card:last-of-type {
    margin-bottom: clamp(2rem, 4vw, 4rem) !important;
  }

  .wallet-page .kpi-card {
    min-height: 100%;
    transition: transform .18s ease, box-shadow .18s ease;
  }

  .wallet-page .kpi-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 34px rgba(15, 23, 42, .08) !important;
  }

  .wallet-page .kpi-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 52px;
    background: var(--theme-primary);
    color: #fff;
    font-size: 1.35rem;
  }

  .wallet-page .kpi-icon-soft {
    background: #ecfdf5;
    color: #059669;
  }

  .wallet-page .kpi-icon-neutral {
    background: #eff6ff;
    color: #2563eb;
  }

  .wallet-page .badge-soft,
  .wallet-page .alert,
  .wallet-page .method-pill-btn,
  .wallet-page .input-group-modern,
  .wallet-page .form-control,
  .wallet-page .input-group-text {
    border-radius: 14px !important;
  }

  .wallet-page .badge-soft {
    border: 1px solid rgba(255, 48, 40, .22);
    background: rgba(255, 48, 40, .08);
    color: var(--wallet-primary);
    font-weight: 600;
    padding: .55rem .75rem;
  }

  .wallet-page .wallet-section-card > .card-body {
    background: #fff;
  }

  .wallet-page .table-head-custom {
    background: #f8fafc !important;
  }

  .wallet-page .table-head-custom th {
    color: var(--wallet-muted);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    border-color: var(--wallet-border);
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .wallet-page .table-hover-custom tbody tr {
    border-color: #edf1f6;
  }

  .wallet-page .table-hover-custom tbody tr:hover {
    background: #fffafa;
  }

  .wallet-page .form-control,
  .wallet-page .form-select,
  .wallet-page .input-group-text {
    border-color: #dbe2ea;
    color: var(--wallet-ink);
  }

  .wallet-page #walletAmountGroup {
    border: 1px solid #dbe2ea;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06) !important;
    transition: border-color .18s ease, box-shadow .18s ease;
  }

  .wallet-page #walletAmountGroup:focus-within {
    border-color: #1f324b;
    box-shadow: 0 0 0 .2rem rgba(31, 50, 75, .12) !important;
  }

  .wallet-page #walletAmountGroup .input-group-text,
  .wallet-page #walletAmountGroup .form-control {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0 !important;
  }

  .wallet-page #walletAmountGroup .input-group-text {
    min-width: 48px;
    justify-content: center;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .wallet-page #walletAmount {
    min-height: 56px;
    padding-left: .75rem !important;
  }

  .wallet-page #walletAmount::-webkit-outer-spin-button,
  .wallet-page #walletAmount::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
  }

  .wallet-page #walletAmount[type="number"] {
    -moz-appearance: textfield;
  }

  .wallet-page .form-control:focus,
  .wallet-page .form-select:focus {
    border-color: #1f324b;
    box-shadow: 0 0 0 .2rem rgba(31, 50, 75, .12);
  }

  .wallet-page #walletAmountGroup .form-control:focus {
    border-color: transparent !important;
    box-shadow: none !important;
  }

  .wallet-page .method-pill-btn {
    border: 1px solid var(--wallet-border);
    box-shadow: none;
    background: #fff;
    color: var(--wallet-ink);
    padding: .65rem .95rem;
    display: inline-flex;
    align-items: center;
    gap: .65rem;
    font-weight: 600;
    font-size: .98rem;
    cursor: pointer;
    transition: border-color .18s ease, background .18s ease, color .18s ease;
  }

  .wallet-page .method-radio {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }

  .wallet-page .method-radio:checked + .method-pill-btn {
    border-color: var(--theme-primary) !important;
    background: var(--theme-primary) !important;
    color: #fff;
  }

  .wallet-page .wallet-recharge-fields {
    align-items: flex-start !important;
  }

  .wallet-page .wallet-recharge-fields > [class*="col-"]:not(.wallet-recharge-actions) {
    display: flex;
    flex-direction: column;
  }

  .wallet-page .wallet-recharge-fields .form-label {
    min-height: 24px;
    display: flex;
    align-items: center;
    margin-bottom: .65rem !important;
  }

  .wallet-page .wallet-recharge-fields .method-option:first-child {
    margin-left: 0;
  }

  .wallet-page .wallet-recharge-fields .d-flex.flex-wrap.gap-3.mt-1 {
    margin-top: 0 !important;
    align-items: stretch;
  }

  .wallet-page .wallet-recharge-fields .input-group-modern,
  .wallet-page .wallet-recharge-fields .method-option .method-pill-btn {
    min-height: 58px;
  }

  .wallet-page .wallet-recharge-actions {
    margin-top: 1rem;
    display: flex !important;
    flex-direction: row !important;
    align-items: center;
    justify-content: flex-start;
  }

  .wallet-page .wallet-recharge-actions .btn {
    width: auto;
    min-width: 158px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .wallet-page .btn {
    border-radius: 0 !important;
    font-weight: 600;
  }

  .wallet-page .btn-primary-custom {
    background: var(--wallet-primary) !important;
    border-color: var(--wallet-primary) !important;
    color: #fff !important;
    box-shadow: none;
  }

  .wallet-page .btn-primary-custom:hover,
  .wallet-page .btn-primary-custom:focus {
    background: color-mix(in srgb, var(--wallet-primary) 88%, #000) !important;
    border-color: color-mix(in srgb, var(--wallet-primary) 88%, #000) !important;
    box-shadow: 0 14px 28px rgba(255, 48, 40, .18);
    transform: none;
  }

  @media (max-width: 959.98px) {
    .wallet-page {
      padding-bottom: 8rem !important;
    }

    .wallet-page .wallet-top-actions {
      width: 100%;
    }

    .wallet-page .btn-top-action {
      flex: 1 1 auto;
      justify-content: center;
    }

    .wallet-page .wallet-recharge-actions {
      align-items: stretch;
    }

    .wallet-page .wallet-recharge-actions .btn {
      flex: 1 1 220px;
    }
  }

  html[data-theme="dark"] .wallet-page {
    --wallet-ink: #f8fafc;
    --wallet-muted: #aab7c8;
    --wallet-border: #2d3a4f;
    --wallet-soft: #171923;
    color: #e5e7eb;
  }


  html[data-theme="dark"] .wallet-page .card {
    background: #101827 !important;
    border-color: var(--wallet-border) !important;
    color: #e5e7eb;
  }

  html[data-theme="dark"] .wallet-page .text-dark-slate,
  html[data-theme="dark"] .wallet-page .text-dark {
    color: #f8fafc !important;
  }

  html[data-theme="dark"] .wallet-page .text-secondary,
  html[data-theme="dark"] .wallet-page .text-muted,
  html[data-theme="dark"] .wallet-page .form-text {
    color: var(--wallet-muted) !important;
  }

  html[data-theme="dark"] .wallet-page .table-head-custom,
  html[data-theme="dark"] .wallet-page .bg-white,
  html[data-theme="dark"] .wallet-page .wallet-section-card > .card-body,
  html[data-theme="dark"] .wallet-page .input-group-text {
    background: #0b1220 !important;
    border-color: var(--wallet-border) !important;
    color: #e5e7eb !important;
  }

  html[data-theme="dark"] .wallet-page .form-control {
    background-color: #0b1220 !important;
    border-color: #334155 !important;
    color: #e5e7eb !important;
  }

  html[data-theme="dark"] .wallet-page .form-control:focus {
    border-color: #64748b !important;
    box-shadow: 0 0 0 .2rem rgba(100, 116, 139, .22);
  }

  html[data-theme="dark"] .wallet-page .method-pill-btn {
    background: #0b1220 !important;
    border-color: var(--wallet-border) !important;
    color: #e5e7eb;
  }

  html[data-theme="dark"] .wallet-page .method-radio:checked + .method-pill-btn {
    background: rgba(255, 48, 40, .12) !important;
    border-color: var(--wallet-primary) !important;
    color: #f8fafc;
  }

  html[data-theme="dark"] .wallet-page .alert-info,
  html[data-theme="dark"] .wallet-page .alert-light {
    background: #0b1220 !important;
    border-color: var(--wallet-border) !important;
    color: #e5e7eb !important;
  }
  /* Wallet redesign aligned with the provided mockup */
  body.nedate-public-standard .wallet-page,
  body.nedate-ui-standard .wallet-page {
    --wallet-primary: var(--nd-brand-primary);
    --wallet-ink: #101d35;
    --wallet-muted: #647086;
    --wallet-border: #e6ebf2;
    --wallet-soft-red: rgba(255, 48, 40, .08);
    background: linear-gradient(180deg, #fbfcff 0%, #f7f9fc 100%) !important;
    padding-top: 1rem !important;
  }

  body.nedate-public-standard .wallet-page .user-wallet-hero,
  body.nedate-ui-standard .wallet-page .user-wallet-hero {
    padding: 1.5rem 1.65rem !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 14px 34px rgba(16, 29, 53, .055) !important;
  }

  body.nedate-public-standard .wallet-page .shipping-hero-eyebrow,
  body.nedate-ui-standard .wallet-page .shipping-hero-eyebrow {
    display: block;
    margin-bottom: .7rem;
    color: var(--wallet-primary) !important;
    font-size: .72rem;
    font-weight: 950;
    letter-spacing: .055em;
    text-transform: uppercase;
  }

  body.nedate-public-standard .wallet-page .user-wallet-hero h1,
  body.nedate-ui-standard .wallet-page .user-wallet-hero h1 {
    color: var(--wallet-ink) !important;
    font-size: 1.65rem;
    line-height: 1.08;
    font-weight: 950 !important;
    letter-spacing: -.025em;
  }

  body.nedate-public-standard .wallet-page .user-wallet-hero p,
  body.nedate-ui-standard .wallet-page .user-wallet-hero p {
    color: var(--wallet-muted) !important;
    font-size: .88rem;
    font-weight: 650;
  }

  body.nedate-public-standard .wallet-page .wallet-top-actions,
  body.nedate-ui-standard .wallet-page .wallet-top-actions {
    align-items: center;
    gap: .75rem !important;
  }

  body.nedate-public-standard .wallet-page .btn,
  body.nedate-ui-standard .wallet-page .btn {
    min-height: 42px;
    border-radius: 7px !important;
    font-weight: var(--sw-weight-max, 700) !important;
    box-shadow: none !important;
  }

  body.nedate-public-standard .wallet-page .btn-top-action,
  body.nedate-ui-standard .wallet-page .btn-top-action {
    min-width: 132px;
    padding: .58rem .95rem;
    border-color: var(--wallet-border) !important;
    background: #fff !important;
    color: var(--wallet-ink) !important;
  }

  body.nedate-public-standard .wallet-page .btn-primary-custom,
  body.nedate-ui-standard .wallet-page .btn-primary-custom {
    border-color: transparent !important;
    background: linear-gradient(135deg, var(--wallet-primary), #e60000) !important;
    color: #fff !important;
  }

  body.nedate-public-standard .wallet-page .card,
  body.nedate-ui-standard .wallet-page .card {
    border: 1px solid var(--wallet-border) !important;
    border-radius: 12px !important;
    background: #fff !important;
    box-shadow: 0 14px 34px rgba(16, 29, 53, .055) !important;
  }

  body.nedate-public-standard .wallet-page .kpi-card--same,
  body.nedate-ui-standard .wallet-page .kpi-card--same {
    min-height: 126px;
  }

  body.nedate-public-standard .wallet-page .kpi-card .card-body,
  body.nedate-ui-standard .wallet-page .kpi-card .card-body {
    padding: 1.35rem 1.45rem !important;
  }

  body.nedate-public-standard .wallet-page .kpi-card .text-uppercase,
  body.nedate-ui-standard .wallet-page .kpi-card .text-uppercase {
    color: var(--wallet-muted) !important;
    font-size: .72rem;
    letter-spacing: .045em;
    font-weight: var(--sw-weight-max, 700) !important;
  }

  body.nedate-public-standard .wallet-page .kpi-card .h2,
  body.nedate-public-standard .wallet-page .kpi-card .h4,
  body.nedate-ui-standard .wallet-page .kpi-card .h2,
  body.nedate-ui-standard .wallet-page .kpi-card .h4 {
    color: var(--wallet-ink) !important;
    margin-bottom: .45rem !important;
    font-size: 1.55rem;
    font-weight: 950 !important;
    letter-spacing: -.025em;
  }

  body.nedate-public-standard .wallet-page .kpi-card .small,
  body.nedate-ui-standard .wallet-page .kpi-card .small {
    color: var(--wallet-muted) !important;
    font-weight: 650;
  }

  body.nedate-public-standard .wallet-page .kpi-icon,
  body.nedate-ui-standard .wallet-page .kpi-icon {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 12px;
    background: rgba(255, 48, 40, .09);
    color: var(--wallet-primary);
    font-size: 1.2rem;
  }

  body.nedate-public-standard .wallet-page .kpi-icon-soft,
  body.nedate-ui-standard .wallet-page .kpi-icon-soft {
    background: #eafaf2;
    color: #22c55e;
  }

  body.nedate-public-standard .wallet-page .kpi-icon-neutral,
  body.nedate-ui-standard .wallet-page .kpi-icon-neutral {
    background: #eef5ff;
    color: #3b82f6;
  }

  body.nedate-public-standard .wallet-page #walletRecharge .card-body,
  body.nedate-ui-standard .wallet-page #walletRecharge .card-body {
    padding: 1.45rem 1.6rem !important;
  }

  body.nedate-public-standard .wallet-page #walletRecharge h5,
  body.nedate-ui-standard .wallet-page #walletRecharge h5,
  body.nedate-public-standard .wallet-page .wallet-section-card h5,
  body.nedate-ui-standard .wallet-page .wallet-section-card h5 {
    color: var(--wallet-ink) !important;
    font-size: 1.15rem;
    font-weight: 950 !important;
    letter-spacing: -.015em;
  }

  body.nedate-public-standard .wallet-page #walletRecharge h5 i,
  body.nedate-ui-standard .wallet-page #walletRecharge h5 i,
  body.nedate-public-standard .wallet-page .wallet-section-card h5 i,
  body.nedate-ui-standard .wallet-page .wallet-section-card h5 i {
    color: var(--wallet-primary) !important;
  }

  body.nedate-public-standard .wallet-page .badge-soft,
  body.nedate-ui-standard .wallet-page .badge-soft {
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--wallet-soft-red) !important;
    color: var(--wallet-primary) !important;
    padding: .48rem .7rem;
    font-size: .72rem;
    font-weight: var(--sw-weight-max, 700);
  }

  body.nedate-public-standard .wallet-page .wallet-recharge-fields,
  body.nedate-ui-standard .wallet-page .wallet-recharge-fields {
    --bs-gutter-x: 1.1rem;
    --bs-gutter-y: 1.1rem;
  }

  body.nedate-public-standard .wallet-page .wallet-recharge-fields .form-label,
  body.nedate-ui-standard .wallet-page .wallet-recharge-fields .form-label {
    min-height: auto;
    margin-bottom: .45rem !important;
    color: #4d5d73 !important;
    font-size: .72rem;
    font-weight: var(--sw-weight-max, 700);
  }

  body.nedate-public-standard .wallet-page .input-group-modern,
  body.nedate-ui-standard .wallet-page .input-group-modern {
    min-height: 54px !important;
    border: 1px solid var(--wallet-border) !important;
    border-radius: 8px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: hidden;
  }

  body.nedate-public-standard .wallet-page .input-group-modern .input-group-text,
  body.nedate-public-standard .wallet-page .input-group-modern .form-control,
  body.nedate-ui-standard .wallet-page .input-group-modern .input-group-text,
  body.nedate-ui-standard .wallet-page .input-group-modern .form-control {
    min-height: 54px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  body.nedate-public-standard .wallet-page .input-group-modern .input-group-text,
  body.nedate-ui-standard .wallet-page .input-group-modern .input-group-text {
    min-width: 46px;
    justify-content: center;
    color: #42526a !important;
  }

  body.nedate-public-standard .wallet-page .input-group-modern .form-control,
  body.nedate-ui-standard .wallet-page .input-group-modern .form-control {
    color: var(--wallet-ink);
    font-size: .88rem;
    font-weight: 650;
  }

  body.nedate-public-standard .wallet-page .form-text,
  body.nedate-ui-standard .wallet-page .form-text {
    color: var(--wallet-muted) !important;
    font-size: .78rem;
    font-weight: 650;
  }

  body.nedate-public-standard .wallet-page .wallet-recharge-fields .d-flex.flex-wrap.gap-3.mt-1,
  body.nedate-ui-standard .wallet-page .wallet-recharge-fields .d-flex.flex-wrap.gap-3.mt-1 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem !important;
  }

  body.nedate-public-standard .wallet-page .method-pill-btn,
  body.nedate-ui-standard .wallet-page .method-pill-btn {
    width: 100%;
    min-height: 54px;
    border: 1px solid var(--wallet-border);
    border-radius: 8px !important;
    background: #fff;
    color: var(--wallet-ink);
    padding: .65rem .85rem;
    font-size: .9rem;
    font-weight: var(--sw-btn-weight, 600);
  }

  body.nedate-public-standard .wallet-page .method-pill-btn::before,
  body.nedate-ui-standard .wallet-page .method-pill-btn::before {
    width: 14px;
    height: 14px;
    border-width: 1.5px;
  }

  body.nedate-public-standard .wallet-page .method-radio:checked + .method-pill-btn,
  body.nedate-ui-standard .wallet-page .method-radio:checked + .method-pill-btn {
    border-color: var(--wallet-primary) !important;
    background: rgba(255, 48, 40, .035) !important;
    color: var(--wallet-ink) !important;
    box-shadow: 0 0 0 1px rgba(255, 48, 40, .26) inset !important;
  }

  body.nedate-public-standard .wallet-page .method-radio:checked + .method-pill-btn::before,
  body.nedate-ui-standard .wallet-page .method-radio:checked + .method-pill-btn::before {
    border-color: var(--wallet-primary);
    background: radial-gradient(circle at center, var(--wallet-primary) 0 42%, transparent 44%);
  }

  body.nedate-public-standard .wallet-page .wallet-recharge-actions,
  body.nedate-ui-standard .wallet-page .wallet-recharge-actions {
    margin-top: .6rem;
  }

  body.nedate-public-standard .wallet-page .wallet-recharge-actions .btn,
  body.nedate-ui-standard .wallet-page .wallet-recharge-actions .btn {
    min-width: 132px;
    min-height: 44px;
  }

  body.nedate-public-standard .wallet-page .wallet-section-card > .card-body.p-0 > .p-4,
  body.nedate-ui-standard .wallet-page .wallet-section-card > .card-body.p-0 > .p-4 {
    padding: 1.35rem 1.55rem .9rem !important;
  }

  body.nedate-public-standard .wallet-page .table-head-custom,
  body.nedate-ui-standard .wallet-page .table-head-custom {
    background: #f7f9fc !important;
  }

  body.nedate-public-standard .wallet-page .table-head-custom th,
  body.nedate-ui-standard .wallet-page .table-head-custom th {
    padding: .85rem 1rem;
    color: #4c5c72 !important;
    font-size: .68rem;
    font-weight: var(--sw-weight-max, 700);
    letter-spacing: .04em;
    border: 0 !important;
  }

  body.nedate-public-standard .wallet-page .nedate-data-table td,
  body.nedate-ui-standard .wallet-page .nedate-data-table td {
    border-color: #eef2f7 !important;
  }

  body.nedate-public-standard .wallet-page .nedate-data-table tbody tr:only-child td,
  body.nedate-ui-standard .wallet-page .nedate-data-table tbody tr:only-child td {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }

  @media (min-width: 1200px) {
    body.nedate-public-standard .wallet-page,
    body.nedate-ui-standard .wallet-page {
      padding-left: 1.5rem !important;
      padding-right: 1.5rem !important;
    }
  }

  @media (max-width: 959.98px) {
    body.nedate-public-standard .wallet-page .user-wallet-hero,
    body.nedate-ui-standard .wallet-page .user-wallet-hero {
      padding: 1.15rem !important;
    }

    body.nedate-public-standard .wallet-page .wallet-recharge-fields .d-flex.flex-wrap.gap-3.mt-1,
    body.nedate-ui-standard .wallet-page .wallet-recharge-fields .d-flex.flex-wrap.gap-3.mt-1 {
      grid-template-columns: 1fr;
    }
  }

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


/* === Extracted from resources/views/user/notifications/index.blade.php === */
body.nedate-user-ui .user-notifications-page {
    --notifications-red: var(--nd-brand-primary);
    --notifications-ink: var(--nd-brand-ink);
    --notifications-muted: var(--nd-brand-muted);
    --notifications-border: var(--nd-brand-border);
    --notifications-shadow: 0 16px 34px rgba(10, 22, 50, .07);
    --notifications-radius: 8px;
}

body.nedate-user-ui .user-notifications-page .shipping-hero-visual img {
    max-width: min(42vw, 520px);
    filter: drop-shadow(0 20px 24px rgba(255, 48, 40, .12));
}

body.nedate-user-ui .notification-icon {
    width: 78px;
    height: 78px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

body.nedate-user-ui .notification-time {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: #7a879d;
    font-size: .95rem;
    font-weight: 600;
}

html[data-theme="dark"] body.nedate-user-ui .user-notifications-page {
    --notifications-ink: #f8fafc;
    --notifications-muted: #aab7c8;
    --notifications-border: #2b3548;
    --notifications-shadow: 0 16px 34px rgba(0, 0, 0, .24);
}

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

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

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

@media (max-width: 1599.98px) {

}

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

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

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


/* === Extracted from resources/views/user/returns/index.blade.php === */
body.nedate-user-ui .user-returns-page {
    --returns-red: var(--nd-brand-primary);
    --returns-ink: var(--nd-brand-ink);
    --returns-muted: var(--nd-brand-muted);
    --returns-border: var(--nd-brand-border);
    --returns-shadow: 0 16px 34px rgba(10, 22, 50, .07);
    --returns-radius: 8px;
}

body.nedate-user-ui .user-returns-page .shipping-hero-panel > .d-flex {
    position: relative;
}

body.nedate-user-ui .returns-hero-visual img {
    max-width: min(34vw, 460px);
    filter: drop-shadow(0 20px 24px rgba(255, 48, 40, .13));
}

body.nedate-user-ui .returns-hero-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 24px;
}

body.nedate-user-ui .returns-hero-pills {
    display: flex;
    gap: 14px;
}

body.nedate-user-ui .returns-hero-pills span {
    min-height: 47px;
    padding: 0 18px;
    border: 1px solid var(--returns-border);
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--returns-ink);
    background: #fff;
    box-shadow: 0 10px 22px rgba(10, 22, 50, .05);
    font-weight: var(--sw-weight-max, 700);
}

body.nedate-user-ui .returns-primary-btn,
body.nedate-user-ui .returns-empty-state a {
    min-height: 58px;
    padding: 0 32px;
    border: 1px solid var(--returns-red);
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    color: #fff;
    background: var(--returns-red);
    box-shadow: 0 18px 32px rgba(255, 48, 40, .22);
    font-weight: var(--sw-btn-weight, 600);
    text-decoration: none;
}

body.nedate-user-ui .returns-search,
body.nedate-user-ui .returns-filter-form select {
    height: 52px !important;
    border: 1px solid rgba(20, 39, 74, .14) !important;
    border-radius: 9px !important;
    display: flex !important;
    align-items: center;
    gap: 12px;
    padding: 0 16px;
    color: var(--returns-muted);
    background: #fff !important;
}

body.nedate-user-ui .returns-search input,
body.nedate-user-ui .returns-filter-form select {
    width: 100%;
    border: 0;
    outline: 0;
    color: var(--returns-ink);
    background: transparent;
    font-size: 14px !important;
    font-weight: 600;
}

html[data-theme="dark"] body.nedate-user-ui .user-returns-page {
    --returns-ink: #f8fafc;
    --returns-muted: #aab7c8;
    --returns-border: #2b3548;
    --returns-shadow: 0 16px 34px rgba(0, 0, 0, .24);
}

html[data-theme="dark"] body.nedate-user-ui .returns-requests-card,
html[data-theme="dark"] body.nedate-user-ui .returns-info-card,
html[data-theme="dark"] body.nedate-user-ui .returns-help-card,
html[data-theme="dark"] body.nedate-user-ui .returns-search,
html[data-theme="dark"] body.nedate-user-ui .returns-filter-form select,
html[data-theme="dark"] body.nedate-user-ui .returns-help-card a {
    background: #101827 !important;
    border-color: var(--returns-border) !important;
}

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

@media (max-width: 959.98px) {
    body.nedate-user-ui .returns-hero-actions {
        align-items: flex-start;
    }
}

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

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


/* === Extracted late styles from resources/views/user/wallet/index.blade.php === */
body.nedate-user-ui main:has(> .wallet-page.user-wallet-page) {
    padding-top: 0 !important;
    background:
      radial-gradient(circle at 7% 14%, color-mix(in srgb, var(--nd-brand-primary) 12%, transparent) 0 18rem, transparent 30rem),
      radial-gradient(circle at 94% 18%, color-mix(in srgb, var(--nd-brand-primary) 8%, transparent) 0 18rem, transparent 31rem),
      radial-gradient(circle at 96% 48%, rgba(139, 92, 246, .08) 0 18rem, transparent 31rem),
      linear-gradient(180deg, #fbfcff 0%, #ffffff 56%, #fbfcff 100%) !important;
  }

  body.nedate-user-ui:has(.wallet-page.user-wallet-page) .content-with-navbar {
    padding-top: 0 !important;
  }

  body.nedate-user-ui:has(.wallet-page.user-wallet-page) #scene,
  body.nedate-user-ui:has(.wallet-page.user-wallet-page) #app3d {
    background:
      radial-gradient(circle at 7% 14%, color-mix(in srgb, var(--nd-brand-primary) 12%, transparent) 0 18rem, transparent 30rem),
      radial-gradient(circle at 94% 18%, color-mix(in srgb, var(--nd-brand-primary) 8%, transparent) 0 18rem, transparent 31rem),
      radial-gradient(circle at 96% 48%, rgba(139, 92, 246, .08) 0 18rem, transparent 31rem),
      linear-gradient(180deg, #fbfcff 0%, #ffffff 56%, #fbfcff 100%) !important;
  }

  body.nedate-user-ui main > .wallet-page.user-wallet-page {
    --wallet-primary: var(--theme-primary, var(--theme-primary, #e61a0a));
    --wallet-navy: var(--theme-secondary, #1e3a5a);
    --wallet-text: #525252;
    --wallet-muted: #657384;
    --wallet-line: #e1e6eb;
    --wallet-soft: rgba(230, 26, 10, .075);
    --wallet-shadow: 0 12px 30px rgba(15, 23, 42, .05);
    width: 100% !important;
    max-width: none !important;
    padding: 4rem 1.35rem 4.5rem !important;
    background: transparent !important;
  }

  body.nedate-user-ui main > .wallet-page.user-wallet-page,
  body.nedate-user-ui main > .wallet-page.user-wallet-page *:not(i):not(.bi):not(svg):not(path) {
    font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
  }

  body.nedate-user-ui main > .wallet-page.user-wallet-page > .user-wallet-hero:first-of-type {
    margin-top: 0 !important;
    margin-bottom: 18px !important;
  }

  body.nedate-user-ui .wallet-page .user-wallet-hero {
    min-height: 126px;
    padding: 1.35rem 1.45rem !important;
    border: 1px solid var(--wallet-line) !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, #fff 0%, #fff 58%, rgba(255, 48, 40, .055) 100%) !important;
    box-shadow: var(--wallet-shadow) !important;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-eyebrow {
    margin-bottom: .35rem !important;
    color: var(--wallet-primary) !important;
    font-size: .75rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
  }

  body.nedate-user-ui .wallet-page .user-wallet-hero h1 {
    color: #101d35 !important;
    font-size: 1.55rem !important;
    font-weight: 600 !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
  }

  body.nedate-user-ui .wallet-page .user-wallet-hero p,
  body.nedate-user-ui .wallet-page .form-text,
  body.nedate-user-ui .wallet-page .small,
  body.nedate-user-ui .wallet-page .text-secondary,
  body.nedate-user-ui .wallet-page .text-muted {
    color: var(--wallet-muted) !important;
    font-size: .9rem !important;
    font-weight: 500 !important;
  }

  body.nedate-user-ui .wallet-page .wallet-top-actions {
    gap: .75rem !important;
  }

  body.nedate-user-ui .wallet-page .btn {
    min-height: 46px !important;
    border-radius: 4px !important;
    padding: .65rem 1.1rem !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
  }

  body.nedate-user-ui .wallet-page .btn-top-action,
  body.nedate-user-ui .wallet-page .btn-outline-secondary,
  body.nedate-user-ui .wallet-page .btn-outline-primary-custom {
    border: 1px solid var(--wallet-line) !important;
    background: #fff !important;
    color: #101d35 !important;
  }

  body.nedate-user-ui .wallet-page .btn-primary-custom {
    border-color: var(--wallet-primary) !important;
    background: var(--wallet-primary) !important;
    color: #fff !important;
  }

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

  body.nedate-user-ui .wallet-page > .wallet-section-card {
    margin-bottom: 18px !important;
  }

  body.nedate-user-ui .wallet-page .card,
  body.nedate-user-ui .wallet-page .nedate-section-card {
    border: 1px solid var(--wallet-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: var(--wallet-shadow) !important;
    overflow: hidden !important;
    clip-path: inset(0 round 18px);
  }

  body.nedate-user-ui .wallet-page .card > .card-body,
  body.nedate-user-ui .wallet-page .nedate-section-card > .card-body {
    border-radius: inherit !important;
    background: #fff !important;
  }

  body.nedate-user-ui .wallet-page #walletRecharge,
  body.nedate-user-ui .wallet-page .wallet-section-card {
    border-radius: 18px !important;
    overflow: hidden !important;
    background-clip: padding-box !important;
    clip-path: none !important;
    isolation: isolate;
  }

  body.nedate-user-ui .wallet-page > .wallet-section-card:last-child,
  body.nedate-user-ui .wallet-page > .wallet-section-card:last-of-type {
    border-radius: 18px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: var(--wallet-shadow) !important;
  }

  body.nedate-user-ui .wallet-page .wallet-section-card > .card-body.p-0 {
    overflow: hidden !important;
    border-radius: inherit !important;
    background: #fff !important;
  }

  body.nedate-user-ui .wallet-page .wallet-section-card > .card-body.p-0 > .p-4 {
    border-radius: 18px 18px 0 0 !important;
    background: #fff !important;
  }

  body.nedate-user-ui .wallet-page .wallet-section-card .nedate-table-responsive,
  body.nedate-user-ui .wallet-page .wallet-section-card .table-responsive {
    overflow: hidden !important;
    border-radius: 0 0 18px 18px !important;
    background: #fff !important;
  }

  body.nedate-user-ui .wallet-page .kpi-card {
    min-height: 128px !important;
  }

  body.nedate-user-ui .wallet-page .kpi-card .card-body {
    padding: 1.4rem 1.45rem !important;
  }

  body.nedate-user-ui .wallet-page .kpi-card .text-uppercase,
  body.nedate-user-ui .wallet-page .wallet-recharge-fields .form-label,
  body.nedate-user-ui .wallet-page .table-head-custom th {
    color: #657384 !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
  }

  body.nedate-user-ui .wallet-page .kpi-card .h2,
  body.nedate-user-ui .wallet-page .kpi-card .h4 {
    color: #101d35 !important;
    font-size: 1.55rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body.nedate-user-ui .wallet-page .kpi-icon {
    width: 52px !important;
    height: 52px !important;
    flex: 0 0 52px !important;
    border-radius: 14px !important;
    background: rgba(230, 26, 10, .085) !important;
    color: var(--wallet-primary) !important;
  }

  body.nedate-user-ui .wallet-page .kpi-icon-soft {
    background: #ecfdf5 !important;
    color: #10b981 !important;
  }

  body.nedate-user-ui .wallet-page .kpi-icon-neutral {
    background: #eff6ff !important;
    color: #3b82f6 !important;
  }

  body.nedate-user-ui .wallet-page #walletRecharge .card-body {
    padding: 1.35rem 1.45rem !important;
  }

  body.nedate-user-ui .wallet-page #walletRecharge h5,
  body.nedate-user-ui .wallet-page .wallet-section-card h5 {
    color: #101d35 !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  body.nedate-user-ui .wallet-page #walletRecharge h5 i,
  body.nedate-user-ui .wallet-page .wallet-section-card h5 i {
    color: var(--wallet-primary) !important;
  }

  body.nedate-user-ui .wallet-page .badge-soft {
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--wallet-soft) !important;
    color: var(--wallet-primary) !important;
    padding: .42rem .7rem !important;
    font-size: .72rem !important;
    font-weight: 700 !important;
  }

  body.nedate-user-ui .wallet-page .wallet-recharge-fields {
    --bs-gutter-x: 1rem;
    --bs-gutter-y: 1rem;
  }

  body.nedate-user-ui .wallet-page .input-group-modern,
  body.nedate-user-ui .wallet-page .method-pill-btn {
    min-height: 54px !important;
    border: 1px solid var(--wallet-line) !important;
    border-radius: 4px !important;
    background: #fff !important;
    box-shadow: none !important;
  }

  body.nedate-user-ui .wallet-page .input-group-modern .input-group-text,
  body.nedate-user-ui .wallet-page .input-group-modern .form-control {
    min-height: 54px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--wallet-text) !important;
    font-size: .9rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    box-shadow: none !important;
  }

  body.nedate-user-ui .wallet-page .method-pill-btn {
    width: 100%;
    color: #101d35 !important;
    font-size: .92rem !important;
    font-weight: 700 !important;
  }

  body.nedate-user-ui .wallet-page .method-radio:checked + .method-pill-btn {
    border-color: var(--wallet-primary) !important;
    background: rgba(230, 26, 10, .035) !important;
    color: #101d35 !important;
    box-shadow: 0 0 0 1px rgba(230, 26, 10, .24) inset !important;
  }

  body.nedate-user-ui .wallet-page .method-radio:checked + .method-pill-btn::before {
    border-color: var(--wallet-primary) !important;
    background: radial-gradient(circle at center, var(--wallet-primary) 0 42%, transparent 44%) !important;
  }

  body.nedate-user-ui .wallet-page .wallet-section-card > .card-body.p-0 > .p-4 {
    padding: 1.35rem 1.45rem .9rem !important;
  }

  body.nedate-user-ui .wallet-page .table-head-custom {
    background: #f8fafc !important;
  }

  body.nedate-user-ui .wallet-page .table-head-custom th {
    padding: .9rem 1rem !important;
    border: 0 !important;
  }

  body.nedate-user-ui .wallet-page .nedate-data-table td {
    border-color: #edf1f6 !important;
  }

  @media (min-width: 1200px) {
    body.nedate-user-ui main > .wallet-page.user-wallet-page {
      padding-left: 1.35rem !important;
      padding-right: 1.35rem !important;
    }
  }

  @media (max-width: 959.98px) {
    body.nedate-user-ui main > .wallet-page.user-wallet-page {
      padding: .85rem .75rem 6rem !important;
    }

    body.nedate-user-ui .wallet-page .user-wallet-hero {
      padding: 1.1rem !important;
    }

    body.nedate-user-ui .wallet-page .wallet-top-actions,
    body.nedate-user-ui .wallet-page .wallet-recharge-actions {
      width: 100%;
    }
  }

  body.nedate-user-ui:has(.wallet-page.user-wallet-page) .wallet-page.user-wallet-page {
    --wallet-page-left: 35px;
    --wallet-page-right: 35px;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 8.25rem var(--wallet-page-right) 2.4rem var(--wallet-page-left) !important;
  }

  body.nedate-user-ui .wallet-page .wallet-section-card:last-child,
  body.nedate-user-ui .wallet-page .wallet-section-card:last-of-type {
    margin-bottom: 0 !important;
  }

  @media (min-width: 960px) {
    body:not(.nedate-has-desktop-sidebar).nedate-user-ui:has(.wallet-page.user-wallet-page) #app3d {
      padding-left: 0 !important;
    }

    body.nedate-user-ui:has(.wallet-page.user-wallet-page):has(.adm-sidebar.expanded) .wallet-page.user-wallet-page {
      --wallet-page-left: 35px;
      --wallet-page-right: 35px;
    }

    body.nedate-user-ui:has(.wallet-page.user-wallet-page):has(.adm-sidebar.expanded) #app3d > .nedate-site-footer.footer-logistics {
      width: 100% !important;
      margin-left: 0px !important;
      margin-right: 0 !important;
    }

    body.nedate-user-ui:has(.wallet-page.user-wallet-page):has(.adm-sidebar.collapsed) .wallet-page.user-wallet-page {
      --wallet-page-left: 35px;
      --wallet-page-right: 35px;
    }

    body.nedate-user-ui:has(.wallet-page.user-wallet-page):has(.adm-sidebar.collapsed) #app3d > .nedate-site-footer.footer-logistics {
      width: 100% !important;
      margin-left: 0px !important;
      margin-right: 0 !important;
    }








  }

  body.nedate-user-ui .wallet-page .shipping-hero-panel {
    position: relative !important;
    min-height: 154px !important;
    display: flex !important;
    align-items: center !important;
    margin-bottom: 1.25rem !important;
    padding: 2rem 2.15rem !important;
    overflow: hidden !important;
    border: 1px solid var(--wallet-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 22px 60px rgba(20, 39, 74, .08) !important;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-panel::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
      radial-gradient(circle at 75% 52%, rgba(255, 59, 47, .14), transparent 12rem),
      radial-gradient(circle at 92% 20%, color-mix(in srgb, var(--nd-brand-primary) 8%, transparent), transparent 9rem);
    pointer-events: none;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-panel::after {
    content: none !important;
    display: none !important;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-panel > * {
    position: relative;
    z-index: 1;
    width: 100%;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-panel > .d-flex > div:first-child {
    min-width: 0;
    flex: 1 1 auto;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-eyebrow {
    display: inline-flex !important;
    align-items: center;
    gap: .45rem;
    color: var(--wallet-primary) !important;
    font-size: .82rem !important;
    font-weight: var(--sw-weight-max, 700) !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-eyebrow::before {
    content: "\F1C8";
    font-family: "bootstrap-icons";
  }

  body.nedate-user-ui .wallet-page .shipping-hero-panel h1 {
    color: var(--wallet-navy) !important;
    font-size: clamp(2.1rem, 2.55vw, 3rem) !important;
    font-weight: var(--sw-weight-max, 700) !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em !important;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-panel p {
    color: var(--wallet-muted) !important;
    font-size: .95rem !important;
    font-weight: 500 !important;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-visual {
    flex: 0 0 min(44%, 620px);
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    min-height: 120px;
    margin: -1.35rem -1rem -1.35rem 0;
    pointer-events: none;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-visual img {
    display: block;
    width: min(100%, 620px);
    max-height: 186px;
    object-fit: contain;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-panel .wallet-top-actions {
    gap: .75rem !important;
    margin-top: 1.1rem !important;
  }

  body.nedate-user-ui .wallet-page .shipping-hero-panel .wallet-top-actions .btn {
    min-height: 42px !important;
  }

  @media (max-width: 959.98px) {
    body.nedate-user-ui .wallet-page .shipping-hero-panel {
      min-height: 104px !important;
      padding: 1rem 1.05rem !important;
    }

    body.nedate-user-ui .wallet-page .shipping-hero-panel > .d-flex {
      flex-direction: row !important;
      align-items: center !important;
      gap: .85rem !important;
    }

    body.nedate-user-ui .wallet-page .shipping-hero-eyebrow {
      margin-bottom: .35rem !important;
      font-size: .68rem !important;
    }

    body.nedate-user-ui .wallet-page .shipping-hero-panel h1 {
      font-size: clamp(1.45rem, 6.2vw, 2rem) !important;
    }

    body.nedate-user-ui .wallet-page .shipping-hero-panel p {
      font-size: .82rem !important;
      line-height: 1.35 !important;
    }

    body.nedate-user-ui .wallet-page .shipping-hero-visual {
      flex: 0 0 88px !important;
      min-height: 74px !important;
      margin: 0 -.2rem 0 0 !important;
    }

    body.nedate-user-ui .wallet-page .shipping-hero-visual img {
      width: 120px !important;
      max-height: 78px !important;
    }
  }


/* --------------------------------------------------------------------------
   FIX 2026-06-06: frame app sidebar-aware
   --------------------------------------------------------------------------
   Alcune pagine operative usano .user-logistics-page/.nedate-app-page.
   Il CSS centrale non deve ridurre il padding a un semplice container-x:
   su desktop il padding-left deve includere la sidebar fissa.
---------------------------------------------------------------------------- */
@media (min-width: 960px) {
  body:not(.nedate-has-desktop-sidebar).nedate-user-ui:has(.user-logistics-page):not(:has(.cart-page)):not(:has(.user-address-book-page)):not(:has(.wallet-page)) #app3d,
  body:not(.nedate-has-desktop-sidebar).nedate-user-ui:has(.user-logistics-page):not(:has(.cart-page)):not(:has(.user-address-book-page)):not(:has(.wallet-page)) .content-with-navbar {
    padding-left: 0 !important;
  }

  body.nedate-user-ui:has(.user-logistics-page):not(:has(.cart-page)):not(:has(.user-address-book-page)):not(:has(.wallet-page)):has(.adm-sidebar.expanded) main > .user-logistics-page.nedate-main-container,
  body.nedate-user-ui:has(.user-logistics-page):not(:has(.cart-page)):not(:has(.user-address-book-page)):not(:has(.wallet-page)):has(.adm-sidebar.expanded) main > .user-logistics-page {
    --logistics-page-left: calc(var(--sw-gutter) + 35px);
    --logistics-page-right: calc(var(--sw-gutter) + 35px);
    padding: 8.25rem var(--logistics-page-right) 2.4rem var(--logistics-page-left) !important;
  }

  body.nedate-user-ui:has(.user-logistics-page):not(:has(.cart-page)):not(:has(.user-address-book-page)):not(:has(.wallet-page)):has(.adm-sidebar.collapsed) main > .user-logistics-page.nedate-main-container,
  body.nedate-user-ui:has(.user-logistics-page):not(:has(.cart-page)):not(:has(.user-address-book-page)):not(:has(.wallet-page)):has(.adm-sidebar.collapsed) main > .user-logistics-page {
    --logistics-page-left: calc(var(--sw-gutter) + 35px);
    --logistics-page-right: calc(var(--sw-gutter) + 35px);
    padding: 8.25rem var(--logistics-page-right) 2.4rem var(--logistics-page-left) !important;
  }

  /* Shipments ha anche variabili storiche dedicate: le riallineo allo stesso frame. */
  body.nedate-user-ui:has(.user-shipments-page):has(.adm-sidebar.expanded) main > .user-shipments-page {
    --ship-page-left: 35px;
    --ship-page-right: 35px;
    padding: 8.25rem var(--ship-page-right) 2.4rem var(--ship-page-left) !important;
  }

  body.nedate-user-ui:has(.user-shipments-page):has(.adm-sidebar.collapsed) main > .user-shipments-page {
    --ship-page-left: 35px;
    --ship-page-right: 35px;
    padding: 8.25rem var(--ship-page-right) 2.4rem var(--ship-page-left) !important;
  }

  body.nedate-user-ui:has(.user-logistics-page):not(:has(.cart-page)):not(:has(.user-address-book-page)):not(:has(.wallet-page)):has(.adm-sidebar.expanded) #app3d > .nedate-site-footer.footer-logistics {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0 !important;
  }

  body.nedate-user-ui:has(.user-logistics-page):not(:has(.cart-page)):not(:has(.user-address-book-page)):not(:has(.wallet-page)):has(.adm-sidebar.collapsed) #app3d > .nedate-site-footer.footer-logistics {
    width: 100% !important;
    margin-left: 0px !important;
    margin-right: 0 !important;
  }
}


/* --------------------------------------------------------------------------
   User API pages: centralized app concept
   --------------------------------------------------------------------------
   API index/create/edit now use the same app frame as shipments/imports:
   .user-logistics-page + .shipping-hero-panel + shared cards. Keep all API
   visual tweaks here, not inside the Blade files.
---------------------------------------------------------------------------- */
body.nedate-ui-standard:has(.user-api-page) {
  background: var(--nd-brand-bg);
}

body.nedate-ui-standard .user-api-page {
  --user-api-primary: var(--nd-brand-primary);
  --user-api-ink: var(--nd-brand-heading);
  --user-api-muted: var(--nd-brand-muted);
  --user-api-line: var(--nd-brand-border);
  --user-api-soft: var(--nd-brand-surface-soft);
  --user-api-shadow: var(--nd-brand-shadow-soft);
}

body.nedate-user-ui .user-logistics-page.user-api-page .shipping-hero-panel {
  background: var(--nd-brand-hero-bg) !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page .shipping-hero-visual.user-api-hero-visual {
  flex: 0 0 min(42%, 560px) !important;
  min-height: 132px !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page .shipping-hero-visual.user-api-hero-visual svg,
body.nedate-user-ui .user-logistics-page.user-api-page .user-api-hero-svg {
  display: block !important;
  width: min(100%, 520px) !important;
  max-height: 190px !important;
  height: auto !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card, .user-api-security-card, .user-api-toolbar-card, .api-mobile-card, .empty-state-card, .alert) {
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid var(--logistics-border, rgba(20, 39, 74, .10)) !important;
  border-radius: 14px !important;
  box-shadow: var(--logistics-card-shadow, var(--nd-brand-shadow-soft)) !important;
  overflow: hidden !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card) > .card-header,
body.nedate-user-ui .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card) > .card-footer {
  background: #fff !important;
  border-color: rgba(20, 39, 74, .10) !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page .user-api-toolbar-card > .card-body {
  min-height: 74px;
}

body.nedate-user-ui .user-logistics-page.user-api-page :is(.user-api-stat-badge, .user-api-create-stat, .user-api-soft-badge) {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .65rem .9rem;
  color: var(--logistics-navy, var(--nd-brand-heading));
  background: #fff;
  border: 1px solid rgba(20, 39, 74, .10);
  border-radius: 999px !important;
  font-size: .88rem;
  font-weight: var(--sw-weight-bold, 700);
  box-shadow: 0 10px 24px rgba(20, 39, 74, .05);
}

body.nedate-user-ui .user-logistics-page.user-api-page :is(.form-control, .form-select, .form-control-modern, .form-select-modern) {
  min-height: 48px;
  border-color: rgba(20, 39, 74, .14) !important;
  border-radius: 8px !important;
  color: var(--logistics-navy, var(--nd-brand-heading)) !important;
  box-shadow: none !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page .form-floating > :is(.form-control, .form-select) {
  min-height: 56px;
}

body.nedate-user-ui .user-logistics-page.user-api-page :is(.form-control, .form-select, .form-control-modern, .form-select-modern):focus {
  border-color: color-mix(in srgb, var(--user-api-primary) 55%, #ffffff) !important;
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--user-api-primary) 8%, transparent) !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page .user-api-create-section + .user-api-create-section,
body.nedate-user-ui .user-logistics-page.user-api-page .user-api-section + .user-api-section {
  padding-top: 1rem;
  border-top: 1px solid rgba(20, 39, 74, .08);
}

body.nedate-user-ui .user-logistics-page.user-api-page .user-api-permissions-panel {
  padding: 1rem;
  background: #f7f9fc;
  border: 1px solid rgba(20, 39, 74, .10);
  border-radius: 14px;
}

body.nedate-user-ui .user-logistics-page.user-api-page .user-api-permission-option {
  min-height: 44px;
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .65rem .75rem;
  background: #fff;
  border: 1px solid rgba(20, 39, 74, .10);
  border-radius: 10px;
}

body.nedate-user-ui .user-logistics-page.user-api-page .user-api-permission-option .form-check-input {
  flex: 0 0 auto;
  margin-top: 0;
  margin-left: 0;
}

body.nedate-user-ui .user-logistics-page.user-api-page .user-api-permission-option .form-check-label {
  overflow-wrap: anywhere;
  color: var(--logistics-muted, var(--nd-brand-muted)) !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page .form-check-input:checked {
  background-color: var(--user-api-primary) !important;
  border-color: var(--user-api-primary) !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page .whitelist-item {
  align-items: center;
  padding: .65rem;
  margin-bottom: .5rem !important;
  background: #f7f9fc;
  border: 1px solid rgba(20, 39, 74, .10);
  border-radius: 14px;
}

body.nedate-user-ui .user-logistics-page.user-api-page .whitelist-item :is(.form-control, .form-select) {
  min-height: 44px;
  background: #fff !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page .whitelist-value.is-ip-value {
  font-family: var(--bs-font-monospace, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace) !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page .remove-whitelist {
  width: 42px;
  padding-inline: 0;
}

body.nedate-user-ui .user-logistics-page.user-api-page .user-api-security-card {
  background: linear-gradient(135deg, color-mix(in srgb, var(--user-api-primary) 8%, #ffffff), #ffffff) !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page .user-api-security-card .bi:not(.bi-lightbulb-fill) {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  background: color-mix(in srgb, var(--user-api-primary) 10%, #ffffff);
  border-radius: 10px;
}

body.nedate-user-ui .user-logistics-page.user-api-page .table > :not(caption) > * > * {
  padding-block: 1rem;
  border-color: rgba(20, 39, 74, .08);
}

body.nedate-user-ui .user-logistics-page.user-api-page .table-head-custom th {
  color: #6a7890 !important;
  background: #f7f9fc !important;
  font-size: .72rem;
  font-weight: var(--sw-weight-max, 700);
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.nedate-user-ui .user-logistics-page.user-api-page .table-hover-custom tbody tr:hover {
  background: color-mix(in srgb, var(--user-api-primary) 3.5%, #ffffff) !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page code {
  font-size: .82rem;
}

body.nedate-user-ui .user-logistics-page.user-api-page code.bg-light,
body.nedate-user-ui .user-logistics-page.user-api-page .api-mobile-card .bg-light {
  background: #f7f9fc !important;
  border-color: rgba(20, 39, 74, .10) !important;
}

body.nedate-user-ui .user-logistics-page.user-api-page :is(.dropdown-menu, .modal-content) {
  border: 1px solid rgba(20, 39, 74, .10) !important;
  border-radius: 12px !important;
  box-shadow: 0 18px 40px rgba(20, 39, 74, .12) !important;
  overflow: hidden !important;
}

@media (max-width: 959.98px) {
  body.nedate-user-ui .user-logistics-page.user-api-page .shipping-hero-visual.user-api-hero-visual {
    flex: 0 0 96px !important;
    min-height: 78px !important;
    margin: 0 -.2rem 0 0 !important;
  }

  body.nedate-user-ui .user-logistics-page.user-api-page .shipping-hero-visual.user-api-hero-visual svg,
  body.nedate-user-ui .user-logistics-page.user-api-page .user-api-hero-svg {
    width: 136px !important;
    max-height: 86px !important;
  }

  body.nedate-user-ui .user-logistics-page.user-api-page .card-body {
    padding: 1.25rem !important;
  }
}

html[data-theme="dark"] body.nedate-ui-standard .user-api-page,
html[data-theme="dark"] .user-api-page,
body.dark .user-api-page,
body.dark-mode .user-api-page {
  --user-api-ink: var(--nd-brand-heading);
  --user-api-muted: var(--nd-brand-muted);
  --user-api-line: var(--nd-brand-border);
  --user-api-soft: var(--nd-brand-surface-soft);
  --user-api-shadow: var(--nd-brand-shadow-soft);
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card, .user-api-security-card, .user-api-toolbar-card, .api-mobile-card, .empty-state-card, .alert),
body.dark .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card, .user-api-security-card, .user-api-toolbar-card, .api-mobile-card, .empty-state-card, .alert),
body.dark-mode .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card, .user-api-security-card, .user-api-toolbar-card, .api-mobile-card, .empty-state-card, .alert) {
  background: var(--nd-brand-surface) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card) > .card-header,
html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card) > .card-footer,
html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-api-page :is(.user-api-stat-badge, .user-api-create-stat, .user-api-soft-badge, .user-api-permission-option, .dropdown-menu, .modal-content),
body.dark .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card) > .card-header,
body.dark .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card) > .card-footer,
body.dark .user-logistics-page.user-api-page :is(.user-api-stat-badge, .user-api-create-stat, .user-api-soft-badge, .user-api-permission-option, .dropdown-menu, .modal-content),
body.dark-mode .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card) > .card-header,
body.dark-mode .user-logistics-page.user-api-page :is(.user-api-card, .user-api-create-card) > .card-footer,
body.dark-mode .user-logistics-page.user-api-page :is(.user-api-stat-badge, .user-api-create-stat, .user-api-soft-badge, .user-api-permission-option, .dropdown-menu, .modal-content) {
  background: color-mix(in srgb, var(--nd-brand-surface) 92%, #ffffff) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-api-page :is(.form-control, .form-select, .whitelist-item .form-control, .whitelist-item .form-select),
body.dark .user-logistics-page.user-api-page :is(.form-control, .form-select, .whitelist-item .form-control, .whitelist-item .form-select),
body.dark-mode .user-logistics-page.user-api-page :is(.form-control, .form-select, .whitelist-item .form-control, .whitelist-item .form-select) {
  background-color: var(--nd-brand-bg) !important;
  border-color: var(--nd-brand-border) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-api-page :is(.user-api-permissions-panel, .whitelist-item, code.bg-light, .api-mobile-card .bg-light),
body.dark .user-logistics-page.user-api-page :is(.user-api-permissions-panel, .whitelist-item, code.bg-light, .api-mobile-card .bg-light),
body.dark-mode .user-logistics-page.user-api-page :is(.user-api-permissions-panel, .whitelist-item, code.bg-light, .api-mobile-card .bg-light) {
  background: color-mix(in srgb, var(--nd-brand-surface) 86%, #000000) !important;
  color: var(--nd-brand-muted) !important;
}

/* === User Returns create/show: centralized app design system === */
body.nedate-user-ui .user-logistics-page.user-returns-page {
  --returns-red: var(--nd-brand-primary);
  --returns-ink: var(--nd-brand-ink, var(--nd-brand-heading));
  --returns-muted: var(--nd-brand-muted);
  --returns-border: var(--nd-brand-border);
  --returns-soft: color-mix(in srgb, var(--nd-brand-primary) 7%, #ffffff);
  --returns-shadow: var(--nd-brand-shadow-soft, 0 16px 34px rgba(10, 22, 50, .07));
  --returns-radius: 14px;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .shipping-hero-panel.user-returns-hero {
  overflow: hidden;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .shipping-hero-eyebrow :is(.bi, svg) {
  margin-right: .45rem;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .shipping-hero-visual.returns-hero-visual {
  flex: 0 0 min(38vw, 470px);
  min-height: 174px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-block: -1.5rem;
  margin-right: -1.5rem;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-hero-svg {
  width: min(36vw, 500px);
  max-width: 100%;
  height: auto;
  display: block;
  filter: drop-shadow(0 20px 24px rgba(255, 48, 40, .13));
}

body.nedate-user-ui .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card, .returns-requests-card, .returns-info-card, .returns-help-card, .returns-create-toolbar, .user-returns-show-toolbar) {
  background: rgba(255, 255, 255, .94) !important;
  border: 1px solid var(--returns-border) !important;
  border-radius: var(--returns-radius) !important;
  box-shadow: var(--returns-shadow) !important;
  overflow: hidden;
}

body.nedate-user-ui .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card) > .card-header,
body.nedate-user-ui .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card) > .card-footer {
  background: #fff !important;
  border-color: var(--returns-border) !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page :is(.returns-create-stat-badge, .returns-create-soft-badge) {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  gap: .25rem;
  padding: .65rem .9rem;
  color: var(--returns-ink);
  background: #fff;
  border: 1px solid var(--returns-border);
  border-radius: 999px !important;
  font-size: .88rem;
  font-weight: var(--sw-weight-bold, 700);
  box-shadow: 0 10px 24px rgba(20, 39, 74, .05);
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-soft-badge {
  min-height: auto;
  padding: .45rem .75rem;
  color: var(--returns-muted);
  background: #f7f9fc;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-label {
  display: block;
  margin-bottom: .35rem;
  color: var(--returns-muted);
  font-size: .75rem;
  font-weight: var(--sw-weight-bold, 700);
  letter-spacing: .06em;
  text-transform: uppercase;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-section-icon {
  width: 42px;
  height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 42px;
  color: var(--returns-red);
  background: color-mix(in srgb, var(--returns-red) 9%, #ffffff);
  border: 1px solid color-mix(in srgb, var(--returns-red) 16%, #ffffff);
  border-radius: 12px;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-items {
  border: 1px solid var(--returns-border);
  border-radius: 14px;
  overflow: hidden;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: .85rem 1rem;
  border-bottom: 1px solid color-mix(in srgb, var(--returns-border) 72%, #ffffff);
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-item:last-child {
  border-bottom: 0;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-selected {
  min-height: 48px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .25rem;
  padding: .7rem .9rem;
  color: var(--returns-ink);
  background: #f8fafc;
  border: 1px solid color-mix(in srgb, var(--returns-border) 86%, #ffffff);
  border-radius: 12px;
}

body.nedate-user-ui .user-logistics-page.user-returns-page :is(.form-control, .form-select) {
  min-height: 56px !important;
  border: 1px solid color-mix(in srgb, var(--returns-border) 88%, #ffffff) !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  color: var(--returns-ink) !important;
  font-size: .9rem !important;
  font-weight: 400 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04) !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .form-floating > :is(.form-control, .form-select) {
  min-height: 56px !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .form-floating > textarea.form-control,
body.nedate-user-ui .user-logistics-page.user-returns-page textarea.form-control {
  min-height: 118px !important;
  resize: vertical;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .form-label,
body.nedate-user-ui .user-logistics-page.user-returns-page .form-floating > label {
  color: var(--returns-muted) !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .form-floating > label::after {
  background: transparent !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page :is(.form-control, .form-select):focus {
  border-color: color-mix(in srgb, var(--returns-red) 65%, #fff) !important;
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--returns-red) 12%, transparent) !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-warning {
  display: flex;
  align-items: flex-start;
  gap: .45rem;
  margin-top: .75rem;
  padding: .75rem .9rem;
  border: 1px solid #f8d26a;
  border-radius: 14px;
  background: #fffbeb;
  color: #8a4b00;
  font-size: .9rem;
  font-weight: 500;
  line-height: 1.45;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-warning .bi {
  color: #b45309;
  margin-top: .12rem;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-steps {
  padding-left: 1.2rem;
  color: var(--returns-muted);
  font-size: .9rem;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-steps li {
  margin-bottom: .75rem;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-steps li:last-child {
  margin-bottom: 0;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .table-head-custom {
  background: #f8fafc !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .table-head-custom th {
  border-color: var(--returns-border);
  color: var(--returns-muted) !important;
  font-size: .72rem;
  font-weight: var(--sw-weight-bold, 700);
  letter-spacing: .08em;
  text-transform: uppercase;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-show-step-dot {
  width: 36px;
  height: 36px;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .bg-primary-custom {
  background-color: var(--returns-red) !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .text-primary-custom {
  color: var(--returns-red) !important;
}

@media (max-width: 959.98px) {
  body.nedate-user-ui .user-logistics-page.user-returns-page .shipping-hero-visual.returns-hero-visual {
    flex: 0 0 112px !important;
    min-height: 84px !important;
    margin: 0 -.35rem 0 0 !important;
  }

  body.nedate-user-ui .user-logistics-page.user-returns-page .returns-hero-svg {
    width: 156px !important;
    max-height: 94px !important;
  }

  body.nedate-user-ui .user-logistics-page.user-returns-page .card-body {
    padding: 1.25rem !important;
  }
}

@media (max-width: 767.98px) {
  body.nedate-user-ui .user-logistics-page.user-returns-page .btn {
    width: 100%;
    justify-content: center;
  }
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page,
body.dark .user-logistics-page.user-returns-page,
body.dark-mode .user-logistics-page.user-returns-page {
  --returns-ink: var(--nd-brand-heading, #f8fafc);
  --returns-muted: var(--nd-brand-muted, #aab7c8);
  --returns-border: var(--nd-brand-border, #2d3a4f);
  --returns-soft: var(--nd-brand-surface-soft, #171923);
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card, .returns-requests-card, .returns-info-card, .returns-help-card, .returns-create-toolbar, .user-returns-show-toolbar),
body.dark .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card, .returns-requests-card, .returns-info-card, .returns-help-card, .returns-create-toolbar, .user-returns-show-toolbar),
body.dark-mode .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card, .returns-requests-card, .returns-info-card, .returns-help-card, .returns-create-toolbar, .user-returns-show-toolbar) {
  background: var(--nd-brand-surface, #101827) !important;
  color: var(--returns-ink) !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card) > .card-header,
html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card) > .card-footer,
html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page :is(.returns-create-stat-badge, .returns-create-soft-badge, .returns-create-selected),
body.dark .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card) > .card-header,
body.dark .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card) > .card-footer,
body.dark .user-logistics-page.user-returns-page :is(.returns-create-stat-badge, .returns-create-soft-badge, .returns-create-selected),
body.dark-mode .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card) > .card-header,
body.dark-mode .user-logistics-page.user-returns-page :is(.returns-create-card, .user-returns-show-card) > .card-footer,
body.dark-mode .user-logistics-page.user-returns-page :is(.returns-create-stat-badge, .returns-create-soft-badge, .returns-create-selected) {
  background: color-mix(in srgb, var(--nd-brand-surface, #101827) 92%, #ffffff) !important;
  border-color: var(--returns-border) !important;
  color: var(--returns-ink) !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page :is(.form-control, .form-select),
body.dark .user-logistics-page.user-returns-page :is(.form-control, .form-select),
body.dark-mode .user-logistics-page.user-returns-page :is(.form-control, .form-select) {
  background-color: var(--nd-brand-bg, #0b1220) !important;
  border-color: var(--returns-border) !important;
  color: var(--returns-ink) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page .returns-create-warning,
body.dark .user-logistics-page.user-returns-page .returns-create-warning,
body.dark-mode .user-logistics-page.user-returns-page .returns-create-warning {
  background: rgba(217, 119, 6, .14);
  border-color: rgba(251, 191, 36, .38);
  color: #fcd34d;
}



/* === NEDATE shared form system: reusable app form controls === */
body.nedate-user-ui .nd-form-system {
  --nd-form-primary: var(--returns-red, var(--nd-brand-primary, #ff2f2f));
  --nd-form-ink: var(--returns-ink, var(--nd-brand-heading, #14274a));
  --nd-form-muted: var(--returns-muted, var(--nd-brand-muted, #667795));
  --nd-form-border: color-mix(in srgb, var(--returns-border, var(--nd-brand-border, rgba(20, 39, 74, .12))) 88%, #ffffff);
  --nd-form-bg: var(--nd-brand-surface, #ffffff);
  --nd-form-soft: var(--nd-brand-surface-soft, #f8fafc);
  --nd-form-radius: var(--nd-brand-button-radius, 0px);
  --nd-form-focus-ring: color-mix(in srgb, var(--nd-form-primary) 13%, transparent);
}

body.nedate-user-ui .nd-form-system,
body.nedate-user-ui .nd-form-system :is(input, select, textarea, button, label, .form-text, .form-check-label) {
  font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
}

body.nedate-user-ui .nd-form-system :is(input.form-control, select.form-select, textarea.form-control, .input-group-text) {
  width: 100%;
  min-height: 56px !important;
  border: 1px solid var(--nd-form-border) !important;
  border-radius: var(--nd-form-radius) !important;
  background-color: var(--nd-form-bg) !important;
  color: var(--nd-form-ink) !important;
  font-size: .9rem !important;
  font-weight: 500 !important;
  line-height: 1.45 !important;
  box-shadow: 0 10px 24px rgba(15, 23, 42, .04) !important;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}

body.nedate-user-ui .nd-form-system textarea.form-control {
  min-height: 118px !important;
  resize: vertical;
}

body.nedate-user-ui .nd-form-system :is(input.form-control, textarea.form-control)::placeholder {
  color: color-mix(in srgb, var(--nd-form-muted) 72%, #ffffff) !important;
  opacity: 1 !important;
}

body.nedate-user-ui .nd-form-system :is(input.form-control, select.form-select, textarea.form-control):focus {
  border-color: color-mix(in srgb, var(--nd-form-primary) 64%, #ffffff) !important;
  box-shadow: 0 0 0 .2rem var(--nd-form-focus-ring) !important;
  outline: 0 !important;
}

body.nedate-user-ui .nd-form-system :is(input.form-control, select.form-select, textarea.form-control):disabled,
body.nedate-user-ui .nd-form-system :is(input.form-control, select.form-select, textarea.form-control)[readonly] {
  background-color: var(--nd-form-soft) !important;
  color: color-mix(in srgb, var(--nd-form-muted) 78%, #ffffff) !important;
  opacity: 1 !important;
}

body.nedate-user-ui .nd-form-system .form-floating > :is(.form-control, .form-select) {
  min-height: 56px !important;
}

body.nedate-user-ui .nd-form-system .form-floating > label,
body.nedate-user-ui .nd-form-system .form-label {
  color: var(--nd-form-muted) !important;
  font-size: .9rem !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body.nedate-user-ui .nd-form-system .form-floating > label::after {
  background: transparent !important;
}

body.nedate-user-ui .nd-form-system .form-text,
body.nedate-user-ui .nd-form-system .invalid-feedback {
  font-size: .82rem !important;
  font-weight: 600 !important;
}

body.nedate-user-ui .nd-form-system .form-text {
  color: var(--nd-form-muted) !important;
}

body.nedate-user-ui .nd-form-system .invalid-feedback {
  color: #dc2626 !important;
}

body.nedate-user-ui .nd-form-system :is(.form-control, .form-select).is-invalid,
body.nedate-user-ui .nd-form-system .was-validated :is(.form-control, .form-select):invalid {
  border-color: #dc2626 !important;
  box-shadow: 0 0 0 .2rem rgba(220, 38, 38, .08) !important;
}

body.nedate-user-ui .nd-form-system input[type="file"].form-control {
  padding: .48rem .75rem !important;
}

body.nedate-user-ui .nd-form-system input[type="file"].form-control::file-selector-button {
  min-height: 40px;
  margin: -.48rem .85rem -.48rem -.75rem;
  padding: 0 .95rem;
  border: 0;
  border-right: 1px solid var(--nd-form-border);
  background: var(--nd-form-soft);
  color: var(--nd-form-ink);
  font-weight: var(--sw-weight-bold, 700);
}

body.nedate-user-ui .nd-form-system .form-check {
  display: flex;
  align-items: center;
  gap: .55rem;
}

body.nedate-user-ui .nd-form-system .form-check-input {
  width: 1.08rem !important;
  height: 1.08rem !important;
  flex: 0 0 auto;
  margin-top: 0 !important;
  border: 1.5px solid var(--nd-form-border) !important;
  background-color: var(--nd-form-bg) !important;
  box-shadow: none !important;
  cursor: pointer;
}

body.nedate-user-ui .nd-form-system .form-check-input[type="radio"] {
  border-radius: 50% !important;
}

body.nedate-user-ui .nd-form-system .form-check-input[type="checkbox"] {
  border-radius: calc(var(--nd-form-radius) + 2px) !important;
}

body.nedate-user-ui .nd-form-system .form-check-input:checked {
  background-color: var(--nd-form-primary) !important;
  border-color: var(--nd-form-primary) !important;
}

body.nedate-user-ui .nd-form-system .form-check-input:focus {
  border-color: color-mix(in srgb, var(--nd-form-primary) 64%, #ffffff) !important;
  box-shadow: 0 0 0 .2rem var(--nd-form-focus-ring) !important;
}

body.nedate-user-ui .nd-form-system .form-check-label {
  color: var(--nd-form-ink) !important;
  font-size: .9rem !important;
  font-weight: 650 !important;
  cursor: pointer;
}

html[data-theme="dark"] body.nedate-user-ui .nd-form-system,
body.dark .nd-form-system,
body.dark-mode .nd-form-system {
  --nd-form-bg: var(--nd-brand-bg, #0b1220);
  --nd-form-soft: color-mix(in srgb, var(--nd-brand-surface, #101827) 92%, #ffffff);
  --nd-form-border: var(--returns-border, var(--nd-brand-border, #2d3a4f));
}

html[data-theme="dark"] body.nedate-user-ui .nd-form-system :is(input.form-control, select.form-select, textarea.form-control, .input-group-text),
body.dark .nd-form-system :is(input.form-control, select.form-select, textarea.form-control, .input-group-text),
body.dark-mode .nd-form-system :is(input.form-control, select.form-select, textarea.form-control, .input-group-text) {
  background-color: var(--nd-form-bg) !important;
  border-color: var(--nd-form-border) !important;
  color: var(--nd-form-ink) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-form-system .form-check-input,
body.dark .nd-form-system .form-check-input,
body.dark-mode .nd-form-system .form-check-input {
  background-color: var(--nd-form-bg) !important;
  border-color: var(--nd-form-border) !important;
}

/* ======================================================================
   Admin design system overlay — centralized admin look
   ----------------------------------------------------------------------
   All admin Blade pages are aligned here instead of adding page-specific
   CSS. Change these tokens to update admin hero/cards/tables globally.
   ====================================================================== */
body.nedate-admin-ui {
  --nd-admin-primary: var(--nd-brand-primary, var(--theme-primary, var(--theme-primary, #e61a0a)));
  --nd-admin-primary-hover: var(--nd-brand-primary-hover, color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 86%, #000));
  --nd-admin-primary-soft: var(--nd-brand-primary-soft, color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 8%, #fff));
  --nd-admin-primary-softer: var(--nd-brand-primary-softer, color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 4%, #fff));
  --nd-admin-ink: var(--nd-brand-ink, #071a44);
  --nd-admin-heading: var(--nd-brand-heading, #202938);
  --nd-admin-muted: var(--nd-brand-muted, #657384);
  --nd-admin-border: var(--nd-brand-border, #e1e6eb);
  --nd-admin-bg: var(--nd-brand-bg, #f8fafc);
  --nd-admin-surface: var(--nd-brand-surface, #ffffff);
  --nd-admin-surface-soft: var(--nd-brand-surface-soft, #fff2f2);
  --nd-admin-hero-bg: var(--nd-brand-hero-bg, radial-gradient(circle at 88% 16%, color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 16%, transparent), transparent 32%), linear-gradient(135deg, #fff 0%, #fff 58%, color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 8%, #fff) 100%));
  --nd-admin-shadow: var(--nd-brand-shadow-soft, 0 12px 34px rgba(15, 23, 42, .06));
  --nd-admin-shadow-subtle: var(--nd-brand-shadow-subtle, 0 6px 18px rgba(15, 23, 42, .045));
  --nd-admin-radius-lg: var(--nd-brand-radius-lg, 18px);
  --nd-admin-radius-md: var(--nd-brand-radius-md, 14px);
  --nd-admin-button-radius: var(--nd-brand-button-radius, 0px);
  --nd-admin-hero-min-height: var(--nd-app-hero-min-height, 154px);
  --nd-admin-hero-padding-y: var(--nd-app-hero-padding-y, 2rem);
  --nd-admin-hero-padding-x: var(--nd-app-hero-padding-x, 2.15rem);
  --nd-admin-hero-mobile-min-height: var(--nd-app-hero-mobile-min-height, 104px);
  --nd-admin-hero-mobile-padding: var(--nd-app-hero-mobile-padding, 1rem 1.05rem);
  --nd-admin-hero-visual-max-height: var(--nd-app-hero-visual-max-height, 186px);

  /* Legacy admin.css variables, remapped to the NEDATE tokens. */
  --brand-primary-color: var(--nd-admin-primary);
  --brand-primary-hover-color: var(--nd-admin-primary-hover);
  --dark-slate-color: var(--nd-admin-heading);
  --text-slate: var(--nd-admin-heading);
  --text-gray: var(--nd-admin-muted);
  --border-light: var(--nd-admin-border);
  --border-color: var(--nd-admin-border);
  --light-contrast-bg: var(--nd-admin-bg);

  background: var(--nd-admin-bg) !important;
  color: var(--nd-admin-heading);
}

html[data-theme="dark"] body.nedate-admin-ui {
  --nd-admin-bg: var(--dark-body-bg, #0f172a);
  --nd-admin-surface: var(--dark-card-bg, #111827);
  --nd-admin-surface-soft: color-mix(in srgb, var(--dark-card-bg, #111827) 86%, #000000);
  --nd-admin-heading: var(--dark-text-color, #e5e7eb);
  --nd-admin-muted: var(--dark-muted-color, #94a3b8);
  --nd-admin-border: var(--dark-border-color, #334155);
  --nd-admin-shadow: 0 16px 38px rgba(0,0,0,.24);
  --nd-admin-shadow-subtle: 0 8px 20px rgba(0,0,0,.18);
}

body.nedate-admin-ui main.nedate-admin-main {
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--nd-admin-primary) 5%, transparent), transparent 28%),
    linear-gradient(180deg, color-mix(in srgb, var(--nd-admin-bg) 94%, #fff) 0%, var(--nd-admin-bg) 100%) !important;
  color: var(--nd-admin-heading);
}

body.nedate-admin-ui main.nedate-admin-main > .container,
body.nedate-admin-ui main.nedate-admin-main > .container-fluid,
body.nedate-admin-ui main.nedate-admin-main .nedate-admin-container {
  width: 100%;
  max-width: 1480px;
  margin-left: auto;
  margin-right: auto;
  padding-top: clamp(1rem, 1.7vw, 1.5rem) !important;
  padding-left: clamp(1rem, 2vw, 1.75rem) !important;
  padding-right: clamp(1rem, 2vw, 1.75rem) !important;
  padding-bottom: 2rem !important;
}

body.nedate-admin-ui main.nedate-admin-main .container-fluid.py-4,
body.nedate-admin-ui main.nedate-admin-main .container.py-4,
body.nedate-admin-ui main.nedate-admin-main .container-fluid.p-lg-5 {
  padding-top: clamp(1rem, 1.7vw, 1.5rem) !important;
  padding-left: clamp(1rem, 2vw, 1.75rem) !important;
  padding-right: clamp(1rem, 2vw, 1.75rem) !important;
}

body.nedate-admin-ui .nedate-admin-hero,
body.nedate-admin-ui .nedate-page-hero {
  position: relative !important;
  isolation: isolate;
  min-height: var(--nd-admin-hero-min-height) !important;
  display: flex !important;
  align-items: center !important;
  margin-bottom: 1.25rem !important;
  padding: var(--nd-admin-hero-padding-y) clamp(11rem, 22vw, 22rem) var(--nd-admin-hero-padding-y) var(--nd-admin-hero-padding-x) !important;
  border: 1px solid var(--nd-admin-border) !important;
  border-radius: var(--nd-admin-radius-lg) !important;
  background: var(--nd-admin-hero-bg) !important;
  box-shadow: var(--nd-admin-shadow) !important;
  color: var(--nd-admin-heading) !important;
  overflow: hidden;
}

body.nedate-admin-ui .nedate-admin-hero > *:not(.nedate-admin-hero-visual),
body.nedate-admin-ui .nedate-page-hero > *:not(.nedate-admin-hero-visual) {
  position: relative;
  z-index: 2;
}

body.nedate-admin-ui .nedate-admin-hero .shipping-hero-eyebrow,
body.nedate-admin-ui .nedate-admin-hero .nedate-page-eyebrow,
body.nedate-admin-ui .nedate-page-hero .shipping-hero-eyebrow,
body.nedate-admin-ui .nedate-page-hero .nedate-page-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  margin-bottom: .65rem;
  color: var(--nd-admin-primary) !important;
  font-size: .76rem;
  font-weight: var(--sw-weight-bold, 700);
  line-height: 1;
  letter-spacing: .14em;
  text-transform: uppercase;
}

body.nedate-admin-ui .nedate-admin-hero .shipping-hero-eyebrow::before,
body.nedate-admin-ui .nedate-admin-hero .nedate-page-eyebrow::before,
body.nedate-admin-ui .nedate-page-hero .shipping-hero-eyebrow::before,
body.nedate-admin-ui .nedate-page-hero .nedate-page-eyebrow::before {
  content: "";
  width: .55rem;
  height: .55rem;
  border-radius: 999px;
  background: currentColor;
  box-shadow: 0 0 0 .32rem color-mix(in srgb, var(--nd-admin-primary) 12%, transparent);
}

body.nedate-admin-ui .nedate-admin-hero h1,
body.nedate-admin-ui .nedate-admin-hero h2,
body.nedate-admin-ui .nedate-admin-hero h3,
body.nedate-admin-ui .nedate-page-hero h1,
body.nedate-admin-ui .nedate-page-hero h2,
body.nedate-admin-ui .nedate-page-hero h3 {
  max-width: 760px;
  margin: 0 0 .45rem !important;
  color: var(--nd-admin-heading) !important;
  font-size: clamp(1.55rem, 2vw, 2.25rem) !important;
  font-weight: var(--sw-weight-max, 700) !important;
  line-height: 1.06 !important;
  letter-spacing: -.035em;
}

body.nedate-admin-ui .nedate-admin-hero p,
body.nedate-admin-ui .nedate-page-hero p,
body.nedate-admin-ui .nedate-admin-hero .text-muted,
body.nedate-admin-ui .nedate-admin-hero .text-secondary,
body.nedate-admin-ui .nedate-page-hero .text-muted,
body.nedate-admin-ui .nedate-page-hero .text-secondary {
  max-width: 760px;
  margin-bottom: 0 !important;
  color: var(--nd-admin-muted) !important;
  font-size: clamp(.9rem, .95vw, 1rem);
  line-height: 1.45;
}

body.nedate-admin-ui .nedate-admin-hero-visual {
  position: absolute;
  right: clamp(1rem, 2.15vw, 2.15rem);
  top: 50%;
  z-index: 1;
  width: clamp(150px, 18vw, 250px);
  max-width: 34%;
  max-height: var(--nd-admin-hero-visual-max-height);
  color: var(--nd-admin-primary);
  transform: translateY(-50%);
  pointer-events: none;
  opacity: .94;
}

body.nedate-admin-ui .nedate-admin-hero-visual svg {
  width: 100%;
  height: auto;
  max-height: var(--nd-admin-hero-visual-max-height);
  display: block;
  object-fit: contain;
  filter: drop-shadow(0 14px 22px rgba(15, 23, 42, .10));
}


@media (max-width: 959.98px) {
  body.nedate-admin-ui .nedate-admin-hero,
  body.nedate-admin-ui .nedate-page-hero {
    min-height: var(--nd-admin-hero-mobile-min-height) !important;
    padding: var(--nd-admin-hero-mobile-padding) !important;
  }

  body.nedate-admin-ui .nedate-admin-hero-visual {
    width: 104px;
    max-width: 30%;
    right: .85rem;
    opacity: .78;
  }

  body.nedate-admin-ui .nedate-admin-hero h1,
  body.nedate-admin-ui .nedate-page-hero h1,
  body.nedate-admin-ui .nedate-admin-hero h2,
  body.nedate-admin-ui .nedate-page-hero h2,
  body.nedate-admin-ui .nedate-admin-hero h3,
  body.nedate-admin-ui .nedate-page-hero h3 {
    font-size: clamp(1.35rem, 5.4vw, 1.9rem) !important;
  }

  body.nedate-admin-ui .nedate-admin-hero p,
  body.nedate-admin-ui .nedate-page-hero p {
    font-size: .82rem !important;
    line-height: 1.35 !important;
  }
}

body.nedate-admin-ui .nedate-section-card,
body.nedate-admin-ui .nedate-admin-card,
body.nedate-admin-ui .card,
body.nedate-admin-ui .page-card,
body.nedate-admin-ui .admin-card,
body.nedate-admin-ui .filter-card,
body.nedate-admin-ui .settings-card,
body.nedate-admin-ui .metric-card,
body.nedate-admin-ui .stat-card {
  background: var(--nd-admin-surface) !important;
  border: 1px solid var(--nd-admin-border) !important;
  border-radius: var(--nd-admin-radius-lg) !important;
  box-shadow: var(--nd-admin-shadow-subtle) !important;
  color: var(--nd-admin-heading) !important;
}

body.nedate-admin-ui .card-header,
body.nedate-admin-ui .card-footer,
body.nedate-admin-ui .modal-header,
body.nedate-admin-ui .modal-footer {
  background: color-mix(in srgb, var(--nd-admin-surface-soft) 78%, var(--nd-admin-surface)) !important;
  border-color: var(--nd-admin-border) !important;
  color: var(--nd-admin-heading) !important;
}

body.nedate-admin-ui .card-title,
body.nedate-admin-ui .h1,
body.nedate-admin-ui .h2,
body.nedate-admin-ui .h3,
body.nedate-admin-ui .h4,
body.nedate-admin-ui h1,
body.nedate-admin-ui h2,
body.nedate-admin-ui h3,
body.nedate-admin-ui h4 {
  color: var(--nd-admin-heading);
}

body.nedate-admin-ui .text-dark-slate,
body.nedate-admin-ui .text-slate,
body.nedate-admin-ui .fw-bold.text-dark {
  color: var(--nd-admin-heading) !important;
}

body.nedate-admin-ui .text-primary-custom,
body.nedate-admin-ui .text-primary {
  color: var(--nd-admin-primary) !important;
}

body.nedate-admin-ui .bg-primary,
body.nedate-admin-ui .btn-primary,
body.nedate-admin-ui .btn-primary-custom,
body.nedate-admin-ui .btn-brand {
  background: var(--nd-admin-primary) !important;
  border-color: var(--nd-admin-primary) !important;
  color: #fff !important;
}

body.nedate-admin-ui .btn-primary:hover,
body.nedate-admin-ui .btn-primary-custom:hover,
body.nedate-admin-ui .btn-brand:hover {
  background: var(--nd-admin-primary-hover) !important;
  border-color: var(--nd-admin-primary-hover) !important;
  color: #fff !important;
}

body.nedate-admin-ui .btn,
body.nedate-admin-ui .dropdown-menu,
body.nedate-admin-ui .badge,
body.nedate-admin-ui .form-control,
body.nedate-admin-ui .form-select,
body.nedate-admin-ui .input-group-text,
body.nedate-admin-ui .modal-content,
body.nedate-admin-ui .alert,
body.nedate-admin-ui .pagination .page-link {
  border-radius: var(--nd-admin-button-radius) !important;
}

body.nedate-admin-ui .badge,
body.nedate-admin-ui .nedate-admin-badge {
  font-weight: 700;
  letter-spacing: .01em;
}

body.nedate-admin-ui .badge.bg-light,
body.nedate-admin-ui .badge.text-bg-light,
body.nedate-admin-ui .bg-light {
  background: color-mix(in srgb, var(--nd-admin-primary) 6%, var(--nd-admin-surface)) !important;
  color: var(--nd-admin-heading) !important;
}

body.nedate-admin-ui .nedate-admin-filter-panel,
body.nedate-admin-ui .nedate-filter-panel {
  background: var(--nd-admin-surface) !important;
  border: 1px solid var(--nd-admin-border) !important;
  border-radius: var(--nd-admin-radius-lg) !important;
  box-shadow: var(--nd-admin-shadow-subtle) !important;
  padding: clamp(1rem, 1.35vw, 1.35rem) !important;
  margin-bottom: clamp(1rem, 1.4vw, 1.35rem) !important;
}

body.nedate-admin-ui .table-responsive,
body.nedate-admin-ui .nedate-table-responsive,
body.nedate-admin-ui .nedate-admin-table-responsive {
  border-radius: var(--nd-admin-radius-lg) !important;
  border-color: var(--nd-admin-border) !important;
  background: var(--nd-admin-surface) !important;
}

body.nedate-admin-ui .table,
body.nedate-admin-ui .nedate-admin-table {
  --bs-table-bg: transparent;
  --bs-table-striped-bg: color-mix(in srgb, var(--nd-admin-primary) 3%, transparent);
  --bs-table-hover-bg: color-mix(in srgb, var(--nd-admin-primary) 5%, transparent);
  color: var(--nd-admin-heading) !important;
  border-color: var(--nd-admin-border) !important;
}

body.nedate-admin-ui .table > :not(caption) > * > * {
  padding: .92rem .9rem;
  border-color: var(--nd-admin-border) !important;
}

body.nedate-admin-ui .table thead th,
body.nedate-admin-ui .table-light th,
body.nedate-admin-ui .table-light td,
body.nedate-admin-ui thead.table-light th {
  background: color-mix(in srgb, var(--nd-admin-surface-soft) 82%, var(--nd-admin-surface)) !important;
  color: var(--nd-admin-heading) !important;
  border-color: var(--nd-admin-border) !important;
  font-size: .76rem;
  font-weight: var(--sw-weight-bold, 700);
  letter-spacing: .04em;
  text-transform: uppercase;
}

body.nedate-admin-ui .nav-tabs,
body.nedate-admin-ui .nav-pills,
body.nedate-admin-ui .breadcrumb {
  border-color: var(--nd-admin-border) !important;
}

body.nedate-admin-ui .nav-tabs .nav-link,
body.nedate-admin-ui .nav-pills .nav-link {
  color: var(--nd-admin-muted) !important;
  border-radius: var(--nd-admin-button-radius) !important;
}

body.nedate-admin-ui .nav-tabs .nav-link.active,
body.nedate-admin-ui .nav-pills .nav-link.active {
  background: var(--nd-admin-primary) !important;
  border-color: var(--nd-admin-primary) !important;
  color: #fff !important;
}

body.nedate-admin-ui .alert,
body.nedate-admin-ui .nedate-admin-alert {
  border-color: color-mix(in srgb, var(--nd-admin-primary) 12%, var(--nd-admin-border)) !important;
  box-shadow: var(--nd-admin-shadow-subtle);
}

body.nedate-admin-ui .pagination .page-item.active .page-link {
  background: var(--nd-admin-primary) !important;
  border-color: var(--nd-admin-primary) !important;
  color: #fff !important;
}

body.nedate-admin-ui .dropdown-menu {
  border: 1px solid var(--nd-admin-border) !important;
  box-shadow: var(--nd-admin-shadow) !important;
}

body.nedate-admin-ui .dropdown-item:hover,
body.nedate-admin-ui .dropdown-item:focus {
  background: var(--nd-admin-primary) !important;
  color: #fff !important;
}

body.nedate-admin-ui .admin-kpi,
body.nedate-admin-ui .kpi-card,
body.nedate-admin-ui .metric-card,
body.nedate-admin-ui .stat-card,
body.nedate-admin-ui [class*="-kpi"] {
  border: 1px solid var(--nd-admin-border) !important;
  border-radius: var(--nd-admin-radius-lg) !important;
  background: var(--nd-admin-surface) !important;
  box-shadow: var(--nd-admin-shadow-subtle) !important;
}

body.nedate-admin-ui .avatar-circle,
body.nedate-admin-ui .icon-circle,
body.nedate-admin-ui [class*="icon-box"],
body.nedate-admin-ui [class*="-icon"]:not(i):not(.bi):not(svg) {
  border-color: color-mix(in srgb, var(--nd-admin-primary) 16%, var(--nd-admin-border)) !important;
}

body.nedate-admin-ui .form-label {
  color: var(--nd-admin-heading) !important;
  font-weight: 700;
}

body.nedate-admin-ui .form-text,
body.nedate-admin-ui .text-muted,
body.nedate-admin-ui .text-secondary {
  color: var(--nd-admin-muted) !important;
}

body.nedate-admin-ui .modal-content,
body.nedate-admin-ui .offcanvas {
  background: var(--nd-admin-surface) !important;
  color: var(--nd-admin-heading) !important;
  border-color: var(--nd-admin-border) !important;
  box-shadow: var(--nd-admin-shadow) !important;
}

@media (max-width: 1199.98px) {
  body.nedate-admin-ui .nedate-admin-hero,
  body.nedate-admin-ui .nedate-page-hero {
    padding-right: clamp(11rem, 26vw, 18rem) !important;
  }

  body.nedate-admin-ui .nedate-admin-hero-visual {
    width: clamp(165px, 24vw, 230px);
  }
}

@media (max-width: 959.98px) {
  body.nedate-admin-ui main.nedate-admin-main > .container,
  body.nedate-admin-ui main.nedate-admin-main > .container-fluid,
  body.nedate-admin-ui main.nedate-admin-main .nedate-admin-container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  body.nedate-admin-ui .nedate-admin-hero,
  body.nedate-admin-ui .nedate-page-hero {
    min-height: 0;
    padding: 1.25rem !important;
  }

  body.nedate-admin-ui .nedate-admin-hero-visual {
    display: none !important;
  }
}

/* ======================================================================
   Admin hero final alignment with user app pages
   ----------------------------------------------------------------------
   Keep admin title+SVG cards on the same layout rhythm as user pages:
   same top offset, same hero padding, same flex row, landscape SVG visual.
   ====================================================================== */
@media (min-width: 960px) {
  body.nedate-admin-ui main.nedate-admin-main > .container,
  body.nedate-admin-ui main.nedate-admin-main > .container-fluid,
  body.nedate-admin-ui main.nedate-admin-main .nedate-admin-container {
    padding-top: var(--nd-app-frame-top, 8.25rem) !important;
    padding-left: 1rem !important;
    padding-right: 2rem !important;
    padding-bottom: 2rem !important;
  }
}

body.nedate-admin-ui .nedate-admin-hero,
body.nedate-admin-ui .nedate-page-hero {
  min-height: var(--nd-app-hero-min-height, 154px) !important;
  padding: var(--nd-app-hero-padding-y, 2rem) var(--nd-app-hero-padding-x, 2.15rem) !important;
  display: flex !important;
  align-items: center !important;
  border-radius: 14px !important;
  box-shadow: var(--nd-brand-shadow-soft, 0 16px 34px rgba(10, 22, 50, .07)) !important;
}

body.nedate-admin-ui .nedate-admin-hero > .d-flex,
body.nedate-admin-ui .nedate-page-hero > .d-flex {
  position: relative !important;
  z-index: 2 !important;
  width: 100% !important;
  align-items: center !important;
  gap: 1.5rem !important;
}

body.nedate-admin-ui .nedate-admin-hero .nedate-admin-hero-copy,
body.nedate-admin-ui .nedate-page-hero .nedate-admin-hero-copy,
body.nedate-admin-ui .nedate-admin-hero > .d-flex > div:first-child,
body.nedate-admin-ui .nedate-page-hero > .d-flex > div:first-child {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 760px !important;
}

body.nedate-admin-ui .nedate-admin-hero > .d-flex > .d-flex:not(.nedate-admin-hero-visual):not(.shipping-hero-visual),
body.nedate-admin-ui .nedate-page-hero > .d-flex > .d-flex:not(.nedate-admin-hero-visual):not(.shipping-hero-visual) {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  margin-right: clamp(.35rem, 1vw, 1rem) !important;
  position: relative !important;
  z-index: 3 !important;
}

body.nedate-admin-ui .nedate-admin-hero-visual,
body.nedate-admin-ui .shipping-hero-visual.nedate-admin-hero-visual {
  position: relative !important;
  right: auto !important;
  top: auto !important;
  z-index: 1 !important;
  flex: 0 0 min(38vw, 470px) !important;
  width: auto !important;
  max-width: 470px !important;
  max-height: none !important;
  min-height: 174px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: -1.5rem -1.5rem -1.5rem 0 !important;
  color: var(--nd-admin-primary, var(--nd-brand-primary, var(--theme-primary, #e61a0a))) !important;
  opacity: 1 !important;
  transform: none !important;
  pointer-events: none !important;
}

body.nedate-admin-ui .nedate-admin-hero-visual svg,
body.nedate-admin-ui .nedate-admin-hero-svg {
  width: min(36vw, 500px) !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  display: block !important;
  object-fit: contain !important;
  filter: drop-shadow(0 20px 24px rgba(255, 48, 40, .13)) !important;
}

body.nedate-admin-ui .nedate-admin-hero .shipping-hero-eyebrow,
body.nedate-admin-ui .nedate-page-hero .shipping-hero-eyebrow,
body.nedate-admin-ui .nedate-admin-hero .nedate-page-eyebrow,
body.nedate-admin-ui .nedate-page-hero .nedate-page-eyebrow {
  font-size: .82rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: .055em !important;
  margin-bottom: .35rem !important;
}

body.nedate-admin-ui .nedate-admin-hero h1,
body.nedate-admin-ui .nedate-admin-hero h2,
body.nedate-admin-ui .nedate-admin-hero h3,
body.nedate-admin-ui .nedate-page-hero h1,
body.nedate-admin-ui .nedate-page-hero h2,
body.nedate-admin-ui .nedate-page-hero h3 {
  font-size: clamp(2.1rem, 2.55vw, 3rem) !important;
  font-weight: var(--sw-weight-max, 700) !important;
  line-height: 1.04 !important;
  letter-spacing: -.035em !important;
}

@media (max-width: 1199.98px) and (min-width: 960px) {
  body.nedate-admin-ui .nedate-admin-hero-visual,
  body.nedate-admin-ui .shipping-hero-visual.nedate-admin-hero-visual {
    flex-basis: min(34vw, 360px) !important;
    max-width: 360px !important;
  }
}

@media (max-width: 959.98px) {
  body.nedate-admin-ui main.nedate-admin-main > .container,
  body.nedate-admin-ui main.nedate-admin-main > .container-fluid,
  body.nedate-admin-ui main.nedate-admin-main .nedate-admin-container {
    padding-top: 1rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  body.nedate-admin-ui .nedate-admin-hero,
  body.nedate-admin-ui .nedate-page-hero {
    min-height: var(--nd-app-hero-mobile-min-height, 104px) !important;
    padding: var(--nd-app-hero-mobile-padding, 1rem 1.05rem) !important;
  }

  body.nedate-admin-ui .nedate-admin-hero > .d-flex,
  body.nedate-admin-ui .nedate-page-hero > .d-flex {
    flex-direction: row !important;
    gap: .85rem !important;
  }

  body.nedate-admin-ui .nedate-admin-hero > .d-flex > .d-flex:not(.nedate-admin-hero-visual):not(.shipping-hero-visual),
  body.nedate-admin-ui .nedate-page-hero > .d-flex > .d-flex:not(.nedate-admin-hero-visual):not(.shipping-hero-visual) {
    display: none !important;
  }

  body.nedate-admin-ui .nedate-admin-hero-visual,
  body.nedate-admin-ui .shipping-hero-visual.nedate-admin-hero-visual {
    flex: 0 0 88px !important;
    width: 88px !important;
    min-height: 74px !important;
    margin: 0 -.2rem 0 0 !important;
    display: flex !important;
  }

  body.nedate-admin-ui .nedate-admin-hero h1,
  body.nedate-admin-ui .nedate-admin-hero h2,
  body.nedate-admin-ui .nedate-admin-hero h3,
  body.nedate-admin-ui .nedate-page-hero h1,
  body.nedate-admin-ui .nedate-page-hero h2,
  body.nedate-admin-ui .nedate-page-hero h3 {
    font-size: clamp(1.45rem, 6.2vw, 2rem) !important;
  }
}


/* ======================================================================
   FINAL REPAIR 2026-06-06 — one app/admin shell source of truth
   ----------------------------------------------------------------------
   User app pages and admin pages must share the same frame and hero rhythm.
   Change these variables in :root to update BOTH areas:
   --nd-app-frame-top, --nd-app-frame-right, --nd-app-frame-left-base,
   --nd-app-frame-gap, --nd-app-sidebar-expanded/collapsed,
   --nd-app-hero-min-height, --nd-app-hero-padding-x/y.
   ====================================================================== */
@media (min-width: 960px) {
  body.nedate-ui-standard {
    --nd-app-sidebar-expanded: var(--sb-w-open, 178px);
    --nd-app-sidebar-collapsed: var(--sb-w-closed, 48px);
  }

  body.nedate-user-ui:has(.adm-sidebar.expanded),
  body.nedate-admin-ui:has(.adm-sidebar.expanded) {
    --nd-current-sidebar-width: var(--nd-app-sidebar-expanded, 178px);
  }

  body.nedate-user-ui:has(.adm-sidebar.collapsed),
  body.nedate-admin-ui:has(.adm-sidebar.collapsed) {
    --nd-current-sidebar-width: var(--nd-app-sidebar-collapsed, 48px);
  }

  body.nedate-user-ui,
  body.nedate-admin-ui {
    --nd-shared-page-left: 35px;
    --nd-shared-page-right: var(--nd-app-frame-right, 35px);
  }

  body:not(.nedate-has-desktop-sidebar).nedate-user-ui:has(.user-logistics-page) #app3d,
  body:not(.nedate-has-desktop-sidebar).nedate-user-ui:has(.user-logistics-page) .content-with-navbar,
  body:not(.nedate-has-desktop-sidebar).nedate-admin-ui #app3d,
  body:not(.nedate-has-desktop-sidebar).nedate-admin-ui .content-with-navbar {
    padding-top: 0 !important;
    padding-left: 0 !important;
  }

  body.nedate-user-ui:has(.user-logistics-page) main > .user-logistics-page.nedate-main-container,
  body.nedate-user-ui:has(.user-logistics-page) main > .user-logistics-page,
  body.nedate-admin-ui main.nedate-admin-main > .container,
  body.nedate-admin-ui main.nedate-admin-main > .container-fluid,
  body.nedate-admin-ui main.nedate-admin-main .nedate-admin-container {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: var(--nd-app-frame-top, 8.25rem) var(--nd-shared-page-right, 35px) var(--nd-app-frame-bottom, 2.4rem) var(--nd-shared-page-left) !important;
  }

  body.nedate-user-ui:has(.user-shipments-page) main > .user-shipments-page {
    --ship-page-left: var(--nd-shared-page-left);
    --ship-page-right: var(--nd-shared-page-right, 35px);
    padding: var(--nd-app-frame-top, 8.25rem) var(--nd-shared-page-right, 35px) var(--nd-app-frame-bottom, 2.4rem) var(--nd-shared-page-left) !important;
  }

  body.nedate-admin-ui main.nedate-admin-main .container-fluid.py-4,
  body.nedate-admin-ui main.nedate-admin-main .container.py-4,
  body.nedate-admin-ui main.nedate-admin-main .container-fluid.p-lg-5 {
    padding: var(--nd-app-frame-top, 8.25rem) var(--nd-shared-page-right, 35px) var(--nd-app-frame-bottom, 2.4rem) var(--nd-shared-page-left) !important;
  }
}

body.nedate-user-ui .user-logistics-page .shipping-hero-panel,
body.nedate-admin-ui .nedate-admin-hero,
body.nedate-admin-ui .nedate-page-hero {
  min-height: var(--nd-app-hero-min-height, 154px) !important;
  padding: var(--nd-app-hero-padding-y, 2rem) var(--nd-app-hero-padding-x, 2.15rem) !important;
  border-radius: var(--nd-app-hero-radius, 14px) !important;
  background: var(--nd-brand-hero-bg) !important;
  border: 1px solid var(--nd-brand-border) !important;
  box-shadow: var(--nd-brand-shadow-soft) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.nedate-admin-ui .nedate-admin-hero > .d-flex,
body.nedate-admin-ui .nedate-page-hero > .d-flex,
body.nedate-user-ui .user-logistics-page .shipping-hero-panel > .d-flex {
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
}

body.nedate-admin-ui .nedate-admin-hero-visual,
body.nedate-admin-ui .shipping-hero-visual.nedate-admin-hero-visual,
body.nedate-user-ui .user-logistics-page .shipping-hero-visual {
  flex: 0 0 min(44%, 620px) !important;
  width: auto !important;
  max-width: 620px !important;
  min-height: 120px !important;
  max-height: none !important;
  margin: -1.35rem -1rem -1.35rem 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

body.nedate-admin-ui .nedate-admin-hero-visual svg,
body.nedate-admin-ui .nedate-admin-hero-svg,
body.nedate-user-ui .user-logistics-page .shipping-hero-visual :is(img, svg) {
  display: block !important;
  width: min(100%, 620px) !important;
  max-width: 100% !important;
  max-height: var(--nd-app-hero-visual-max-height, 186px) !important;
  height: auto !important;
  object-fit: contain !important;
}

@media (max-width: 959.98px) {
  body.nedate-user-ui:has(.user-logistics-page) main > .user-logistics-page.nedate-main-container,
  body.nedate-user-ui:has(.user-logistics-page) main > .user-logistics-page,
  body.nedate-admin-ui main.nedate-admin-main > .container,
  body.nedate-admin-ui main.nedate-admin-main > .container-fluid,
  body.nedate-admin-ui main.nedate-admin-main .nedate-admin-container {
    padding: 7rem 1rem 2rem 1rem !important;
  }

  body.nedate-user-ui .user-logistics-page .shipping-hero-panel,
  body.nedate-admin-ui .nedate-admin-hero,
  body.nedate-admin-ui .nedate-page-hero {
    min-height: var(--nd-app-hero-mobile-min-height, 104px) !important;
    padding: var(--nd-app-hero-mobile-padding, 1rem 1.05rem) !important;
  }
}

/* -------------------------------------------------------------------------
 * SHARED APP/ADMIN BACKGROUND
 * -------------------------------------------------------------------------
 * All authenticated user/admin Blade pages must use ONE background token.
 * Edit only --nd-app-shell-bg in :root / dark mode above to update the soft
 * gradient everywhere, including /user/returns/create and all admin screens.
 */
body.nedate-ui-standard.nedate-app-standard,
body.nedate-ui-standard.nedate-admin-ui {
  background: var(--nd-app-shell-bg) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

body.nedate-ui-standard.nedate-app-standard #scene,
body.nedate-ui-standard.nedate-app-standard #app3d,
body.nedate-ui-standard.nedate-app-standard .content-with-navbar,
body.nedate-ui-standard.nedate-app-standard main,
body.nedate-ui-standard.nedate-admin-ui #scene,
body.nedate-ui-standard.nedate-admin-ui #app3d,
body.nedate-ui-standard.nedate-admin-ui .content-with-navbar,
body.nedate-ui-standard.nedate-admin-ui main,
body.nedate-ui-standard.nedate-admin-ui main.nedate-admin-main {
  background: transparent !important;
  background-color: transparent !important;
}

body.nedate-ui-standard.nedate-app-standard:has(.nedate-app-page) #scene,
body.nedate-ui-standard.nedate-app-standard:has(.nedate-app-page) #app3d,
body.nedate-ui-standard.nedate-app-standard:has(.nedate-app-page) .content-with-navbar,
body.nedate-ui-standard.nedate-app-standard:has(.nedate-app-page) main,
body.nedate-ui-standard.nedate-app-standard:has(.user-logistics-page) #scene,
body.nedate-ui-standard.nedate-app-standard:has(.user-logistics-page) #app3d,
body.nedate-ui-standard.nedate-app-standard:has(.user-logistics-page) .content-with-navbar,
body.nedate-ui-standard.nedate-app-standard:has(.user-logistics-page) main,
body.nedate-ui-standard.nedate-app-standard:has(.user-shipments-page) #scene,
body.nedate-ui-standard.nedate-app-standard:has(.user-shipments-page) #app3d,
body.nedate-ui-standard.nedate-app-standard:has(.user-shipments-page) .content-with-navbar,
body.nedate-ui-standard.nedate-app-standard:has(.user-shipments-page) main,
body.nedate-ui-standard.nedate-app-standard:has(.cart-page) #scene,
body.nedate-ui-standard.nedate-app-standard:has(.cart-page) #app3d,
body.nedate-ui-standard.nedate-app-standard:has(.cart-page) .content-with-navbar,
body.nedate-ui-standard.nedate-app-standard:has(.cart-page) main,
body.nedate-ui-standard.nedate-app-standard:has(.wallet-page) #scene,
body.nedate-ui-standard.nedate-app-standard:has(.wallet-page) #app3d,
body.nedate-ui-standard.nedate-app-standard:has(.wallet-page) .content-with-navbar,
body.nedate-ui-standard.nedate-app-standard:has(.wallet-page) main,
body.nedate-ui-standard.nedate-app-standard:has(.user-address-book-page) #scene,
body.nedate-ui-standard.nedate-app-standard:has(.user-address-book-page) #app3d,
body.nedate-ui-standard.nedate-app-standard:has(.user-address-book-page) .content-with-navbar,
body.nedate-ui-standard.nedate-app-standard:has(.user-address-book-page) main {
  background: transparent !important;
  background-color: transparent !important;
}

body.nedate-ui-standard.nedate-app-standard :is(
  .app-shell,
  .pages-wrapper,
  .settings-wrapper,
  .dashboard-wrapper,
  .shipping-page-wrapper,
  .user-shipments-wrapper,
  .imported-orders-wrapper,
  .imported-order-details-wrapper,
  .address-book-wrapper,
  .cart-shell,
  .wallet-page,
  .nedate-main-container,
  .nedate-app-page,
  .user-logistics-page,
  .user-shipments-page,
  .user-address-book-page,
  .user-returns-page,
  .returns-create-page,
  .notifications-page,
  .support-tickets-page,
  .trust-user-page,
  .user-dashboard-page,
  .user-api-page,
  .user-api-create-page,
  .user-api-edit-page
),
body.nedate-ui-standard.nedate-admin-ui :is(
  .app-shell,
  .pages-wrapper,
  .settings-wrapper,
  .dashboard-wrapper,
  .admin-dashboard-wrapper,
  .admin-page,
  .nedate-main-container,
  .nedate-admin-container,
  .platform-standard-page,
  .couriers-wrapper,
  .courier-edit-wrapper,
  .courier-settings-wrapper,
  .marketplaces-wrapper,
  .marketplace-edit-wrapper,
  .amazon-connect-wrapper
) {
  background: transparent !important;
  background-color: transparent !important;
}


/* -------------------------------------------------------------------------
 * GLOBAL DARK MODE SYSTEM — user + admin + public
 * -------------------------------------------------------------------------
 * Dark mode is now controlled from this single block.
 * Change these --nd-dark-* tokens once and every Blade using the shared
 * NEDATE layout/system will inherit the same dark palette.
 */
html[data-theme="dark"] {
  color-scheme: dark;
  --nd-dark-bg: var(--dark-body-bg, #0f172a);
  --nd-dark-bg-deep: #0b1220;
  --nd-dark-surface: var(--dark-card-bg, #111827);
  --nd-dark-surface-2: #0f1a2d;
  --nd-dark-surface-3: #162033;
  --nd-dark-surface-soft: color-mix(in srgb, var(--dark-card-bg, #111827) 84%, #000000);
  --nd-dark-elevated: color-mix(in srgb, var(--dark-card-bg, #111827) 88%, #1f2937);
  --nd-dark-text: var(--dark-text-color, #f8fafc);
  --nd-dark-heading: var(--dark-text-color, #f8fafc);
  --nd-dark-muted: var(--dark-muted-color, #94a3b8);
  --nd-dark-muted-2: #64748b;
  --nd-dark-border: var(--dark-border-color, #263447);
  --nd-dark-border-strong: #334155;
  --nd-dark-input-bg: var(--dark-input-bg, #0b1220);
  --nd-dark-input-bg-focus: color-mix(in srgb, var(--dark-input-bg, #0b1220) 82%, var(--nd-brand-primary) 8%);
  --nd-dark-hover: rgba(148, 163, 184, .11);
  --nd-dark-active: color-mix(in srgb, var(--nd-brand-primary) 16%, transparent);
  --nd-dark-table-head: rgba(15, 23, 42, .86);
  --nd-dark-primary-soft: color-mix(in srgb, var(--nd-brand-primary) 16%, transparent);
  --nd-dark-primary-border: color-mix(in srgb, var(--nd-brand-primary) 28%, var(--nd-dark-border));
  --nd-dark-shadow: 0 18px 45px rgba(0, 0, 0, .34);
  --nd-dark-shadow-soft: 0 12px 30px rgba(0, 0, 0, .26);
  /* sw-flat-dark-shell */
  --nd-dark-hero-bg: var(--nd-dark-surface, #111827);
  --nd-dark-public-bg: var(--nd-dark-bg, #0f172a);
  --nd-dark-app-shell-bg: var(--nd-dark-bg, #0f172a);

  --nd-brand-ink: var(--nd-dark-text);
  --nd-brand-heading: var(--nd-dark-heading);
  --nd-brand-muted: var(--nd-dark-muted);
  --nd-brand-border: var(--nd-dark-border);
  --nd-brand-bg: var(--nd-dark-bg);
  --nd-brand-surface: var(--nd-dark-surface);
  --nd-brand-surface-soft: var(--nd-dark-surface-soft);
  --nd-brand-hero-bg: var(--nd-dark-hero-bg);
  --nd-brand-public-bg: var(--nd-dark-public-bg);
  --nd-app-shell-bg: var(--nd-dark-app-shell-bg);
  --nd-brand-shadow: var(--nd-dark-shadow);
  --nd-brand-shadow-soft: var(--nd-dark-shadow-soft);
  --nd-brand-shadow-subtle: 0 6px 18px rgba(0, 0, 0, .22);
}

html[data-theme="dark"] body.nedate-ui-standard {
  --nd-page-bg: var(--nd-dark-bg);
  --nd-page-text: var(--nd-dark-text);
  --nd-page-muted: var(--nd-dark-muted);
  --nd-page-surface: var(--nd-dark-surface);
  --nd-page-surface-soft: var(--nd-dark-surface-soft);
  --nd-page-border: var(--nd-dark-border);
  --nd-page-shadow: var(--nd-dark-shadow);
  --nd-page-shadow-soft: var(--nd-dark-shadow-soft);

  --nd-control-bg: var(--nd-dark-input-bg);
  --nd-control-text: var(--nd-dark-text);
  --nd-control-muted: var(--nd-dark-muted);
  --nd-control-border: var(--nd-dark-border-strong);
  --nd-control-border-hover: var(--nd-dark-primary-border);
  --nd-control-focus: var(--nd-brand-primary);
  --nd-control-focus-ring: color-mix(in srgb, var(--nd-brand-primary) 20%, transparent);
  --nd-control-disabled-bg: color-mix(in srgb, var(--nd-dark-input-bg) 82%, #000000);

  --nd-admin-bg: var(--nd-dark-bg);
  --nd-admin-surface: var(--nd-dark-surface);
  --nd-admin-surface-soft: var(--nd-dark-surface-soft);
  --nd-admin-heading: var(--nd-dark-heading);
  --nd-admin-muted: var(--nd-dark-muted);
  --nd-admin-border: var(--nd-dark-border);
  --nd-admin-shadow: var(--nd-dark-shadow-soft);

  --dark-slate-color: var(--nd-dark-heading);
  --spedire-text: var(--nd-dark-text);
  --spedire-muted: var(--nd-dark-muted);
  --spedire-border: var(--nd-dark-border);

  background: var(--nd-app-shell-bg) !important;
  color: var(--nd-page-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-marketing-standard,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-ui {
  background: var(--nd-brand-public-bg) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-app-standard,
html[data-theme="dark"] body.nedate-ui-standard.nedate-admin-ui {
  background: var(--nd-app-shell-bg) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(
  #scene,
  #app3d,
  main,
  .content-with-navbar,
  .nedate-app-page,
  .nedate-main-container,
  .user-logistics-page,
  .user-shipments-page,
  .user-address-book-page,
  .user-returns-page,
  .cart-shell,
  .wallet-page,
  .notifications-page,
  .support-tickets-page,
  .trust-user-page,
  .user-dashboard-page,
  .user-api-page,
  .admin-page,
  .nedate-admin-main,
  .nedate-admin-container,
  .platform-standard-page
) {
  background-color: transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(
  .shipping-hero-panel,
  .cart-hero,
  .address-book-hero,
  .wallet-hero,
  .nedate-page-hero,
  .modern-page-hero,
  .user-shipments-hero,
  .user-imports-hero,
  .user-dashboard-hero,
  .notifications-hero,
  .support-hero,
  .trust-user-hero,
  .user-api-hero,
  .user-api-create-hero,
  .user-api-edit-hero,
  .user-returns-hero,
  .returns-create-hero,
  .user-returns-show-hero,
  .nedate-admin-hero,
  .admin-hero,
  .platform-hero,
  .billing-hero-panel,
  .docs-api-hero,
  .landing-hero-v2,
  .page-hero
) {
  background: var(--nd-brand-hero-bg) !important;
  border-color: var(--nd-brand-border) !important;
  color: var(--nd-brand-heading) !important;
  box-shadow: var(--nd-brand-shadow-soft) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(
  .card,
  /* .card-body era qui dentro: prendeva fondo, bordo e ombra come la card
     che la contiene, cioe' un rettangolo dentro il rettangolo, visibile in
     tema scuro su ogni card del sito. Ora riceve solo il colore del testo. */
  .page-card,
  .settings-card,
  .admin-card,
  .metric-card,
  .stat-card,
  .filter-card,
  .return-card,
  .tracking-card,
  .shipping-card,
  .shipments-card,
  .shipments-filters-card,
  .shipment-mobile-card,
  .empty-state-card,
  .cart-card,
  .wallet-card,
  .wallet-summary-card,
  .wallet-recharge-card,
  .address-book-card,
  .returns-create-card,
  .returns-requests-card,
  .returns-info-card,
  .returns-help-card,
  .user-returns-show-card,
  .returns-create-toolbar,
  .user-returns-show-toolbar,
  .user-api-card,
  .user-api-create-card,
  .user-api-permissions-panel,
  .notifications-card,
  .support-card,
  .trust-card,
  .dashboard-card,
  .table-card,
  .modal-content,
  .dropdown-menu,
  .glass-dropdown,
  .offcanvas,
  .accordion-item,
  .list-group-item,
  .toast,
  .breadcrumb,
  .pagination .page-link,
  .select2-dropdown,
  .select2-container .select2-selection--single,
  .select2-container .select2-selection--multiple
) {
  background-color: var(--nd-brand-surface) !important;
  color: var(--nd-brand-heading) !important;
  border-color: var(--nd-brand-border) !important;
  box-shadow: var(--nd-brand-shadow-subtle) !important;
}

/* Il corpo della card eredita la superficie della card: niente seconda
   ombra, niente secondo bordo. */
html[data-theme="dark"] body.nedate-ui-standard .card-body {
  background-color: transparent !important;
  box-shadow: none !important;
  color: var(--nd-brand-heading) !important;
}


html[data-theme="dark"] body.nedate-ui-standard :is(
  /* .card-header e .card-footer erano qui dentro: prendevano una superficie
     loro e diventavano una fascia colorata dentro una card gia' colorata —
     il titolo con lo sfondo innestato. Stanno dentro la card, la superficie
     e' quella della card; a separarli basta il filo. */
  .modal-header,
  .modal-footer,
  .dropdown-header,
  .table-head-custom,
  .table thead,
  .table-light,
  .bg-light,
  .bg-white,
  .list-group-item-action:hover,
  .accordion-button,
  .nav-tabs-modern,
  .tabs-panel,
  .billing-tabs-panel,
  .returns-create-stat-badge,
  .returns-create-soft-badge,
  .user-api-stat-badge,
  .user-api-soft-badge,
  .user-imports-stat-badge,
  .user-imports-soft-badge,
  .user-shipments-stat-badge,
  .user-shipments-soft-badge,
  .wallet-stat-badge,
  .address-book-stat-badge
) {
  background-color: var(--nd-dark-surface-soft) !important;
  color: var(--nd-brand-heading) !important;
  border-color: var(--nd-brand-border) !important;
}

/* Intestazione e pie' di una card: superficie della card, solo il filo che
   separa. */
html[data-theme="dark"] body.nedate-ui-standard :is(.card-header, .card-footer),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.card-header, .card-footer),
body.dark-mode.nedate-ui-standard :is(.card-header, .card-footer) {
  background-color: transparent !important;
  color: var(--nd-brand-heading) !important;
  border-color: var(--nd-brand-border) !important;
}


html[data-theme="dark"] body.nedate-ui-standard :is(
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6,
  .text-dark,
  .text-body,
  .text-dark-slate,
  .fw-bold.text-dark,
  .fw-semibold.text-dark,
  .card-title,
  .modal-title,
  .dropdown-item,
  .nav-link,
  .sb-text,
  .sb-panel-title,
  .table,
  .table td,
  .table th
) {
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(
  p,
  small,
  .small,
  .text-muted,
  .text-secondary,
  .form-text,
  .lead,
  .card-subtitle,
  .breadcrumb-item,
  .empty-state-card p,
  .shipping-hero-panel p,
  .nedate-page-hero p,
  .nedate-admin-hero p,
  .modern-page-hero p,
  .user-shipments-hero p,
  .user-imports-hero p,
  .returns-create-hero p,
  .user-returns-hero p,
  .user-api-hero p,
  .user-dashboard-hero p
) {
  color: var(--nd-brand-muted) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(
  .border,
  .border-top,
  .border-end,
  .border-bottom,
  .border-start,
  hr,
  .dropdown-divider,
  .table,
  .table td,
  .table th,
  .table tbody tr,
  .list-group-item,
  .card-header,
  .card-footer,
  .modal-header,
  .modal-footer
) {
  border-color: var(--nd-brand-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(
  .table,
  table
) {
  --bs-table-bg: transparent;
  --bs-table-color: var(--nd-brand-heading);
  --bs-table-border-color: var(--nd-brand-border);
  --bs-table-striped-bg: rgba(148, 163, 184, .045);
  --bs-table-striped-color: var(--nd-brand-heading);
  --bs-table-hover-bg: var(--nd-dark-hover);
  --bs-table-hover-color: var(--nd-brand-heading);
  color: var(--nd-brand-heading) !important;
  border-color: var(--nd-brand-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(thead, .table-head-custom, .table thead th, table thead th) {
  background: var(--nd-dark-table-head) !important;
  color: var(--nd-brand-muted) !important;
  border-color: var(--nd-brand-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(
  .form-control,
  .form-select,
  textarea.form-control,
  .input-group-text,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"],
  input[type="file"]
) {
  background-color: var(--nd-control-bg) !important;
  color: var(--nd-control-text) !important;
  border-color: var(--nd-control-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(
  .form-control:focus,
  .form-select:focus,
  textarea.form-control:focus,
  input:focus,
  .select2-container--focus .select2-selection,
  .select2-container--open .select2-selection
) {
  background-color: var(--nd-dark-input-bg-focus) !important;
  color: var(--nd-control-text) !important;
  border-color: var(--nd-control-focus) !important;
  box-shadow: 0 0 0 .22rem var(--nd-control-focus-ring) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .form-control::placeholder,
html[data-theme="dark"] body.nedate-ui-standard input::placeholder,
html[data-theme="dark"] body.nedate-ui-standard textarea::placeholder {
  color: color-mix(in srgb, var(--nd-brand-muted) 78%, transparent) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.form-floating > label, label, .form-label) {
  color: var(--nd-brand-muted) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.form-check-input, .form-check-input[type="checkbox"], .form-check-input[type="radio"]) {
  background-color: var(--nd-control-bg) !important;
  border-color: var(--nd-control-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .form-check-input:checked {
  background-color: var(--nd-brand-primary) !important;
  border-color: var(--nd-brand-primary) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.btn-light, .btn-outline-secondary, .btn-outline-dark, .btn-white, .btn-soft, .btn-icon-glass, .nav-link-glass) {
  background-color: color-mix(in srgb, var(--nd-dark-surface) 84%, transparent) !important;
  color: var(--nd-brand-heading) !important;
  border-color: var(--nd-brand-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.btn-light, .btn-outline-secondary, .btn-outline-dark, .btn-white, .btn-soft, .btn-icon-glass, .nav-link-glass):hover {
  background-color: var(--nd-dark-hover) !important;
  color: var(--nd-brand-heading) !important;
  border-color: var(--nd-dark-primary-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active, .page-link:hover, .nav-link:hover, .nav-link.active) {
  background-color: var(--nd-dark-active) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.navbar-azure, .navbar, .topbar, .app-navbar) {
  background: var(--sw-nav-bg, color-mix(in srgb, var(--dark-navbar-bg, #151c2c) 82%, transparent)) !important;
  border-color: rgba(148, 163, 184, .18) !important;
  box-shadow: 0 12px 38px rgba(0, 0, 0, .28) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .sidebar, .app-sidebar) {
  background: color-mix(in srgb, var(--dark-sidebar-bg, #151c2c) 92%, transparent) !important;
  border-color: var(--nd-brand-border) !important;
  box-shadow: 0 18px 45px rgba(0, 0, 0, .26) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.sb-panel-header, .sb-divider, .sb-accordion, .sb-flyout) {
  background-color: color-mix(in srgb, var(--dark-sidebar-bg, #151c2c) 90%, #000000) !important;
  border-color: var(--nd-brand-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.sb-link, .sb-sub-link, .sb-panel-btn) {
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.sb-link:hover, .sb-link.active, .sb-sub-link:hover, .sb-sub-link.active) {
  background-color: var(--nd-dark-active) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.alert-info, .alert-primary, .bg-info-subtle, .bg-primary-subtle) {
  background-color: color-mix(in srgb, #38bdf8 12%, var(--nd-dark-surface)) !important;
  color: #bae6fd !important;
  border-color: color-mix(in srgb, #38bdf8 28%, var(--nd-dark-border)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.alert-warning, .bg-warning-subtle) {
  background-color: color-mix(in srgb, #f59e0b 13%, var(--nd-dark-surface)) !important;
  color: #fde68a !important;
  border-color: color-mix(in srgb, #f59e0b 30%, var(--nd-dark-border)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.alert-success, .bg-success-subtle) {
  background-color: color-mix(in srgb, #22c55e 12%, var(--nd-dark-surface)) !important;
  color: #bbf7d0 !important;
  border-color: color-mix(in srgb, #22c55e 28%, var(--nd-dark-border)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.alert-danger, .bg-danger-subtle) {
  background-color: color-mix(in srgb, #ef4444 13%, var(--nd-dark-surface)) !important;
  color: #fecaca !important;
  border-color: color-mix(in srgb, #ef4444 30%, var(--nd-dark-border)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(code, pre, kbd, .code, .bg-code, .docs-api-code-block, .docs-api-code-block--light) {
  background-color: var(--nd-dark-bg-deep) !important;
  color: #e2e8f0 !important;
  border-color: var(--nd-brand-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.select2-results__option, .select2-search__field) {
  background-color: var(--nd-brand-surface) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .select2-results__option--highlighted {
  background-color: var(--nd-dark-active) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.progress, .placeholder-glow, .skeleton, .empty-state-icon) {
  background-color: var(--nd-dark-surface-soft) !important;
}

html[data-theme="dark"] body.nedate-ui-standard img:not(.no-dark-filter).dark-soften {
  filter: brightness(.88) contrast(1.04);
}

/* ========================================================================
   NEDATE SHARED SHELL DARK MODE — NAVBAR + SIDEBAR
   ------------------------------------------------------------------------
   This block is intentionally centralized here and loaded again after the
   legacy navbar/sidebar Blade <style> blocks from layouts/app.blade.php.
   Change these tokens once and navbar/sidebar dark mode updates everywhere.
   ======================================================================== */
:root {
  --nd-shell-navbar-bg: var(--theme-navbar-bg, rgba(255, 255, 255, .90));
  --nd-shell-navbar-text: var(--theme-navbar-text, #0f172a);
  --nd-shell-navbar-border: rgba(15, 23, 42, .08);
  --nd-shell-navbar-shadow: 0 4px 24px rgba(15, 23, 42, .06);
  --nd-shell-navbar-hover-bg: rgba(15, 23, 42, .055);
  --nd-shell-sidebar-bg: var(--theme-sidebar-bg, #ffffff);
  --nd-shell-sidebar-text: var(--theme-sidebar-text, #0f172a);
  --nd-shell-sidebar-muted: #64748b;
  --nd-shell-sidebar-border: rgba(15, 23, 42, .09);
  --nd-shell-sidebar-hover-bg: rgba(15, 23, 42, .055);
  --nd-shell-sidebar-active-bg: color-mix(in srgb, var(--nd-brand-primary, var(--theme-primary, #e61a0a)) 14%, #ffffff);
  --nd-shell-sidebar-panel-bg: var(--theme-sidebar-panel-header-bg, color-mix(in srgb, var(--nd-shell-sidebar-bg) 93%, var(--nd-brand-primary, var(--theme-primary, #e61a0a)) 7%));
  --nd-shell-sidebar-panel-text: var(--theme-sidebar-panel-header-title, var(--nd-shell-sidebar-text));
  --nd-shell-sidebar-panel-icon: var(--theme-sidebar-panel-header-icon, var(--nd-shell-sidebar-text));
  --nd-shell-dropdown-bg: rgba(255, 255, 255, .96);
  --nd-shell-dropdown-text: #0f172a;
  --nd-shell-dropdown-border: rgba(15, 23, 42, .10);
}

html[data-theme="dark"],
html[data-bs-theme="dark"] {
  --nd-shell-navbar-bg: color-mix(in srgb, var(--dark-navbar-bg, #111827) 92%, transparent);
  --nd-shell-navbar-text: var(--dark-navbar-text-color, #f8fafc);
  --nd-shell-navbar-border: rgba(148, 163, 184, .18);
  --nd-shell-navbar-shadow: 0 14px 42px rgba(0, 0, 0, .34);
  --nd-shell-navbar-hover-bg: rgba(255, 255, 255, .075);
  --nd-shell-sidebar-bg: color-mix(in srgb, var(--dark-sidebar-bg, #111827) 96%, #000000 4%);
  --nd-shell-sidebar-text: var(--dark-sidebar-text-color, #e2e8f0);
  --nd-shell-sidebar-muted: color-mix(in srgb, var(--dark-sidebar-text-color, #e2e8f0) 56%, transparent);
  --nd-shell-sidebar-border: rgba(148, 163, 184, .16);
  --nd-shell-sidebar-hover-bg: rgba(255, 255, 255, .07);
  --nd-shell-sidebar-active-bg: color-mix(in srgb, var(--nd-brand-primary, var(--theme-primary, #e61a0a)) 28%, rgba(0, 0, 0, .18));
  --nd-shell-sidebar-panel-bg: color-mix(in srgb, var(--dark-sidebar-header-bg, var(--dark-sidebar-bg, #111827)) 90%, #000000 10%);
  --nd-shell-sidebar-panel-text: var(--dark-sidebar-header-title, #f8fafc);
  --nd-shell-sidebar-panel-icon: var(--dark-sidebar-header-icon, #cbd5e1);
  --nd-shell-dropdown-bg: color-mix(in srgb, var(--dark-card-bg, #111827) 95%, transparent);
  --nd-shell-dropdown-text: #f8fafc;
  --nd-shell-dropdown-border: rgba(148, 163, 184, .18);

  /* Feed legacy navbar/sidebar variables too. */
  --theme-navbar-bg: var(--nd-shell-navbar-bg);
  --theme-navbar-text: var(--nd-shell-navbar-text);
  --theme-sidebar-bg: var(--nd-shell-sidebar-bg);
  --theme-sidebar-text: var(--nd-shell-sidebar-text);
  --theme-sidebar-panel-header-bg: var(--nd-shell-sidebar-panel-bg);
  --theme-sidebar-panel-header-title: var(--nd-shell-sidebar-panel-text);
  --theme-sidebar-panel-header-icon: var(--nd-shell-sidebar-panel-icon);
  --sb-bg: var(--nd-shell-sidebar-bg);
  --sb-text: var(--nd-shell-sidebar-text);
  --sb-text-hover: #ffffff;
  --sb-border: var(--nd-shell-sidebar-border);
  --sb-hover-bg: var(--nd-shell-sidebar-hover-bg);
  --sb-active-bg: var(--nd-shell-sidebar-active-bg);
}

html[data-theme="dark"] body,
html[data-bs-theme="dark"] body,
body.dark-mode {
  color-scheme: dark;
}

/* Navbar: covers layouts/navbar.blade.php and every page using the shared shell. */
html[data-theme="dark"] body :is(.navbar-azure, nav.navbar, .navbar, .app-navbar, .topbar),
html[data-bs-theme="dark"] body :is(.navbar-azure, nav.navbar, .navbar, .app-navbar, .topbar),
body.dark-mode :is(.navbar-azure, nav.navbar, .navbar, .app-navbar, .topbar) {
  background: var(--nd-shell-navbar-bg) !important;
  color: var(--nd-shell-navbar-text) !important;
  border-top-color: transparent !important;
  border-bottom-color: var(--nd-shell-navbar-border) !important;
  box-shadow: var(--nd-shell-navbar-shadow) !important;
  backdrop-filter: blur(18px) saturate(145%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(145%) !important;
}

html[data-theme="dark"] body :is(.navbar-azure, .navbar) :is(a, .navbar-brand, .brand-text, .nav-link, .nav-link-glass, .btn-icon-glass, .btn-user-glass, .btn-auth-glass, .text-white, i, svg),
html[data-bs-theme="dark"] body :is(.navbar-azure, .navbar) :is(a, .navbar-brand, .brand-text, .nav-link, .nav-link-glass, .btn-icon-glass, .btn-user-glass, .btn-auth-glass, .text-white, i, svg),
body.dark-mode :is(.navbar-azure, .navbar) :is(a, .navbar-brand, .brand-text, .nav-link, .nav-link-glass, .btn-icon-glass, .btn-user-glass, .btn-auth-glass, .text-white, i, svg) {
  color: var(--nd-shell-navbar-text) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body :is(.navbar-azure, .navbar) :is(.nav-link-glass:hover, .nav-link-glass:focus, .nav-link-glass.is-active, .btn-icon-glass:hover, .btn-icon-glass:focus, .btn-user-glass:hover, .btn-user-glass:focus),
html[data-bs-theme="dark"] body :is(.navbar-azure, .navbar) :is(.nav-link-glass:hover, .nav-link-glass:focus, .nav-link-glass.is-active, .btn-icon-glass:hover, .btn-icon-glass:focus, .btn-user-glass:hover, .btn-user-glass:focus),
body.dark-mode :is(.navbar-azure, .navbar) :is(.nav-link-glass:hover, .nav-link-glass:focus, .nav-link-glass.is-active, .btn-icon-glass:hover, .btn-icon-glass:focus, .btn-user-glass:hover, .btn-user-glass:focus) {
  background: var(--nd-shell-navbar-hover-bg) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body .navbar-azure a.btn-user-glass .avatar-circle,
html[data-bs-theme="dark"] body .navbar-azure a.btn-user-glass .avatar-circle,
body.dark-mode .navbar-azure a.btn-user-glass .avatar-circle {
  background: var(--nd-brand-primary) !important;
  border-color: color-mix(in srgb, var(--nd-brand-primary) 76%, transparent) !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--nd-brand-primary) 18%, transparent) !important;
}

html[data-theme="dark"] body :is(.glass-dropdown, .dropdown-menu, .nedate-notification-dropdown),
html[data-bs-theme="dark"] body :is(.glass-dropdown, .dropdown-menu, .nedate-notification-dropdown),
body.dark-mode :is(.glass-dropdown, .dropdown-menu, .nedate-notification-dropdown) {
  background: var(--nd-shell-dropdown-bg) !important;
  color: var(--nd-shell-dropdown-text) !important;
  border-color: var(--nd-shell-dropdown-border) !important;
  box-shadow: 0 24px 58px rgba(0, 0, 0, .48) !important;
}

html[data-theme="dark"] body :is(.glass-dropdown, .dropdown-menu, .nedate-notification-dropdown) :is(.dropdown-item, a, button, span, small, strong, p),
html[data-bs-theme="dark"] body :is(.glass-dropdown, .dropdown-menu, .nedate-notification-dropdown) :is(.dropdown-item, a, button, span, small, strong, p),
body.dark-mode :is(.glass-dropdown, .dropdown-menu, .nedate-notification-dropdown) :is(.dropdown-item, a, button, span, small, strong, p) {
  color: var(--nd-shell-dropdown-text) !important;
}

/* Sidebar: desktop aside + mobile drawer share exactly the same tokens. */
html[data-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar),
html[data-bs-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar),
body.dark-mode :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) {
  --sb-bg: var(--nd-shell-sidebar-bg);
  --sb-text: var(--nd-shell-sidebar-text);
  --sb-text-hover: #ffffff;
  --sb-border: var(--nd-shell-sidebar-border);
  --sb-hover-bg: var(--nd-shell-sidebar-hover-bg);
  --sb-active-bg: var(--nd-shell-sidebar-active-bg);
  background: var(--nd-shell-sidebar-bg) !important;
  color: var(--nd-shell-sidebar-text) !important;
  border-color: var(--nd-shell-sidebar-border) !important;
  box-shadow: 8px 0 28px rgba(0, 0, 0, .34), 2px 0 10px rgba(0, 0, 0, .20) !important;
}

html[data-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-panel-header),
html[data-bs-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-panel-header),
body.dark-mode :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-panel-header) {
  background: var(--nd-shell-sidebar-panel-bg) !important;
  color: var(--nd-shell-sidebar-panel-text) !important;
  border-color: var(--nd-shell-sidebar-border) !important;
}

html[data-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-panel-title, .sb-panel-btn, .sb-link, .sb-text, .sb-arrow, .main-icon, .bi, i, svg),
html[data-bs-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-panel-title, .sb-panel-btn, .sb-link, .sb-text, .sb-arrow, .main-icon, .bi, i, svg),
body.dark-mode :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-panel-title, .sb-panel-btn, .sb-link, .sb-text, .sb-arrow, .main-icon, .bi, i, svg) {
  color: var(--nd-shell-sidebar-text) !important;
}

html[data-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-section-cap,
html[data-bs-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-section-cap,
body.dark-mode :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-section-cap {
  color: var(--nd-shell-sidebar-muted) !important;
}

html[data-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link:hover, .sb-panel-btn:hover),
html[data-bs-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link:hover, .sb-panel-btn:hover),
body.dark-mode :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link:hover, .sb-panel-btn:hover) {
  background: var(--nd-shell-sidebar-hover-bg) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link.active, .sb-sub-link.active),
html[data-bs-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link.active, .sb-sub-link.active),
body.dark-mode :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link.active, .sb-sub-link.active) {
  background: var(--nd-shell-sidebar-active-bg) !important;
  color: #ffffff !important;
  border-left-color: var(--nd-brand-primary) !important;
}

html[data-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-divider),
html[data-bs-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-divider),
body.dark-mode :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-divider) {
  background: var(--nd-shell-sidebar-border) !important;
}

html[data-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-accordion, .sb-flyout),
html[data-bs-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-accordion, .sb-flyout),
body.dark-mode :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-accordion, .sb-flyout) {
  background: color-mix(in srgb, var(--nd-shell-sidebar-bg) 88%, #000000 12%) !important;
  border-color: var(--nd-shell-sidebar-border) !important;
  color: var(--nd-shell-sidebar-text) !important;
}

html[data-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-sub-link, .sb-flyout a),
html[data-bs-theme="dark"] body :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-sub-link, .sb-flyout a),
body.dark-mode :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-sub-link, .sb-flyout a) {
  color: color-mix(in srgb, var(--nd-shell-sidebar-text) 78%, transparent) !important;
}

html[data-theme="dark"] body :is(.drawer-overlay),
html[data-bs-theme="dark"] body :is(.drawer-overlay),
body.dark-mode :is(.drawer-overlay) {
  background: rgba(2, 6, 23, .72) !important;
}


/* ========================================================================
   NEDATE FINAL COMPLETE DARK MODE + LEGACY ADMIN NORMALIZER
   ------------------------------------------------------------------------
   Last cascade layer for user + admin pages.
   It forces legacy Blade CSS, extracted Blade CSS and custom admin widgets to
   read the same shared tokens. Change tokens here once and every page follows.
   ======================================================================== */
:root {
  --nd-final-primary: var(--nd-brand-primary, var(--theme-primary, var(--theme-primary, #e61a0a)));
  --nd-final-heading: var(--nd-brand-heading, #14274a);
  --nd-final-text: var(--nd-brand-text, #41516a);
  --nd-final-muted: var(--nd-brand-muted, #728198);
  --nd-final-border: var(--nd-brand-border, rgba(20, 39, 74, .10));
  --nd-final-surface: var(--nd-brand-surface, #ffffff);
  --nd-final-surface-soft: #f8fafc;
  --nd-final-radius: var(--nd-radius-card, 18px);
  --nd-final-shadow: var(--nd-shadow-soft, 0 18px 45px rgba(20, 39, 74, .08));
  --nd-final-navbar-pill-bg: rgba(255, 255, 255, .88);
  --nd-final-navbar-pill-border: rgba(255, 255, 255, .76);
  --nd-final-sidebar-bg: #ffffff;
  --nd-final-sidebar-text: #14274a;
  --nd-final-sidebar-muted: #8a97ad;
  --nd-final-sidebar-panel-bg: #ffffff;
  --nd-final-field-bg: #ffffff;
  --nd-final-field-text: #14274a;
  --nd-final-field-border: rgba(20, 39, 74, .13);
}

html[data-theme="dark"],
html[data-bs-theme="dark"],
body.dark-mode {
  --nd-final-heading: var(--nd-dark-text, var(--dark-text, #f8fafc));
  --nd-final-text: color-mix(in srgb, var(--nd-final-heading) 84%, transparent);
  --nd-final-muted: var(--nd-dark-muted, var(--dark-muted, #9aa7bd));
  --nd-final-border: var(--nd-dark-border, var(--dark-border, rgba(148, 163, 184, .20)));
  --nd-final-surface: var(--nd-dark-surface, var(--dark-card-bg, #111827));
  --nd-final-surface-soft: var(--nd-dark-surface-soft, #172033);
  --nd-final-shadow: 0 22px 55px rgba(0, 0, 0, .34);
  --nd-final-navbar-pill-bg: color-mix(in srgb, var(--dark-navbar-bg, #111827) 88%, #000000 12%);
  --nd-final-navbar-pill-border: rgba(148, 163, 184, .16);
  --nd-final-sidebar-bg: color-mix(in srgb, var(--dark-sidebar-bg, #111827) 96%, #000000 4%);
  --nd-final-sidebar-text: var(--dark-sidebar-text-color, #e5e7eb);
  --nd-final-sidebar-muted: color-mix(in srgb, var(--dark-sidebar-text-color, #e5e7eb) 55%, transparent);
  --nd-final-sidebar-panel-bg: color-mix(in srgb, var(--dark-sidebar-header-bg, var(--dark-sidebar-bg, #111827)) 92%, #000 8%);
  --nd-final-field-bg: var(--dark-input-bg, #0b1220);
  --nd-final-field-text: var(--nd-final-heading);
  --nd-final-field-border: color-mix(in srgb, var(--nd-final-border) 92%, transparent);
  --nd-shell-navbar-bg: var(--nd-final-navbar-pill-bg);
  --nd-shell-navbar-text: var(--nd-final-heading);
  --nd-shell-sidebar-bg: var(--nd-final-sidebar-bg);
  --nd-shell-sidebar-text: var(--nd-final-sidebar-text);
  --nd-shell-sidebar-border: var(--nd-final-border);
  --nd-shell-sidebar-panel-bg: var(--nd-final-sidebar-panel-bg);
  --theme-navbar-bg: var(--nd-final-navbar-pill-bg);
  --theme-navbar-text: var(--nd-final-heading);
  --theme-sidebar-bg: var(--nd-final-sidebar-bg);
  --theme-sidebar-text: var(--nd-final-sidebar-text);
  --theme-sidebar-panel-header-bg: var(--nd-final-sidebar-panel-bg);
}

/* Shell dark mode: body/canvas must never be white in user or admin app pages. */
html[data-theme="dark"] body.nedate-ui-standard,
html[data-bs-theme="dark"] body.nedate-ui-standard,
body.dark-mode.nedate-ui-standard {
  background: var(--nd-app-shell-bg, radial-gradient(circle at 8% 10%, rgba(230, 26, 10, .18) 0 18rem, transparent 32rem), radial-gradient(circle at 92% 18%, rgba(99, 102, 241, .16) 0 20rem, transparent 36rem), linear-gradient(180deg, #0b1220 0%, #111827 52%, #0b1220 100%)) !important;
  color: var(--nd-final-text) !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(main, #scene, #app3d, .content-with-navbar, .nedate-admin-main, .nedate-admin-container, .settings-wrapper, .admin-page, .platform-standard-page, .user-logistics-page, .nedate-app-page, .cart-shell, .wallet-page),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(main, #scene, #app3d, .content-with-navbar, .nedate-admin-main, .nedate-admin-container, .settings-wrapper, .admin-page, .platform-standard-page, .user-logistics-page, .nedate-app-page, .cart-shell, .wallet-page),
body.dark-mode.nedate-ui-standard :is(main, #scene, #app3d, .content-with-navbar, .nedate-admin-main, .nedate-admin-container, .settings-wrapper, .admin-page, .platform-standard-page, .user-logistics-page, .nedate-app-page, .cart-shell, .wallet-page) {
  background: transparent !important;
  color: var(--nd-final-text) !important;
}

/* Navbar dark: classic single full-width top bar (split pills retired) —
   the bar itself now carries the former pill background, inner groups are flat. */
@media (min-width: 960px) {
  html[data-theme="dark"] body.nedate-ui-standard .navbar-azure,
  html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure,
  body.dark-mode.nedate-ui-standard .navbar-azure {
    background: var(--nd-final-navbar-pill-bg) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--nd-final-navbar-pill-border) !important;
    box-shadow: 0 12px 34px rgba(0, 0, 0, .28) !important;
    backdrop-filter: blur(20px) saturate(150%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(150%) !important;
  }

  html[data-theme="dark"] body.nedate-ui-standard .navbar-azure > .container-fluid > .d-flex:first-child,
  html[data-theme="dark"] body.nedate-ui-standard .navbar-azure > .container-fluid > .d-flex:last-child,
  html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure > .container-fluid > .d-flex:first-child,
  html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure > .container-fluid > .d-flex:last-child,
  body.dark-mode.nedate-ui-standard .navbar-azure > .container-fluid > .d-flex:first-child,
  body.dark-mode.nedate-ui-standard .navbar-azure > .container-fluid > .d-flex:last-child {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
}

html[data-theme="dark"] body.nedate-ui-standard .navbar-azure :is(.nav-link-glass, .navbar-brand, .brand-text, .btn-icon-glass, .btn-user-glass, .btn-auth-glass, i, svg),
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure :is(.nav-link-glass, .navbar-brand, .brand-text, .btn-icon-glass, .btn-user-glass, .btn-auth-glass, i, svg),
body.dark-mode.nedate-ui-standard .navbar-azure :is(.nav-link-glass, .navbar-brand, .brand-text, .btn-icon-glass, .btn-user-glass, .btn-auth-glass, i, svg) {
  color: var(--nd-final-heading) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .nav-link-glass,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .nav-link-glass,
body.dark-mode.nedate-ui-standard .navbar-azure .nav-link-glass {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .nav-link-glass:hover,
html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .nav-link-glass.is-active,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .nav-link-glass:hover,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .nav-link-glass.is-active,
body.dark-mode.nedate-ui-standard .navbar-azure .nav-link-glass:hover,
body.dark-mode.nedate-ui-standard .navbar-azure .nav-link-glass.is-active {
  color: #ffffff !important;
  background: transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .nav-link-glass.is-active::after,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .nav-link-glass.is-active::after,
body.dark-mode.nedate-ui-standard .navbar-azure .nav-link-glass.is-active::after {
  background: var(--nd-final-primary) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .navbar-azure :is(.btn-icon-glass, .btn-user-glass),
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure :is(.btn-icon-glass, .btn-user-glass),
body.dark-mode.nedate-ui-standard .navbar-azure :is(.btn-icon-glass, .btn-user-glass) {
  background: color-mix(in srgb, #ffffff 6%, transparent) !important;
  border-color: color-mix(in srgb, var(--nd-final-border) 74%, transparent) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard .navbar-azure :is(.btn-icon-glass:hover, .btn-user-glass:hover),
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure :is(.btn-icon-glass:hover, .btn-user-glass:hover),
body.dark-mode.nedate-ui-standard .navbar-azure :is(.btn-icon-glass:hover, .btn-user-glass:hover) {
  background: color-mix(in srgb, var(--nd-final-primary) 18%, transparent) !important;
  color: #ffffff !important;
}

/* Sidebar: color every internal wrapper, not only the fixed outer aside. */
html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) {
  background: var(--nd-final-sidebar-bg) !important;
  color: var(--nd-final-sidebar-text) !important;
  border-color: var(--nd-final-border) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .38) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-scroller, .sb-menu, .sb-body, .sb-section, .sb-accordion, .sb-submenu, .sb-flyout, .sb-pro-card, .collapse, .collapsing, .list-group, .list-group-item),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-scroller, .sb-menu, .sb-body, .sb-section, .sb-accordion, .sb-submenu, .sb-flyout, .sb-pro-card, .collapse, .collapsing, .list-group, .list-group-item),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-scroller, .sb-menu, .sb-body, .sb-section, .sb-accordion, .sb-submenu, .sb-flyout, .sb-pro-card, .collapse, .collapsing, .list-group, .list-group-item) {
  background: transparent !important;
  color: var(--nd-final-sidebar-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-panel-header,
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-panel-header,
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-panel-header {
  background: var(--nd-final-sidebar-panel-bg) !important;
  color: var(--nd-final-sidebar-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-panel-title, .sb-panel-btn, .sb-link, .sb-sub-link, .sb-text, .sb-arrow, .main-icon, .bi, i, svg, .sb-pro-copy strong, .sb-pro-copy span),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-panel-title, .sb-panel-btn, .sb-link, .sb-sub-link, .sb-text, .sb-arrow, .main-icon, .bi, i, svg, .sb-pro-copy strong, .sb-pro-copy span),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-panel-title, .sb-panel-btn, .sb-link, .sb-sub-link, .sb-text, .sb-arrow, .main-icon, .bi, i, svg, .sb-pro-copy strong, .sb-pro-copy span) {
  color: var(--nd-final-sidebar-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-panel-title::before,
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-panel-title::before,
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-panel-title::before {
  color: var(--nd-final-sidebar-muted) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-section-cap,
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-section-cap,
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) .sb-section-cap {
  color: var(--nd-final-sidebar-muted) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link:hover, .sb-sub-link:hover, .sb-panel-btn:hover),
html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link.active, .sb-sub-link.active),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link:hover, .sb-sub-link:hover, .sb-panel-btn:hover),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link.active, .sb-sub-link.active),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link:hover, .sb-sub-link:hover, .sb-panel-btn:hover),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link.active, .sb-sub-link.active) {
  background: color-mix(in srgb, var(--nd-final-primary) 22%, transparent) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link:hover, .sb-link.active, .sb-sub-link:hover, .sb-sub-link.active) :is(i, svg, .main-icon, .sb-text),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link:hover, .sb-link.active, .sb-sub-link:hover, .sb-sub-link.active) :is(i, svg, .main-icon, .sb-text),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link:hover, .sb-link.active, .sb-sub-link:hover, .sb-sub-link.active) :is(i, svg, .main-icon, .sb-text) {
  color: #ffffff !important;
}

/* Universal surfaces: converts legacy admin widgets and user widgets together. */
html[data-theme="dark"] body.nedate-ui-standard :is(.card, .nedate-section-card, .nedate-admin-card, .admin-card, .settings-card, .setting-card, .platform-card, .filter-card, .table-card, .modal-content, .offcanvas, .dropdown-menu, .list-group-item, .accordion-item, .toast, .popover, .pagination .page-link, .empty-state, .shipment-card, .return-card, .support-card, .wallet-card, .api-card),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.card, .nedate-section-card, .nedate-admin-card, .admin-card, .settings-card, .setting-card, .platform-card, .filter-card, .table-card, .modal-content, .offcanvas, .dropdown-menu, .list-group-item, .accordion-item, .toast, .popover, .pagination .page-link, .empty-state, .shipment-card, .return-card, .support-card, .wallet-card, .api-card),
body.dark-mode.nedate-ui-standard :is(.card, .nedate-section-card, .nedate-admin-card, .admin-card, .settings-card, .setting-card, .platform-card, .filter-card, .table-card, .modal-content, .offcanvas, .dropdown-menu, .list-group-item, .accordion-item, .toast, .popover, .pagination .page-link, .empty-state, .shipment-card, .return-card, .support-card, .wallet-card, .api-card) {
  background: var(--nd-final-surface) !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
  box-shadow: var(--nd-final-shadow) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.card-header, .card-footer, .modal-header, .modal-footer, .accordion-header, .accordion-button, .table thead, .table-light, .bg-light, .bg-white),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.card-header, .card-footer, .modal-header, .modal-footer, .accordion-header, .accordion-button, .table thead, .table-light, .bg-light, .bg-white),
body.dark-mode.nedate-ui-standard :is(.card-header, .card-footer, .modal-header, .modal-footer, .accordion-header, .accordion-button, .table thead, .table-light, .bg-light, .bg-white) {
  background: var(--nd-final-surface-soft) !important;
  color: var(--nd-final-heading) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .text-dark, .text-dark-slate, .fw-bold, .fw-semibold, strong, .card-title, .modal-title, .dropdown-header),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .text-dark, .text-dark-slate, .fw-bold, .fw-semibold, strong, .card-title, .modal-title, .dropdown-header),
body.dark-mode.nedate-ui-standard :is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .text-dark, .text-dark-slate, .fw-bold, .fw-semibold, strong, .card-title, .modal-title, .dropdown-header) {
  color: var(--nd-final-heading) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.text-muted, .text-secondary, .small, small, .form-text, .breadcrumb-item.active),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.text-muted, .text-secondary, .small, small, .form-text, .breadcrumb-item.active),
body.dark-mode.nedate-ui-standard :is(.text-muted, .text-secondary, .small, small, .form-text, .breadcrumb-item.active) {
  color: var(--nd-final-muted) !important;
}

/* Text links in dark mode. The exclusion list must skip anything that is really a
   button: `:not(.btn)` alone missed link-buttons named differently (e.g. the pricing
   CTA `.pricing-modern-cta-btn--light`), which then got this pale link colour painted
   over their white label — pale pink text on a pink/orange gradient. Matching any
   class containing "btn" covers those without having to enumerate every variant. */
html[data-theme="dark"] body.nedate-ui-standard :is(a:not([class*="btn"]):not(.nav-link-glass):not(.sb-link):not(.sb-sub-link):not(.dropdown-item):not(.skip-link):not(.pricing-login-primary):not(.welcome-modern-plan-button):not(.welcome-modern-action-primary):not(.pricing-modern-plan-btn):not(.pricing-modern-cta-btn):not(.faq-redesign-support-btn):not(.sw-listrow__title):not([class*="-primary"]):not([class*="-cta"])),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(a:not([class*="btn"]):not(.nav-link-glass):not(.sb-link):not(.sb-sub-link):not(.dropdown-item):not(.skip-link):not(.pricing-login-primary):not(.welcome-modern-plan-button):not(.welcome-modern-action-primary):not(.pricing-modern-plan-btn):not(.pricing-modern-cta-btn):not(.faq-redesign-support-btn):not(.sw-listrow__title):not([class*="-primary"]):not([class*="-cta"])),
body.dark-mode.nedate-ui-standard :is(a:not([class*="btn"]):not(.nav-link-glass):not(.sb-link):not(.sb-sub-link):not(.dropdown-item):not(.skip-link):not(.pricing-login-primary):not(.welcome-modern-plan-button):not(.welcome-modern-action-primary):not(.pricing-modern-plan-btn):not(.pricing-modern-cta-btn):not(.faq-redesign-support-btn):not(.sw-listrow__title):not([class*="-primary"]):not([class*="-cta"])) {
  color: color-mix(in srgb, var(--nd-final-primary) 75%, #ffffff 25%) !important;
}

/* Tables. */
html[data-theme="dark"] body.nedate-ui-standard :is(.table, table),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.table, table),
body.dark-mode.nedate-ui-standard :is(.table, table) {
  --bs-table-bg: transparent !important;
  --bs-table-color: var(--nd-final-text) !important;
  --bs-table-border-color: var(--nd-final-border) !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.table-responsive, .nedate-table-responsive, .nedate-admin-table-responsive),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.table-responsive, .nedate-table-responsive, .nedate-admin-table-responsive),
body.dark-mode.nedate-ui-standard :is(.table-responsive, .nedate-table-responsive, .nedate-admin-table-responsive) {
  background: var(--nd-final-surface) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.table thead th, table thead th),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.table thead th, table thead th),
body.dark-mode.nedate-ui-standard :is(.table thead th, table thead th) {
  background: var(--nd-final-surface-soft) !important;
  color: var(--nd-final-muted) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.table tbody tr, table tbody tr),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.table tbody tr, table tbody tr),
body.dark-mode.nedate-ui-standard :is(.table tbody tr, table tbody tr) {
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.table tbody td, table tbody td),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.table tbody td, table tbody td),
body.dark-mode.nedate-ui-standard :is(.table tbody td, table tbody td) {
  background: transparent !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

/* Forms: includes admin Themes Settings advanced inputs. */
html[data-theme="dark"] body.nedate-ui-standard :is(.form-control, .form-select, textarea, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], input[type="tel"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="file"], .select2-selection),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.form-control, .form-select, textarea, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], input[type="tel"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="file"], .select2-selection),
body.dark-mode.nedate-ui-standard :is(.form-control, .form-select, textarea, input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], input[type="tel"], input[type="date"], input[type="datetime-local"], input[type="time"], input[type="file"], .select2-selection) {
  background-color: var(--nd-final-field-bg) !important;
  color: var(--nd-final-field-text) !important;
  border-color: var(--nd-final-field-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.form-control:focus, .form-select:focus, textarea:focus, input:focus, .select2-selection:focus),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.form-control:focus, .form-select:focus, textarea:focus, input:focus, .select2-selection:focus),
body.dark-mode.nedate-ui-standard :is(.form-control:focus, .form-select:focus, textarea:focus, input:focus, .select2-selection:focus) {
  border-color: color-mix(in srgb, var(--nd-final-primary) 70%, var(--nd-final-field-border)) !important;
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--nd-final-primary) 18%, transparent) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .form-control::placeholder,
html[data-theme="dark"] body.nedate-ui-standard textarea::placeholder,
html[data-theme="dark"] body.nedate-ui-standard input::placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard .form-control::placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard textarea::placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard input::placeholder,
body.dark-mode.nedate-ui-standard .form-control::placeholder,
body.dark-mode.nedate-ui-standard textarea::placeholder,
body.dark-mode.nedate-ui-standard input::placeholder {
  color: color-mix(in srgb, var(--nd-final-muted) 78%, transparent) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.form-check-input, input[type="checkbox"], input[type="radio"]),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.form-check-input, input[type="checkbox"], input[type="radio"]),
body.dark-mode.nedate-ui-standard :is(.form-check-input, input[type="checkbox"], input[type="radio"]) {
  background-color: var(--nd-final-field-bg) !important;
  border-color: var(--nd-final-field-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.form-check-input:checked, input[type="checkbox"]:checked, input[type="radio"]:checked),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.form-check-input:checked, input[type="checkbox"]:checked, input[type="radio"]:checked),
body.dark-mode.nedate-ui-standard :is(.form-check-input:checked, input[type="checkbox"]:checked, input[type="radio"]:checked) {
  background-color: var(--nd-final-primary) !important;
  border-color: var(--nd-final-primary) !important;
}

html[data-theme="dark"] body.nedate-ui-standard input[type="color"],
html[data-bs-theme="dark"] body.nedate-ui-standard input[type="color"],
body.dark-mode.nedate-ui-standard input[type="color"] {
  background-color: var(--nd-final-field-bg) !important;
  border-color: var(--nd-final-field-border) !important;
}

/* Nav tabs/pills and admin settings panels. */
html[data-theme="dark"] body.nedate-ui-standard :is(.nav-tabs, .nav-pills, .nav-tabs-modern),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.nav-tabs, .nav-pills, .nav-tabs-modern),
body.dark-mode.nedate-ui-standard :is(.nav-tabs, .nav-pills, .nav-tabs-modern) {
  background: var(--nd-final-surface) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.nav-tabs .nav-link, .nav-pills .nav-link .nav-link, .nav-tabs-modern .nav-link),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.nav-tabs .nav-link, .nav-pills .nav-link .nav-link, .nav-tabs-modern .nav-link),
body.dark-mode.nedate-ui-standard :is(.nav-tabs .nav-link, .nav-pills .nav-link .nav-link, .nav-tabs-modern .nav-link) {
  background: transparent !important;
  color: var(--nd-final-text) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.nav-tabs .nav-link:hover, .nav-pills .nav-link:hover .nav-link:hover, .nav-tabs-modern .nav-link:hover),
html[data-theme="dark"] body.nedate-ui-standard :is(.nav-tabs .nav-link.active, .nav-pills .nav-link.active .nav-link.active, .nav-tabs-modern .nav-link.active),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.nav-tabs .nav-link:hover, .nav-pills .nav-link:hover .nav-link:hover, .nav-tabs-modern .nav-link:hover),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.nav-tabs .nav-link.active, .nav-pills .nav-link.active .nav-link.active, .nav-tabs-modern .nav-link.active),
body.dark-mode.nedate-ui-standard :is(.nav-tabs .nav-link:hover, .nav-pills .nav-link:hover .nav-link:hover, .nav-tabs-modern .nav-link:hover),
body.dark-mode.nedate-ui-standard :is(.nav-tabs .nav-link.active, .nav-pills .nav-link.active .nav-link.active, .nav-tabs-modern .nav-link.active) {
  background: color-mix(in srgb, var(--nd-final-primary) 20%, transparent) !important;
  color: #ffffff !important;
  border-color: color-mix(in srgb, var(--nd-final-primary) 48%, var(--nd-final-border)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.tab-content, .tab-pane, .settings-panel, .settings-section, .theme-settings-panel, .preview-strip),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.tab-content, .tab-pane, .settings-panel, .settings-section, .theme-settings-panel, .preview-strip),
body.dark-mode.nedate-ui-standard :is(.tab-content, .tab-pane, .settings-panel, .settings-section, .theme-settings-panel, .preview-strip) {
  background: transparent !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

/* Themes Settings: remove its private palette from the visual language. */




/* Buttons, badges, alerts. */
html[data-theme="dark"] body.nedate-ui-standard :is(.btn-outline-secondary, .btn-outline-dark, .btn-light),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.btn-outline-secondary, .btn-outline-dark, .btn-light),
body.dark-mode.nedate-ui-standard :is(.btn-outline-secondary, .btn-outline-dark, .btn-light) {
  background: transparent !important;
  color: var(--nd-final-heading) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.btn-outline-secondary:hover, .btn-outline-dark:hover, .btn-light:hover),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.btn-outline-secondary:hover, .btn-outline-dark:hover, .btn-light:hover),
body.dark-mode.nedate-ui-standard :is(.btn-outline-secondary:hover, .btn-outline-dark:hover, .btn-light:hover) {
  background: color-mix(in srgb, var(--nd-final-primary) 18%, transparent) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.badge:not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-primary), .nedate-admin-badge),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.badge:not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-primary), .nedate-admin-badge),
body.dark-mode.nedate-ui-standard :is(.badge:not(.bg-success):not(.bg-danger):not(.bg-warning):not(.bg-info):not(.bg-primary), .nedate-admin-badge) {
  background: color-mix(in srgb, var(--nd-final-surface-soft) 85%, transparent) !important;
  color: var(--nd-final-heading) !important;
  border-color: var(--nd-final-border) !important;
}

/* Do not let Bootstrap white utility classes punch holes in dark pages. */
html[data-theme="dark"] body.nedate-ui-standard :is(.bg-body, .bg-body-tertiary, .bg-light-subtle, .border-light-subtle),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.bg-body, .bg-body-tertiary, .bg-light-subtle, .border-light-subtle),
body.dark-mode.nedate-ui-standard :is(.bg-body, .bg-body-tertiary, .bg-light-subtle, .border-light-subtle) {
  background-color: var(--nd-final-surface) !important;
  border-color: var(--nd-final-border) !important;
  color: var(--nd-final-text) !important;
}
/* === END NEDATE FINAL COMPLETE DARK MODE + LEGACY ADMIN NORMALIZER === */


/* ========================================================================
   NEDATE FINAL USER DARK SIDEBAR NORMALIZER
   ------------------------------------------------------------------------
   The admin sidebar was already correct. This last, high-specificity user
   block forces the user sidebar/drawer to use the same dark tokens and
   overrides legacy page-specific light sidebar rules.
   ======================================================================== */
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb),
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) {
  --theme-sidebar-bg: var(--nd-final-sidebar-bg) !important;
  --theme-sidebar-text: var(--nd-final-sidebar-text) !important;
  --theme-sidebar-panel-header-bg: var(--nd-final-sidebar-panel-bg) !important;
  --theme-sidebar-panel-header-title: var(--nd-final-sidebar-text) !important;
  --theme-sidebar-panel-header-icon: var(--nd-final-sidebar-muted) !important;
  --sb-bg: var(--nd-final-sidebar-bg) !important;
  --sb-text: var(--nd-final-sidebar-text) !important;
  --sb-text-hover: #ffffff !important;
  --sb-border: var(--nd-final-border) !important;
  --sb-hover-bg: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 12%, transparent) !important;
  --sb-active-bg: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 24%, transparent) !important;
  background: var(--nd-final-sidebar-bg) !important;
  color: var(--nd-final-sidebar-text) !important;
  border-color: var(--nd-final-border) !important;
  box-shadow: 0 22px 54px rgba(0, 0, 0, .38) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-scroller, .sb-body, .sb-menu, .sb-section),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-scroller, .sb-body, .sb-menu, .sb-section),
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-scroller, .sb-body, .sb-menu, .sb-section) {
  background: var(--nd-final-sidebar-bg) !important;
  color: var(--nd-final-sidebar-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-panel-header,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-panel-header,
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-panel-header {
  background: var(--nd-final-sidebar-panel-bg) !important;
  color: var(--nd-final-sidebar-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-panel-title, .sb-panel-btn, .sb-link, .sb-sub-link, .sb-text, .main-icon, .sb-arrow, i, svg),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-panel-title, .sb-panel-btn, .sb-link, .sb-sub-link, .sb-text, .main-icon, .sb-arrow, i, svg),
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-panel-title, .sb-panel-btn, .sb-link, .sb-sub-link, .sb-text, .main-icon, .sb-arrow, i, svg) {
  color: var(--nd-final-sidebar-text) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-section-cap, .sb-pro-copy span, .sb-panel-title::before),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-section-cap, .sb-pro-copy span, .sb-panel-title::before),
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-section-cap, .sb-pro-copy span, .sb-panel-title::before) {
  color: var(--nd-final-sidebar-muted) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-link,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-link,
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-link {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--nd-final-sidebar-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-link:hover, .sb-link:focus, .sb-panel-btn:hover, .sb-panel-btn:focus),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-link:hover, .sb-link:focus, .sb-panel-btn:hover, .sb-panel-btn:focus),
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-link:hover, .sb-link:focus, .sb-panel-btn:hover, .sb-panel-btn:focus) {
  background: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 14%, transparent) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-link.active, .sb-sub-link.active),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-link.active, .sb-sub-link.active),
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-link.active, .sb-sub-link.active) {
  background: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 22%, transparent) !important;
  color: #ffffff !important;
  border-color: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 48%, transparent) !important;
  box-shadow: inset 3px 0 0 var(--nd-final-primary, var(--theme-primary, #e61a0a)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-link:hover, .sb-link:focus, .sb-link.active, .sb-sub-link.active) :is(.sb-text, .main-icon, i, svg),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-link:hover, .sb-link:focus, .sb-link.active, .sb-sub-link.active) :is(.sb-text, .main-icon, i, svg),
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-link:hover, .sb-link:focus, .sb-link.active, .sb-sub-link.active) :is(.sb-text, .main-icon, i, svg) {
  color: #ffffff !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-divider, hr),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-divider, hr),
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) :is(.sb-divider, hr) {
  background: var(--nd-final-border) !important;
  border-color: var(--nd-final-border) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-pro-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-pro-card,
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-pro-card {
  background: color-mix(in srgb, var(--nd-final-sidebar-bg) 78%, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 8%) !important;
  border: 1px solid var(--nd-final-border) !important;
  color: var(--nd-final-sidebar-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-pro-icon,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-pro-icon,
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-pro-icon {
  background: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 16%, transparent) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-pro-button,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-pro-button,
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.adm-sidebar, .drawer-sb) .sb-pro-button {
  background: var(--nd-final-primary, var(--theme-primary, #e61a0a)) !important;
  border-color: var(--nd-final-primary, var(--theme-primary, #e61a0a)) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.drawer-overlay),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui :is(.drawer-overlay),
body.dark-mode.nedate-ui-standard.nedate-user-ui :is(.drawer-overlay) {
  background: rgba(2, 6, 23, .72) !important;
}
/* === END NEDATE FINAL USER DARK SIDEBAR NORMALIZER === */

/* ========================================================================
   NEDATE FINAL UNIVERSAL SIDEBAR ICON NORMALIZER
   ------------------------------------------------------------------------
   One rule-set for BOTH user and admin sidebars. This intentionally has
   higher specificity than nedate-page-system.css legacy rules such as:
   body.nedate-ui-standard .adm-sidebar.expanded .sb-link i.main-icon.
   Change the variables below once and both sidebars follow.
   ======================================================================== */
:root {
  --nd-shell-sidebar-icon: var(--nd-final-sidebar-text, #14274a);
  --nd-shell-sidebar-icon-muted: var(--nd-final-sidebar-muted, #8a97ad);
  --nd-shell-sidebar-icon-active: var(--nd-final-primary, var(--theme-primary, #e61a0a));
}

html[data-theme="dark"],
html[data-bs-theme="dark"],
body.dark-mode {
  --nd-shell-sidebar-icon: var(--nd-final-sidebar-text, #e5e7eb);
  --nd-shell-sidebar-icon-muted: var(--nd-final-sidebar-muted, rgba(229, 231, 235, .68));
  --nd-shell-sidebar-icon-active: #ffffff;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link, .sb-sub-link, .sb-panel-btn),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link, .sb-sub-link, .sb-panel-btn),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link, .sb-sub-link, .sb-panel-btn) {
  color: var(--nd-final-sidebar-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar.expanded .sb-link i.main-icon,
html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar.collapsed .sb-link i.main-icon,
html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link :is(i.main-icon, i.bi, .bi, svg),
html[data-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link :is(i.main-icon, i.bi, .bi, svg),
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar.expanded .sb-link i.main-icon,
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar.collapsed .sb-link i.main-icon,
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link :is(i.main-icon, i.bi, .bi, svg),
html[data-bs-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link :is(i.main-icon, i.bi, .bi, svg),
body.dark-mode.nedate-ui-standard .adm-sidebar.expanded .sb-link i.main-icon,
body.dark-mode.nedate-ui-standard .adm-sidebar.collapsed .sb-link i.main-icon,
body.dark-mode.nedate-ui-standard .adm-sidebar .sb-link :is(i.main-icon, i.bi, .bi, svg),
body.dark-mode.nedate-ui-standard .drawer-sb .sb-link :is(i.main-icon, i.bi, .bi, svg) {
  color: var(--nd-shell-sidebar-icon) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar :is(.sb-link:hover, .sb-link:focus, .sb-link.active, .sb-sub-link.active) :is(i.main-icon, i.bi, .bi, svg),
html[data-theme="dark"] body.nedate-ui-standard .drawer-sb :is(.sb-link:hover, .sb-link:focus, .sb-link.active, .sb-sub-link.active) :is(i.main-icon, i.bi, .bi, svg),
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar :is(.sb-link:hover, .sb-link:focus, .sb-link.active, .sb-sub-link.active) :is(i.main-icon, i.bi, .bi, svg),
html[data-bs-theme="dark"] body.nedate-ui-standard .drawer-sb :is(.sb-link:hover, .sb-link:focus, .sb-link.active, .sb-sub-link.active) :is(i.main-icon, i.bi, .bi, svg),
body.dark-mode.nedate-ui-standard .adm-sidebar :is(.sb-link:hover, .sb-link:focus, .sb-link.active, .sb-sub-link.active) :is(i.main-icon, i.bi, .bi, svg),
body.dark-mode.nedate-ui-standard .drawer-sb :is(.sb-link:hover, .sb-link:focus, .sb-link.active, .sb-sub-link.active) :is(i.main-icon, i.bi, .bi, svg) {
  color: var(--nd-shell-sidebar-icon-active) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.bi::before, .bi::after),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.bi::before, .bi::after),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.bi::before, .bi::after) {
  color: inherit !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.sb-section-cap, .sb-panel-title::before),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.sb-section-cap, .sb-panel-title::before),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.sb-section-cap, .sb-panel-title::before) {
  color: var(--nd-shell-sidebar-icon-muted) !important;
  opacity: 1 !important;
}
/* === END NEDATE FINAL UNIVERSAL SIDEBAR ICON NORMALIZER === */

/* ========================================================================
   NEDATE FINAL UNIVERSAL SIDEBAR ICON BASE
   ------------------------------------------------------------------------
   Same icon rules in light and dark. The colors still come from the tokens
   above, so changing one token updates both admin and user sidebars.
   ======================================================================== */
body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb, .app-sidebar, .sidebar) :is(.sb-link, .sb-sub-link, .sb-panel-btn) {
  color: var(--nd-final-sidebar-text) !important;
}

body.nedate-ui-standard .adm-sidebar.expanded .sb-link i.main-icon,
body.nedate-ui-standard .adm-sidebar.collapsed .sb-link i.main-icon,
body.nedate-ui-standard .adm-sidebar .sb-link :is(i.main-icon, i.bi, .bi, svg),
body.nedate-ui-standard .drawer-sb .sb-link :is(i.main-icon, i.bi, .bi, svg) {
  color: var(--nd-shell-sidebar-icon) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
  filter: none !important;
}

body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.sb-link:hover, .sb-link:focus, .sb-link.active, .sb-sub-link:hover, .sb-sub-link.active) :is(i.main-icon, i.bi, .bi, svg),
body.nedate-ui-standard .adm-sidebar.expanded :is(.sb-link:hover, .sb-link.active) i.main-icon,
body.nedate-ui-standard .adm-sidebar.collapsed :is(.sb-link:hover, .sb-link.active) i.main-icon {
  color: var(--nd-shell-sidebar-icon-active) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.bi::before, .bi::after) {
  color: inherit !important;
  opacity: 1 !important;
}
/* === END NEDATE FINAL UNIVERSAL SIDEBAR ICON BASE === */

/* ========================================================================
   NEDATE FINAL UNIVERSAL DARK READABILITY NORMALIZER
   ------------------------------------------------------------------------
   Last shared dark-mode pass for BOTH user and admin Blade pages.
   It fixes right sidebars, helper panels, summary cards and legacy Blade
   text colors that still used page-specific navy/muted tokens.

   Change only these tokens and every user/admin sidebar follows:
   --nd-readable-heading / --nd-readable-text / --nd-readable-muted
   --nd-readable-surface / --nd-readable-surface-soft / --nd-readable-border
   ======================================================================== */
:root {
  --nd-readable-heading: var(--nd-final-heading, #14274a);
  --nd-readable-text: var(--nd-final-text, #41516a);
  --nd-readable-muted: var(--nd-final-muted, #728198);
  --nd-readable-surface: var(--nd-final-surface, #ffffff);
  --nd-readable-surface-soft: var(--nd-final-surface-soft, #f8fafc);
  --nd-readable-border: var(--nd-final-border, rgba(20, 39, 74, .12));
  --nd-readable-accent: var(--nd-final-primary, var(--theme-primary, #e61a0a));
}

html[data-theme="dark"],
html[data-bs-theme="dark"],
body.dark-mode {
  --nd-readable-heading: #f8fafc;
  --nd-readable-text: rgba(248, 250, 252, .88);
  --nd-readable-muted: rgba(203, 213, 225, .76);
  --nd-readable-surface: var(--nd-final-surface, #111827);
  --nd-readable-surface-soft: color-mix(in srgb, var(--nd-final-surface, #111827) 82%, #020617 18%);
  --nd-readable-border: var(--nd-final-border, rgba(148, 163, 184, .22));
  --nd-readable-accent: var(--nd-final-primary, var(--theme-primary, #e61a0a));
}

/* Rebind old page-specific light tokens used by shipping/user pages. */
html[data-theme="dark"] body.nedate-ui-standard,
html[data-bs-theme="dark"] body.nedate-ui-standard,
body.dark-mode.nedate-ui-standard {
  --ship-navy: var(--nd-readable-heading) !important;
  --ship-muted: var(--nd-readable-muted) !important;
  --ship-border: var(--nd-readable-border) !important;
  --pro-text-main: var(--nd-readable-text) !important;
  --pro-text-muted: var(--nd-readable-muted) !important;
  --spedire-text: var(--nd-readable-text) !important;
  --spedire-border: var(--nd-readable-border) !important;
  --returns-ink: var(--nd-readable-heading) !important;
  --returns-muted: var(--nd-readable-muted) !important;
  --returns-border: var(--nd-readable-border) !important;
  --support-ink: var(--nd-readable-heading) !important;
  --support-muted: var(--nd-readable-muted) !important;
  --support-border: var(--nd-readable-border) !important;
  --shipments-ink: var(--nd-readable-heading) !important;
  --shipments-muted: var(--nd-readable-muted) !important;
  --imports-ink: var(--nd-readable-heading) !important;
  --imports-muted: var(--nd-readable-muted) !important;
  --wallet-ink: var(--nd-readable-heading) !important;
  --wallet-muted: var(--nd-readable-muted) !important;
  --notifications-ink: var(--nd-readable-heading) !important;
  --notifications-muted: var(--nd-readable-muted) !important;
  --dark-slate-color: var(--nd-readable-heading) !important;
}

/* Panels/cards that often live on the right side of user/admin pages. */
html[data-theme="dark"] body.nedate-ui-standard :is(
  .shipping-summary-column .card,
  .sticky-summary.card,
  .shipping-help-card,
  .shipping-secure-card,
  .mobile-summary-sheet .sheet-panel,
  .returns-info-card,
  .returns-help-card,
  .returns-requests-card,
  .support-side-card,
  .support-list-card,
  .shipment-side-card,
  .shipment-summary-card,
  .shipment-actions-card,
  .shipment-status-card,
  .shipment-summary-panel,
  .stock-side-card,
  .stock-shipment-summary,
  .user-courier-side-card,
  .woocommerce-side-card,
  .tracking-preview-sidebar,
  .wallet-stat-card,
  .wallet-summary-card,
  .wallet-recharge-card,
  .user-api-side-card,
  .api-side-card,
  .claim-side-card,
  .billing-side-card,
  .admin-side-card,
  .nedate-section-card,
  .nd-section-card,
  .nd-card,
  .card
),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(
  .shipping-summary-column .card,
  .sticky-summary.card,
  .shipping-help-card,
  .shipping-secure-card,
  .mobile-summary-sheet .sheet-panel,
  .returns-info-card,
  .returns-help-card,
  .returns-requests-card,
  .support-side-card,
  .support-list-card,
  .shipment-side-card,
  .shipment-summary-card,
  .shipment-actions-card,
  .shipment-status-card,
  .shipment-summary-panel,
  .stock-side-card,
  .stock-shipment-summary,
  .user-courier-side-card,
  .woocommerce-side-card,
  .tracking-preview-sidebar,
  .wallet-stat-card,
  .wallet-summary-card,
  .wallet-recharge-card,
  .user-api-side-card,
  .api-side-card,
  .claim-side-card,
  .billing-side-card,
  .admin-side-card,
  .nedate-section-card,
  .nd-section-card,
  .nd-card,
  .card
),
body.dark-mode.nedate-ui-standard :is(
  .shipping-summary-column .card,
  .sticky-summary.card,
  .shipping-help-card,
  .shipping-secure-card,
  .mobile-summary-sheet .sheet-panel,
  .returns-info-card,
  .returns-help-card,
  .returns-requests-card,
  .support-side-card,
  .support-list-card,
  .shipment-side-card,
  .shipment-summary-card,
  .shipment-actions-card,
  .shipment-status-card,
  .shipment-summary-panel,
  .stock-side-card,
  .stock-shipment-summary,
  .user-courier-side-card,
  .woocommerce-side-card,
  .tracking-preview-sidebar,
  .wallet-stat-card,
  .wallet-summary-card,
  .wallet-recharge-card,
  .user-api-side-card,
  .api-side-card,
  .claim-side-card,
  .billing-side-card,
  .admin-side-card,
  .nedate-section-card,
  .nd-section-card,
  .nd-card,
  .card
) {
  background: var(--nd-readable-surface) !important;
  border-color: var(--nd-readable-border) !important;
  color: var(--nd-readable-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.card-header, .card-footer, .nd-card-header, .nedate-card-header),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.card-header, .card-footer, .nd-card-header, .nedate-card-header),
body.dark-mode.nedate-ui-standard :is(.card-header, .card-footer, .nd-card-header, .nedate-card-header) {
  background: var(--nd-readable-surface-soft) !important;
  border-color: var(--nd-readable-border) !important;
  color: var(--nd-readable-heading) !important;
}

/* Headings and important labels: never keep old navy on dark panels. */
html[data-theme="dark"] body.nedate-ui-standard :is(
  .shipping-summary-column,
  .shipment-side,
  .stock-release-sidebar,
  .returns-info-card,
  .returns-help-card,
  .support-side-card,
  .tracking-preview-sidebar,
  .nedate-section-card,
  .nd-card,
  .card
) :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,.fw-bold,.fw-semibold,strong,b,dt,label,.form-label,.card-title,.section-title,.text-dark,.text-dark-slate,.text-body),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(
  .shipping-summary-column,
  .shipment-side,
  .stock-release-sidebar,
  .returns-info-card,
  .returns-help-card,
  .support-side-card,
  .tracking-preview-sidebar,
  .nedate-section-card,
  .nd-card,
  .card
) :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,.fw-bold,.fw-semibold,strong,b,dt,label,.form-label,.card-title,.section-title,.text-dark,.text-dark-slate,.text-body),
body.dark-mode.nedate-ui-standard :is(
  .shipping-summary-column,
  .shipment-side,
  .stock-release-sidebar,
  .returns-info-card,
  .returns-help-card,
  .support-side-card,
  .tracking-preview-sidebar,
  .nedate-section-card,
  .nd-card,
  .card
) :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.display-1,.display-2,.display-3,.display-4,.display-5,.display-6,.fw-bold,.fw-semibold,strong,b,dt,label,.form-label,.card-title,.section-title,.text-dark,.text-dark-slate,.text-body) {
  color: var(--nd-readable-heading) !important;
}

/* Descriptions, list items and summaries: use readable muted, not the legacy blue. */
html[data-theme="dark"] body.nedate-ui-standard :is(
  .shipping-summary-column,
  .shipment-side,
  .stock-release-sidebar,
  .returns-info-card,
  .returns-help-card,
  .support-side-card,
  .tracking-preview-sidebar,
  .nedate-section-card,
  .nd-card,
  .card
) :is(p,li,dd,small,.small,.text-muted,.text-secondary,.card-sub,.summary,.summary_empty,.shipping-summary-lines,.form-text,.help-text,.description,.subtitle),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(
  .shipping-summary-column,
  .shipment-side,
  .stock-release-sidebar,
  .returns-info-card,
  .returns-help-card,
  .support-side-card,
  .tracking-preview-sidebar,
  .nedate-section-card,
  .nd-card,
  .card
) :is(p,li,dd,small,.small,.text-muted,.text-secondary,.card-sub,.summary,.summary_empty,.shipping-summary-lines,.form-text,.help-text,.description,.subtitle),
body.dark-mode.nedate-ui-standard :is(
  .shipping-summary-column,
  .shipment-side,
  .stock-release-sidebar,
  .returns-info-card,
  .returns-help-card,
  .support-side-card,
  .tracking-preview-sidebar,
  .nedate-section-card,
  .nd-card,
  .card
) :is(p,li,dd,small,.small,.text-muted,.text-secondary,.card-sub,.summary,.summary_empty,.shipping-summary-lines,.form-text,.help-text,.description,.subtitle) {
  color: var(--nd-readable-muted) !important;
}

/* Shipping right column exact fixes. */
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .shipping-summary-column :is(.shipping-help-card li, .shipping-help-card h3, .shipping-secure-card h3, .estimated_total .fw-semibold),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .shipping-summary-column :is(.shipping-help-card li, .shipping-help-card h3, .shipping-secure-card h3, .estimated_total .fw-semibold),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .shipping-summary-column :is(.shipping-help-card li, .shipping-help-card h3, .shipping-secure-card h3, .estimated_total .fw-semibold) {
  color: var(--nd-readable-heading) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .shipping-summary-column :is(.shipping-summary-lines dt, .shipping-summary-lines dd, .shipping-secure-card p, .summary_empty, .summary_empty *),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .shipping-summary-column :is(.shipping-summary-lines dt, .shipping-summary-lines dd, .shipping-secure-card p, .summary_empty, .summary_empty *),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .shipping-summary-column :is(.shipping-summary-lines dt, .shipping-summary-lines dd, .shipping-secure-card p, .summary_empty, .summary_empty *) {
  color: var(--nd-readable-muted) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .shipping-summary-empty-box,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .shipping-summary-empty-box,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .shipping-summary-empty-box {
  /* in chiaro l'avviso e' ormai piatto: anche qui niente riempimento colorato
     dentro la card del riepilogo, solo il filo. */
  background: transparent !important;
  border: 1px solid var(--sw-line) !important;
  color: var(--sw-muted) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .shipping-help-card li::before,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .shipping-help-card li::before,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .shipping-help-card li::before {
  color: #ffffff !important;
  background: color-mix(in srgb, var(--nd-readable-accent) 38%, transparent) !important;
}

/* Keep semantic colors readable and intentional.
   Same exclusion set as the link rule above: `a:not(.btn)` alone also repainted
   link-buttons and the a11y skip link (white-on-red by design) with this accent,
   dropping them to ~2:1 contrast.

   `.sw-listrow__title` sta nella lista per lo stesso motivo: quando il titolo
   di una riga e' un collegamento — il nome del corriere in /admin/couriers —
   resta il titolo della riga, e in tema scuro diventava rosa. */
html[data-theme="dark"] body.nedate-ui-standard :is(.text-primary,.text-primary-custom,a:not([class*="btn"]):not(.skip-link):not(.sw-listrow__title)),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.text-primary,.text-primary-custom,a:not([class*="btn"]):not(.skip-link):not(.sw-listrow__title)),
body.dark-mode.nedate-ui-standard :is(.text-primary,.text-primary-custom,a:not([class*="btn"]):not(.skip-link):not(.sw-listrow__title)) {
  color: color-mix(in srgb, var(--nd-readable-accent) 72%, #ffffff 28%) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.btn,.badge,.alert,.dropdown-item),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.btn,.badge,.alert,.dropdown-item),
body.dark-mode.nedate-ui-standard :is(.btn,.badge,.alert,.dropdown-item) {
  color: inherit;
}
/* === END NEDATE FINAL UNIVERSAL DARK READABILITY NORMALIZER === */

/* Final accent restore for branded shipping side headings after readability pass. */
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .shipping-summary-column .sticky-summary .display-6,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .shipping-summary-column .sticky-summary .display-6,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .shipping-summary-column .sticky-summary .display-6 {
  color: var(--nd-readable-accent) !important;
}

/* ======================================================================
   NEDATE DEEPSCAN FINAL 2026-06-06
   Public + legal + footer dark-mode normalizer
   ----------------------------------------------------------------------
   This block is intentionally LAST. It fixes every remaining public/legal
   blade that still had page-specific colors, white panels, custom footer
   links, or low-contrast text in dark mode. Edit the tokens here once to
   update /, /tracking, /faq, /pricing, /contact-us, /privacy, /terms and
   /cookie consistently.
   ====================================================================== */
:root {
  --nd-public-shell-bg: var(--nd-brand-public-bg);
  --nd-public-shell-text: var(--nd-brand-heading);
  --nd-public-shell-muted: var(--nd-brand-muted);
  --nd-public-shell-surface: rgba(255, 255, 255, .92);
  --nd-public-shell-surface-soft: rgba(255, 255, 255, .78);
  --nd-public-shell-border: var(--nd-brand-border);
  --nd-public-shell-shadow: var(--nd-brand-shadow-soft);
  --nd-public-shell-hero-bg: radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--nd-brand-primary) 16%, transparent), transparent 33%), linear-gradient(135deg, #ffffff 0%, #ffffff 58%, var(--nd-brand-primary-soft) 100%);
  --nd-legal-shell-bg: var(--nd-app-shell-bg);
  --nd-legal-shell-text: var(--nd-brand-heading);
  --nd-legal-shell-muted: var(--nd-brand-muted);
  --nd-legal-shell-surface: var(--nd-brand-surface);
  --nd-legal-shell-border: var(--nd-brand-border);
  --nd-footer-shell-bg: #0f172a;
  --nd-footer-shell-surface: rgba(255, 255, 255, .06);
  --nd-footer-shell-text: #f8fafc;
  --nd-footer-shell-muted: #b6c0cf;
  --nd-footer-shell-border: rgba(255, 255, 255, .12);
}

html[data-theme="dark"] {
  /* sw-flat-dark-shell */
  --nd-public-shell-bg: #0f172a;
  --nd-public-shell-text: var(--nd-dark-heading, #f8fafc);
  --nd-public-shell-muted: color-mix(in srgb, var(--nd-dark-muted, #94a3b8) 86%, #ffffff 14%);
  --nd-public-shell-surface: color-mix(in srgb, var(--nd-dark-surface, #111827) 92%, #ffffff 8%);
  --nd-public-shell-surface-soft: color-mix(in srgb, var(--nd-dark-surface-soft, #0f1a2d) 92%, #ffffff 8%);
  --nd-public-shell-border: color-mix(in srgb, var(--nd-dark-border, #263447) 78%, #ffffff 22%);
  --nd-public-shell-shadow: 0 18px 45px rgba(0, 0, 0, .28);
  /* sw-flat-dark-shell */
  --nd-public-shell-hero-bg: #111827;
  --nd-legal-shell-bg: var(--nd-app-shell-bg);
  --nd-legal-shell-text: var(--nd-public-shell-text);
  --nd-legal-shell-muted: var(--nd-public-shell-muted);
  --nd-legal-shell-surface: var(--nd-public-shell-surface);
  --nd-legal-shell-border: var(--nd-public-shell-border);
  --nd-footer-shell-bg: #0b1220;
  --nd-footer-shell-surface: rgba(255, 255, 255, .055);
  --nd-footer-shell-text: #f8fafc;
  --nd-footer-shell-muted: #aab7c8;
  --nd-footer-shell-border: rgba(148, 163, 184, .20);
}

/* Public routes must use one background and not their own light page canvas. */
html[data-theme="dark"] body.nedate-ui-standard.nedate-marketing-standard,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-marketing-standard,
body.dark-mode.nedate-ui-standard.nedate-marketing-standard,
html[data-theme="dark"] body.nedate-ui-standard:has(.nedate-public-page),
html[data-bs-theme="dark"] body.nedate-ui-standard:has(.nedate-public-page),
body.dark-mode.nedate-ui-standard:has(.nedate-public-page) {
  background: var(--nd-public-shell-bg) !important;
  color: var(--nd-public-shell-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-marketing-standard :is(#scene,#app3d,main,.content-with-navbar,.nedate-public-page,.welcome-modern-page,.tracking-page-shell,.faq-modern-page,.pricing-modern-page,.contact-modern-page),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-marketing-standard :is(#scene,#app3d,main,.content-with-navbar,.nedate-public-page,.welcome-modern-page,.tracking-page-shell,.faq-modern-page,.pricing-modern-page,.contact-modern-page),
body.dark-mode.nedate-ui-standard.nedate-marketing-standard :is(#scene,#app3d,main,.content-with-navbar,.nedate-public-page,.welcome-modern-page,.tracking-page-shell,.faq-modern-page,.pricing-modern-page,.contact-modern-page) {
  background: transparent !important;
  background-color: transparent !important;
  color: var(--nd-public-shell-text) !important;
}

/* Public hero sections: one dark surface, same text rhythm, no white/grey leftovers. */
html[data-theme="dark"] body.nedate-ui-standard :is(.welcome-modern-hero,.tracking-hero-modern,.faq-modern-hero,.faq-redesign-hero,.pricing-modern-hero,.contact-modern-hero),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.welcome-modern-hero,.tracking-hero-modern,.faq-modern-hero,.faq-redesign-hero,.pricing-modern-hero,.contact-modern-hero),
body.dark-mode.nedate-ui-standard :is(.welcome-modern-hero,.tracking-hero-modern,.faq-modern-hero,.faq-redesign-hero,.pricing-modern-hero,.contact-modern-hero) {
  background: transparent !important;
  color: var(--nd-public-shell-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.faq-modern-title,.faq-redesign-title,.pricing-modern-title,.tracking-modern-title,.tracking-hero-title,.contact-modern-title,.welcome-modern-title,.landing-title,.contact-modern-title-line,.tracking-modern-title-line),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.faq-modern-title,.faq-redesign-title,.pricing-modern-title,.tracking-modern-title,.tracking-hero-title,.contact-modern-title,.welcome-modern-title,.landing-title,.contact-modern-title-line,.tracking-modern-title-line),
body.dark-mode.nedate-ui-standard :is(.faq-modern-title,.faq-redesign-title,.pricing-modern-title,.tracking-modern-title,.tracking-hero-title,.contact-modern-title,.welcome-modern-title,.landing-title,.contact-modern-title-line,.tracking-modern-title-line) {
  color: var(--nd-public-shell-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.pricing-modern-subtitle,.faq-redesign-subtitle,.tracking-modern-subtitle,.tracking-hero-subtitle,.contact-modern-page p,.welcome-modern-page p,.landing-subtitle,.tracking-page-meta span),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.pricing-modern-subtitle,.faq-redesign-subtitle,.tracking-modern-subtitle,.tracking-hero-subtitle,.contact-modern-page p,.welcome-modern-page p,.landing-subtitle,.tracking-page-meta span),
body.dark-mode.nedate-ui-standard :is(.pricing-modern-subtitle,.faq-redesign-subtitle,.tracking-modern-subtitle,.tracking-hero-subtitle,.contact-modern-page p,.welcome-modern-page p,.landing-subtitle,.tracking-page-meta span) {
  color: var(--nd-public-shell-muted) !important;
}

/* Every public card/panel/sidebar reads from the same tokens. */
html[data-theme="dark"] body.nedate-ui-standard :is(
  .tracking-search-card,.tracking-benefit,.tracking-preview-panel,.tracking-side-card,
  .faq-redesign-search-card,.faq-redesign-knowledge-card,.faq-redesign-list-card,.faq-redesign-support-card,.faq-redesign-stats-card,.faq-redesign-category-link,.faq-redesign-item,.faq-modern-item,.faq-modern-panel-card,.faq-modern-stat-card,.faq-modern-action-card,
  .pricing-modern-hero__panel,.pricing-modern-card,.pricing-modern-strip-item,.pricing-modern-dashboard-preview,.pricing-modern-dashboard-main,.pricing-modern-dashboard-stats,.pricing-modern-dashboard-list,.pricing-modern-cta,.pricing-modern-faq,.pricing-modern-alert,
  .contact-modern-quick-card,.contact-modern-info-panel,.contact-modern-info-card,.contact-modern-form-card,.contact-modern-mini-card,.contact-modern-topic-chip,
  .welcome-modern-hero-tool-card,.welcome-modern-tracking-preview,.welcome-modern-logo-panel,.welcome-modern-stats-strip,.welcome-modern-strip,.welcome-modern-cta,.landing-feature-card,.landing-tool-card,.landing-pricing-card,.landing-cta-banner
  /* .nedate-filter-panel non sta qui: non e' una card pubblica ma il
     contenitore di un modulo, e in chiaro e' gia' trasparente. Con la
     superficie scura addosso dipingeva un pannello dietro le card di
     /spedizioni, e fra una card e l'altra si vedeva come una fascia.

     Per lo stesso motivo e' uscito `.welcome-modern-hero__tool`: e' il guscio
     d'impaginazione della scheda preventivo/tracking in home, non la scheda.
     In chiaro e' trasparente e senza ombra; qui prendeva superficie e ombra e
     ne usciva un secondo pannello **squadrato**, con la sua ombra, dietro una
     scheda dal raggio di 24px — due ombre sovrapposte e gli angoli del guscio
     che spuntavano da sotto quelli tondi della scheda. */
),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(
  .tracking-search-card,.tracking-benefit,.tracking-preview-panel,.tracking-side-card,
  .faq-redesign-search-card,.faq-redesign-knowledge-card,.faq-redesign-list-card,.faq-redesign-support-card,.faq-redesign-stats-card,.faq-redesign-category-link,.faq-redesign-item,.faq-modern-item,.faq-modern-panel-card,.faq-modern-stat-card,.faq-modern-action-card,
  .pricing-modern-hero__panel,.pricing-modern-card,.pricing-modern-strip-item,.pricing-modern-dashboard-preview,.pricing-modern-dashboard-main,.pricing-modern-dashboard-stats,.pricing-modern-dashboard-list,.pricing-modern-cta,.pricing-modern-faq,.pricing-modern-alert,
  .contact-modern-quick-card,.contact-modern-info-panel,.contact-modern-info-card,.contact-modern-form-card,.contact-modern-mini-card,.contact-modern-topic-chip,
  .welcome-modern-hero-tool-card,.welcome-modern-tracking-preview,.welcome-modern-logo-panel,.welcome-modern-stats-strip,.welcome-modern-strip,.welcome-modern-cta,.landing-feature-card,.landing-tool-card,.landing-pricing-card,.landing-cta-banner
  /* .nedate-filter-panel non sta qui: non e' una card pubblica ma il
     contenitore di un modulo, e in chiaro e' gia' trasparente. Con la
     superficie scura addosso dipingeva un pannello dietro le card di
     /spedizioni, e fra una card e l'altra si vedeva come una fascia.

     Per lo stesso motivo e' uscito `.welcome-modern-hero__tool`: e' il guscio
     d'impaginazione della scheda preventivo/tracking in home, non la scheda.
     In chiaro e' trasparente e senza ombra; qui prendeva superficie e ombra e
     ne usciva un secondo pannello **squadrato**, con la sua ombra, dietro una
     scheda dal raggio di 24px — due ombre sovrapposte e gli angoli del guscio
     che spuntavano da sotto quelli tondi della scheda. */
),
body.dark-mode.nedate-ui-standard :is(
  .tracking-search-card,.tracking-benefit,.tracking-preview-panel,.tracking-side-card,
  .faq-redesign-search-card,.faq-redesign-knowledge-card,.faq-redesign-list-card,.faq-redesign-support-card,.faq-redesign-stats-card,.faq-redesign-category-link,.faq-redesign-item,.faq-modern-item,.faq-modern-panel-card,.faq-modern-stat-card,.faq-modern-action-card,
  .pricing-modern-hero__panel,.pricing-modern-card,.pricing-modern-strip-item,.pricing-modern-dashboard-preview,.pricing-modern-dashboard-main,.pricing-modern-dashboard-stats,.pricing-modern-dashboard-list,.pricing-modern-cta,.pricing-modern-faq,.pricing-modern-alert,
  .contact-modern-quick-card,.contact-modern-info-panel,.contact-modern-info-card,.contact-modern-form-card,.contact-modern-mini-card,.contact-modern-topic-chip,
  .welcome-modern-hero-tool-card,.welcome-modern-tracking-preview,.welcome-modern-logo-panel,.welcome-modern-stats-strip,.welcome-modern-strip,.welcome-modern-cta,.landing-feature-card,.landing-tool-card,.landing-pricing-card,.landing-cta-banner
  /* .nedate-filter-panel non sta qui: non e' una card pubblica ma il
     contenitore di un modulo, e in chiaro e' gia' trasparente. Con la
     superficie scura addosso dipingeva un pannello dietro le card di
     /spedizioni, e fra una card e l'altra si vedeva come una fascia.

     Per lo stesso motivo e' uscito `.welcome-modern-hero__tool`: e' il guscio
     d'impaginazione della scheda preventivo/tracking in home, non la scheda.
     In chiaro e' trasparente e senza ombra; qui prendeva superficie e ombra e
     ne usciva un secondo pannello **squadrato**, con la sua ombra, dietro una
     scheda dal raggio di 24px — due ombre sovrapposte e gli angoli del guscio
     che spuntavano da sotto quelli tondi della scheda. */
) {
  background: var(--nd-public-shell-surface) !important;
  border-color: var(--nd-public-shell-border) !important;
  color: var(--nd-public-shell-text) !important;
  box-shadow: var(--nd-public-shell-shadow) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.tracking-side-card,.pricing-modern-dashboard-preview,.pricing-modern-cta,.contact-modern-form-card,.contact-modern-info-panel,.faq-redesign-knowledge-card),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.tracking-side-card,.pricing-modern-dashboard-preview,.pricing-modern-cta,.contact-modern-form-card,.contact-modern-info-panel,.faq-redesign-knowledge-card),
body.dark-mode.nedate-ui-standard :is(.tracking-side-card,.pricing-modern-dashboard-preview,.pricing-modern-cta,.contact-modern-form-card,.contact-modern-info-panel,.faq-redesign-knowledge-card) {
  background: var(--nd-public-shell-surface-soft) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(h1,h2,h3,h4,h5,h6,strong,b,.fw-bold,.fw-semibold,.card-title,.faq-redesign-card-head,.faq-redesign-list-head,.pricing-modern-plan-name,.contact-modern-kicker,.contact-modern-form-card__header h2,.tracking-status-step strong,.tracking-preview-panel strong),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(h1,h2,h3,h4,h5,h6,strong,b,.fw-bold,.fw-semibold,.card-title,.faq-redesign-card-head,.faq-redesign-list-head,.pricing-modern-plan-name,.contact-modern-kicker,.contact-modern-form-card__header h2,.tracking-status-step strong,.tracking-preview-panel strong),
body.dark-mode.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(h1,h2,h3,h4,h5,h6,strong,b,.fw-bold,.fw-semibold,.card-title,.faq-redesign-card-head,.faq-redesign-list-head,.pricing-modern-plan-name,.contact-modern-kicker,.contact-modern-form-card__header h2,.tracking-status-step strong,.tracking-preview-panel strong) {
  color: var(--nd-public-shell-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(p,li,small,.small,.text-muted,.text-secondary,.faq-modern-answer,.faq-redesign-answer,.faq-redesign-category-copy small,.pricing-modern-plan-desc,.pricing-modern-price-meta,.pricing-modern-setup,.pricing-modern-feature,.contact-modern-quick-copy small,.contact-modern-info-card p,.tracking-status-step span,.tracking-preview-panel p),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(p,li,small,.small,.text-muted,.text-secondary,.faq-modern-answer,.faq-redesign-answer,.faq-redesign-category-copy small,.pricing-modern-plan-desc,.pricing-modern-price-meta,.pricing-modern-setup,.pricing-modern-feature,.contact-modern-quick-copy small,.contact-modern-info-card p,.tracking-status-step span,.tracking-preview-panel p),
body.dark-mode.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(p,li,small,.small,.text-muted,.text-secondary,.faq-modern-answer,.faq-redesign-answer,.faq-redesign-category-copy small,.pricing-modern-plan-desc,.pricing-modern-price-meta,.pricing-modern-setup,.pricing-modern-feature,.contact-modern-quick-copy small,.contact-modern-info-card p,.tracking-status-step span,.tracking-preview-panel p) {
  color: var(--nd-public-shell-muted) !important;
}

/* Public/marketing controls: no more white controls or unreadable placeholders. */
html[data-theme="dark"] body.nedate-ui-standard :is(.tracking-search-input-wrap,.faq-redesign-search-row,.contact-modern-control,.contact-modern-textarea,.contact-modern-form input,.contact-modern-form textarea,.faq-modern-search-input,.faq-redesign-search-input,.pricing-modern-billing,.pricing-modern-billing-wrap),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.tracking-search-input-wrap,.faq-redesign-search-row,.contact-modern-control,.contact-modern-textarea,.contact-modern-form input,.contact-modern-form textarea,.faq-modern-search-input,.faq-redesign-search-input,.pricing-modern-billing,.pricing-modern-billing-wrap),
body.dark-mode.nedate-ui-standard :is(.tracking-search-input-wrap,.faq-redesign-search-row,.contact-modern-control,.contact-modern-textarea,.contact-modern-form input,.contact-modern-form textarea,.faq-modern-search-input,.faq-redesign-search-input,.pricing-modern-billing,.pricing-modern-billing-wrap) {
  background: var(--nd-dark-input-bg, #0b1220) !important;
  border-color: var(--nd-public-shell-border) !important;
  color: var(--nd-public-shell-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.tracking-search-input,.faq-modern-search-input,.faq-redesign-search-input,.contact-modern-control,.contact-modern-textarea)::placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.tracking-search-input,.faq-modern-search-input,.faq-redesign-search-input,.contact-modern-control,.contact-modern-textarea)::placeholder,
body.dark-mode.nedate-ui-standard :is(.tracking-search-input,.faq-modern-search-input,.faq-redesign-search-input,.contact-modern-control,.contact-modern-textarea)::placeholder {
  color: color-mix(in srgb, var(--nd-public-shell-muted) 70%, transparent) !important;
}

/* Legal documents: moved out of Blade inline CSS and into the shared design system. */
body.nedate-ui-standard .legal-page {
  --legal-primary: var(--nd-brand-primary, #ff3028);
  --legal-ink: var(--nd-legal-shell-text);
  --legal-muted: var(--nd-legal-shell-muted);
  --legal-border: var(--nd-legal-shell-border);
  --legal-soft: var(--nd-brand-primary-soft, #fff2f2);
  background: transparent !important;
  color: var(--legal-ink) !important;
  padding-bottom: clamp(3rem, 6vw, 6rem) !important;
}

body.nedate-ui-standard .legal-page__hero {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 2rem !important;
  box-shadow: none !important;
}

body.nedate-ui-standard .legal-page__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  font-size: .75rem;
  font-weight: var(--sw-weight-bold, 700);
  letter-spacing: .08em;
  text-transform: uppercase;
  margin-bottom: .35rem;
  color: var(--nd-brand-primary) !important;
}

body.nedate-ui-standard .legal-page__card {
  background: var(--nd-legal-shell-surface) !important;
  border: 1px solid var(--legal-border) !important;
  border-radius: 24px !important;
  box-shadow: var(--nd-brand-shadow) !important;
  overflow: hidden;
  color: var(--legal-ink) !important;
}

body.nedate-ui-standard .legal-page :is(.text-dark-slate,.text-dark,h1,h2,h3,h4,h5,h6,.fw-bold,.legal-page__body) {
  color: var(--legal-ink) !important;
}

body.nedate-ui-standard .legal-page :is(.text-secondary,.text-muted,p,li,.legal-page__body p,.legal-page__body li) {
  color: var(--legal-muted) !important;
}

body.nedate-ui-standard .legal-page__body {
  line-height: 1.75;
  font-size: .98rem;
}

body.nedate-ui-standard .legal-page__body :is(h1,h2,h3,h4) {
  margin-top: 1.75rem;
  margin-bottom: .75rem;
}

body.nedate-ui-standard .legal-page__empty-icon {
  width: 76px;
  height: 76px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--legal-primary) !important;
  background: color-mix(in srgb, var(--legal-primary) 10%, var(--nd-legal-shell-surface)) !important;
  border: 1px solid color-mix(in srgb, var(--legal-primary) 26%, var(--legal-border)) !important;
  border-radius: 20px;
  font-size: 1.9rem;
}

body.nedate-ui-standard .legal-page__updated {
  border-top: 1px solid var(--legal-border) !important;
}

body.nedate-ui-standard .legal-page :is(.legal-page__link,.legal-page__link-muted,.legal-page__body a) {
  color: color-mix(in srgb, var(--legal-primary) 74%, var(--nd-legal-shell-text) 26%) !important;
}

body.nedate-ui-standard .legal-page .btn {
  border-radius: var(--nd-brand-button-radius, 0) !important;
  font-weight: 700;
}

body.nedate-ui-standard .legal-page .btn-outline-primary-custom,
body.nedate-ui-standard .legal-page .btn-outline-secondary {
  background: var(--nd-legal-shell-surface) !important;
  color: var(--legal-ink) !important;
  border-color: var(--legal-border) !important;
}

body.nedate-ui-standard .legal-page .btn-outline-primary-custom:hover,
body.nedate-ui-standard .legal-page .btn-outline-secondary:hover {
  color: #ffffff !important;
  background: var(--legal-primary) !important;
  border-color: var(--legal-primary) !important;
}

body.nedate-ui-standard .legal-page__nav {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .35rem;
  min-height: 42px;
  padding: .65rem 1rem !important;
  border: 1px solid var(--legal-border) !important;
  border-radius: 999px;
  background: color-mix(in srgb, var(--nd-legal-shell-surface) 86%, transparent) !important;
  box-shadow: var(--nd-brand-shadow-subtle) !important;
}

body.nedate-ui-standard .legal-page__nav a {
  color: color-mix(in srgb, var(--legal-primary) 76%, var(--legal-ink) 24%) !important;
}

@media (max-width: 767.98px) {
  body.nedate-ui-standard .legal-page {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  body.nedate-ui-standard .legal-page__hero {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

@media print {
  body.nedate-ui-standard :is(.navbar,header,footer,.legal-page__nav,.legal-page__actions) {
    display: none !important;
  }
  body.nedate-ui-standard .legal-page {
    min-height: auto !important;
  }
  body.nedate-ui-standard .legal-page__card {
    box-shadow: none !important;
    border: none !important;
  }
}

/* Footer: same component on public, user and admin shells. */
body.nedate-ui-standard .nedate-site-footer.footer-logistics {
  background: var(--nd-footer-shell-bg) !important;
  color: var(--nd-footer-shell-text) !important;
  border-top: 1px solid var(--nd-footer-shell-border) !important;
  box-shadow: 0 -18px 60px rgba(0, 0, 0, .18) !important;
}

body.nedate-ui-standard .nedate-site-footer :is(h1,h2,h3,h4,h5,h6,strong,.nedate-footer-logo) {
  color: var(--nd-footer-shell-text) !important;
}

body.nedate-ui-standard .nedate-site-footer :is(p,small,.nedate-footer-brand p,.nedate-footer-newsletter p,.nedate-footer-consent,.nedate-footer-bottom,.nedate-footer-bottom-actions > span) {
  color: var(--nd-footer-shell-muted) !important;
}

body.nedate-ui-standard .nedate-site-footer :is(.nedate-footer-column a,.nedate-footer-bottom a,.nedate-footer-socials a) {
  color: color-mix(in srgb, var(--nd-footer-shell-muted) 88%, #ffffff 12%) !important;
}

body.nedate-ui-standard .nedate-site-footer :is(.nedate-footer-column a,.nedate-footer-bottom a,.nedate-footer-socials a):hover {
  color: color-mix(in srgb, var(--nd-brand-primary) 74%, #ffffff 26%) !important;
}

body.nedate-ui-standard .nedate-site-footer :is(.nedate-footer-trust-card,.nedate-footer-payments,.nedate-footer-newsletter-form,.nedate-footer-language) {
  background: var(--nd-footer-shell-surface) !important;
  border-color: var(--nd-footer-shell-border) !important;
  color: var(--nd-footer-shell-text) !important;
}

body.nedate-ui-standard .nedate-site-footer :is(.nedate-footer-newsletter-form input,.nedate-footer-language select) {
  background: transparent !important;
  color: var(--nd-footer-shell-text) !important;
}

body.nedate-ui-standard .nedate-site-footer :is(.nedate-footer-newsletter-form input)::placeholder {
  color: color-mix(in srgb, var(--nd-footer-shell-muted) 72%, transparent) !important;
}

/* Ensure public cards that use bootstrap utilities do not keep white backgrounds. */
html[data-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.bg-white,.bg-light,.text-dark,.text-body),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.bg-white,.bg-light,.text-dark,.text-body),
body.dark-mode.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.bg-white,.bg-light,.text-dark,.text-body) {
  background-color: var(--nd-public-shell-surface) !important;
  color: var(--nd-public-shell-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.opacity-50,.opacity-75),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.opacity-50,.opacity-75),
body.dark-mode.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.opacity-50,.opacity-75) {
  opacity: .9 !important;
}
/* === END NEDATE DEEPSCAN FINAL === */

/* Final split for Bootstrap utilities: color utilities should not receive a panel background. */
html[data-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.text-dark,.text-body),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.text-dark,.text-body),
body.dark-mode.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.text-dark,.text-body) {
  background-color: transparent !important;
  color: var(--nd-public-shell-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.bg-white,.bg-light),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.bg-white,.bg-light),
body.dark-mode.nedate-ui-standard :is(.nedate-public-page,.legal-page) :is(.bg-white,.bg-light) {
  background-color: var(--nd-public-shell-surface) !important;
  color: var(--nd-public-shell-text) !important;
}

/* -------------------------------------------------------------------------
 * NEDATE LEGAL DOCUMENTS APP HERO ALIGNMENT — 2026-06-06
 * /terms, /privacy and /cookie now use the same title+SVG card system as
 * user dashboard pages such as /user/shipments.
 * ------------------------------------------------------------------------- */
body.nedate-ui-standard.nedate-legal-standard {
  background: var(--nd-app-shell-bg) !important;
}

body:not(.nedate-has-desktop-sidebar).nedate-user-ui.nedate-legal-standard:has(.legal-document-page) #app3d,
body:not(.nedate-has-desktop-sidebar).nedate-user-ui.nedate-legal-standard:has(.legal-document-page) .content-with-navbar {
  padding-top: 0 !important;
  padding-left: 0 !important;
  background: transparent !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-document-page {
  background: transparent !important;
  color: var(--nd-brand-heading) !important;
  padding-bottom: var(--nd-app-frame-bottom, 2.4rem) !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__hero.shipping-hero-panel {
  min-height: var(--nd-app-hero-min-height, 154px) !important;
  padding: var(--nd-app-hero-padding-y, 2rem) var(--nd-app-hero-padding-x, 2.15rem) !important;
  border-radius: var(--nd-app-hero-radius, 14px) !important;
  background: var(--nd-brand-hero-bg) !important;
  border: 1px solid var(--nd-brand-border) !important;
  box-shadow: var(--nd-brand-shadow-soft) !important;
  display: flex !important;
  align-items: center !important;
  overflow: hidden !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__hero.shipping-hero-panel > .d-flex {
  width: 100% !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1.5rem !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__hero-copy {
  min-width: 0 !important;
  max-width: 58rem !important;
  position: relative !important;
  z-index: 2 !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__eyebrow.shipping-hero-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: .5rem !important;
  margin-bottom: .35rem !important;
  color: var(--nd-brand-primary) !important;
  font-size: .72rem !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  letter-spacing: .085em !important;
  text-transform: uppercase !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__hero :is(h1,.h3,.text-dark-slate) {
  color: var(--nd-brand-heading) !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__hero :is(p,.text-secondary,.small) {
  color: var(--nd-brand-muted) !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-hero-visual.shipping-hero-visual {
  flex: 0 0 min(44%, 620px) !important;
  width: auto !important;
  max-width: 620px !important;
  min-height: 120px !important;
  max-height: none !important;
  margin: -1.35rem -1rem -1.35rem 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  position: relative !important;
  inset: auto !important;
  transform: none !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-hero-svg {
  display: block !important;
  width: min(100%, 620px) !important;
  max-width: 100% !important;
  max-height: var(--nd-app-hero-visual-max-height, 186px) !important;
  height: auto !important;
  object-fit: contain !important;
}

body.nedate-user-ui.nedate-legal-standard :is(.legal-page__toolbar,.legal-page__card).nedate-section-card,
body.nedate-user-ui.nedate-legal-standard .legal-page__toolbar,
body.nedate-user-ui.nedate-legal-standard .legal-page__card {
  background: var(--nd-brand-surface) !important;
  border: 1px solid var(--nd-brand-border) !important;
  border-radius: var(--nd-brand-radius-lg, 18px) !important;
  box-shadow: var(--nd-brand-shadow-soft) !important;
  color: var(--nd-brand-heading) !important;
  overflow: hidden !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__toolbar .card-body {
  min-height: 76px !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__card .card-body {
  background: transparent !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__body {
  color: var(--nd-brand-heading) !important;
  font-size: .98rem !important;
  line-height: 1.75 !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__body :is(h1,h2,h3,h4,h5,h6,strong,b) {
  color: var(--nd-brand-heading) !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__body :is(p,li,small,span) {
  color: var(--nd-brand-muted) !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__body a,
body.nedate-user-ui.nedate-legal-standard .legal-page__toolbar a:not(.btn) {
  color: color-mix(in srgb, var(--nd-brand-primary) 78%, var(--nd-brand-heading) 22%) !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__empty-icon {
  width: 76px !important;
  height: 76px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--nd-brand-primary) !important;
  background: color-mix(in srgb, var(--nd-brand-primary) 10%, var(--nd-brand-surface)) !important;
  border: 1px solid color-mix(in srgb, var(--nd-brand-primary) 26%, var(--nd-brand-border)) !important;
  border-radius: 20px !important;
  font-size: 1.9rem !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page__updated {
  border-top: 1px solid var(--nd-brand-border) !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-page .btn,
body.nedate-user-ui.nedate-legal-standard .legal-document-page .btn {
  border-radius: var(--nd-brand-button-radius, 0) !important;
  font-weight: var(--sw-btn-weight, 600) !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-document-page :is(.btn-outline-primary-custom,.btn-outline-secondary) {
  background: var(--nd-brand-surface) !important;
  color: var(--nd-brand-heading) !important;
  border-color: var(--nd-brand-border) !important;
}

body.nedate-user-ui.nedate-legal-standard .legal-document-page :is(.btn-outline-primary-custom,.btn-outline-secondary):hover {
  background: var(--nd-brand-primary) !important;
  border-color: var(--nd-brand-primary) !important;
  color: #fff !important;
}

html[data-theme="dark"] body.nedate-user-ui.nedate-legal-standard .legal-document-page,
html[data-bs-theme="dark"] body.nedate-user-ui.nedate-legal-standard .legal-document-page,
body.dark-mode.nedate-user-ui.nedate-legal-standard .legal-document-page {
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-user-ui.nedate-legal-standard :is(.legal-page__toolbar,.legal-page__card).nedate-section-card,
html[data-bs-theme="dark"] body.nedate-user-ui.nedate-legal-standard :is(.legal-page__toolbar,.legal-page__card).nedate-section-card,
body.dark-mode.nedate-user-ui.nedate-legal-standard :is(.legal-page__toolbar,.legal-page__card).nedate-section-card {
  background: var(--nd-brand-surface) !important;
  border-color: var(--nd-brand-border) !important;
  color: var(--nd-brand-heading) !important;
}

html[data-theme="dark"] body.nedate-user-ui.nedate-legal-standard .legal-document-page :is(.btn-outline-primary-custom,.btn-outline-secondary),
html[data-bs-theme="dark"] body.nedate-user-ui.nedate-legal-standard .legal-document-page :is(.btn-outline-primary-custom,.btn-outline-secondary),
body.dark-mode.nedate-user-ui.nedate-legal-standard .legal-document-page :is(.btn-outline-primary-custom,.btn-outline-secondary) {
  background: color-mix(in srgb, var(--nd-brand-surface) 88%, #000 12%) !important;
  color: var(--nd-brand-heading) !important;
  border-color: var(--nd-brand-border) !important;
}

@media (min-width: 960px) {
  body.nedate-user-ui.nedate-legal-standard:has(.adm-sidebar.expanded) main > .legal-document-page.user-logistics-page {
    --logistics-page-left: calc(var(--sw-gutter) + 35px);
    --logistics-page-right: var(--nd-app-frame-right, 35px);
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding: var(--nd-app-frame-top, 8.25rem) var(--logistics-page-right) var(--nd-app-frame-bottom, 2.4rem) var(--logistics-page-left) !important;
  }

  body.nedate-user-ui.nedate-legal-standard:has(.adm-sidebar.collapsed) main > .legal-document-page.user-logistics-page {
    --logistics-page-left: calc(var(--sw-gutter) + 35px);
    --logistics-page-right: var(--nd-app-frame-right, 35px);
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    padding: var(--nd-app-frame-top, 8.25rem) var(--logistics-page-right) var(--nd-app-frame-bottom, 2.4rem) var(--logistics-page-left) !important;
  }
}

@media (max-width: 959.98px) {
  body.nedate-user-ui.nedate-legal-standard main > .legal-document-page.user-logistics-page {
    padding: 7rem 1rem 2rem 1rem !important;
  }

  body.nedate-user-ui.nedate-legal-standard .legal-page__hero.shipping-hero-panel {
    min-height: var(--nd-app-hero-mobile-min-height, 104px) !important;
    padding: var(--nd-app-hero-mobile-padding, 1rem 1.05rem) !important;
  }

  body.nedate-user-ui.nedate-legal-standard .legal-hero-visual.shipping-hero-visual {
    flex: 0 0 110px !important;
    min-height: 72px !important;
    margin: 0 -.25rem 0 0 !important;
  }

  body.nedate-user-ui.nedate-legal-standard .legal-hero-svg {
    width: 132px !important;
    max-height: 84px !important;
  }
}

@media print {
  body.nedate-ui-standard :is(.navbar,header,footer,.legal-page__toolbar,.legal-page__actions,.adm-sidebar) {
    display: none !important;
  }
  body.nedate-user-ui.nedate-legal-standard main > .legal-document-page.user-logistics-page {
    padding: 0 !important;
  }
  body.nedate-user-ui.nedate-legal-standard .legal-page__card {
    box-shadow: none !important;
    border: 0 !important;
  }
}
/* === END NEDATE LEGAL DOCUMENTS APP HERO ALIGNMENT === */

/* === NEDATE FINAL SHIPPING FORM STANDARD CASCADE 2026-06-06 ===
 * Late copy of the shared /shipping-derived form standard.
 * This file is reloaded after legacy Blade inline styles by layouts/app.blade.php,
 * so old per-page CSS cannot change input colors, borders, radius or focus.
 */
body.nedate-ui-standard {
  --nd-form-standard-primary: var(--theme-primary, var(--nd-brand-primary, #ff2b24));
  --nd-form-standard-text: var(--ship-navy, var(--nd-brand-heading, #14274a));
  --nd-form-standard-muted: var(--ship-muted, var(--nd-brand-muted, #667795));
  --nd-form-standard-bg: rgba(255, 255, 255, .94);
  --nd-form-standard-border: rgba(20, 39, 74, .14);
  --nd-form-standard-border-hover: color-mix(in srgb, var(--nd-form-standard-primary) 34%, var(--nd-form-standard-border));
  --nd-form-standard-focus: var(--nd-form-standard-primary);
  --nd-form-standard-focus-ring: color-mix(in srgb, var(--nd-form-standard-primary) 15%, transparent);
  --nd-form-standard-shadow: 0 8px 18px rgba(20, 39, 74, .03);
  --nd-form-standard-height: 52px;
  --nd-form-standard-floating-height: calc(3.5rem + 2px);
  --nd-form-standard-height-sm: 42px;
  --nd-form-standard-height-lg: 58px;
  /* 8px matches the radius used by the landing page fields and cards, so inputs,
     cards and buttons share one corner radius across the whole site. */
  --nd-form-standard-radius: 8px;
  --nd-form-standard-padding-x: .95rem;
  --nd-form-standard-font-size: .95rem;
  --nd-form-standard-font-weight: 500;
  --nd-form-standard-label-size: .78rem;
  --nd-form-standard-label-weight: 800;

  /* Backward aliases used by older pages. */
  --nd-control-bg: var(--nd-form-standard-bg);
  --nd-control-text: var(--nd-form-standard-text);
  --nd-control-muted: var(--nd-form-standard-muted);
  --nd-control-border: var(--nd-form-standard-border);
  --nd-control-border-hover: var(--nd-form-standard-border-hover);
  --nd-control-focus: var(--nd-form-standard-focus);
  --nd-control-focus-ring: var(--nd-form-standard-focus-ring);
  --nd-control-height: var(--nd-form-standard-height);
  --nd-control-height-sm: var(--nd-form-standard-height-sm);
  --nd-control-height-lg: var(--nd-form-standard-height-lg);
  --nd-control-radius: var(--nd-form-standard-radius);
  --nd-control-font-size: var(--nd-form-standard-font-size);
  --nd-control-label-size: var(--nd-form-standard-label-size);

  --nd-form-bg: var(--nd-form-standard-bg);
  --nd-form-text: var(--nd-form-standard-text);
  --nd-form-muted: var(--nd-form-standard-muted);
  --nd-form-border: var(--nd-form-standard-border);
  --nd-form-border-hover: var(--nd-form-standard-border-hover);
  --nd-form-focus: var(--nd-form-standard-focus);
  --nd-form-focus-ring: var(--nd-form-standard-focus-ring);
  --nd-form-height: var(--nd-form-standard-height);
  --nd-form-height-sm: var(--nd-form-standard-height-sm);
  --nd-form-height-lg: var(--nd-form-standard-height-lg);
  --nd-form-radius: var(--nd-form-standard-radius);
  --nd-form-font-size: var(--nd-form-standard-font-size);
  --nd-form-label-size: var(--nd-form-standard-label-size);
  --nd-form-shadow: var(--nd-form-standard-shadow);
}

html[data-theme="dark"] body.nedate-ui-standard,
html[data-bs-theme="dark"] body.nedate-ui-standard,
body.dark.nedate-ui-standard,
body.dark-mode.nedate-ui-standard {
  --nd-form-standard-text: var(--spedire-text, var(--nd-dark-text, #e5e7eb));
  --nd-form-standard-muted: var(--dark-muted-color, var(--nd-dark-muted, #94a3b8));
  --nd-form-standard-bg: var(--dark-input-bg, #0b1220);
  --nd-form-standard-border: var(--spedire-border, #334155);
  --nd-form-standard-border-hover: color-mix(in srgb, var(--nd-form-standard-primary) 38%, var(--nd-form-standard-border));
  --nd-form-standard-focus-ring: color-mix(in srgb, var(--nd-form-standard-primary) 18%, transparent);
  --nd-form-standard-shadow: none;
}

body.nedate-ui-standard :is(form, input, select, textarea, label, .form-control, .form-select, .form-label, .form-check-label, .form-text, .invalid-feedback, .input-group-text, .select2-container) {
  font-family: var(--theme-font-base, var(--spedire-font-base, "IBM Plex Sans", Arial, "Helvetica Neue", Helvetica, "Segoe UI", sans-serif)) !important;
}

body.nedate-ui-standard :is(
  input.form-control,
  select.form-select,
  textarea.form-control,
  .form-control,
  .form-select,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"],
  select:not(.form-select),
  textarea:not(.form-control),
  .input-group-text
):not(.form-check-input):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.select2-search__field):not(.nedate-no-standardize):not(.no-auto-floating) {
  min-height: var(--nd-form-standard-height) !important;
  border: 1px solid var(--nd-form-standard-border) !important;
  border-radius: var(--nd-form-standard-radius) !important;
  background-color: var(--nd-form-standard-bg) !important;
  color: var(--nd-form-standard-text) !important;
  font-size: var(--sw-control-fs, 15px) !important;
  /* Was 100 — a hairline weight that made every field value across the site look
     washed out and inconsistent with the landing page (which renders its values at
     500). Every other declaration here is tokenised; this one was a hardcoded slip. */
  font-weight: var(--nd-form-standard-font-weight, 500) !important;
  line-height: 1.45 !important;
  box-shadow: var(--nd-form-standard-shadow) !important;
  outline: 0 !important;
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease, color .16s ease;
}

body.nedate-ui-standard :is(
  input.form-control,
  textarea.form-control,
  .form-control,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"],
  textarea:not(.form-control)
):not(.form-check-input):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.select2-search__field):not(.nedate-no-standardize):not(.no-auto-floating) {
  padding: .78rem var(--nd-form-standard-padding-x) !important;
}

body.nedate-ui-standard :is(
  input.form-control,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"],
):not(.form-check-input):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.select2-search__field):not(.nedate-no-standardize):not(.no-auto-floating) {
  padding-top: 2em !important;
}

body.nedate-ui-standard :is(
  textarea.form-control,
  textarea:not(.form-control)
):not(.form-check-input):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="file"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.select2-search__field):not(.nedate-no-standardize):not(.no-auto-floating) {
  padding-top: 1.7em !important;
}

body.nedate-ui-standard :is(select.form-select, .form-select, select:not(.form-select)):not([multiple]):not([size]):not(.nedate-no-standardize):not(.no-auto-floating) {
  padding: .78rem 2.65rem .78rem var(--nd-form-standard-padding-x) !important;
  background-position: right .95rem center !important;
  padding-top: 1.6em !important;
}

body.nedate-ui-standard :is(select.form-select, select:not(.form-select))[multiple],
body.nedate-ui-standard :is(select.form-select, select:not(.form-select))[size]:not([size="1"]) {
  min-height: auto !important;
  padding: .65rem .85rem !important;
}

body.nedate-ui-standard :is(textarea.form-control, textarea:not(.form-control)):not(.nedate-no-standardize):not(.no-auto-floating) {
  min-height: 112px !important;
  padding-top: .9rem !important;
  padding-bottom: .9rem !important;
  resize: vertical;
}

body.nedate-ui-standard :is(
  input.form-control,
  select.form-select,
  textarea.form-control,
  .form-control,
  .form-select,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"],
  select:not(.form-select),
  textarea:not(.form-control)
):not(.form-check-input):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.select2-search__field):not(.nedate-no-standardize):not(.no-auto-floating):hover {
  border-color: var(--nd-form-standard-border-hover) !important;
}

body.nedate-ui-standard :is(
  input.form-control,
  select.form-select,
  textarea.form-control,
  .form-control,
  .form-select,
  input[type="text"],
  input[type="email"],
  input[type="password"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="search"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="time"],
  input[type="month"],
  input[type="week"],
  select:not(.form-select),
  textarea:not(.form-control)
):not(.form-check-input):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]):not([type="submit"]):not([type="button"]):not([type="reset"]):not(.select2-search__field):not(.nedate-no-standardize):not(.no-auto-floating):focus {
  border-color: var(--nd-form-standard-focus) !important;
  box-shadow: 0 0 0 .2rem var(--nd-form-standard-focus-ring) !important;
}

body.nedate-ui-standard :is(.form-control, input, textarea)::placeholder {
  color: color-mix(in srgb, var(--nd-form-standard-muted) 72%, transparent) !important;
  opacity: 1 !important;
}

body.nedate-ui-standard :is(.form-label, label.form-label, .form-floating > label, .select2-floating > label) {
  color: var(--nd-form-standard-muted) !important;
  font-size: var(--nd-form-standard-label-size) !important;
  font-weight: var(--nd-form-standard-label-weight) !important;
  letter-spacing: .015em !important;
  line-height: 1.25 !important;
}

body.nedate-ui-standard .form-floating > :is(.form-control, .form-select) {
  height: var(--nd-form-standard-floating-height) !important;
  min-height: var(--nd-form-standard-floating-height) !important;
}

body.nedate-ui-standard .form-floating > :is(.form-control, .form-select):not(textarea) {
  padding-top: 1.45rem !important;
  padding-bottom: .55rem !important;
}

body.nedate-ui-standard .form-floating > textarea.form-control {
  height: auto !important;
  min-height: 112px !important;
}

body.nedate-ui-standard .form-floating > label::after,
body.nedate-ui-standard .select2-floating > label::after,
body.nedate-ui-standard .form-floating > .form-select ~ label::after {
  background: transparent !important;
  content: none !important;
  display: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.form-floating > label, .select2-floating > label),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.form-floating > label, .select2-floating > label),
body.dark-mode.nedate-ui-standard :is(.form-floating > label, .select2-floating > label),
body.dark.nedate-ui-standard :is(.form-floating > label, .select2-floating > label) {
  background-color: transparent !important;
  color: var(--nd-form-standard-muted) !important;
}

body.nedate-ui-standard input[type="file"].form-control {
  padding: .48rem .75rem !important;
}

body.nedate-ui-standard input[type="file"].form-control::file-selector-button {
  min-height: 40px;
  margin: -.48rem .85rem -.48rem -.75rem;
  padding: 0 .95rem;
  border: 0;
  border-right: 1px solid var(--nd-form-standard-border);
  background: color-mix(in srgb, var(--nd-form-standard-bg) 78%, var(--nd-form-standard-text) 4%);
  color: var(--nd-form-standard-text);
  font-weight: var(--sw-weight-bold, 700);
}

body.nedate-ui-standard :is(.form-control, .form-select, input, select, textarea):disabled,
body.nedate-ui-standard :is(.form-control, input, textarea)[readonly] {
  background-color: color-mix(in srgb, var(--nd-form-standard-bg) 82%, var(--nd-form-standard-text) 4%) !important;
  color: color-mix(in srgb, var(--nd-form-standard-text) 62%, transparent) !important;
  opacity: 1 !important;
  cursor: not-allowed;
}

body.nedate-ui-standard .form-text,
body.nedate-ui-standard .invalid-feedback,
body.nedate-ui-standard .valid-feedback {
  font-size: .82rem !important;
  font-weight: 400 !important;
}

body.nedate-ui-standard .form-text {
  color: color-mix(in srgb, var(--nd-form-standard-muted) 86%, transparent) !important;
}

body.nedate-ui-standard .invalid-feedback {
  color: var(--bs-danger, #dc3545) !important;
}

body.nedate-ui-standard .form-check-input,
body.nedate-ui-standard input[type="checkbox"],
body.nedate-ui-standard input[type="radio"] {
  width: 1.08rem !important;
  height: 1.08rem !important;
  min-height: 1.08rem !important;
  border: 1.5px solid var(--nd-form-standard-border) !important;
  border-radius: 6px !important;
  background-color: var(--nd-form-standard-bg) !important;
  box-shadow: none !important;
  cursor: pointer;
  accent-color: var(--nd-form-standard-primary);
}

body.nedate-ui-standard input[type="radio"],
body.nedate-ui-standard .form-check-input[type="radio"] {
  border-radius: 50% !important;
}

body.nedate-ui-standard .form-check-input:checked,
body.nedate-ui-standard input[type="checkbox"]:checked,
body.nedate-ui-standard input[type="radio"]:checked {
  background-color: var(--nd-form-standard-primary) !important;
  border-color: var(--nd-form-standard-primary) !important;
}

body.nedate-ui-standard .form-check-input:focus,
body.nedate-ui-standard input[type="checkbox"]:focus,
body.nedate-ui-standard input[type="radio"]:focus {
  border-color: var(--nd-form-standard-focus) !important;
  box-shadow: 0 0 0 .2rem var(--nd-form-standard-focus-ring) !important;
}

body.nedate-ui-standard .form-check-label {
  color: var(--nd-form-standard-text) !important;
  font-size: .9rem !important;
  font-weight: 500 !important;
}

body.nedate-ui-standard .input-group > :is(.form-control, .form-select, .input-group-text, .btn) {
  min-height: var(--nd-form-standard-height) !important;
}

body.nedate-ui-standard .input-group > :not(:first-child):not(.dropdown-menu) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

body.nedate-ui-standard .input-group > :not(:last-child):not(.dropdown-menu) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

body.nedate-ui-standard .input-group-text {
  background-color: var(--nd-form-standard-bg) !important;
  color: var(--nd-form-standard-muted) !important;
  font-weight: 700 !important;
}

body.nedate-ui-standard :is(.select2-container--default, .select2-container--bootstrap-5) :is(.select2-selection--single, .select2-selection--multiple),
body.nedate-ui-standard .select2-container :is(.select2-selection--single, .select2-selection--multiple) {
  min-height: var(--nd-form-standard-height) !important;
  border: 1px solid var(--nd-form-standard-border) !important;
  border-radius: var(--nd-form-standard-radius) !important;
  background-color: var(--nd-form-standard-bg) !important;
  background-image: none !important;
  color: var(--nd-form-standard-text) !important;
  box-shadow: var(--nd-form-standard-shadow) !important;
}

body.nedate-ui-standard .select2-floating :is(.select2-selection--single, .select2-selection--multiple) {
  min-height: var(--nd-form-standard-floating-height) !important;
}

body.nedate-ui-standard :is(.select2-container--default, .select2-container--bootstrap-5) .select2-selection--single .select2-selection__rendered {
  color: var(--nd-form-standard-text) !important;
  line-height: var(--nd-form-standard-height) !important;
  padding-left: var(--nd-form-standard-padding-x) !important;
  padding-right: 2.35rem !important;
}

body.nedate-ui-standard .select2-floating :is(.select2-selection--single) .select2-selection__rendered {
  line-height: var(--nd-form-standard-floating-height) !important;
}

body.nedate-ui-standard :is(.select2-container--default, .select2-container--bootstrap-5) .select2-selection--single .select2-selection__arrow {
  min-height: var(--nd-form-standard-height) !important;
  right: .45rem !important;
}

body.nedate-ui-standard .select2-container--open :is(.select2-selection--single, .select2-selection--multiple),
body.nedate-ui-standard .select2-container--focus :is(.select2-selection--single, .select2-selection--multiple) {
  border-color: var(--nd-form-standard-focus) !important;
  box-shadow: 0 0 0 .2rem var(--nd-form-standard-focus-ring) !important;
}

body.nedate-ui-standard .select2-dropdown {
  border: 1px solid var(--nd-form-standard-border) !important;
  border-radius: var(--nd-form-standard-radius) !important;
  background-color: var(--nd-form-standard-bg) !important;
  color: var(--nd-form-standard-text) !important;
  box-shadow: 0 16px 34px rgba(15, 23, 42, .14) !important;
  overflow: hidden;
}

body.nedate-ui-standard .select2-dropdown .select2-search__field {
  min-height: 42px !important;
  border: 1px solid var(--nd-form-standard-border) !important;
  border-radius: var(--nd-form-standard-radius) !important;
  background: var(--nd-form-standard-bg) !important;
  color: var(--nd-form-standard-text) !important;
}

body.nedate-ui-standard .select2-results__option {
  color: var(--nd-form-standard-text) !important;
}

body.nedate-ui-standard .select2-container--default .select2-results__option--highlighted[aria-selected],
body.nedate-ui-standard .select2-container--bootstrap-5 .select2-results__option--highlighted[aria-selected] {
  background-color: var(--nd-form-standard-primary) !important;
  color: #fff !important;
}

body.nedate-ui-standard :is(.form-control, .form-select, input, textarea, select).is-invalid,
body.nedate-ui-standard .was-validated :is(.form-control, .form-select, input, textarea, select):invalid {
  border-color: var(--bs-danger, #dc3545) !important;
  box-shadow: 0 0 0 .2rem rgba(220, 53, 69, .08) !important;
}

body.nedate-ui-standard :is(.form-control, .form-select, input, textarea, select).is-valid,
body.nedate-ui-standard .was-validated :is(.form-control, .form-select, input, textarea, select):valid {
  border-color: var(--bs-success, #198754) !important;
}

body.nedate-ui-standard :is(.form-control-sm, .form-select-sm, .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text) {
  min-height: var(--nd-form-standard-height-sm) !important;
  font-size: .88rem !important;
  padding-top: .48rem !important;
  padding-bottom: .48rem !important;
}

body.nedate-ui-standard :is(.form-control-lg, .form-select-lg, .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text) {
  min-height: var(--nd-form-standard-height-lg) !important;
  font-size: 1.02rem !important;
}

/* Special shipping-style unit suffixes can now be used anywhere, not only /shipping. */
body.nedate-ui-standard .form-floating.ship-input-with-unit.position-relative {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: var(--nd-form-standard-floating-height) !important;
  width: 100% !important;
  max-width: 100% !important;
  position: relative !important;
  box-sizing: border-box !important;
}

body.nedate-ui-standard .form-floating.ship-input-with-unit.position-relative > .form-control.pe-unit {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding-right: 3.35rem !important;
}

body.nedate-ui-standard .form-floating.ship-input-with-unit.position-relative > label {
  grid-column: 1 / -1 !important;
  grid-row: 1 !important;
}

body.nedate-ui-standard .form-floating.ship-input-with-unit.position-relative .input-unit {
  grid-column: 1 !important;
  grid-row: 1 !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: 2.65rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--nd-form-standard-bg) !important;
  box-shadow: inset 1px 0 0 var(--nd-form-standard-border) !important;
  color: var(--nd-form-standard-muted) !important;
  font-weight: 600 !important;
  font-size: .8125rem !important;
  line-height: 1 !important;
  z-index: 6 !important;
  pointer-events: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

@media (max-width: 768px) {
  body.nedate-ui-standard :is(
    .form-control,
    .form-select,
    input[type="text"],
    input[type="email"],
    input[type="password"],
    input[type="number"],
    input[type="tel"],
    input[type="url"],
    input[type="search"],
    input[type="date"],
    input[type="datetime-local"],
    input[type="time"],
    textarea,
    select,
    .form-floating > label,
    .select2-container .select2-selection__rendered,
    .select2-container .select2-search__field
  ) {
    font-size: .82rem !important;
  }
}


html[data-theme="dark"] body.nedate-ui-standard :is(input, select, textarea, .form-control, .form-select),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(input, select, textarea, .form-control, .form-select),
body.dark-mode.nedate-ui-standard :is(input, select, textarea, .form-control, .form-select),
body.dark.nedate-ui-standard :is(input, select, textarea, .form-control, .form-select) {
  color-scheme: dark;
}

html[data-theme="dark"] body.nedate-ui-standard select option,
html[data-bs-theme="dark"] body.nedate-ui-standard select option,
body.dark-mode.nedate-ui-standard select option,
body.dark.nedate-ui-standard select option {
  background-color: var(--nd-form-standard-bg) !important;
  color: var(--nd-form-standard-text) !important;
}

/* === END NEDATE FINAL SHIPPING FORM STANDARD CASCADE === */

/* ========================================================================
   NEDATE FINAL FORM INPUT-GROUP SEAM NORMALIZER
   ------------------------------------------------------------------------
   Floating input + addon span (kg, cm, €, etc.) must render as one control.
   The real radius belongs to the outer edges only:
   - input right radius removed when addon is on the right
   - addon left radius removed when addon is on the right
   - mirrored rules for addon on the left
   ======================================================================== */
body.nedate-ui-standard .input-group,
body.nedate-public-standard .input-group,
body.nedate-user-ui .input-group,
body.nedate-admin-standard .input-group,
body.nedate-app-standard .input-group {
  align-items: stretch;
}

body.nedate-ui-standard .input-group > .form-floating,
body.nedate-public-standard .input-group > .form-floating,
body.nedate-user-ui .input-group > .form-floating,
body.nedate-admin-standard .input-group > .form-floating,
body.nedate-app-standard .input-group > .form-floating {
  min-width: 0;
}

/* Addon on the right: .form-floating + .input-group-text (kg/cm pattern) */
body.nedate-ui-standard .input-group > .form-floating:not(:last-child) > .form-control,
body.nedate-ui-standard .input-group > .form-floating:not(:last-child) > .form-select,
body.nedate-public-standard .input-group > .form-floating:not(:last-child) > .form-control,
body.nedate-public-standard .input-group > .form-floating:not(:last-child) > .form-select,
body.nedate-user-ui .input-group > .form-floating:not(:last-child) > .form-control,
body.nedate-user-ui .input-group > .form-floating:not(:last-child) > .form-select,
body.nedate-admin-standard .input-group > .form-floating:not(:last-child) > .form-control,
body.nedate-admin-standard .input-group > .form-floating:not(:last-child) > .form-select,
body.nedate-app-standard .input-group > .form-floating:not(:last-child) > .form-control,
body.nedate-app-standard .input-group > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

body.nedate-ui-standard .input-group > .form-floating + .input-group-text,
body.nedate-public-standard .input-group > .form-floating + .input-group-text,
body.nedate-user-ui .input-group > .form-floating + .input-group-text,
body.nedate-admin-standard .input-group > .form-floating + .input-group-text,
body.nedate-app-standard .input-group > .form-floating + .input-group-text {
  border-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--nd-form-standard-radius, 9px) !important;
  border-bottom-right-radius: var(--nd-form-standard-radius, 9px) !important;
  margin-left: 0 !important;
  min-height: var(--nd-form-standard-floating-height, calc(3.5rem + 3px)) !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--nd-form-standard-bg, rgba(255, 255, 255, .94)) !important;
  border-color: var(--nd-form-standard-border, rgba(20, 39, 74, .14)) !important;
  color: var(--nd-form-standard-muted, #6b7c93) !important;
  box-shadow: var(--nd-form-standard-shadow, 0 8px 18px rgba(20, 39, 74, .03)) !important;
}

/* Addon on the left: .input-group-text + .form-floating */
body.nedate-ui-standard .input-group > .input-group-text:has(+ .form-floating),
body.nedate-public-standard .input-group > .input-group-text:has(+ .form-floating),
body.nedate-user-ui .input-group > .input-group-text:has(+ .form-floating),
body.nedate-admin-standard .input-group > .input-group-text:has(+ .form-floating),
body.nedate-app-standard .input-group > .input-group-text:has(+ .form-floating) {
  border-right: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: var(--nd-form-standard-radius, 9px) !important;
  border-bottom-left-radius: var(--nd-form-standard-radius, 9px) !important;
}

body.nedate-ui-standard .input-group > .input-group-text + .form-floating > .form-control,
body.nedate-ui-standard .input-group > .input-group-text + .form-floating > .form-select,
body.nedate-public-standard .input-group > .input-group-text + .form-floating > .form-control,
body.nedate-public-standard .input-group > .input-group-text + .form-floating > .form-select,
body.nedate-user-ui .input-group > .input-group-text + .form-floating > .form-control,
body.nedate-user-ui .input-group > .input-group-text + .form-floating > .form-select,
body.nedate-admin-standard .input-group > .input-group-text + .form-floating > .form-control,
body.nedate-admin-standard .input-group > .input-group-text + .form-floating > .form-select,
body.nedate-app-standard .input-group > .input-group-text + .form-floating > .form-control,
body.nedate-app-standard .input-group > .input-group-text + .form-floating > .form-select {
  border-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* Shipping dimension units use the same global seam rule, not custom radiuses. */
body.nedate-ui-standard .ship-dim-input-group > .form-floating > .form-control,
body.nedate-public-standard .ship-dim-input-group > .form-floating > .form-control,
body.nedate-user-ui .ship-dim-input-group > .form-floating > .form-control,
body.nedate-admin-standard .ship-dim-input-group > .form-floating > .form-control,
body.nedate-app-standard .ship-dim-input-group > .form-floating > .form-control {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

body.nedate-ui-standard .ship-dim-input-group > .ship-dim-unit.input-group-text,
body.nedate-public-standard .ship-dim-input-group > .ship-dim-unit.input-group-text,
body.nedate-user-ui .ship-dim-input-group > .ship-dim-unit.input-group-text,
body.nedate-admin-standard .ship-dim-input-group > .ship-dim-unit.input-group-text,
body.nedate-app-standard .ship-dim-input-group > .ship-dim-unit.input-group-text {
  border-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--nd-form-standard-radius, 9px) !important;
  border-bottom-right-radius: var(--nd-form-standard-radius, 9px) !important;
}

body.nedate-ui-standard .input-group:focus-within > .input-group-text,
body.nedate-public-standard .input-group:focus-within > .input-group-text,
body.nedate-user-ui .input-group:focus-within > .input-group-text,
body.nedate-admin-standard .input-group:focus-within > .input-group-text,
body.nedate-app-standard .input-group:focus-within > .input-group-text {
  border-color: var(--nd-form-standard-focus, var(--nd-primary, #ff3328)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .input-group > .input-group-text,
html[data-bs-theme="dark"] body.nedate-ui-standard .input-group > .input-group-text,
body.dark-mode.nedate-ui-standard .input-group > .input-group-text,
body.dark.nedate-ui-standard .input-group > .input-group-text {
  background-color: var(--nd-form-standard-bg, #0b1220) !important;
  border-color: var(--nd-form-standard-border, rgba(148, 163, 184, .22)) !important;
  color: var(--nd-form-standard-muted, #94a3b8) !important;
}
/* === END NEDATE FINAL FORM INPUT-GROUP SEAM NORMALIZER === */

/* ==========================================================
   NEDATE FINAL REAL INPUT ADDON SEAM FIX — 2026-06-06
   A floating input followed by .input-group-text (kg/cm/€, etc.)
   must render as one single control: no right radius on input,
   no left radius on addon, no inner seam/gap.
   ========================================================== */
html body.nedate-ui-standard .input-group > .form-floating:not(:last-child),
html body.nedate-public-standard .input-group > .form-floating:not(:last-child),
html body.nedate-user-ui .input-group > .form-floating:not(:last-child),
html body.nedate-admin-standard .input-group > .form-floating:not(:last-child),
html body.nedate-app-standard .input-group > .form-floating:not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

html body.nedate-ui-standard .input-group > .form-floating:not(:last-child) > :is(.form-control, .form-select),
html body.nedate-public-standard .input-group > .form-floating:not(:last-child) > :is(.form-control, .form-select),
html body.nedate-user-ui .input-group > .form-floating:not(:last-child) > :is(.form-control, .form-select),
html body.nedate-admin-standard .input-group > .form-floating:not(:last-child) > :is(.form-control, .form-select),
html body.nedate-app-standard .input-group > .form-floating:not(:last-child) > :is(.form-control, .form-select) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right-width: 0 !important;
  box-shadow: var(--nd-form-standard-shadow, 0 8px 18px rgba(20, 39, 74, .03)) !important;
}

html body.nedate-ui-standard .input-group > .form-floating + .input-group-text,
html body.nedate-public-standard .input-group > .form-floating + .input-group-text,
html body.nedate-user-ui .input-group > .form-floating + .input-group-text,
html body.nedate-admin-standard .input-group > .form-floating + .input-group-text,
html body.nedate-app-standard .input-group > .form-floating + .input-group-text {
  margin-left: 0 !important;
  border-left-width: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--nd-form-standard-radius, 9px) !important;
  border-bottom-right-radius: var(--nd-form-standard-radius, 9px) !important;
  min-height: var(--nd-form-standard-floating-height, calc(3.5rem + 3px)) !important;
  background: var(--nd-form-standard-bg, rgba(255, 255, 255, .94)) !important;
  border-color: var(--nd-form-standard-border, rgba(20, 39, 74, .14)) !important;
  color: var(--nd-form-standard-text, #14274a) !important;
}

html body.nedate-ui-standard .input-group:focus-within > .form-floating:not(:last-child) > :is(.form-control, .form-select),
html body.nedate-public-standard .input-group:focus-within > .form-floating:not(:last-child) > :is(.form-control, .form-select),
html body.nedate-user-ui .input-group:focus-within > .form-floating:not(:last-child) > :is(.form-control, .form-select),
html body.nedate-admin-standard .input-group:focus-within > .form-floating:not(:last-child) > :is(.form-control, .form-select),
html body.nedate-app-standard .input-group:focus-within > .form-floating:not(:last-child) > :is(.form-control, .form-select),
html body.nedate-ui-standard .input-group:focus-within > .form-floating + .input-group-text,
html body.nedate-public-standard .input-group:focus-within > .form-floating + .input-group-text,
html body.nedate-user-ui .input-group:focus-within > .form-floating + .input-group-text,
html body.nedate-admin-standard .input-group:focus-within > .form-floating + .input-group-text,
html body.nedate-app-standard .input-group:focus-within > .form-floating + .input-group-text {
  border-color: var(--nd-form-standard-focus, var(--nd-primary, #ff3328)) !important;
}

/* Same rule, with higher specificity, for the shipping kg/cm groups. */
html body.nedate-ui-standard .shipping-page-wrapper .input-group.ship-dim-input-group,
html body.nedate-public-standard .shipping-page-wrapper .input-group.ship-dim-input-group,
html body.nedate-user-ui .shipping-page-wrapper .input-group.ship-dim-input-group,
html body.nedate-app-standard .shipping-page-wrapper .input-group.ship-dim-input-group {
  flex-wrap: nowrap !important;
  align-items: stretch !important;
}

html body.nedate-ui-standard .shipping-page-wrapper .input-group.ship-dim-input-group > .form-floating.flex-grow-1,
html body.nedate-public-standard .shipping-page-wrapper .input-group.ship-dim-input-group > .form-floating.flex-grow-1,
html body.nedate-user-ui .shipping-page-wrapper .input-group.ship-dim-input-group > .form-floating.flex-grow-1,
html body.nedate-app-standard .shipping-page-wrapper .input-group.ship-dim-input-group > .form-floating.flex-grow-1 {
  min-width: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

html body.nedate-ui-standard .shipping-page-wrapper .input-group.ship-dim-input-group > .form-floating.flex-grow-1 > input.form-control,
html body.nedate-public-standard .shipping-page-wrapper .input-group.ship-dim-input-group > .form-floating.flex-grow-1 > input.form-control,
html body.nedate-user-ui .shipping-page-wrapper .input-group.ship-dim-input-group > .form-floating.flex-grow-1 > input.form-control,
html body.nedate-app-standard .shipping-page-wrapper .input-group.ship-dim-input-group > .form-floating.flex-grow-1 > input.form-control {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0 !important;
}

html body.nedate-ui-standard .shipping-page-wrapper .input-group.ship-dim-input-group > span.input-group-text.ship-dim-unit,
html body.nedate-public-standard .shipping-page-wrapper .input-group.ship-dim-input-group > span.input-group-text.ship-dim-unit,
html body.nedate-user-ui .shipping-page-wrapper .input-group.ship-dim-input-group > span.input-group-text.ship-dim-unit,
html body.nedate-app-standard .shipping-page-wrapper .input-group.ship-dim-input-group > span.input-group-text.ship-dim-unit {
  border-left: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--nd-form-standard-radius, 9px) !important;
  border-bottom-right-radius: var(--nd-form-standard-radius, 9px) !important;
  background: var(--nd-form-standard-bg, rgba(255, 255, 255, .94)) !important;
  border-color: var(--nd-form-standard-border, rgba(20, 39, 74, .14)) !important;
  color: var(--nd-form-standard-text, #14274a) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .input-group > .form-floating + .input-group-text,
html[data-bs-theme="dark"] body.nedate-ui-standard .input-group > .form-floating + .input-group-text,
html[data-theme="dark"] body.nedate-public-standard .input-group > .form-floating + .input-group-text,
html[data-bs-theme="dark"] body.nedate-public-standard .input-group > .form-floating + .input-group-text,
html[data-theme="dark"] body.nedate-user-ui .input-group > .form-floating + .input-group-text,
html[data-bs-theme="dark"] body.nedate-user-ui .input-group > .form-floating + .input-group-text,
html[data-theme="dark"] body.nedate-admin-standard .input-group > .form-floating + .input-group-text,
html[data-bs-theme="dark"] body.nedate-admin-standard .input-group > .form-floating + .input-group-text,
html[data-theme="dark"] body.nedate-app-standard .input-group > .form-floating + .input-group-text,
html[data-bs-theme="dark"] body.nedate-app-standard .input-group > .form-floating + .input-group-text {
  background: var(--nd-form-standard-bg, #0b1220) !important;
  border-color: var(--nd-form-standard-border, rgba(148, 163, 184, .22)) !important;
  color: var(--nd-form-standard-text, #f8fafc) !important;
}
/* === END NEDATE FINAL REAL INPUT ADDON SEAM FIX === */

/* ==========================================================
   NEDATE FINAL UNIFIED INPUT + ADDON CONTROL — 2026-06-06
   Reference pattern: /shipping dimensions. The input and the
   external unit span (kg/cm/€/%) must render as ONE control.
   Change the radius/color tokens once and it updates everywhere.
   ========================================================== */
body.nedate-ui-standard .nd-input-addon-group,
body.nedate-public-standard .nd-input-addon-group,
body.nedate-user-ui .nd-input-addon-group,
body.nedate-admin-standard .nd-input-addon-group,
body.nedate-app-standard .nd-input-addon-group,
html body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group,
html body.nedate-public-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group,
html body.nedate-user-ui .shipping-page-wrapper #shippingForm .ship-dim-input-group,
html body.nedate-app-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group {
  --nd-addon-radius: var(--nd-form-standard-radius, 9px);
  --nd-addon-height: var(--nd-form-standard-floating-height, calc(3.5rem + 3px));
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  border-radius: var(--nd-addon-radius) !important;
  box-shadow: var(--nd-form-standard-shadow, 0 8px 18px rgba(20, 39, 74, .03)) !important;
  overflow: hidden !important;
  background: var(--nd-form-standard-bg, rgba(255,255,255,.94)) !important;
}

body.nedate-ui-standard .nd-input-addon-group > .form-floating,
body.nedate-public-standard .nd-input-addon-group > .form-floating,
body.nedate-user-ui .nd-input-addon-group > .form-floating,
body.nedate-admin-standard .nd-input-addon-group > .form-floating,
body.nedate-app-standard .nd-input-addon-group > .form-floating,
html body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating,
html body.nedate-public-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating,
html body.nedate-user-ui .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating,
html body.nedate-app-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: var(--nd-addon-radius) 0 0 var(--nd-addon-radius) !important;
}

body.nedate-ui-standard .nd-input-addon-group > .form-floating > :is(.form-control, .form-select),
body.nedate-public-standard .nd-input-addon-group > .form-floating > :is(.form-control, .form-select),
body.nedate-user-ui .nd-input-addon-group > .form-floating > :is(.form-control, .form-select),
body.nedate-admin-standard .nd-input-addon-group > .form-floating > :is(.form-control, .form-select),
body.nedate-app-standard .nd-input-addon-group > .form-floating > :is(.form-control, .form-select),
html body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating > input.form-control,
html body.nedate-public-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating > input.form-control,
html body.nedate-user-ui .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating > input.form-control,
html body.nedate-app-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating > input.form-control {
  height: var(--nd-addon-height) !important;
  min-height: var(--nd-addon-height) !important;
  margin: 0 !important;
  border-top-left-radius: var(--nd-addon-radius) !important;
  border-bottom-left-radius: var(--nd-addon-radius) !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0 !important;
  background: var(--nd-form-standard-bg, rgba(255,255,255,.94)) !important;
  border-color: var(--nd-form-standard-border, rgba(20, 39, 74, .14)) !important;
  color: var(--nd-form-standard-text, #14274a) !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.nedate-ui-standard .nd-input-addon-group > .input-group-text,
body.nedate-public-standard .nd-input-addon-group > .input-group-text,
body.nedate-user-ui .nd-input-addon-group > .input-group-text,
body.nedate-admin-standard .nd-input-addon-group > .input-group-text,
body.nedate-app-standard .nd-input-addon-group > .input-group-text,
html body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > span.input-group-text.ship-dim-unit,
html body.nedate-public-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > span.input-group-text.ship-dim-unit,
html body.nedate-user-ui .shipping-page-wrapper #shippingForm .ship-dim-input-group > span.input-group-text.ship-dim-unit,
html body.nedate-app-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > span.input-group-text.ship-dim-unit {
  flex: 0 0 auto !important;
  width: 2.65rem !important;
  min-width: 2.65rem !important;
  height: var(--nd-addon-height) !important;
  min-height: var(--nd-addon-height) !important;
  margin: 0 !important;
  margin-left: 0 !important;
  padding: 0 .25rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: var(--nd-addon-radius) !important;
  border-bottom-right-radius: var(--nd-addon-radius) !important;
  border-left: 0 !important;
  background: var(--nd-form-standard-bg, rgba(255,255,255,.94)) !important;
  border-color: var(--nd-form-standard-border, rgba(20, 39, 74, .14)) !important;
  color: var(--nd-form-standard-text, #14274a) !important;
  box-shadow: none !important;
  font-family: var(--theme-font-base, "IBM Plex Sans", Arial, sans-serif) !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body.nedate-ui-standard .nd-input-addon-group:focus-within,
body.nedate-public-standard .nd-input-addon-group:focus-within,
body.nedate-user-ui .nd-input-addon-group:focus-within,
body.nedate-admin-standard .nd-input-addon-group:focus-within,
body.nedate-app-standard .nd-input-addon-group:focus-within,
html body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within,
html body.nedate-public-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within,
html body.nedate-user-ui .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within,
html body.nedate-app-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within {
  box-shadow: 0 0 0 .2rem var(--nd-form-standard-focus-ring, rgba(255, 51, 40, .14)) !important;
}

body.nedate-ui-standard .nd-input-addon-group:focus-within > .form-floating > :is(.form-control, .form-select),
body.nedate-public-standard .nd-input-addon-group:focus-within > .form-floating > :is(.form-control, .form-select),
body.nedate-user-ui .nd-input-addon-group:focus-within > .form-floating > :is(.form-control, .form-select),
body.nedate-admin-standard .nd-input-addon-group:focus-within > .form-floating > :is(.form-control, .form-select),
body.nedate-app-standard .nd-input-addon-group:focus-within > .form-floating > :is(.form-control, .form-select),
body.nedate-ui-standard .nd-input-addon-group:focus-within > .input-group-text,
body.nedate-public-standard .nd-input-addon-group:focus-within > .input-group-text,
body.nedate-user-ui .nd-input-addon-group:focus-within > .input-group-text,
body.nedate-admin-standard .nd-input-addon-group:focus-within > .input-group-text,
body.nedate-app-standard .nd-input-addon-group:focus-within > .input-group-text,
html body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within > .form-floating > input.form-control,
html body.nedate-public-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within > .form-floating > input.form-control,
html body.nedate-user-ui .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within > .form-floating > input.form-control,
html body.nedate-app-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within > .form-floating > input.form-control,
html body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within > span.input-group-text.ship-dim-unit,
html body.nedate-public-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within > span.input-group-text.ship-dim-unit,
html body.nedate-user-ui .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within > span.input-group-text.ship-dim-unit,
html body.nedate-app-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group:focus-within > span.input-group-text.ship-dim-unit {
  border-color: var(--nd-form-standard-focus, var(--nd-primary, #ff3328)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .nd-input-addon-group,
html[data-bs-theme="dark"] body.nedate-ui-standard .nd-input-addon-group,
body.dark-mode.nedate-ui-standard .nd-input-addon-group,
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group {
  background: var(--nd-form-standard-bg, #0b1220) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .nd-input-addon-group > .form-floating > :is(.form-control, .form-select),
html[data-bs-theme="dark"] body.nedate-ui-standard .nd-input-addon-group > .form-floating > :is(.form-control, .form-select),
body.dark-mode.nedate-ui-standard .nd-input-addon-group > .form-floating > :is(.form-control, .form-select),
html[data-theme="dark"] body.nedate-ui-standard .nd-input-addon-group > .input-group-text,
html[data-bs-theme="dark"] body.nedate-ui-standard .nd-input-addon-group > .input-group-text,
body.dark-mode.nedate-ui-standard .nd-input-addon-group > .input-group-text,
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating > input.form-control,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating > input.form-control,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > .form-floating > input.form-control,
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > span.input-group-text.ship-dim-unit,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > span.input-group-text.ship-dim-unit,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper #shippingForm .ship-dim-input-group > span.input-group-text.ship-dim-unit {
  background: var(--nd-form-standard-bg, #0b1220) !important;
  border-color: var(--nd-form-standard-border, rgba(148, 163, 184, .22)) !important;
  color: var(--nd-form-standard-text, #f8fafc) !important;
}
/* === END NEDATE FINAL UNIFIED INPUT + ADDON CONTROL === */

/* ======================================================================
   NEDATE COUNTRY SELECT2 ISO CODE BADGE — global shipping/reference style
   ====================================================================== */
body.nedate-ui-standard .select2-dropdown.nedate-country-dropdown .select2-results__option,
body.nedate-ui-standard .country-select-floating .select2-results__option {
    padding: .62rem .82rem !important;
}

body.nedate-ui-standard .select2-dropdown.nedate-country-dropdown .country-option,
body.nedate-ui-standard .country-select-floating .country-option,
body.nedate-ui-standard .nedate-country-selection .country-option {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: .75rem !important;
    background: transparent !important;
    color: inherit !important;
    min-width: 0 !important;
}

body.nedate-ui-standard .select2-dropdown.nedate-country-dropdown .country-option-main,
body.nedate-ui-standard .country-select-floating .country-option-main,
body.nedate-ui-standard .nedate-country-selection .country-option-main {
    display: inline-flex !important;
    align-items: center !important;
    gap: .62rem !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.nedate-ui-standard .select2-dropdown.nedate-country-dropdown .country-option-name,
body.nedate-ui-standard .country-select-floating .country-option-name,
body.nedate-ui-standard .nedate-country-selection .country-option-name {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.nedate-ui-standard .select2-dropdown.nedate-country-dropdown .country-option-code,
body.nedate-ui-standard .country-select-floating .country-option-code,
body.nedate-ui-standard .nedate-country-selection .country-option-code {
    flex: 0 0 auto !important;
    margin-left: auto !important;
    min-width: 2.35rem !important;
    padding: .18rem .45rem !important;
    border-radius: 999px !important;
    border: 1px solid color-mix(in srgb, var(--nd-form-standard-border, #d9dee8) 72%, transparent) !important;
    background: color-mix(in srgb, var(--nd-form-standard-bg, #fff) 72%, var(--nd-form-standard-border, #d9dee8) 28%) !important;
    color: var(--nd-form-standard-muted, #718096) !important;
    font-size: .68rem !important;
    font-weight: var(--sw-weight-bold, 700) !important;
    line-height: 1.1 !important;
    letter-spacing: .08em !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

body.nedate-ui-standard .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected] .country-option-code,
body.nedate-ui-standard .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"] .country-option-code,
body.nedate-ui-standard .country-select-floating .select2-results__option--highlighted[aria-selected] .country-option-code,
body.nedate-ui-standard .country-select-floating .select2-results__option[aria-selected="true"] .country-option-code {
    border-color: rgba(255, 255, 255, .42) !important;
    background: rgba(255, 255, 255, .18) !important;
    color: #fff !important;
}

html[data-theme="dark"] body.nedate-ui-standard .select2-dropdown.nedate-country-dropdown .country-option-code,
body.dark-mode.nedate-ui-standard .select2-dropdown.nedate-country-dropdown .country-option-code,
body.dark.nedate-ui-standard .select2-dropdown.nedate-country-dropdown .country-option-code,
html[data-theme="dark"] body.nedate-ui-standard .country-select-floating .country-option-code,
body.dark-mode.nedate-ui-standard .country-select-floating .country-option-code,
body.dark.nedate-ui-standard .country-select-floating .country-option-code {
    border-color: color-mix(in srgb, var(--nd-dark-border, #26364f) 78%, transparent) !important;
    background: color-mix(in srgb, var(--nd-dark-input-bg, #101827) 78%, var(--nd-dark-border, #26364f) 22%) !important;
    color: var(--nd-dark-muted, #aab6c8) !important;
}

#tos_text {
  padding-top: 0.8em !important;	
}
/* ======================================================================
   FIX 2026-06-06 — Wallet recharge: align light/dark mode with wallet shell
   ====================================================================== */
body.nedate-ui-standard .user-wallet-recharge-page {
  --wallet-recharge-ink: var(--nd-final-heading, #14274a);
  --wallet-recharge-text: var(--nd-final-text, #41516a);
  --wallet-recharge-muted: var(--nd-final-muted, #728198);
  --wallet-recharge-border: var(--nd-final-border, rgba(20,39,74,.10));
  --wallet-recharge-surface: var(--nd-final-surface, #fff);
  --wallet-recharge-soft: var(--nd-final-surface-soft, #f8fafc);
  --wallet-recharge-shadow: var(--nd-final-shadow, 0 18px 45px rgba(20,39,74,.08));
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-grid {
  --bs-gutter-x: 1.25rem;
  --bs-gutter-y: 1.25rem;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-section-card,
body.nedate-ui-standard .user-wallet-recharge-page .kpi-card,
body.nedate-ui-standard .user-wallet-recharge-page .nedate-section-card {
  background: var(--wallet-recharge-surface) !important;
  border: 1px solid var(--wallet-recharge-border) !important;
  border-radius: 14px !important;
  color: var(--wallet-recharge-text) !important;
  box-shadow: var(--wallet-recharge-shadow) !important;
  overflow: hidden !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-section-card > .card-body,
body.nedate-ui-standard .user-wallet-recharge-page .wallet-section-card > .card-header,
body.nedate-ui-standard .user-wallet-recharge-page .wallet-section-card > .card-footer {
  background: transparent !important;
  border-color: var(--wallet-recharge-border) !important;
  color: inherit !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-card-title-row h5,
body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-history-card h5,
body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-info-card h6,
body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-balance-card .h3,
body.nedate-ui-standard .user-wallet-recharge-page .text-dark-slate {
  color: var(--wallet-recharge-ink) !important;
}

body.nedate-ui-standard .user-wallet-recharge-page :is(.text-secondary,.text-muted,.form-text,.small) {
  color: var(--wallet-recharge-muted) !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-main-card .card-body {
  padding: 1.55rem 1.65rem !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .nd-wallet-floating > .form-control {
  min-height: 58px !important;
  height: 58px !important;
  padding-top: 1.55rem !important;
  padding-bottom: .55rem !important;
  border-radius: 9px !important;
  background: var(--nd-final-field-bg, #fff) !important;
  color: var(--nd-final-field-text, #14274a) !important;
  border: 1px solid var(--nd-final-field-border, rgba(20,39,74,.13)) !important;
  box-shadow: none !important;
  font-weight: 650 !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .nd-wallet-floating > label {
  color: var(--wallet-recharge-muted) !important;
  font-size: .78rem !important;
  font-weight: var(--sw-weight-max, 700) !important;
  letter-spacing: .01em !important;
  padding-top: 1rem !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .nd-wallet-floating > .form-control:focus {
  border-color: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 70%, var(--nd-final-field-border, rgba(20,39,74,.13))) !important;
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 18%, transparent) !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-method-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-method-grid .method-option {
  min-width: 0 !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-method-grid .method-pill-btn {
  width: 100% !important;
  min-height: 58px !important;
  border-radius: 9px !important;
  justify-content: flex-start !important;
  background: var(--nd-final-field-bg, #fff) !important;
  color: var(--wallet-recharge-ink) !important;
  border: 1px solid var(--nd-final-field-border, rgba(20,39,74,.13)) !important;
  box-shadow: none !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .method-radio:checked + .method-pill-btn {
  background: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 9%, var(--wallet-recharge-surface)) !important;
  border-color: var(--nd-final-primary, var(--theme-primary, #e61a0a)) !important;
  color: var(--wallet-recharge-ink) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 34%, transparent) inset !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-actions {
  margin-top: 1.1rem !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-actions .btn {
  min-height: 46px !important;
  min-width: 158px !important;
  border-radius: 8px !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-balance-card .kpi-icon,
body.nedate-ui-standard .user-wallet-recharge-page .wallet-info-icon,
body.nedate-ui-standard .user-wallet-recharge-page .wallet-empty-icon {
  width: 48px !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 14px !important;
  background: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 12%, var(--wallet-recharge-surface)) !important;
  color: var(--nd-final-primary, var(--theme-primary, #e61a0a)) !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-history-card .nedate-table-responsive {
  background: var(--wallet-recharge-surface) !important;
  border-top: 1px solid var(--wallet-recharge-border) !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-history-card .table-head-custom th {
  background: var(--wallet-recharge-soft) !important;
  color: var(--wallet-recharge-muted) !important;
  border-color: var(--wallet-recharge-border) !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-history-card tbody td {
  background: transparent !important;
  color: var(--wallet-recharge-text) !important;
  border-color: var(--wallet-recharge-border) !important;
}

body.nedate-ui-standard .user-wallet-recharge-page .wallet-empty-cell {
  background: transparent !important;
}

@media (min-width: 1200px) {
  body.nedate-ui-standard .user-wallet-recharge-page .wallet-summary-column {
    position: sticky;
    top: 132px;
  }
}

@media (max-width: 959.98px) {
  body.nedate-ui-standard .user-wallet-recharge-page .wallet-method-grid {
    grid-template-columns: 1fr;
  }

  body.nedate-ui-standard .user-wallet-recharge-page .wallet-recharge-actions .btn {
    flex: 1 1 220px;
  }
}

html[data-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page,
html[data-bs-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page,
body.dark-mode.nedate-ui-standard .user-wallet-recharge-page {
  --wallet-recharge-ink: var(--nd-final-heading, #f8fafc);
  --wallet-recharge-text: var(--nd-final-text, #dbe4f0);
  --wallet-recharge-muted: var(--nd-final-muted, #9aa7bd);
  --wallet-recharge-border: var(--nd-final-border, rgba(148,163,184,.22));
  --wallet-recharge-surface: color-mix(in srgb, var(--nd-final-surface, #111827) 92%, transparent);
  --wallet-recharge-soft: color-mix(in srgb, var(--nd-final-surface-soft, #172033) 88%, transparent);
  --wallet-recharge-shadow: 0 22px 55px rgba(0,0,0,.30);
}

html[data-theme="dark"] body.nedate-user-ui .user-wallet-recharge-page .shipping-hero-panel,
html[data-bs-theme="dark"] body.nedate-user-ui .user-wallet-recharge-page .shipping-hero-panel,
body.dark-mode.nedate-user-ui .user-wallet-recharge-page .shipping-hero-panel {
  background:
    radial-gradient(circle at 77% 50%, color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 18%, transparent) 0 10rem, transparent 21rem),
    color-mix(in srgb, var(--wallet-recharge-surface) 94%, transparent) !important;
  border-color: var(--wallet-recharge-border) !important;
  box-shadow: var(--wallet-recharge-shadow) !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-wallet-recharge-page .shipping-hero-panel h1,
html[data-bs-theme="dark"] body.nedate-user-ui .user-wallet-recharge-page .shipping-hero-panel h1,
body.dark-mode.nedate-user-ui .user-wallet-recharge-page .shipping-hero-panel h1 {
  color: var(--wallet-recharge-ink) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .wallet-section-card,
html[data-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .kpi-card,
html[data-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .nedate-section-card,
html[data-bs-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .wallet-section-card,
html[data-bs-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .kpi-card,
html[data-bs-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .nedate-section-card,
body.dark-mode.nedate-ui-standard .user-wallet-recharge-page .wallet-section-card,
body.dark-mode.nedate-ui-standard .user-wallet-recharge-page .kpi-card,
body.dark-mode.nedate-ui-standard .user-wallet-recharge-page .nedate-section-card {
  background: var(--wallet-recharge-surface) !important;
  border-color: var(--wallet-recharge-border) !important;
  color: var(--wallet-recharge-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .wallet-section-card > .card-body,
html[data-bs-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .wallet-section-card > .card-body,
body.dark-mode.nedate-ui-standard .user-wallet-recharge-page .wallet-section-card > .card-body {
  background: transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page :is(.nd-wallet-floating > .form-control,.wallet-method-grid .method-pill-btn),
html[data-bs-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page :is(.nd-wallet-floating > .form-control,.wallet-method-grid .method-pill-btn),
body.dark-mode.nedate-ui-standard .user-wallet-recharge-page :is(.nd-wallet-floating > .form-control,.wallet-method-grid .method-pill-btn) {
  background: var(--nd-final-field-bg, #0b1220) !important;
  border-color: var(--nd-final-field-border, rgba(148,163,184,.22)) !important;
  color: var(--wallet-recharge-ink) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .method-radio:checked + .method-pill-btn,
html[data-bs-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .method-radio:checked + .method-pill-btn,
body.dark-mode.nedate-ui-standard .user-wallet-recharge-page .method-radio:checked + .method-pill-btn {
  background: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 18%, var(--nd-final-field-bg, #0b1220)) !important;
  border-color: var(--nd-final-primary, var(--theme-primary, #e61a0a)) !important;
  color: var(--wallet-recharge-ink) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .badge.bg-light.text-dark,
html[data-bs-theme="dark"] body.nedate-ui-standard .user-wallet-recharge-page .badge.bg-light.text-dark,
body.dark-mode.nedate-ui-standard .user-wallet-recharge-page .badge.bg-light.text-dark {
  background: color-mix(in srgb, var(--wallet-recharge-soft) 88%, transparent) !important;
  color: var(--wallet-recharge-ink) !important;
  border-color: var(--wallet-recharge-border) !important;
}

/* ======================================================================
   FIX 2026-06-06 — Wallet pages: final token-based dark mode pass
   ----------------------------------------------------------------------
   Overrides legacy wallet rules that still used hard-coded white/slate
   backgrounds after the global normalizer. Palette comes only from the
   shared NEDATE final tokens.
   ====================================================================== */
body.nedate-ui-standard.nedate-user-ui .wallet-page {
  --wallet-primary: var(--nd-final-primary) !important;
  --wallet-ink: var(--nd-final-heading) !important;
  --wallet-text: var(--nd-final-text) !important;
  --wallet-muted: var(--nd-final-muted) !important;
  --wallet-line: var(--nd-final-border) !important;
  --wallet-border: var(--nd-final-border) !important;
  --wallet-soft: color-mix(in srgb, var(--nd-final-primary) 12%, var(--nd-final-surface)) !important;
  --wallet-soft-red: color-mix(in srgb, var(--nd-final-primary) 12%, var(--nd-final-surface)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page,
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page {
  --wallet-recharge-ink: var(--nd-final-heading) !important;
  --wallet-recharge-text: var(--nd-final-text) !important;
  --wallet-recharge-muted: var(--nd-final-muted) !important;
  --wallet-recharge-border: var(--nd-final-border) !important;
  --wallet-recharge-surface: var(--nd-final-surface) !important;
  --wallet-recharge-soft: var(--nd-final-surface-soft) !important;
  --wallet-recharge-shadow: var(--nd-final-shadow) !important;
  background: transparent !important;
  color: var(--nd-final-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.shipping-hero-panel,.nedate-page-hero,.user-wallet-hero),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.shipping-hero-panel,.nedate-page-hero,.user-wallet-hero),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.shipping-hero-panel,.nedate-page-hero,.user-wallet-hero) {
  background: var(--nd-brand-hero-bg, var(--nd-dark-hero-bg)) !important;
  border-color: var(--nd-final-border) !important;
  box-shadow: var(--nd-final-shadow) !important;
  color: var(--nd-final-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.wallet-section-card,.kpi-card,.nedate-section-card,.section-card,.card),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.wallet-section-card,.kpi-card,.nedate-section-card,.section-card,.card),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.wallet-section-card,.kpi-card,.nedate-section-card,.section-card,.card) {
  background: var(--nd-final-surface) !important;
  border-color: var(--nd-final-border) !important;
  color: var(--nd-final-text) !important;
  box-shadow: var(--nd-final-shadow) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.card-body,.card-header,.card-footer),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.card-body,.card-header,.card-footer),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.card-body,.card-header,.card-footer) {
  background: transparent !important;
  border-color: var(--nd-final-border) !important;
  color: inherit !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.text-dark,.text-dark-slate,.fw-bold,.fw-semibold,strong),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.text-dark,.text-dark-slate,.fw-bold,.fw-semibold,strong),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.text-dark,.text-dark-slate,.fw-bold,.fw-semibold,strong) {
  color: var(--nd-final-heading) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.text-secondary,.text-muted,.small,small,.form-text,.lead,p,label),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.text-secondary,.text-muted,.small,small,.form-text,.lead,p,label),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.text-secondary,.text-muted,.small,small,.form-text,.lead,p,label) {
  color: var(--nd-final-muted) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup,.nd-wallet-floating > .form-control,.form-control,.form-select,.input-group-text),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup,.nd-wallet-floating > .form-control,.form-control,.form-select,.input-group-text),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup,.nd-wallet-floating > .form-control,.form-control,.form-select,.input-group-text) {
  background: var(--nd-final-field-bg) !important;
  color: var(--nd-final-field-text) !important;
  border-color: var(--nd-final-field-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup) :is(.input-group-text,.form-control),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup) :is(.input-group-text,.form-control),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup) :is(.input-group-text,.form-control) {
  background: transparent !important;
  color: var(--nd-final-field-text) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup,.nd-wallet-floating > .form-control,.form-control,.form-select):focus,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup):focus-within,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup,.nd-wallet-floating > .form-control,.form-control,.form-select):focus,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup):focus-within,
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup,.nd-wallet-floating > .form-control,.form-control,.form-select):focus,
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.input-group-modern,#walletAmountGroup):focus-within {
  border-color: color-mix(in srgb, var(--nd-final-primary) 64%, var(--nd-final-field-border)) !important;
  box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--nd-final-primary) 18%, transparent) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.method-pill-btn,.wallet-method-grid .method-pill-btn),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.method-pill-btn,.wallet-method-grid .method-pill-btn),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.method-pill-btn,.wallet-method-grid .method-pill-btn) {
  background: var(--nd-final-field-bg) !important;
  border-color: var(--nd-final-field-border) !important;
  color: var(--nd-final-heading) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page .method-pill-btn::before,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page .method-pill-btn::before,
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page .method-pill-btn::before {
  border-color: color-mix(in srgb, var(--nd-final-muted) 72%, transparent) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page .method-radio:checked + .method-pill-btn,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page .method-radio:checked + .method-pill-btn,
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page .method-radio:checked + .method-pill-btn {
  background: color-mix(in srgb, var(--nd-final-primary) 17%, var(--nd-final-field-bg)) !important;
  border-color: var(--nd-final-primary) !important;
  color: var(--nd-final-heading) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--nd-final-primary) 38%, transparent) inset !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page .method-radio:checked + .method-pill-btn::before,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page .method-radio:checked + .method-pill-btn::before,
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page .method-radio:checked + .method-pill-btn::before {
  border-color: var(--nd-final-primary) !important;
  background: radial-gradient(circle at center, var(--nd-final-primary) 0 42%, transparent 44%) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.kpi-icon,.wallet-info-icon,.wallet-empty-icon),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.kpi-icon,.wallet-info-icon,.wallet-empty-icon),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.kpi-icon,.wallet-info-icon,.wallet-empty-icon) {
  background: color-mix(in srgb, var(--nd-final-primary) 15%, var(--nd-final-surface-soft)) !important;
  color: color-mix(in srgb, var(--nd-final-primary) 78%, var(--nd-final-heading) 22%) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.badge-soft,.badge.bg-light.text-dark),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.badge-soft,.badge.bg-light.text-dark),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.badge-soft,.badge.bg-light.text-dark) {
  background: color-mix(in srgb, var(--nd-final-primary) 14%, var(--nd-final-surface)) !important;
  color: color-mix(in srgb, var(--nd-final-primary) 78%, var(--nd-final-heading) 22%) !important;
  border-color: color-mix(in srgb, var(--nd-final-primary) 28%, var(--nd-final-border)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.nedate-table-responsive,.table-responsive),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.nedate-table-responsive,.table-responsive),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.nedate-table-responsive,.table-responsive) {
  background: var(--nd-final-surface) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.table,.nedate-data-table),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.table,.nedate-data-table),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.table,.nedate-data-table) {
  --bs-table-bg: transparent !important;
  --bs-table-color: var(--nd-final-text) !important;
  --bs-table-border-color: var(--nd-final-border) !important;
  --bs-table-striped-bg: color-mix(in srgb, var(--nd-final-surface-soft) 55%, transparent) !important;
  --bs-table-hover-bg: color-mix(in srgb, var(--nd-final-primary) 10%, transparent) !important;
  background: transparent !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.table-head-custom,.table thead,.nedate-data-table thead,.table-head-custom th,.table thead th,.nedate-data-table thead th),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.table-head-custom,.table thead,.nedate-data-table thead,.table-head-custom th,.table thead th,.nedate-data-table thead th),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.table-head-custom,.table thead,.nedate-data-table thead,.table-head-custom th,.table thead th,.nedate-data-table thead th) {
  background: var(--nd-final-surface-soft) !important;
  color: var(--nd-final-muted) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.table tbody,.table tbody tr,.table tbody td,.nedate-data-table tbody,.nedate-data-table tbody tr,.nedate-data-table tbody td,.wallet-empty-cell),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.table tbody,.table tbody tr,.table tbody td,.nedate-data-table tbody,.nedate-data-table tbody tr,.nedate-data-table tbody td,.wallet-empty-cell),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.table tbody,.table tbody tr,.table tbody td,.nedate-data-table tbody,.nedate-data-table tbody tr,.nedate-data-table tbody td,.wallet-empty-cell) {
  background: transparent !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.btn-outline-secondary,.btn-light),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.btn-outline-secondary,.btn-light),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.btn-outline-secondary,.btn-light) {
  background: transparent !important;
  color: var(--nd-final-heading) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-light:hover,.btn-light:focus),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .wallet-page :is(.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-light:hover,.btn-light:focus),
body.dark-mode.nedate-ui-standard.nedate-user-ui .wallet-page :is(.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-light:hover,.btn-light:focus) {
  background: color-mix(in srgb, var(--nd-final-primary) 15%, transparent) !important;
  color: var(--nd-final-heading) !important;
  border-color: color-mix(in srgb, var(--nd-final-primary) 38%, var(--nd-final-border)) !important;
}

/* ======================================================================
   FIX 2026-06-06 — Wallet + Wallet Recharge: final dark readability lock
   ----------------------------------------------------------------------
   These two pages had legacy extracted wallet rules with hard-coded white
   panels (#fff/#f8fafc) and navy text after the global dark tokens. This
   last block forces the whole wallet surface to the same final dark tokens
   used by Shipping/Backup and removes the white table/header strips.
   ====================================================================== */
html[data-theme="dark"] body.nedate-user-ui main:has(> .wallet-page.user-wallet-page),
html[data-bs-theme="dark"] body.nedate-user-ui main:has(> .wallet-page.user-wallet-page),
body.dark-mode.nedate-user-ui main:has(> .wallet-page.user-wallet-page),
html[data-theme="dark"] body.nedate-user-ui:has(.wallet-page.user-wallet-page) #scene,
html[data-bs-theme="dark"] body.nedate-user-ui:has(.wallet-page.user-wallet-page) #scene,
body.dark-mode.nedate-user-ui:has(.wallet-page.user-wallet-page) #scene,
html[data-theme="dark"] body.nedate-user-ui:has(.wallet-page.user-wallet-page) #app3d,
html[data-bs-theme="dark"] body.nedate-user-ui:has(.wallet-page.user-wallet-page) #app3d,
body.dark-mode.nedate-user-ui:has(.wallet-page.user-wallet-page) #app3d {
  background: var(--nd-app-shell-bg, radial-gradient(circle at 8% 10%, rgba(230, 26, 10, .18) 0 18rem, transparent 32rem), radial-gradient(circle at 92% 18%, rgba(99, 102, 241, .16) 0 20rem, transparent 36rem), linear-gradient(180deg, #0b1220 0%, #111827 52%, #0b1220 100%)) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page {
  --wallet-primary: var(--nd-final-primary, var(--theme-primary, #e61a0a)) !important;
  --wallet-ink: var(--nd-final-heading, #f8fafc) !important;
  --wallet-navy: var(--nd-final-heading, #f8fafc) !important;
  --wallet-text: var(--nd-final-text, #dbe4f0) !important;
  --wallet-muted: var(--nd-final-muted, #9aa7bd) !important;
  --wallet-line: var(--nd-final-border, rgba(148,163,184,.22)) !important;
  --wallet-border: var(--nd-final-border, rgba(148,163,184,.22)) !important;
  --wallet-soft: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 15%, var(--nd-final-surface, #111827)) !important;
  --wallet-soft-red: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 15%, var(--nd-final-surface, #111827)) !important;
  --wallet-shadow: var(--nd-final-shadow, 0 22px 55px rgba(0,0,0,.34)) !important;
  background: transparent !important;
  color: var(--wallet-text) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .shipping-hero-panel,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .shipping-hero-panel,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .shipping-hero-panel,
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .user-wallet-hero,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .user-wallet-hero,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .user-wallet-hero {
  background: var(--nd-brand-hero-bg, linear-gradient(135deg, #111827 0%, #172033 60%, rgba(230, 26, 10, .18) 100%)) !important;
  border: 1px solid var(--wallet-line) !important;
  box-shadow: var(--wallet-shadow) !important;
  color: var(--wallet-text) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .card,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .card,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .card,
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .nedate-section-card,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .nedate-section-card,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .nedate-section-card,
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card,
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .kpi-card,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .kpi-card,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .kpi-card {
  background: var(--nd-final-surface, #111827) !important;
  border-color: var(--wallet-line) !important;
  color: var(--wallet-text) !important;
  box-shadow: var(--wallet-shadow) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .card > .card-body,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .card > .card-body,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .card > .card-body,
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .nedate-section-card > .card-body,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .nedate-section-card > .card-body,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .nedate-section-card > .card-body,
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card > .card-body,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card > .card-body,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card > .card-body,
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card > .card-body.p-0,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card > .card-body.p-0,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card > .card-body.p-0,
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card > .card-body.p-0 > .p-4,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card > .card-body.p-0 > .p-4,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .wallet-section-card > .card-body.p-0 > .p-4,
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .wallet-bank-details-panel,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .wallet-bank-details-panel,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .wallet-bank-details-panel {
  background: transparent !important;
  border-color: var(--wallet-line) !important;
  color: var(--wallet-text) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.text-dark,.text-dark-slate,strong,.fw-bold,.fw-semibold),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.text-dark,.text-dark-slate,strong,.fw-bold,.fw-semibold),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,.text-dark,.text-dark-slate,strong,.fw-bold,.fw-semibold) {
  color: var(--wallet-ink) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(p,.small,small,.text-secondary,.text-muted,.form-text,.form-label,label,li,td),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(p,.small,small,.text-secondary,.text-muted,.form-text,.form-label,label,li,td),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(p,.small,small,.text-secondary,.text-muted,.form-text,.form-label,label,li,td) {
  color: var(--wallet-muted) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.form-control,.form-select,.input-group-modern,#walletAmountGroup,.input-group-text,.nd-wallet-floating > .form-control),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.form-control,.form-select,.input-group-modern,#walletAmountGroup,.input-group-text,.nd-wallet-floating > .form-control),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.form-control,.form-select,.input-group-modern,#walletAmountGroup,.input-group-text,.nd-wallet-floating > .form-control) {
  background: var(--nd-final-field-bg, #0b1220) !important;
  border-color: var(--nd-final-field-border, rgba(148,163,184,.22)) !important;
  color: var(--nd-final-field-text, #f8fafc) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.input-group-modern,#walletAmountGroup) > :is(.form-control,.input-group-text),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.input-group-modern,#walletAmountGroup) > :is(.form-control,.input-group-text),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.input-group-modern,#walletAmountGroup) > :is(.form-control,.input-group-text) {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--nd-final-field-text, #f8fafc) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .form-control::placeholder,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .form-control::placeholder,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .form-control::placeholder {
  color: color-mix(in srgb, var(--wallet-muted) 78%, transparent) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.form-control,.form-select,.nd-wallet-floating > .form-control):focus,
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.input-group-modern,#walletAmountGroup):focus-within,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.form-control,.form-select,.nd-wallet-floating > .form-control):focus,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.input-group-modern,#walletAmountGroup):focus-within,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.form-control,.form-select,.nd-wallet-floating > .form-control):focus,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.input-group-modern,#walletAmountGroup):focus-within {
  border-color: color-mix(in srgb, var(--wallet-primary) 68%, var(--nd-final-field-border, rgba(148,163,184,.22))) !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--wallet-primary) 17%, transparent) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .method-pill-btn,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .method-pill-btn,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .method-pill-btn {
  background: var(--nd-final-field-bg, #0b1220) !important;
  border-color: var(--nd-final-field-border, rgba(148,163,184,.22)) !important;
  color: var(--wallet-ink) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .method-radio:checked + .method-pill-btn,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .method-radio:checked + .method-pill-btn,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .method-radio:checked + .method-pill-btn {
  background: color-mix(in srgb, var(--wallet-primary) 18%, var(--nd-final-field-bg, #0b1220)) !important;
  border-color: var(--wallet-primary) !important;
  color: var(--wallet-ink) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--wallet-primary) 42%, transparent) inset !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.table-responsive,.nedate-table-responsive),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.table-responsive,.nedate-table-responsive),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.table-responsive,.nedate-table-responsive) {
  background: var(--nd-final-surface, #111827) !important;
  border-color: var(--wallet-line) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.table,.nedate-data-table),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.table,.nedate-data-table),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.table,.nedate-data-table) {
  --bs-table-bg: transparent !important;
  --bs-table-color: var(--wallet-text) !important;
  --bs-table-border-color: var(--wallet-line) !important;
  --bs-table-striped-bg: color-mix(in srgb, var(--nd-final-surface-soft, #172033) 55%, transparent) !important;
  --bs-table-hover-bg: color-mix(in srgb, var(--wallet-primary) 10%, transparent) !important;
  background: transparent !important;
  color: var(--wallet-text) !important;
  border-color: var(--wallet-line) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.table-head-custom,.table-head-custom tr,.table-head-custom th,.table thead,.table thead tr,.table thead th,.nedate-data-table thead,.nedate-data-table thead tr,.nedate-data-table thead th),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.table-head-custom,.table-head-custom tr,.table-head-custom th,.table thead,.table thead tr,.table thead th,.nedate-data-table thead,.nedate-data-table thead tr,.nedate-data-table thead th),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.table-head-custom,.table-head-custom tr,.table-head-custom th,.table thead,.table thead tr,.table thead th,.nedate-data-table thead,.nedate-data-table thead tr,.nedate-data-table thead th) {
  background: var(--nd-final-surface-soft, #172033) !important;
  color: var(--wallet-muted) !important;
  border-color: var(--wallet-line) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.table tbody,.table tbody tr,.table tbody td,.nedate-data-table tbody,.nedate-data-table tbody tr,.nedate-data-table tbody td,.wallet-empty-cell),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.table tbody,.table tbody tr,.table tbody td,.nedate-data-table tbody,.nedate-data-table tbody tr,.nedate-data-table tbody td,.wallet-empty-cell),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.table tbody,.table tbody tr,.table tbody td,.nedate-data-table tbody,.nedate-data-table tbody tr,.nedate-data-table tbody td,.wallet-empty-cell) {
  background: transparent !important;
  color: var(--wallet-text) !important;
  border-color: var(--wallet-line) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.bg-white,.bg-light,.badge.bg-light.text-dark),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.bg-white,.bg-light,.badge.bg-light.text-dark),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.bg-white,.bg-light,.badge.bg-light.text-dark) {
  background: color-mix(in srgb, var(--nd-final-surface-soft, #172033) 82%, transparent) !important;
  color: var(--wallet-ink) !important;
  border-color: var(--wallet-line) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .badge-soft,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .badge-soft,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .badge-soft {
  background: color-mix(in srgb, var(--wallet-primary) 15%, var(--nd-final-surface, #111827)) !important;
  color: color-mix(in srgb, var(--wallet-primary) 78%, #fff 22%) !important;
  border-color: color-mix(in srgb, var(--wallet-primary) 30%, var(--wallet-line)) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.kpi-icon,.wallet-info-icon,.wallet-empty-icon),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.kpi-icon,.wallet-info-icon,.wallet-empty-icon),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.kpi-icon,.wallet-info-icon,.wallet-empty-icon) {
  background: color-mix(in srgb, var(--wallet-primary) 16%, var(--nd-final-surface-soft, #172033)) !important;
  color: color-mix(in srgb, var(--wallet-primary) 82%, #fff 18%) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.btn-outline-secondary,.btn-light,.btn-top-action),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.btn-outline-secondary,.btn-light,.btn-top-action),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.btn-outline-secondary,.btn-light,.btn-top-action) {
  background: color-mix(in srgb, var(--nd-final-surface-soft, #172033) 58%, transparent) !important;
  color: var(--wallet-ink) !important;
  border-color: var(--wallet-line) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-light:hover,.btn-light:focus,.btn-top-action:hover,.btn-top-action:focus),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page :is(.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-light:hover,.btn-light:focus,.btn-top-action:hover,.btn-top-action:focus),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page :is(.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-light:hover,.btn-light:focus,.btn-top-action:hover,.btn-top-action:focus) {
  background: color-mix(in srgb, var(--wallet-primary) 16%, var(--nd-final-surface-soft, #172033)) !important;
  color: var(--wallet-ink) !important;
  border-color: color-mix(in srgb, var(--wallet-primary) 42%, var(--wallet-line)) !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .border-top,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .border-top,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .border-top {
  border-top-color: var(--wallet-line) !important;
}


/* ======================================================================
   FIX 2026-06-07 — Global dark normalizer v2
   ----------------------------------------------------------------------
   Final cascade layer. This is intentionally loaded from nedate-design-system
   because layouts/app.blade.php includes this file again after @yield('content').
   It neutralizes legacy Blade CSS that still uses bg-white/text-dark/table-light
   and keeps user/admin app pages on the same dark tokens.
   ====================================================================== */
html[data-theme="dark"],
html[data-bs-theme="dark"],
body.dark-mode {
  --nd-final-primary: var(--nd-brand-primary, var(--theme-primary, var(--theme-primary, #e61a0a)));
  --nd-final-heading: #f8fafc;
  --nd-final-text: #dbe4f0;
  --nd-final-muted: #9aa7bd;
  --nd-final-border: rgba(148, 163, 184, .20);
  --nd-final-surface: #111827;
  --nd-final-surface-soft: #172033;
  --nd-final-field-bg: #0b1220;
  --nd-final-field-text: #f8fafc;
  --nd-final-field-border: rgba(148, 163, 184, .22);
  --nd-final-shadow: 0 22px 55px rgba(0, 0, 0, .34);
  --nd-final-navbar-pill-bg: rgba(15, 23, 42, .88);
  --nd-final-navbar-pill-border: rgba(148, 163, 184, .16);
  --nd-final-sidebar-bg: #111827;
  --nd-final-sidebar-text: #e5e7eb;
  --nd-final-sidebar-muted: rgba(229, 231, 235, .58);
  --nd-final-sidebar-panel-bg: #101827;
  color-scheme: dark;
}

/* App/admin shell: same canvas everywhere. */
html[data-theme="dark"] body.nedate-ui-standard,
html[data-bs-theme="dark"] body.nedate-ui-standard,
body.dark-mode.nedate-ui-standard,
html[data-theme="dark"] body.nedate-ui-standard :is(#app3d,#scene,.content-with-navbar,main,.nedate-admin-main),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(#app3d,#scene,.content-with-navbar,main,.nedate-admin-main),
body.dark-mode.nedate-ui-standard :is(#app3d,#scene,.content-with-navbar,main,.nedate-admin-main) {
  color: var(--nd-final-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard,
html[data-bs-theme="dark"] body.nedate-ui-standard,
body.dark-mode.nedate-ui-standard {
  background:
    radial-gradient(circle at 7% 14%, color-mix(in srgb, var(--nd-final-primary) 16%, transparent) 0 18rem, transparent 30rem),
    radial-gradient(circle at 94% 18%, rgba(139, 92, 246, .12) 0 18rem, transparent 31rem),
    linear-gradient(180deg, #0f172a 0%, #111827 56%, #0f172a 100%) !important;
}

/* Legacy Bootstrap utility classes used inside many Blade files. */
html[data-theme="dark"] body.nedate-ui-standard :is(.bg-white,.bg-light,.table-light,.list-group-item,.accordion-item,.accordion-button:not(.collapsed),.modal-content,.offcanvas,.popover,.toast),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.bg-white,.bg-light,.table-light,.list-group-item,.accordion-item,.accordion-button:not(.collapsed),.modal-content,.offcanvas,.popover,.toast),
body.dark-mode.nedate-ui-standard :is(.bg-white,.bg-light,.table-light,.list-group-item,.accordion-item,.accordion-button:not(.collapsed),.modal-content,.offcanvas,.popover,.toast) {
  background-color: var(--nd-final-surface) !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.text-dark,.text-dark-slate,.text-body,.text-black,.card-title,.modal-title,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,strong,.fw-bold,.fw-semibold),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.text-dark,.text-dark-slate,.text-body,.text-black,.card-title,.modal-title,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,strong,.fw-bold,.fw-semibold),
body.dark-mode.nedate-ui-standard :is(.text-dark,.text-dark-slate,.text-body,.text-black,.card-title,.modal-title,h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,strong,.fw-bold,.fw-semibold) {
  color: var(--nd-final-heading) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.text-muted,.text-secondary,.form-text,.form-label,label,small,.small,p,li,td,th),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.text-muted,.text-secondary,.form-text,.form-label,label,small,.small,p,li,td,th),
body.dark-mode.nedate-ui-standard :is(.text-muted,.text-secondary,.form-text,.form-label,label,small,.small,p,li,td,th) {
  color: var(--nd-final-muted) !important;
}

/* Cards and panels. Kept broad only in dark mode, because old pages use many custom card names. */
html[data-theme="dark"] body.nedate-ui-standard :is(.card,.nedate-section-card,.settings-card,.settings-panel,.admin-card,.dashboard-card,.kpi-card,.stat-card,.info-card,.panel,.table-card,.wallet-section-card,.shipments-filters-card,.shipment-mobile-card),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.card,.nedate-section-card,.settings-card,.settings-panel,.admin-card,.dashboard-card,.kpi-card,.stat-card,.info-card,.panel,.table-card,.wallet-section-card,.shipments-filters-card,.shipment-mobile-card),
body.dark-mode.nedate-ui-standard :is(.card,.nedate-section-card,.settings-card,.settings-panel,.admin-card,.dashboard-card,.kpi-card,.stat-card,.info-card,.panel,.table-card,.wallet-section-card,.shipments-filters-card,.shipment-mobile-card) {
  background: var(--nd-final-surface) !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
  box-shadow: var(--nd-final-shadow) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.card-header,.card-footer,.modal-header,.modal-footer,.dropdown-header),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.card-header,.card-footer,.modal-header,.modal-footer,.dropdown-header),
body.dark-mode.nedate-ui-standard :is(.card-header,.card-footer,.modal-header,.modal-footer,.dropdown-header) {
  background: var(--nd-final-surface) !important;
  color: var(--nd-final-heading) !important;
  border-color: var(--nd-final-border) !important;
}

/* Tables: no white header/body strips in dark mode. */
html[data-theme="dark"] body.nedate-ui-standard :is(.table,table),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.table,table),
body.dark-mode.nedate-ui-standard :is(.table,table) {
  --bs-table-bg: transparent !important;
  --bs-table-color: var(--nd-final-text) !important;
  --bs-table-border-color: var(--nd-final-border) !important;
  --bs-table-striped-bg: color-mix(in srgb, var(--nd-final-surface-soft) 70%, transparent) !important;
  --bs-table-hover-bg: color-mix(in srgb, var(--nd-final-primary) 10%, transparent) !important;
  background: transparent !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.table-responsive,.nedate-table-responsive,.nedate-admin-table-responsive),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.table-responsive,.nedate-table-responsive,.nedate-admin-table-responsive),
body.dark-mode.nedate-ui-standard :is(.table-responsive,.nedate-table-responsive,.nedate-admin-table-responsive) {
  background: var(--nd-final-surface) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.table thead,.table thead tr,.table thead th,table thead,table thead tr,table thead th,.table-head-custom,.table-head-custom tr,.table-head-custom th),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.table thead,.table thead tr,.table thead th,table thead,table thead tr,table thead th,.table-head-custom,.table-head-custom tr,.table-head-custom th),
body.dark-mode.nedate-ui-standard :is(.table thead,.table thead tr,.table thead th,table thead,table thead tr,table thead th,.table-head-custom,.table-head-custom tr,.table-head-custom th) {
  background: var(--nd-final-surface-soft) !important;
  color: var(--nd-final-muted) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.table tbody,.table tbody tr,.table tbody td,table tbody,table tbody tr,table tbody td),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.table tbody,.table tbody tr,.table tbody td,table tbody,table tbody tr,table tbody td),
body.dark-mode.nedate-ui-standard :is(.table tbody,.table tbody tr,.table tbody td,table tbody,table tbody tr,table tbody td) {
  background: transparent !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.badge.bg-light,.badge.text-bg-light,.badge.bg-white),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.badge.bg-light,.badge.text-bg-light,.badge.bg-white),
body.dark-mode.nedate-ui-standard :is(.badge.bg-light,.badge.text-bg-light,.badge.bg-white) {
  background: color-mix(in srgb, var(--nd-final-surface-soft) 86%, transparent) !important;
  color: var(--nd-final-heading) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.btn-light,.btn-outline-secondary,.btn-outline-dark),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.btn-light,.btn-outline-secondary,.btn-outline-dark),
body.dark-mode.nedate-ui-standard :is(.btn-light,.btn-outline-secondary,.btn-outline-dark) {
  background: color-mix(in srgb, var(--nd-final-surface-soft) 58%, transparent) !important;
  color: var(--nd-final-heading) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.btn-light:hover,.btn-light:focus,.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-dark:hover,.btn-outline-dark:focus),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.btn-light:hover,.btn-light:focus,.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-dark:hover,.btn-outline-dark:focus),
body.dark-mode.nedate-ui-standard :is(.btn-light:hover,.btn-light:focus,.btn-outline-secondary:hover,.btn-outline-secondary:focus,.btn-outline-dark:hover,.btn-outline-dark:focus) {
  background: color-mix(in srgb, var(--nd-final-primary) 16%, var(--nd-final-surface-soft)) !important;
  color: var(--nd-final-heading) !important;
  border-color: color-mix(in srgb, var(--nd-final-primary) 42%, var(--nd-final-border)) !important;
}

/* Form fields final lock. */
html[data-theme="dark"] body.nedate-ui-standard :is(.form-control,.form-select,.input-group-text,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],input[type="url"],input[type="tel"],input[type="date"],input[type="datetime-local"],input[type="time"],.select2-selection),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.form-control,.form-select,.input-group-text,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],input[type="url"],input[type="tel"],input[type="date"],input[type="datetime-local"],input[type="time"],.select2-selection),
body.dark-mode.nedate-ui-standard :is(.form-control,.form-select,.input-group-text,textarea,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="search"],input[type="url"],input[type="tel"],input[type="date"],input[type="datetime-local"],input[type="time"],.select2-selection) {
  background-color: var(--nd-final-field-bg) !important;
  color: var(--nd-final-field-text) !important;
  border-color: var(--nd-final-field-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard .form-control::placeholder,
html[data-theme="dark"] body.nedate-ui-standard textarea::placeholder,
html[data-theme="dark"] body.nedate-ui-standard input::placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard .form-control::placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard textarea::placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard input::placeholder,
body.dark-mode.nedate-ui-standard .form-control::placeholder,
body.dark-mode.nedate-ui-standard textarea::placeholder,
body.dark-mode.nedate-ui-standard input::placeholder {
  color: color-mix(in srgb, var(--nd-final-muted) 78%, transparent) !important;
  opacity: 1 !important;
}

/* Wallet pages: targeted hard lock because they had the highest number of legacy white strips. */
html[data-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page),
body.dark-mode.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) {
  --wallet-primary: var(--nd-final-primary) !important;
  --wallet-ink: var(--nd-final-heading) !important;
  --wallet-navy: var(--nd-final-heading) !important;
  --wallet-text: var(--nd-final-text) !important;
  --wallet-muted: var(--nd-final-muted) !important;
  --wallet-line: var(--nd-final-border) !important;
  --wallet-border: var(--nd-final-border) !important;
  --wallet-soft: var(--nd-final-surface-soft) !important;
  --wallet-soft-red: color-mix(in srgb, var(--nd-final-primary) 16%, var(--nd-final-surface)) !important;
  --wallet-tx-primary: var(--nd-final-primary) !important;
  --wallet-tx-ink: var(--nd-final-heading) !important;
  --wallet-tx-muted: var(--nd-final-muted) !important;
  --wallet-tx-border: var(--nd-final-border) !important;
  --wallet-tx-soft: var(--nd-final-surface-soft) !important;
  background: transparent !important;
  color: var(--nd-final-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.wallet-section-card,.kpi-card,.shipments-filters-card,.wallet-transactions-table-card,.wallet-recharge-main-card,.wallet-recharge-history-card,.wallet-recharge-info-card,.wallet-recharge-balance-card),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.wallet-section-card,.kpi-card,.shipments-filters-card,.wallet-transactions-table-card,.wallet-recharge-main-card,.wallet-recharge-history-card,.wallet-recharge-info-card,.wallet-recharge-balance-card),
body.dark-mode.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.wallet-section-card,.kpi-card,.shipments-filters-card,.wallet-transactions-table-card,.wallet-recharge-main-card,.wallet-recharge-history-card,.wallet-recharge-info-card,.wallet-recharge-balance-card) {
  background: var(--nd-final-surface) !important;
  border-color: var(--nd-final-border) !important;
  color: var(--nd-final-text) !important;
  box-shadow: var(--nd-final-shadow) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.card-body,.wallet-section-header,.wallet-section-card > .card-body.p-0 > .p-4,.wallet-section-card > .card-body.p-0 > .p-lg-5,.wallet-recharge-fields,.wallet-card-title-row),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.card-body,.wallet-section-header,.wallet-section-card > .card-body.p-0 > .p-4,.wallet-section-card > .card-body.p-0 > .p-lg-5,.wallet-recharge-fields,.wallet-card-title-row),
body.dark-mode.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.card-body,.wallet-section-header,.wallet-section-card > .card-body.p-0 > .p-4,.wallet-section-card > .card-body.p-0 > .p-lg-5,.wallet-recharge-fields,.wallet-card-title-row) {
  background: transparent !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.input-group-modern,#walletAmountGroup,.nd-wallet-floating > .form-control,.method-pill-btn),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.input-group-modern,#walletAmountGroup,.nd-wallet-floating > .form-control,.method-pill-btn),
body.dark-mode.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.input-group-modern,#walletAmountGroup,.nd-wallet-floating > .form-control,.method-pill-btn) {
  background: var(--nd-final-field-bg) !important;
  color: var(--nd-final-field-text) !important;
  border-color: var(--nd-final-field-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) .input-group-modern > :is(.form-control,.input-group-text),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) .input-group-modern > :is(.form-control,.input-group-text),
body.dark-mode.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) .input-group-modern > :is(.form-control,.input-group-text) {
  background: transparent !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) .method-radio:checked + .method-pill-btn,
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) .method-radio:checked + .method-pill-btn,
body.dark-mode.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) .method-radio:checked + .method-pill-btn {
  background: color-mix(in srgb, var(--nd-final-primary) 18%, var(--nd-final-field-bg)) !important;
  color: var(--nd-final-heading) !important;
  border-color: var(--nd-final-primary) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--nd-final-primary) 42%, transparent) inset !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.kpi-icon,.wallet-info-icon,.wallet-empty-icon,.wallet-transaction-icon),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.kpi-icon,.wallet-info-icon,.wallet-empty-icon,.wallet-transaction-icon),
body.dark-mode.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.kpi-icon,.wallet-info-icon,.wallet-empty-icon,.wallet-transaction-icon) {
  background: color-mix(in srgb, var(--nd-final-primary) 16%, var(--nd-final-surface-soft)) !important;
  color: color-mix(in srgb, var(--nd-final-primary) 82%, #fff 18%) !important;
  border-color: color-mix(in srgb, var(--nd-final-primary) 28%, var(--nd-final-border)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.wallet-empty-cell,.wallet-bank-details-panel,.alert-info,.alert-light),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.wallet-empty-cell,.wallet-bank-details-panel,.alert-info,.alert-light),
body.dark-mode.nedate-ui-standard :is(.wallet-page,.wallet-wrapper,.wallet-transactions-page) :is(.wallet-empty-cell,.wallet-bank-details-panel,.alert-info,.alert-light) {
  background: transparent !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

/* Sidebar final lock: identical colors for admin and user sidebars. */
html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar,.drawer-sb,.app-sidebar,.sidebar),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar,.drawer-sb,.app-sidebar,.sidebar),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar,.drawer-sb,.app-sidebar,.sidebar) {
  background: var(--nd-final-sidebar-bg) !important;
  color: var(--nd-final-sidebar-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar,.drawer-sb,.app-sidebar,.sidebar) :is(a,button,.sb-link,.sb-sub-link,.sb-icon,.sb-label,i,svg),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar,.drawer-sb,.app-sidebar,.sidebar) :is(a,button,.sb-link,.sb-sub-link,.sb-icon,.sb-label,i,svg),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar,.drawer-sb,.app-sidebar,.sidebar) :is(a,button,.sb-link,.sb-sub-link,.sb-icon,.sb-label,i,svg) {
  color: var(--nd-final-sidebar-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar,.drawer-sb,.app-sidebar,.sidebar) :is(.active,.is-active,[aria-current="page"]),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar,.drawer-sb,.app-sidebar,.sidebar) :is(.active,.is-active,[aria-current="page"]),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar,.drawer-sb,.app-sidebar,.sidebar) :is(.active,.is-active,[aria-current="page"]) {
  background: var(--nd-final-primary) !important;
  color: #ffffff !important;
}

/* ========================================================================
   NEDATE FINAL DARK TOKEN LOCK — 2026-06-07
   ------------------------------------------------------------------------
   Last cascade pass for the app shell.  It removes the remaining page-level
   color differences between /shipping and /user/wallet* without touching the
   Blade logic.  Sidebar and shipping controls now read from the same tokens.
   ======================================================================== */
html[data-theme="dark"],
html[data-bs-theme="dark"],
body.dark-mode {
  --nd-final-primary: var(--nd-brand-primary, var(--theme-primary, var(--theme-primary, #e61a0a)));
  --nd-final-bg: var(--nd-dark-bg, var(--dark-body-bg, #0f172a));
  --nd-final-bg-deep: var(--nd-dark-bg-deep, #0b1220);
  --nd-final-surface: var(--nd-dark-surface, var(--dark-card-bg, #111827));
  --nd-final-surface-soft: var(--nd-dark-surface-2, #0f1a2d);
  --nd-final-heading: var(--nd-dark-heading, var(--dark-text-color, #f8fafc));
  --nd-final-text: color-mix(in srgb, var(--nd-final-heading) 86%, transparent);
  --nd-final-muted: var(--nd-dark-muted, var(--dark-muted-color, #94a3b8));
  --nd-final-border: var(--nd-dark-border, var(--dark-border-color, rgba(148, 163, 184, .22)));
  --nd-final-field-bg: var(--nd-dark-input-bg, var(--dark-input-bg, #0b1220));
  --nd-final-field-text: var(--nd-final-heading);
  --nd-final-field-border: color-mix(in srgb, var(--nd-final-border) 94%, transparent);
  --nd-final-sidebar-bg: color-mix(in srgb, var(--nd-final-surface) 96%, #020617 4%);
  --nd-final-sidebar-panel-bg: color-mix(in srgb, var(--nd-final-surface) 88%, #020617 12%);
  --nd-final-sidebar-text: var(--nd-final-heading);
  --nd-final-sidebar-muted: color-mix(in srgb, var(--nd-final-heading) 58%, transparent);
  --theme-sidebar-bg: var(--nd-final-sidebar-bg) !important;
  --theme-sidebar-text: var(--nd-final-sidebar-text) !important;
  --theme-sidebar-panel-header-bg: var(--nd-final-sidebar-panel-bg) !important;
  --theme-sidebar-panel-header-title: var(--nd-final-sidebar-text) !important;
  --theme-sidebar-panel-header-icon: var(--nd-final-sidebar-muted) !important;
}

html[data-theme="dark"] body.nedate-ui-standard,
html[data-bs-theme="dark"] body.nedate-ui-standard,
body.dark-mode.nedate-ui-standard {
  --nd-control-bg: var(--nd-final-field-bg) !important;
  --nd-control-text: var(--nd-final-field-text) !important;
  --nd-control-border: var(--nd-final-field-border) !important;
  --nd-form-standard-bg: var(--nd-final-field-bg) !important;
  --nd-form-standard-text: var(--nd-final-field-text) !important;
  --nd-form-standard-border: var(--nd-final-field-border) !important;
  --ship-navy: var(--nd-final-heading) !important;
  --ship-muted: var(--nd-final-muted) !important;
  --ship-border: var(--nd-final-border) !important;
  --pro-bg-card: var(--nd-final-surface) !important;
  --pro-bg-body: var(--nd-final-bg) !important;
  --pro-text-main: var(--nd-final-text) !important;
  --pro-text-input: var(--nd-final-field-text) !important;
  --pro-text-label: var(--nd-final-muted) !important;
  --pro-text-unit: var(--nd-final-muted) !important;
  --pro-border: var(--nd-final-field-border) !important;
  --border-color: var(--nd-final-field-border) !important;
}





html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.sb-section-cap, .sb-pro-copy span),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.sb-section-cap, .sb-pro-copy span),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) :is(.sb-section-cap, .sb-pro-copy span) {
  color: var(--nd-final-sidebar-muted) !important;
}




/* Shipping: remove the last white holes in dark mode (Select2 country fields and secondary buttons). */
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(
  .form-control,
  .form-select,
  textarea.form-control,
  input.form-control,
  .select2-container .select2-selection,
  .select2-container--default .select2-selection--single,
  .select2-container--bootstrap-5 .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .select2-container--bootstrap-5 .select2-selection--multiple
),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(
  .form-control,
  .form-select,
  textarea.form-control,
  input.form-control,
  .select2-container .select2-selection,
  .select2-container--default .select2-selection--single,
  .select2-container--bootstrap-5 .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .select2-container--bootstrap-5 .select2-selection--multiple
),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(
  .form-control,
  .form-select,
  textarea.form-control,
  input.form-control,
  .select2-container .select2-selection,
  .select2-container--default .select2-selection--single,
  .select2-container--bootstrap-5 .select2-selection--single,
  .select2-container--default .select2-selection--multiple,
  .select2-container--bootstrap-5 .select2-selection--multiple
),
html[data-theme="dark"] body.nedate-user-ui:has(.shipping-page-wrapper) .shipping-page-wrapper .select2-floating .select2-container .select2-selection--single,
html[data-bs-theme="dark"] body.nedate-user-ui:has(.shipping-page-wrapper) .shipping-page-wrapper .select2-floating .select2-container .select2-selection--single,
body.dark-mode.nedate-user-ui:has(.shipping-page-wrapper) .shipping-page-wrapper .select2-floating .select2-container .select2-selection--single {
  background: var(--nd-final-field-bg) !important;
  background-color: var(--nd-final-field-bg) !important;
  color: var(--nd-final-field-text) !important;
  border-color: var(--nd-final-field-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(
  .select2-selection__rendered,
  .select2-selection__placeholder,
  .select2-search__field,
  .select2-results__option,
  .select2-container--default .select2-selection--single .select2-selection__rendered,
  .select2-container--default .select2-selection--single .select2-selection__placeholder
),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(
  .select2-selection__rendered,
  .select2-selection__placeholder,
  .select2-search__field,
  .select2-results__option,
  .select2-container--default .select2-selection--single .select2-selection__rendered,
  .select2-container--default .select2-selection--single .select2-selection__placeholder
),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(
  .select2-selection__rendered,
  .select2-selection__placeholder,
  .select2-search__field,
  .select2-results__option,
  .select2-container--default .select2-selection--single .select2-selection__rendered,
  .select2-container--default .select2-selection--single .select2-selection__placeholder
) {
  color: var(--nd-final-field-text) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.select2-dropdown, .select2-results, .select2-search__field),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.select2-dropdown, .select2-results, .select2-search__field),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(.select2-dropdown, .select2-results, .select2-search__field) {
  background: var(--nd-final-surface) !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: var(--nd-final-muted) transparent transparent transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.shipping-step-actions .btn, .parcel-block .btn-group > .btn, .btn.btn-light, .btn.btn-warning, .btn.btn-success, .btn.btn-outline-secondary),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.shipping-step-actions .btn, .parcel-block .btn-group > .btn, .btn.btn-light, .btn.btn-warning, .btn.btn-success, .btn.btn-outline-secondary),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(.shipping-step-actions .btn, .parcel-block .btn-group > .btn, .btn.btn-light, .btn.btn-warning, .btn.btn-success, .btn.btn-outline-secondary) {
  background: var(--nd-final-surface-soft) !important;
  color: var(--nd-final-heading) !important;
  border-color: var(--nd-final-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.shipping-step-actions .btn:hover, .parcel-block .btn-group > .btn:hover, .btn.btn-light:hover, .btn.btn-warning:hover, .btn.btn-success:hover, .btn.btn-outline-secondary:hover),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.shipping-step-actions .btn:hover, .parcel-block .btn-group > .btn:hover, .btn.btn-light:hover, .btn.btn-warning:hover, .btn.btn-success:hover, .btn.btn-outline-secondary:hover),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(.shipping-step-actions .btn:hover, .parcel-block .btn-group > .btn:hover, .btn.btn-light:hover, .btn.btn-warning:hover, .btn.btn-success:hover, .btn.btn-outline-secondary:hover) {
  background: color-mix(in srgb, var(--nd-final-primary) 18%, var(--nd-final-surface-soft)) !important;
  color: #ffffff !important;
  border-color: color-mix(in srgb, var(--nd-final-primary) 48%, var(--nd-final-border)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.btn:disabled, .btn.disabled),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.btn:disabled, .btn.disabled),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(.btn:disabled, .btn.disabled) {
  opacity: .58 !important;
  background: var(--nd-final-surface-soft) !important;
  color: var(--nd-final-muted) !important;
  border-color: var(--nd-final-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.bg-white, .bg-light, .card-header, .shipping-card .card, form > .card, .pickup-box, .sender-box, .receiver-box),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.bg-white, .bg-light, .card-header, .shipping-card .card, form > .card, .pickup-box, .sender-box, .receiver-box),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(.bg-white, .bg-light, .card-header, .shipping-card .card, form > .card, .pickup-box, .sender-box, .receiver-box) {
  background: var(--nd-final-surface) !important;
  background-color: var(--nd-final-surface) !important;
  color: var(--nd-final-text) !important;
  border-color: var(--nd-final-border) !important;
}
/* === END NEDATE FINAL DARK TOKEN LOCK — 2026-06-07 === */

/* ========================================================================
   NEDATE FINAL SHELL SIDEBAR NORMALIZER — 2026-06-07
   ------------------------------------------------------------------------
   One visual rule for the left sidebar on every Blade. Shipping had its own
   legacy sidebar colors and ::before active stripe; wallet/recharge used the
   generic active state. This final pass removes page-specific active strips
   and makes hover/active colors read from the same shell tokens everywhere.
   ======================================================================== */
html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb),
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb),
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb) {
  --sb-bg: var(--nd-final-sidebar-bg, #111827) !important;
  --sb-text: var(--nd-final-sidebar-text, #f8fafc) !important;
  --sb-text-hover: #ffffff !important;
  --sb-accent: var(--nd-final-primary, var(--theme-primary, #e61a0a)) !important;
  --sb-border: var(--nd-final-border, rgba(148, 163, 184, .22)) !important;
  --sb-hover-bg: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 10%, transparent) !important;
  --sb-active-bg: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 18%, var(--nd-final-sidebar-bg, #111827)) !important;
  background: var(--nd-final-sidebar-bg, #111827) !important;
  color: var(--nd-final-sidebar-text, #f8fafc) !important;
  border-color: var(--nd-final-border, rgba(148, 163, 184, .22)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar :is(.sb-panel-header, .sb-scroller),
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar :is(.sb-panel-header, .sb-scroller),
body.dark-mode.nedate-ui-standard .adm-sidebar :is(.sb-panel-header, .sb-scroller),
html[data-theme="dark"] body.nedate-ui-standard .drawer-sb :is(.sb-panel-header, .sb-scroller),
html[data-bs-theme="dark"] body.nedate-ui-standard .drawer-sb :is(.sb-panel-header, .sb-scroller),
body.dark-mode.nedate-ui-standard .drawer-sb :is(.sb-panel-header, .sb-scroller) {
  background: var(--nd-final-sidebar-bg, #111827) !important;
  color: var(--nd-final-sidebar-text, #f8fafc) !important;
  border-color: var(--nd-final-border, rgba(148, 163, 184, .22)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link,
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link,
body.dark-mode.nedate-ui-standard .adm-sidebar .sb-link,
html[data-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link,
html[data-bs-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link,
body.dark-mode.nedate-ui-standard .drawer-sb .sb-link {
  background: transparent !important;
  color: var(--nd-final-sidebar-text, #f8fafc) !important;
  border: 1px solid transparent !important;
  border-left-width: 1px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link::before,
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link::before,
body.dark-mode.nedate-ui-standard .adm-sidebar .sb-link::before,
html[data-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link::before,
html[data-bs-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link::before,
body.dark-mode.nedate-ui-standard .drawer-sb .sb-link::before {
  content: none !important;
  display: none !important;
  background: transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link:hover,
html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link:focus,
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link:hover,
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link:focus,
body.dark-mode.nedate-ui-standard .adm-sidebar .sb-link:hover,
body.dark-mode.nedate-ui-standard .adm-sidebar .sb-link:focus,
html[data-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link:hover,
html[data-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link:focus,
html[data-bs-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link:hover,
html[data-bs-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link:focus,
body.dark-mode.nedate-ui-standard .drawer-sb .sb-link:hover,
body.dark-mode.nedate-ui-standard .drawer-sb .sb-link:focus {
  background: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 10%, var(--nd-final-sidebar-bg, #111827)) !important;
  color: var(--nd-final-heading, #f8fafc) !important;
  border-color: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 22%, var(--nd-final-border, rgba(148, 163, 184, .22))) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link.active,
html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link[aria-current="page"],
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link.active,
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link[aria-current="page"],
body.dark-mode.nedate-ui-standard .adm-sidebar .sb-link.active,
body.dark-mode.nedate-ui-standard .adm-sidebar .sb-link[aria-current="page"],
html[data-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link.active,
html[data-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link[aria-current="page"],
html[data-bs-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link.active,
html[data-bs-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link[aria-current="page"],
body.dark-mode.nedate-ui-standard .drawer-sb .sb-link.active,
body.dark-mode.nedate-ui-standard .drawer-sb .sb-link[aria-current="page"] {
  background: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 20%, var(--nd-final-sidebar-bg, #111827)) !important;
  color: #ffffff !important;
  border-color: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 50%, var(--nd-final-border, rgba(148, 163, 184, .22))) !important;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 14%, transparent) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link:is(:hover,:focus,.active,[aria-current="page"]) :is(.main-icon,.sb-text,.sb-arrow,i,svg),
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar .sb-link:is(:hover,:focus,.active,[aria-current="page"]) :is(.main-icon,.sb-text,.sb-arrow,i,svg),
body.dark-mode.nedate-ui-standard .adm-sidebar .sb-link:is(:hover,:focus,.active,[aria-current="page"]) :is(.main-icon,.sb-text,.sb-arrow,i,svg),
html[data-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link:is(:hover,:focus,.active,[aria-current="page"]) :is(.main-icon,.sb-text,.sb-arrow,i,svg),
html[data-bs-theme="dark"] body.nedate-ui-standard .drawer-sb .sb-link:is(:hover,:focus,.active,[aria-current="page"]) :is(.main-icon,.sb-text,.sb-arrow,i,svg),
body.dark-mode.nedate-ui-standard .drawer-sb .sb-link:is(:hover,:focus,.active,[aria-current="page"]) :is(.main-icon,.sb-text,.sb-arrow,i,svg) {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Keep collapsed sidebar icons visually identical on shipping and wallet. */
html[data-theme="dark"] body.nedate-ui-standard .adm-sidebar.collapsed .sb-link,
html[data-bs-theme="dark"] body.nedate-ui-standard .adm-sidebar.collapsed .sb-link,
body.dark-mode.nedate-ui-standard .adm-sidebar.collapsed .sb-link {
  width: 34px !important;
  height: 34px !important;
  min-height: 34px !important;
  margin: .36rem auto !important;
  padding: 0 !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 9px !important;
}

/* Shipping dark fields: last pass over legacy #fff country/actions rules. */
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.select2-floating,.country-select-floating) :is(.select2-selection,.select2-selection--single,.nedate-country-selection),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.select2-floating,.country-select-floating) :is(.select2-selection,.select2-selection--single,.nedate-country-selection),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(.select2-floating,.country-select-floating) :is(.select2-selection,.select2-selection--single,.nedate-country-selection),
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.form-control,.form-select,.input-group-text),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.form-control,.form-select,.input-group-text),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(.form-control,.form-select,.input-group-text) {
  background: var(--nd-final-field-bg, #0b1220) !important;
  background-color: var(--nd-final-field-bg, #0b1220) !important;
  color: var(--nd-final-field-text, #f8fafc) !important;
  border-color: var(--nd-final-field-border, rgba(148, 163, 184, .22)) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.select2-selection__rendered,.select2-selection__placeholder,.form-floating > label),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.select2-selection__rendered,.select2-selection__placeholder,.form-floating > label),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(.select2-selection__rendered,.select2-selection__placeholder,.form-floating > label) {
  color: var(--nd-final-muted, #94a3b8) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.shipping-step-actions .btn,.btn-group > .btn,.btn.btn-light,.btn.btn-warning,.btn.btn-success,.btn.btn-outline-secondary),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper :is(.shipping-step-actions .btn,.btn-group > .btn,.btn.btn-light,.btn.btn-warning,.btn.btn-success,.btn.btn-outline-secondary),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper :is(.shipping-step-actions .btn,.btn-group > .btn,.btn.btn-light,.btn.btn-warning,.btn.btn-success,.btn.btn-outline-secondary) {
  background: var(--nd-final-surface-soft, #0f1a2d) !important;
  color: var(--nd-final-heading, #f8fafc) !important;
  border-color: var(--nd-final-border, rgba(148, 163, 184, .22)) !important;
  box-shadow: none !important;
}
















html[data-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb).expanded .sb-pro-button *,
html[data-bs-theme="dark"] body.nedate-ui-standard :is(.adm-sidebar, .drawer-sb).expanded .sb-pro-button *,
body.dark-mode.nedate-ui-standard :is(.adm-sidebar, .drawer-sb).expanded .sb-pro-button * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

/* ========================================================================
   NEDATE SHIPPING DARK REPAIR — 2026-06-07
   ------------------------------------------------------------------------
   Ripara solo /shipping in dark mode: Select2 country scuro, bottoni
   secondari scuri e bordi card/divider non bianchi. Non tocca sidebar.
   ======================================================================== */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper {
  --nd-ship-dark-surface: #111827;
  --nd-ship-dark-surface-soft: #172033;
  /* I campi di questa pagina hanno un fondo e una cornice soli, e li
     scrivono questi due token. Prima erano tre palette: i 29 input, i select
     e la textarea uscivano #0b1220 con cornice #334155; le quattro tendine
     Select2 e i quattro gruppi delle dimensioni #0e1a2c (leggevano i token
     comuni del sito, che al buio valgono un altro grigio); e i quattro
     `country-select` avevano la cornice rgba(45,59,82,.74) — un terzo
     colore. Misurato: alla luce sono tutti bianchi con #adbaca, e la cosa
     non si vedeva. */
  --nd-ship-dark-field: var(--nd-final-field-bg, #0b1220);
  --nd-ship-dark-border: var(--nd-form-modern-border, #334155);
  --nd-ship-dark-border-soft: rgba(45, 59, 82, .56);
  --nd-ship-dark-text: #f8fafc;
  --nd-ship-dark-muted: #9aa8bd;
  /* E i token comuni del sito valgono, dentro questa pagina, la stessa
     coppia: cosi' Select2 e i gruppi delle dimensioni — che leggono quelli —
     cadono in riga senza che si debba inseguire ogni regola. */
  --sw-field-bg: var(--nd-final-field-bg, #0b1220);
  --sw-field-border: var(--nd-form-modern-border, #334155);
  --nd-form-standard-bg: #0b1220 !important;
  --nd-form-standard-text: #f8fafc !important;
  --nd-form-standard-muted: #9aa8bd !important;
  --nd-form-standard-border: rgba(45, 59, 82, .74) !important;
  --nd-form-standard-shadow: none !important;
  --pro-border: rgba(45, 59, 82, .74) !important;
  --ship-border: rgba(45, 59, 82, .74) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(#shippingForm > .card, #shippingForm > .card.mb-3, .shipping-card > .container, .shipping-details-card, .sender-box, .receiver-box, .sticky-summary, .summary-card, .how-card, .data-secure-card),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(#shippingForm > .card, #shippingForm > .card.mb-3, .shipping-card > .container, .shipping-details-card, .sender-box, .receiver-box, .sticky-summary, .summary-card, .how-card, .data-secure-card),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(#shippingForm > .card, #shippingForm > .card.mb-3, .shipping-card > .container, .shipping-details-card, .sender-box, .receiver-box, .sticky-summary, .summary-card, .how-card, .data-secure-card) {
  border-color: var(--nd-ship-dark-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.shipping-card .card-body, .parcel-block, .shipment-section, .shipping-row, .shipping-step-actions, .border-top, .border-bottom, hr),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.shipping-card .card-body, .parcel-block, .shipment-section, .shipping-row, .shipping-step-actions, .border-top, .border-bottom, hr),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.shipping-card .card-body, .parcel-block, .shipment-section, .shipping-row, .shipping-step-actions, .border-top, .border-bottom, hr) {
  border-color: var(--nd-ship-dark-border-soft) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-control, .form-select, .input-group-text, textarea.form-control),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-control, .form-select, .input-group-text, textarea.form-control),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-control, .form-select, .input-group-text, textarea.form-control) {
  background-color: var(--nd-ship-dark-field) !important;
  background-image: none !important;
  color: var(--nd-ship-dark-text) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: var(--nd-ship-dark-border) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

/* Select2 country chiuso: step iniziale + sender/receiver/pickup/COD successivi. */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#sender_country_a) > select#sender_country_a.country-select,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#receiver_country_a) > select#receiver_country_a.country-select,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.sender-box .select2-floating:has(#sender_country) > select#sender_country.country-select,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.receiver-box .select2-floating:has(#receiver_country) > select#receiver_country.country-select,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) > select#pickup_country.country-select,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) > select#cod_bank_country.country-select,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#sender_country_a) > select#sender_country_a.country-select,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#receiver_country_a) > select#receiver_country_a.country-select,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.sender-box .select2-floating:has(#sender_country) > select#sender_country.country-select,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.receiver-box .select2-floating:has(#receiver_country) > select#receiver_country.country-select,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) > select#pickup_country.country-select,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) > select#cod_bank_country.country-select,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#sender_country_a) > select#sender_country_a.country-select,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#receiver_country_a) > select#receiver_country_a.country-select,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.sender-box .select2-floating:has(#sender_country) > select#sender_country.country-select,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.receiver-box .select2-floating:has(#receiver_country) > select#receiver_country.country-select,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) > select#pickup_country.country-select,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) > select#cod_bank_country.country-select {
  background-color: var(--nd-ship-dark-field) !important;
  background-image: none !important;
  color: var(--nd-ship-dark-text) !important;
  -webkit-text-fill-color: var(--nd-ship-dark-text) !important;
  border-color: var(--nd-ship-dark-border) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#sender_country_a) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#receiver_country_a) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.sender-box .select2-floating:has(#sender_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.receiver-box .select2-floating:has(#receiver_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#sender_country_a) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#receiver_country_a) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.sender-box .select2-floating:has(#sender_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.receiver-box .select2-floating:has(#receiver_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#sender_country_a) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #step1Card .select2-floating:has(#receiver_country_a) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.sender-box .select2-floating:has(#sender_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .card.receiver-box .select2-floating:has(#receiver_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) :is(.select2-container--default .select2-selection--single, .select2-container .select2-selection--single, .select2-selection--single, .nedate-country-selection) {
  min-height: 52px !important;
  height: 52px !important;
  background: var(--nd-ship-dark-field) !important;
  background-color: var(--nd-ship-dark-field) !important;
  background-image: none !important;
  color: var(--nd-ship-dark-text) !important;
  -webkit-text-fill-color: currentColor !important;
  border: 1px solid var(--nd-ship-dark-border) !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__rendered, .select2-selection__placeholder, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__rendered, .select2-selection__placeholder, .country-option-name),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__rendered, .select2-selection__placeholder, .country-option-name) {
  color: var(--nd-ship-dark-muted) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label {
  color: var(--nd-ship-dark-muted) !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label::after,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label::after,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label::after {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select)::before,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select)::before,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select)::before {
  color: var(--nd-ship-dark-muted) !important;
}

html[data-theme="dark"] :is(.select2-dropdown.nedate-country-dropdown, .select2-dropdown.nedate-country-dropdown .select2-search--dropdown, .select2-dropdown.nedate-country-dropdown .select2-results, .select2-dropdown.nedate-country-dropdown .select2-results__option),
html[data-bs-theme="dark"] :is(.select2-dropdown.nedate-country-dropdown, .select2-dropdown.nedate-country-dropdown .select2-search--dropdown, .select2-dropdown.nedate-country-dropdown .select2-results, .select2-dropdown.nedate-country-dropdown .select2-results__option),
body.dark-mode :is(.select2-dropdown.nedate-country-dropdown, .select2-dropdown.nedate-country-dropdown .select2-search--dropdown, .select2-dropdown.nedate-country-dropdown .select2-results, .select2-dropdown.nedate-country-dropdown .select2-results__option) {
  background: #111827 !important;
  color: #f8fafc !important;
  border-color: rgba(45, 59, 82, .74) !important;
}

html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-search__field,
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-search__field,
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-search__field {
  background: #0b1220 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  border-color: rgba(45, 59, 82, .74) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #shipping .btn-group > .btn.btn-outline-secondary,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #shipping .btn-group > .btn.btn-outline-secondary,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #shipping .btn-group > .btn.btn-outline-secondary {
  background: var(--nd-ship-dark-surface-soft) !important;
  color: var(--nd-ship-dark-text) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: var(--nd-ship-dark-border) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

/* ========================================================================
   NEDATE SHIPPING DARK READABILITY FIX — Select2 countries + city results
   ------------------------------------------------------------------------
   Scope only: /shipping. Does not touch card borders/sidebar.
   Loaded at the end of nedate-design-system.css and shipping/late.css to beat
   legacy Select2/light-mode declarations that are still present above.
   ======================================================================== */
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper,
body.dark.nedate-ui-standard .shipping-page-wrapper {
  --nd-ship-select-bg: #0b1220;
  --nd-ship-select-surface: #0f172a;
  --nd-ship-select-border: rgba(64, 80, 108, .82);
  --nd-ship-select-border-soft: rgba(64, 80, 108, .56);
  --nd-ship-select-text: #f8fafc;
  --nd-ship-select-muted: #aebbd0;
  --nd-ship-select-placeholder: #9aa8bd;
  --nd-ship-select-accent: #ff5a52;

  /* used by the inline city autocomplete style injected by JS */
  --ship-ac-dd-bg: #0f172a;
  --ship-ac-dd-fg: #f8fafc;
  --ship-ac-dd-muted: #aebbd0;
  --ship-ac-dd-border: rgba(64, 80, 108, .82);
  --ship-ac-dd-shadow: 0 18px 42px rgba(0, 0, 0, .34);
  --ship-ac-dd-hover: rgba(255, 90, 82, .16);
  --ship-ac-dd-highlight: #ff8a7d;
}

/* Closed Select2 country control */
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-container--default .select2-selection--single,
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-container .select2-selection--single,
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .nedate-country-selection,
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-container--default .select2-selection--single,
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-container .select2-selection--single,
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .nedate-country-selection,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-container--default .select2-selection--single,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-container .select2-selection--single,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .nedate-country-selection,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-container--default .select2-selection--single,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-container .select2-selection--single,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .nedate-country-selection,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-container--default .select2-selection--single,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-container .select2-selection--single,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .country-select-floating .nedate-country-selection,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-container--default .select2-selection--single,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-container .select2-selection--single,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .nedate-country-selection,
body.dark.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-container--default .select2-selection--single,
body.dark.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-container .select2-selection--single,
body.dark.nedate-ui-standard .shipping-page-wrapper .country-select-floating .nedate-country-selection,
body.dark.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-container--default .select2-selection--single,
body.dark.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-container .select2-selection--single,
body.dark.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .nedate-country-selection {
  background: var(--nd-ship-select-bg) !important;
  background-color: var(--nd-ship-select-bg) !important;
  background-image: none !important;
  border-color: var(--nd-ship-select-border) !important;
  color: var(--nd-ship-select-text) !important;
  -webkit-text-fill-color: currentColor !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color-scheme: dark !important;
}

/* Closed Select2 text/flag/badge */
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name),
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-selection--single :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-selection--single :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-selection--single :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name),
body.dark.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name),
body.dark.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .select2-selection--single :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name) {
  color: var(--nd-ship-select-text) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single :is(.select2-selection__placeholder, .country-option--empty),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single :is(.select2-selection__placeholder, .country-option--empty),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single :is(.select2-selection__placeholder, .country-option--empty),
body.dark.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single :is(.select2-selection__placeholder, .country-option--empty) {
  color: var(--nd-ship-select-placeholder) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single .country-option-code,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single .country-option-code,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single .country-option-code,
body.dark.nedate-ui-standard .shipping-page-wrapper .country-select-floating .select2-selection--single .country-option-code {
  background: rgba(148, 163, 184, .12) !important;
  border-color: rgba(148, 163, 184, .24) !important;
  color: var(--nd-ship-select-muted) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating > label,
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .country-select-floating > label,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .country-select-floating > label,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label,
body.dark.nedate-ui-standard .shipping-page-wrapper .country-select-floating > label,
body.dark.nedate-ui-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label {
  color: var(--nd-ship-select-muted) !important;
  -webkit-text-fill-color: currentColor !important;
  background: transparent !important;
  opacity: 1 !important;
}

/* Select2 dropdown appended to body */
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown,
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown :is(.select2-search--dropdown, .select2-results, .select2-results__options),
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown,
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown :is(.select2-search--dropdown, .select2-results, .select2-results__options),
body.dark-mode .select2-dropdown.nedate-country-dropdown,
body.dark-mode .select2-dropdown.nedate-country-dropdown :is(.select2-search--dropdown, .select2-results, .select2-results__options),
body.dark .select2-dropdown.nedate-country-dropdown,
body.dark .select2-dropdown.nedate-country-dropdown :is(.select2-search--dropdown, .select2-results, .select2-results__options) {
  background: var(--nd-ship-select-surface, #0f172a) !important;
  color: var(--nd-ship-select-text, #f8fafc) !important;
  border-color: var(--nd-ship-select-border, rgba(64,80,108,.82)) !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-search__field,
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-search__field,
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-search__field,
body.dark .select2-dropdown.nedate-country-dropdown .select2-search__field {
  background: var(--nd-ship-select-bg, #0b1220) !important;
  color: var(--nd-ship-select-text, #f8fafc) !important;
  -webkit-text-fill-color: currentColor !important;
  border-color: var(--nd-ship-select-border, rgba(64,80,108,.82)) !important;
}

html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option,
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option :is(.country-option, .country-option-main, .country-option-name),
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option,
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option :is(.country-option, .country-option-main, .country-option-name),
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option,
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option :is(.country-option, .country-option-main, .country-option-name),
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option,
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option :is(.country-option, .country-option-main, .country-option-name) {
  background: transparent !important;
  color: var(--nd-ship-select-text, #f8fafc) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option .country-option-code,
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option .country-option-code,
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option .country-option-code,
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option .country-option-code {
  background: rgba(148, 163, 184, .12) !important;
  border-color: rgba(148, 163, 184, .24) !important;
  color: var(--nd-ship-select-muted, #aebbd0) !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected],
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"],
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected],
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"],
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected],
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"],
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected],
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"] {
  background: rgba(255, 90, 82, .18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected] :is(.country-option, .country-option-main, .country-option-name, .country-option-code),
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"] :is(.country-option, .country-option-main, .country-option-name, .country-option-code),
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected] :is(.country-option, .country-option-main, .country-option-name, .country-option-code),
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"] :is(.country-option, .country-option-main, .country-option-name, .country-option-code),
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected] :is(.country-option, .country-option-main, .country-option-name, .country-option-code),
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"] :is(.country-option, .country-option-main, .country-option-name, .country-option-code),
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected] :is(.country-option, .country-option-main, .country-option-name, .country-option-code),
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"] :is(.country-option, .country-option-main, .country-option-name, .country-option-code) {
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

/* City autocomplete dropdown/results */
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .city-dd,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .city-dd,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .city-dd,
body.dark.nedate-ui-standard .shipping-page-wrapper .city-dd {
  background: var(--ship-ac-dd-bg, #0f172a) !important;
  color: var(--ship-ac-dd-fg, #f8fafc) !important;
  border-color: var(--ship-ac-dd-border, rgba(64,80,108,.82)) !important;
  box-shadow: var(--ship-ac-dd-shadow, 0 18px 42px rgba(0,0,0,.34)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .city-dd :is(.item, .empty),
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .city-dd :is(.item, .empty),
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .city-dd :is(.item, .empty),
body.dark.nedate-ui-standard .shipping-page-wrapper .city-dd :is(.item, .empty) {
  color: var(--ship-ac-dd-fg, #f8fafc) !important;
  -webkit-text-fill-color: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .city-dd .item.active,
html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .city-dd .item:hover,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .city-dd .item.active,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .city-dd .item:hover,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .city-dd .item.active,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .city-dd .item:hover,
body.dark.nedate-ui-standard .shipping-page-wrapper .city-dd .item.active,
body.dark.nedate-ui-standard .shipping-page-wrapper .city-dd .item:hover {
  background: var(--ship-ac-dd-hover, rgba(255,90,82,.16)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: currentColor !important;
}

html[data-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .city-dd .autocomplete-highlight,
html[data-bs-theme="dark"] body.nedate-ui-standard .shipping-page-wrapper .city-dd .autocomplete-highlight,
body.dark-mode.nedate-ui-standard .shipping-page-wrapper .city-dd .autocomplete-highlight,
body.dark.nedate-ui-standard .shipping-page-wrapper .city-dd .autocomplete-highlight {
  color: var(--ship-ac-dd-highlight, #ff8a7d) !important;
  -webkit-text-fill-color: currentColor !important;
}
/* === END NEDATE SHIPPING DARK READABILITY FIX === */

/* ======================================================================
   SHIPPING DARK — country Select2 label/text readability final pass
   The country Select2 fields have legacy ID-specific :has(#sender_country_a)
   rules in shipping/late.css. This block uses the same specificity and is
   loaded after page CSS, so the labels match normal shipping floating labels.
   ====================================================================== */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) > label,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) > label,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) > label,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) > label,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) > label,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) > label,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) > label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) > label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) > label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) > label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) > label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) > label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) > label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) > label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) > label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) > label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) > label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) > label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) > label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) > label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) > label {
  color: var(--nd-form-standard-muted, #9aa8bd) !important;
  -webkit-text-fill-color: var(--nd-form-standard-muted, #9aa8bd) !important;
  opacity: 1 !important;
  background: transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) > label::after,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) > label::after,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) > label::after,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) > label::after,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) > label::after,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) > label::after,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) > label::after,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) > label::after,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) > label::after,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) > label::after,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) > label::after,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) > label::after,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) > label::after,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) > label::after,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) > label::after,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) > label::after,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) > label::after,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) > label::after,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) > label::after,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) > label::after,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) > label::after {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) :is(.select2-selection__rendered, .country-option-name),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) :is(.select2-selection__rendered, .country-option-name),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) :is(.select2-selection__rendered, .country-option-name),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) :is(.select2-selection__rendered, .country-option-name),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) :is(.select2-selection__rendered, .country-option-name),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) :is(.select2-selection__rendered, .country-option-name),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) :is(.select2-selection__rendered, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) :is(.select2-selection__rendered, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) :is(.select2-selection__rendered, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) :is(.select2-selection__rendered, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) :is(.select2-selection__rendered, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) :is(.select2-selection__rendered, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) :is(.select2-selection__rendered, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) :is(.select2-selection__rendered, .country-option-name),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) :is(.select2-selection__rendered, .country-option-name),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) :is(.select2-selection__rendered, .country-option-name),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) :is(.select2-selection__rendered, .country-option-name),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) :is(.select2-selection__rendered, .country-option-name),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) :is(.select2-selection__rendered, .country-option-name),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) :is(.select2-selection__rendered, .country-option-name),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) :is(.select2-selection__rendered, .country-option-name) {
  color: var(--nd-final-text, #e5e7eb) !important;
  -webkit-text-fill-color: var(--nd-final-text, #e5e7eb) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) .select2-selection__placeholder,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) .select2-selection__placeholder,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) .select2-selection__placeholder,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) .select2-selection__placeholder,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) .select2-selection__placeholder,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) .select2-selection__placeholder,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) .select2-selection__placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) .select2-selection__placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) .select2-selection__placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) .select2-selection__placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) .select2-selection__placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) .select2-selection__placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) .select2-selection__placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) .select2-selection__placeholder,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country_a) .select2-selection__placeholder,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country_a) .select2-selection__placeholder,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#pickup_country) .select2-selection__placeholder,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#sender_country) .select2-selection__placeholder,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#receiver_country) .select2-selection__placeholder,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#cod_bank_country) .select2-selection__placeholder,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(#invoice_billing_country) .select2-selection__placeholder {
  color: var(--nd-form-standard-muted, #9aa8bd) !important;
  -webkit-text-fill-color: var(--nd-form-standard-muted, #9aa8bd) !important;
  opacity: 1 !important;
}

/* ========================================================================
   NEDATE SHIPPING DARK FINAL FIX — buttons, carrier hint, Select2/city text
   ------------------------------------------------------------------------
   Scope only: /shipping. This is intentionally narrow: it does not touch
   card/section borders, so the dark borders already correct remain unchanged.
   ======================================================================== */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper {
  --nd-shipping-dark-control-bg: #0b1220;
  --nd-shipping-dark-control-surface: #0f172a;
  --nd-shipping-dark-control-border: rgba(75, 92, 124, .58);
  --nd-shipping-dark-control-border-hover: rgba(255, 112, 103, .58);
  --nd-shipping-dark-control-text: #f8fafc;
  --nd-shipping-dark-control-muted: #cbd5e1;
  --nd-shipping-dark-control-placeholder: #b6c2d3;
  --nd-shipping-dark-button-bg: #111827;
  --nd-shipping-dark-button-bg-hover: #1b2536;
  --nd-shipping-dark-button-border: rgba(148, 163, 184, .32);
  --ship-ac-dd-bg: #0f172a;
  --ship-ac-dd-fg: #f8fafc;
  --ship-ac-dd-muted: #cbd5e1;
  --ship-ac-dd-border: rgba(75, 92, 124, .58);
  --ship-ac-dd-shadow: 0 18px 42px rgba(0, 0, 0, .36);
  --ship-ac-dd-hover: rgba(255, 90, 82, .18);
  --ship-ac-dd-highlight: #ff8a7d;
}

/* Country Select2 labels: same color/weight as the other floating labels */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-floating > label, .select2-floating > label),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-floating > label, .select2-floating > label),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-floating > label, .select2-floating > label),
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-floating > label, .select2-floating > label),
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) > label {
  color: var(--nd-shipping-dark-control-muted) !important;
  -webkit-text-fill-color: var(--nd-shipping-dark-control-muted) !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-floating > label, .select2-floating > label) .text-danger,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-floating > label, .select2-floating > label) .text-danger,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-floating > label, .select2-floating > label) .text-danger,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.form-floating > label, .select2-floating > label) .text-danger {
  color: #ff6b63 !important;
  -webkit-text-fill-color: #ff6b63 !important;
}

/* Country Select2 closed field */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection--single, .nedate-country-selection),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection--single, .nedate-country-selection),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection--single, .nedate-country-selection),
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection--single, .nedate-country-selection) {
  background: var(--nd-shipping-dark-control-bg) !important;
  background-color: var(--nd-shipping-dark-control-bg) !important;
  background-image: none !important;
  border-color: var(--nd-shipping-dark-control-border) !important;
  color: var(--nd-shipping-dark-control-text) !important;
  -webkit-text-fill-color: var(--nd-shipping-dark-control-text) !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color-scheme: dark !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name),
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__rendered, .country-option, .country-option-main, .country-option-name) {
  color: var(--nd-shipping-dark-control-text) !important;
  -webkit-text-fill-color: var(--nd-shipping-dark-control-text) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__placeholder, .country-option--empty),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__placeholder, .country-option--empty),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__placeholder, .country-option--empty),
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) :is(.select2-selection__placeholder, .country-option--empty) {
  color: var(--nd-shipping-dark-control-placeholder) !important;
  -webkit-text-fill-color: var(--nd-shipping-dark-control-placeholder) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .country-option-code,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .country-option-code,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .country-option-code,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .select2-floating:has(> select.country-select) .country-option-code {
  background: rgba(148, 163, 184, .14) !important;
  border-color: rgba(148, 163, 184, .28) !important;
  color: var(--nd-shipping-dark-control-muted) !important;
  -webkit-text-fill-color: var(--nd-shipping-dark-control-muted) !important;
}

/* Country Select2 dropdown appended to <body> */
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown,
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown :is(.select2-search--dropdown, .select2-results, .select2-results__options),
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown,
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown :is(.select2-search--dropdown, .select2-results, .select2-results__options),
body.dark-mode .select2-dropdown.nedate-country-dropdown,
body.dark-mode .select2-dropdown.nedate-country-dropdown :is(.select2-search--dropdown, .select2-results, .select2-results__options),
body.dark .select2-dropdown.nedate-country-dropdown,
body.dark .select2-dropdown.nedate-country-dropdown :is(.select2-search--dropdown, .select2-results, .select2-results__options) {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-color: rgba(75, 92, 124, .58) !important;
  color-scheme: dark !important;
}
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-search__field,
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-search__field,
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-search__field,
body.dark .select2-dropdown.nedate-country-dropdown .select2-search__field {
  background: #0b1220 !important;
  border-color: rgba(75, 92, 124, .58) !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option,
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option :is(.country-option, .country-option-main, .country-option-name),
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option,
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option :is(.country-option, .country-option-main, .country-option-name),
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option,
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option :is(.country-option, .country-option-main, .country-option-name),
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option,
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option :is(.country-option, .country-option-main, .country-option-name) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: 1 !important;
}
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected],
html[data-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"],
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected],
html[data-bs-theme="dark"] .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"],
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected],
body.dark-mode .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"],
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option--highlighted[aria-selected],
body.dark .select2-dropdown.nedate-country-dropdown .select2-results__option[aria-selected="true"] {
  background: rgba(255, 90, 82, .20) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* City autocomplete dropdown/results */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd {
  background: #0f172a !important;
  color: #f8fafc !important;
  border-color: rgba(75, 92, 124, .58) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .36) !important;
}
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd :is(.item, .empty),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd :is(.item, .empty),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd :is(.item, .empty),
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd :is(.item, .empty) {
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .item.active,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .item:hover,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .item.active,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .item:hover,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .item.active,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .item:hover,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .item.active,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .item:hover {
  background: rgba(255, 90, 82, .18) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .autocomplete-highlight,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .autocomplete-highlight,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .autocomplete-highlight,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .city-dd .autocomplete-highlight {
  color: #ff8a7d !important;
  -webkit-text-fill-color: #ff8a7d !important;
}

/* Carrier hint text */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #carrier_hint,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #carrier_hint,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #carrier_hint,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #carrier_hint {
  background: linear-gradient(90deg, rgba(255, 90, 82, .12), rgba(255, 90, 82, .04)) !important;
  border-color: rgba(255, 90, 82, .34) !important;
  color: var(--nd-shipping-dark-control-muted) !important;
  -webkit-text-fill-color: var(--nd-shipping-dark-control-muted) !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #carrier_hint::before,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #carrier_hint::before,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #carrier_hint::before,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper #carrier_hint::before {
  color: #ff7a70 !important;
  background: rgba(255, 90, 82, .14) !important;
}

/* Secondary/outline buttons inside shipping: no white buttons in dark mode */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger),
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger) {
  background: var(--nd-shipping-dark-button-bg) !important;
  background-color: var(--nd-shipping-dark-button-bg) !important;
  background-image: none !important;
  border-color: var(--nd-shipping-dark-button-border) !important;
  color: var(--nd-shipping-dark-control-text) !important;
  -webkit-text-fill-color: var(--nd-shipping-dark-control-text) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger) :is(i, .bi, span),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger) :is(i, .bi, span),
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger) :is(i, .bi, span),
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger) :is(i, .bi, span) {
  color: var(--nd-shipping-dark-control-text) !important;
  -webkit-text-fill-color: var(--nd-shipping-dark-control-text) !important;
  opacity: 1 !important;
}
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger):hover,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger):focus,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger):hover,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger):focus,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger):hover,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger):focus,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger):hover,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper :is(.btn.btn-secondary, .btn.btn-outline-primary, .btn.btn-outline-secondary):not(.btn-primary):not(.btn-danger):focus {
  background: var(--nd-shipping-dark-button-bg-hover) !important;
  border-color: var(--nd-shipping-dark-control-border-hover) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .btn:disabled,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .btn.disabled,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .btn:disabled,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .btn.disabled,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .btn:disabled,
body.dark-mode.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .btn.disabled,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .btn:disabled,
body.dark.nedate-ui-standard.nedate-public-standard .shipping-page-wrapper .btn.disabled {
  opacity: .64 !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}
/* === END NEDATE SHIPPING DARK FINAL FIX === */

/* ======================================================================
   FIX 2026-06-08 — Wallet dark labels/title readability
   ----------------------------------------------------------------------
   Some extracted wallet rules use #walletRecharge with !important and keep
   light-mode navy labels/titles in dark mode. This block is intentionally
   ID-specific and appended last so the wallet recharge title, labels and
   helper text use the final dark tokens.
   ====================================================================== */
html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(h5, h5.text-dark-slate, .wallet-card-title-row h5),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(h5, h5.text-dark-slate, .wallet-card-title-row h5),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(h5, h5.text-dark-slate, .wallet-card-title-row h5),
body.dark.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(h5, h5.text-dark-slate, .wallet-card-title-row h5) {
  color: var(--nd-final-heading, #f8fafc) !important;
  -webkit-text-fill-color: var(--nd-final-heading, #f8fafc) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(h5 i, h5 .bi, .text-primary-custom),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(h5 i, h5 .bi, .text-primary-custom),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(h5 i, h5 .bi, .text-primary-custom),
body.dark.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(h5 i, h5 .bi, .text-primary-custom) {
  color: var(--nd-final-primary, #ff5a52) !important;
  -webkit-text-fill-color: var(--nd-final-primary, #ff5a52) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge .wallet-recharge-fields :is(.form-label, label.form-label, .text-muted.form-label, .small.form-label),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge .wallet-recharge-fields :is(.form-label, label.form-label, .text-muted.form-label, .small.form-label),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge .wallet-recharge-fields :is(.form-label, label.form-label, .text-muted.form-label, .small.form-label),
body.dark.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge .wallet-recharge-fields :is(.form-label, label.form-label, .text-muted.form-label, .small.form-label) {
  color: color-mix(in srgb, var(--nd-final-heading, #f8fafc) 68%, var(--nd-final-muted, #aab7c8) 32%) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--nd-final-heading, #f8fafc) 68%, var(--nd-final-muted, #aab7c8) 32%) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(.text-secondary, .text-muted, .form-text, .small):not(.badge):not(.btn),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(.text-secondary, .text-muted, .form-text, .small):not(.badge):not(.btn),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(.text-secondary, .text-muted, .form-text, .small):not(.badge):not(.btn),
body.dark.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge :is(.text-secondary, .text-muted, .form-text, .small):not(.badge):not(.btn) {
  color: var(--nd-final-muted, #aab7c8) !important;
  -webkit-text-fill-color: var(--nd-final-muted, #aab7c8) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge .badge-soft,
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge .badge-soft,
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge .badge-soft,
body.dark.nedate-user-ui .wallet-page.user-wallet-page #walletRecharge .badge-soft {
  color: color-mix(in srgb, var(--nd-final-primary, #ff5a52) 78%, #ffffff 22%) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--nd-final-primary, #ff5a52) 78%, #ffffff 22%) !important;
  background: color-mix(in srgb, var(--nd-final-primary, #ff5a52) 16%, var(--nd-final-surface, #111827) 84%) !important;
  border: 1px solid color-mix(in srgb, var(--nd-final-primary, #ff5a52) 28%, var(--nd-final-border, rgba(148,163,184,.22)) 72%) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .kpi-card :is(.text-uppercase, .text-muted),
html[data-bs-theme="dark"] body.nedate-user-ui .wallet-page.user-wallet-page .kpi-card :is(.text-uppercase, .text-muted),
body.dark-mode.nedate-user-ui .wallet-page.user-wallet-page .kpi-card :is(.text-uppercase, .text-muted),
body.dark.nedate-user-ui .wallet-page.user-wallet-page .kpi-card :is(.text-uppercase, .text-muted) {
  color: color-mix(in srgb, var(--nd-final-heading, #f8fafc) 58%, var(--nd-final-muted, #aab7c8) 42%) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--nd-final-heading, #f8fafc) 58%, var(--nd-final-muted, #aab7c8) 42%) !important;
}
/* === END WALLET DARK LABELS READABILITY FIX === */

/* --------------------------------------------------------------------------
   FINAL SIDEBAR TOKEN LOCK
   The sidebar must look identical on every user blade. Some legacy page CSS
   still targets `.shipping-page-wrapper` / `.user-shipments-page` with
   hardcoded light colors. This final pass intentionally wins those selectors.
   -------------------------------------------------------------------------- */
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.expanded) .adm-sidebar.expanded,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.expanded) .adm-sidebar.expanded,
body.dark-mode.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.expanded) .adm-sidebar.expanded,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.collapsed) .adm-sidebar.collapsed,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.collapsed) .adm-sidebar.collapsed,
body.dark-mode.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.collapsed) .adm-sidebar.collapsed {
  --sb-bg: var(--nd-final-sidebar-bg, #0b1220) !important;
  --sb-text: var(--nd-final-sidebar-text, #e5edf8) !important;
  --sb-text-hover: #ffffff !important;
  --sb-border: var(--nd-final-border, rgba(148, 163, 184, .22)) !important;
  background: var(--nd-final-sidebar-bg, #0b1220) !important;
  border-color: var(--nd-final-border, rgba(148, 163, 184, .22)) !important;
  color: var(--nd-final-sidebar-text, #e5edf8) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.expanded) .adm-sidebar.expanded :is(.sb-panel-header,.sb-scroller,.sb-body,.sb-section,.sb-menu),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.expanded) .adm-sidebar.expanded :is(.sb-panel-header,.sb-scroller,.sb-body,.sb-section,.sb-menu),
body.dark-mode.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.expanded) .adm-sidebar.expanded :is(.sb-panel-header,.sb-scroller,.sb-body,.sb-section,.sb-menu),
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.collapsed) .adm-sidebar.collapsed :is(.sb-panel-header,.sb-scroller,.sb-body,.sb-section,.sb-menu),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.collapsed) .adm-sidebar.collapsed :is(.sb-panel-header,.sb-scroller,.sb-body,.sb-section,.sb-menu),
body.dark-mode.nedate-ui-standard.nedate-user-ui:has(.adm-sidebar.collapsed) .adm-sidebar.collapsed :is(.sb-panel-header,.sb-scroller,.sb-body,.sb-section,.sb-menu) {
  background: var(--nd-final-sidebar-bg, #0b1220) !important;
  border-color: var(--nd-final-border, rgba(148, 163, 184, .22)) !important;
  color: var(--nd-final-sidebar-text, #e5edf8) !important;
}


html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded .sb-link :is(.sb-text,.main-icon,.sb-arrow,i,svg),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded .sb-link :is(.sb-text,.main-icon,.sb-arrow,i,svg),
body.dark-mode.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded .sb-link :is(.sb-text,.main-icon,.sb-arrow,i,svg) {
  color: var(--nd-final-sidebar-text, #e5edf8) !important;
  fill: currentColor !important;
  stroke: currentColor !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded .sb-link:is(:hover,:focus,.active,[aria-current="page"]),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded .sb-link:is(:hover,:focus,.active,[aria-current="page"]),
body.dark-mode.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded .sb-link:is(:hover,:focus,.active,[aria-current="page"]) {
  background: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 20%, var(--nd-final-sidebar-bg, #0b1220)) !important;
  border-color: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 48%, var(--nd-final-border, rgba(148, 163, 184, .22))) !important;
  border-left-color: color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 48%, var(--nd-final-border, rgba(148, 163, 184, .22))) !important;
  color: #ffffff !important;
  box-shadow: 0 10px 28px color-mix(in srgb, var(--nd-final-primary, var(--theme-primary, #e61a0a)) 14%, transparent) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded .sb-link:is(:hover,:focus,.active,[aria-current="page"]) :is(.sb-text,.main-icon,.sb-arrow,i,svg),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded .sb-link:is(:hover,:focus,.active,[aria-current="page"]) :is(.sb-text,.main-icon,.sb-arrow,i,svg),
body.dark-mode.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded .sb-link:is(:hover,:focus,.active,[aria-current="page"]) :is(.sb-text,.main-icon,.sb-arrow,i,svg) {
  color: #ffffff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded :is(.sb-section-cap,.sb-pro-copy span),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded :is(.sb-section-cap,.sb-pro-copy span),
body.dark-mode.nedate-ui-standard.nedate-user-ui .adm-sidebar.expanded :is(.sb-section-cap,.sb-pro-copy span) {
  color: var(--nd-final-sidebar-muted, rgba(226, 232, 240, .72)) !important;
  opacity: 1 !important;
}

/* Dark mode: user shipments accessories / selected filters aligned with other dark inputs */
html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-accessories-box,
html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-selected-box {
  color: #e5e7eb !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-accessories-select {
  background: #0b1220 !important;
  border: 1px solid #334155 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-accessories-toggle,
html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-selected-panel {
  background: #0b1220 !important;
  border: 1px solid #334155 !important;
  color: #e5e7eb !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-accessories-toggle i,
html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-selected-panel i {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-field-copy small,
html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-field-title {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-field-copy strong,
html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-selected-empty {
  color: #e5e7eb !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-accessories-options {
  background: #0f172a !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 18px 38px rgba(2, 6, 23, .45) !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-accessory-option {
  color: #e5e7eb !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-accessory-option:hover {
  background: rgba(255,255,255,.04) !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-accessory-option .form-check-input {
  background-color: #0b1220 !important;
  border-color: #475569 !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-accessory-option .form-check-input:checked {
  background-color: #ff5b6b !important;
  border-color: #ff5b6b !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-selected-chip {
  background: rgba(255, 91, 107, .12) !important;
  border: 1px solid rgba(255, 91, 107, .24) !important;
  color: #ffd8de !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-selected-chip i,
html[data-theme="dark"] body.nedate-user-ui .user-shipments-page .shipments-selected-clear {
  color: #ffd8de !important;
}

/* Hard fix: shipments accessories/selected panels in dark mode */
html[data-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-select,
html[data-bs-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-select,
body.dark-mode.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-select,
body.dark.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-select {
  background: #0b1220 !important;
  border: 1px solid #334155 !important;
  box-shadow: none !important;
  color: #e5e7eb !important;
}

html[data-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-toggle,
html[data-bs-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-toggle,
body.dark-mode.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-toggle,
body.dark.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-toggle,
html[data-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-selected-panel,
html[data-bs-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-selected-panel,
body.dark-mode.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-selected-panel,
body.dark.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-selected-panel {
  background: #0b1220 !important;
  color: #e5e7eb !important;
  border-color: #334155 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-select.is-open .shipments-accessories-toggle,
html[data-bs-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-select.is-open .shipments-accessories-toggle,
body.dark-mode.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-select.is-open .shipments-accessories-toggle,
body.dark.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-select.is-open .shipments-accessories-toggle {
  border-bottom: 1px solid #334155 !important;
}

html[data-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-options,
html[data-bs-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-options,
body.dark-mode.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-options,
body.dark.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-accessories-options {
  background: #0f172a !important;
  border: 1px solid #334155 !important;
  box-shadow: 0 18px 38px rgba(2, 6, 23, .45) !important;
}

html[data-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-title,
html[data-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-copy small,
html[data-bs-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-title,
html[data-bs-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-copy small,
body.dark-mode.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-title,
body.dark-mode.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-copy small,
body.dark.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-title,
body.dark.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-copy small {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-copy strong,
html[data-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-selected-empty,
html[data-bs-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-copy strong,
html[data-bs-theme="dark"] body.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-selected-empty,
body.dark-mode.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-copy strong,
body.dark-mode.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-selected-empty,
body.dark.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-field-copy strong,
body.dark.nedate-public-standard.nedate-user-ui:has(.user-shipments-page) .user-shipments-page .shipments-selected-empty {
  color: #e5e7eb !important;
}

/* Notifications page dark mode alignment */
html[data-theme="dark"] body.nedate-user-ui .user-notifications-page,
body.dark-mode.nedate-user-ui .user-notifications-page,
html[data-bs-theme="dark"] body.nedate-user-ui .user-notifications-page {
  --notifications-dark-surface: linear-gradient(180deg, rgba(8,18,45,.94) 0%, rgba(7,18,44,.985) 100%);
  --notifications-dark-surface-2: rgba(12, 25, 55, .96);
  --notifications-dark-border-2: rgba(117, 146, 201, .18);
  --notifications-ink: #f5f8ff;
  --notifications-muted: #aebbd2;
  --notifications-border: #2a3550;
  --notifications-shadow: 0 18px 38px rgba(0,0,0,.24);
}

html[data-theme="dark"] body.nedate-user-ui .notifications-kpi-label,
html[data-theme="dark"] body.nedate-user-ui .notification-content p,
html[data-theme="dark"] body.nedate-user-ui .notification-time,
html[data-theme="dark"] body.nedate-user-ui .text-secondary,
html[data-theme="dark"] body.nedate-user-ui .text-muted,
body.dark-mode.nedate-user-ui .notifications-kpi-label,
body.dark-mode.nedate-user-ui .notification-content p,
body.dark-mode.nedate-user-ui .notification-time,
body.dark-mode.nedate-user-ui .text-secondary,
body.dark-mode.nedate-user-ui .text-muted,
html[data-bs-theme="dark"] body.nedate-user-ui .notifications-kpi-label,
html[data-bs-theme="dark"] body.nedate-user-ui .notification-content p,
html[data-bs-theme="dark"] body.nedate-user-ui .notification-time,
html[data-bs-theme="dark"] body.nedate-user-ui .text-secondary,
html[data-bs-theme="dark"] body.nedate-user-ui .text-muted {
  color: var(--notifications-muted) !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-field-title {
    display: block !important;
    margin: 0 !important;
    color: #50617c !important;
    font-size: .72rem !important;
    font-weight: var(--sw-weight-max, 700) !important;
    letter-spacing: .045em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-field-body {
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-field-body i {
    color: #8795ad !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-select-field {
    position: relative !important;
    padding-right: 34px !important;
}

body.nedate-user-ui .user-logistics-page.user-returns-page .returns-select-field::after {
    content: "\f282";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-36%);
    color: #6f7f99;
    font-family: "bootstrap-icons";
    font-size: .86rem;
    pointer-events: none;
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page .returns-field-title,
html[data-bs-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page .returns-field-title,
body.dark .user-logistics-page.user-returns-page .returns-field-title,
body.dark-mode .user-logistics-page.user-returns-page .returns-field-title {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page .returns-field-body i,
html[data-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page .returns-select-field::after,
html[data-bs-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page .returns-field-body i,
html[data-bs-theme="dark"] body.nedate-user-ui .user-logistics-page.user-returns-page .returns-select-field::after,
body.dark .user-logistics-page.user-returns-page .returns-field-body i,
body.dark .user-logistics-page.user-returns-page .returns-select-field::after,
body.dark-mode .user-logistics-page.user-returns-page .returns-field-body i,
body.dark-mode .user-logistics-page.user-returns-page .returns-select-field::after {
    color: #94a3b8 !important;
}

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

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

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


/* === Global empty-state components (shared across user blades) === */
body.nedate-ui-standard,
body.nedate-user-ui {
    --nd-empty-icon-bg: color-mix(in srgb, var(--nd-brand-primary, #ff3028) 10%, #ffffff);
    --nd-empty-icon-border: color-mix(in srgb, var(--nd-brand-primary, #ff3028) 24%, #ffffff);
    --nd-empty-icon-color: var(--nd-brand-primary, #ff3028);
    --nd-empty-action-bg: var(--nd-brand-primary, #ff3028);
    --nd-empty-action-bg-hover: var(--nd-brand-primary-hover, #e5231c);
    --nd-empty-action-color: #ffffff;
}

html[data-theme="dark"] body.nedate-ui-standard,
html[data-theme="dark"] body.nedate-user-ui,
html[data-bs-theme="dark"] body.nedate-ui-standard,
html[data-bs-theme="dark"] body.nedate-user-ui,
body.dark.nedate-ui-standard,
body.dark.nedate-user-ui,
body.dark-mode.nedate-ui-standard,
body.dark-mode.nedate-user-ui {
    --nd-empty-icon-bg: color-mix(in srgb, var(--nd-brand-primary, #ff3028) 14%, var(--nd-brand-surface, #111827));
    --nd-empty-icon-border: color-mix(in srgb, var(--nd-brand-primary, #ff3028) 34%, var(--nd-brand-border, #243247));
    --nd-empty-icon-color: #ff8f8a;
    --nd-empty-action-color: #ffffff;
}

/* Global labeled input-group component (used by wallet amount/coupon fields) */
body.nedate-user-ui .nd-input-group-with-label {
    --nd-input-group-label-left: 3.5rem;
    position: relative !important;
    min-height: 56px !important;
    height: 56px !important;
    border: 1px solid var(--wallet-border, #dbe2ea) !important;
    border-radius: 9px !important;
    background: #ffffff !important;
    overflow: hidden !important;
    box-shadow: 0 8px 18px rgba(20, 39, 74, .03) !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.nedate-user-ui .nd-input-group-with-label:focus-within {
    border-color: rgba(255, 43, 36, .42) !important;
    box-shadow: 0 0 0 .15rem rgba(255, 43, 36, .08), 0 8px 18px rgba(20, 39, 74, .03) !important;
}

body.nedate-user-ui .nd-input-group-with-label > .nd-input-group-label {
    position: absolute !important;
    top: .48rem !important;
    left: var(--nd-input-group-label-left) !important;
    z-index: 5 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #526681 !important;
    font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
    font-size: .62rem !important;
    font-weight: var(--sw-weight-bold, 700) !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
    opacity: 1 !important;
}

body.nedate-user-ui .nd-input-group-with-label > .input-group-text,
body.nedate-user-ui .nd-input-group-with-label > .form-control,
body.nedate-user-ui .nd-input-group-with-label > .form-select {
    height: 56px !important;
    min-height: 56px !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.nedate-user-ui .nd-input-group-with-label > .input-group-text {
    min-width: 48px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #6f7f99 !important;
}

body.nedate-user-ui .nd-input-group-with-label > .form-control,
body.nedate-user-ui .nd-input-group-with-label > .form-select {
    padding: 1.3rem .95rem .34rem .2rem !important;
    color: #14274a !important;
    font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
    font-size: .86rem !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    -webkit-text-fill-color: #14274a !important;
}

body.nedate-user-ui .nd-input-group-with-label > .form-control::placeholder {
    color: #6f7f99 !important;
    opacity: 1 !important;
    font-size: .86rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    -webkit-text-fill-color: #6f7f99 !important;
}

body.nedate-user-ui .nd-input-group-with-label > .form-control:focus,
body.nedate-user-ui .nd-input-group-with-label > .form-select:focus {
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label,
body.dark-mode.nedate-user-ui .nd-input-group-with-label,
body.dark.nedate-user-ui .nd-input-group-with-label {
    background: var(--nd-brand-bg, #0b1220) !important;
    border-color: var(--wallet-border, #2b3548) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label:focus-within,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label:focus-within,
body.dark-mode.nedate-user-ui .nd-input-group-with-label:focus-within,
body.dark.nedate-user-ui .nd-input-group-with-label:focus-within {
    border-color: rgba(255, 91, 82, .58) !important;
    box-shadow: 0 0 0 .15rem rgba(255, 91, 82, .12) !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .nd-input-group-label,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .nd-input-group-label,
body.dark-mode.nedate-user-ui .nd-input-group-with-label > .nd-input-group-label,
body.dark.nedate-user-ui .nd-input-group-with-label > .nd-input-group-label {
    color: #9fb0c9 !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .input-group-text,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .input-group-text,
body.dark-mode.nedate-user-ui .nd-input-group-with-label > .input-group-text,
body.dark.nedate-user-ui .nd-input-group-with-label > .input-group-text {
    color: #94a3b8 !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .form-control,
html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .form-select,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .form-control,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .form-select,
body.dark-mode.nedate-user-ui .nd-input-group-with-label > .form-control,
body.dark-mode.nedate-user-ui .nd-input-group-with-label > .form-select,
body.dark.nedate-user-ui .nd-input-group-with-label > .form-control,
body.dark.nedate-user-ui .nd-input-group-with-label > .form-select {
    color: #e5e7eb !important;
    -webkit-text-fill-color: #e5e7eb !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .form-control::placeholder,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .form-control::placeholder,
body.dark-mode.nedate-user-ui .nd-input-group-with-label > .form-control::placeholder,
body.dark.nedate-user-ui .nd-input-group-with-label > .form-control::placeholder {
    color: #8b9ab2 !important;
    -webkit-text-fill-color: #8b9ab2 !important;
}


/* === Global labeled field with addon: exact single-card field, shared by Wallet Amount/Coupon === */
body.nedate-user-ui .nd-input-group-with-label {
    --nd-labeled-field-bg: #ffffff;
    --nd-labeled-field-border: rgba(20, 39, 74, .14);
    --nd-labeled-field-text: #14274a;
    --nd-labeled-field-label: #526681;
    --nd-labeled-field-placeholder: #6f7f99;
    --nd-labeled-field-addon: #6f7f99;
    position: relative !important;
    display: grid !important;
    grid-template-columns: 28px minmax(0, 1fr) !important;
    grid-template-rows: 14px 18px !important;
    column-gap: 10px !important;
    align-items: center !important;
    height: 46px !important;
    min-height: 46px !important;
    width: 100% !important;
    padding: 7px 13px 6px !important;
    border: 1px solid var(--nd-labeled-field-border) !important;
    border-radius: 8px !important;
    background: var(--nd-labeled-field-bg) !important;
    box-shadow: 0 8px 18px rgba(20, 39, 74, .025) !important;
    overflow: visible !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}

body.nedate-user-ui .nd-input-group-with-label:focus-within {
    border-color: rgba(255, 43, 36, .42) !important;
    box-shadow: 0 0 0 .15rem rgba(255, 43, 36, .08), 0 8px 18px rgba(20, 39, 74, .025) !important;
}

body.nedate-user-ui .nd-input-group-with-label > .input-group-text {
    grid-column: 1 !important;
    grid-row: 1 / 3 !important;
    align-self: center !important;
    justify-self: center !important;
    width: 24px !important;
    min-width: 24px !important;
    height: 24px !important;
    min-height: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--nd-labeled-field-addon) !important;
    font-size: .92rem !important;
    line-height: 1 !important;
}

body.nedate-user-ui .nd-input-group-with-label > .nd-input-group-label {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--nd-labeled-field-label) !important;
    font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
    font-size: .62rem !important;
    font-weight: var(--sw-weight-bold, 700) !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
    opacity: 1 !important;
    transform: none !important;
}

body.nedate-user-ui .nd-input-group-with-label > .form-control,
body.nedate-user-ui .nd-input-group-with-label > .form-select {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
    color: var(--nd-labeled-field-text) !important;
    font-family: var(--theme-font-base, "IBM Plex Sans", Arial, 'Helvetica Neue', Helvetica, 'Segoe UI', sans-serif) !important;
    font-size: .86rem !important;
    font-weight: 500 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;
    -webkit-text-fill-color: var(--nd-labeled-field-text) !important;
}

body.nedate-user-ui .nd-input-group-with-label > .form-control::placeholder {
    color: var(--nd-labeled-field-placeholder) !important;
    font-size: .86rem !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--nd-labeled-field-placeholder) !important;
}

body.nedate-user-ui .nd-input-group-with-label > .form-control:focus,
body.nedate-user-ui .nd-input-group-with-label > .form-select:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

body.nedate-user-ui .nd-input-group-with-label > .invalid-feedback {
    position: absolute !important;
    top: calc(100% + 4px) !important;
    left: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Wallet uses the same global field component without local input-group/card effects */
body.nedate-user-ui .wallet-page .wallet-recharge-fields .nd-input-group-with-label,
body.nedate-ui-standard .wallet-page .wallet-recharge-fields .nd-input-group-with-label,
body.nedate-public-standard .wallet-page .wallet-recharge-fields .nd-input-group-with-label {
    height: 46px !important;
    min-height: 46px !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 18px rgba(20, 39, 74, .025) !important;
}

body.nedate-user-ui .wallet-page .wallet-recharge-fields .nd-input-group-with-label > .input-group-text,
body.nedate-user-ui .wallet-page .wallet-recharge-fields .nd-input-group-with-label > .form-control,
body.nedate-ui-standard .wallet-page .wallet-recharge-fields .nd-input-group-with-label > .input-group-text,
body.nedate-ui-standard .wallet-page .wallet-recharge-fields .nd-input-group-with-label > .form-control,
body.nedate-public-standard .wallet-page .wallet-recharge-fields .nd-input-group-with-label > .input-group-text,
body.nedate-public-standard .wallet-page .wallet-recharge-fields .nd-input-group-with-label > .form-control {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label,
body.dark-mode.nedate-user-ui .nd-input-group-with-label,
body.dark.nedate-user-ui .nd-input-group-with-label {
    --nd-labeled-field-bg: #0b1220;
    --nd-labeled-field-border: #2b3548;
    --nd-labeled-field-text: #e5e7eb;
    --nd-labeled-field-label: #9fb0c9;
    --nd-labeled-field-placeholder: #8b9ab2;
    --nd-labeled-field-addon: #94a3b8;
    background: var(--nd-labeled-field-bg) !important;
    border-color: var(--nd-labeled-field-border) !important;
    box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label:focus-within,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label:focus-within,
body.dark-mode.nedate-user-ui .nd-input-group-with-label:focus-within,
body.dark.nedate-user-ui .nd-input-group-with-label:focus-within {
    border-color: rgba(255, 91, 82, .58) !important;
    box-shadow: 0 0 0 .15rem rgba(255, 91, 82, .12) !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .input-group-text,
html[data-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .form-control,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .input-group-text,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-input-group-with-label > .form-control,
body.dark-mode.nedate-user-ui .nd-input-group-with-label > .input-group-text,
body.dark-mode.nedate-user-ui .nd-input-group-with-label > .form-control,
body.dark.nedate-user-ui .nd-input-group-with-label > .input-group-text,
body.dark.nedate-user-ui .nd-input-group-with-label > .form-control {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* === Global NEDATE field card: label + optional prefix, aligned with shipping fields === */
body.nedate-user-ui .nd-form-field,
body.nedate-ui-standard .nd-form-field,
body.nedate-public-standard .nd-form-field {
    --nd-field-bg: rgba(255, 255, 255, .96);
    --nd-field-border: rgba(20, 39, 74, .14);
    --nd-field-label: #526681;
    --nd-field-text: #14274a;
    --nd-field-muted: #7d8ca5;
    position: relative !important;
    width: 100% !important;
    height: 56px !important;
    min-height: 56px !important;
    display: block !important;
    overflow: hidden !important;
    background: var(--nd-field-bg) !important;
    border: 1px solid var(--nd-field-border) !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 18px rgba(20, 39, 74, .025) !important;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

body.nedate-user-ui .nd-form-field:focus-within,
body.nedate-ui-standard .nd-form-field:focus-within,
body.nedate-public-standard .nd-form-field:focus-within {
    border-color: rgba(255, 43, 36, .42) !important;
    box-shadow: 0 0 0 .15rem rgba(255, 43, 36, .08), 0 8px 18px rgba(20, 39, 74, .025) !important;
}

body.nedate-user-ui .nd-form-field .invalid-feedback,
body.nedate-ui-standard .nd-form-field .invalid-feedback,
body.nedate-public-standard .nd-form-field .invalid-feedback {
    position: absolute !important;
    left: 0 !important;
    top: calc(100% + 4px) !important;
    margin: 0 !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-form-field,
html[data-theme="dark"] body.nedate-ui-standard .nd-form-field,
html[data-theme="dark"] body.nedate-public-standard .nd-form-field,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-form-field,
html[data-bs-theme="dark"] body.nedate-ui-standard .nd-form-field,
html[data-bs-theme="dark"] body.nedate-public-standard .nd-form-field,
body.dark-mode.nedate-user-ui .nd-form-field,
body.dark-mode.nedate-ui-standard .nd-form-field,
body.dark-mode.nedate-public-standard .nd-form-field,
body.dark.nedate-user-ui .nd-form-field,
body.dark.nedate-ui-standard .nd-form-field,
body.dark.nedate-public-standard .nd-form-field {
    --nd-field-bg: #0b1220;
    --nd-field-border: #2b3548;
    --nd-field-label: #9fb0c9;
    --nd-field-text: #e5e7eb;
    --nd-field-muted: #8b9ab2;
    box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .nd-form-field:focus-within,
html[data-theme="dark"] body.nedate-ui-standard .nd-form-field:focus-within,
html[data-theme="dark"] body.nedate-public-standard .nd-form-field:focus-within,
html[data-bs-theme="dark"] body.nedate-user-ui .nd-form-field:focus-within,
html[data-bs-theme="dark"] body.nedate-ui-standard .nd-form-field:focus-within,
html[data-bs-theme="dark"] body.nedate-public-standard .nd-form-field:focus-within,
body.dark-mode.nedate-user-ui .nd-form-field:focus-within,
body.dark-mode.nedate-ui-standard .nd-form-field:focus-within,
body.dark-mode.nedate-public-standard .nd-form-field:focus-within,
body.dark.nedate-user-ui .nd-form-field:focus-within,
body.dark.nedate-ui-standard .nd-form-field:focus-within,
body.dark.nedate-public-standard .nd-form-field:focus-within {
    border-color: color-mix(in srgb, var(--nd-brand-primary, #ff3028) 50%, #2b3548) !important;
    box-shadow: 0 0 0 .15rem color-mix(in srgb, var(--nd-brand-primary, #ff3028) 12%, transparent) !important;
}

body.nedate-user-ui .nd-form-field,
body.nedate-ui-standard .nd-form-field,
body.nedate-public-standard .nd-form-field {
    overflow: visible !important;
}

body.nedate-user-ui .nd-form-field.wallet-error,
body.nedate-ui-standard .nd-form-field.wallet-error,
body.nedate-public-standard .nd-form-field.wallet-error {
    border-color: var(--sw-danger, #dc3545) !important;
    box-shadow: 0 0 0 .15rem rgba(220, 53, 69, .12), 0 8px 18px rgba(20, 39, 74, .025) !important;
}

/* User dashboard dark mode — keep all dashboard cards aligned with global dark surfaces */
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-kpi-card,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-side-card,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card.nedate-table-card,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card:has(.dashboard-table-head),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-kpi-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-side-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card.nedate-table-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card:has(.dashboard-table-head),
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-kpi-card,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-side-card,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card.nedate-table-card,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-section-card:has(.dashboard-table-head) {
  background: var(--nd-brand-surface, #101827) !important;
  background-color: var(--nd-brand-surface, #101827) !important;
  border-color: var(--nd-brand-border, #243247) !important;
  color: var(--nd-brand-heading, #f8fafc) !important;
  box-shadow: var(--nd-brand-shadow-soft, 0 12px 30px rgba(0,0,0,.26)) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .card-header,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .card-header,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .card-header {
  background: var(--nd-brand-surface, #101827) !important;
  background-color: var(--nd-brand-surface, #101827) !important;
  border-color: var(--nd-brand-border, #243247) !important;
  color: var(--nd-brand-heading, #f8fafc) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-card-label,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row span,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-card-label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row span,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-card-label,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row span {
  color: var(--nd-brand-muted, #a7b4c9) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row strong,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row strong,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row strong {
  color: var(--nd-brand-heading, #f8fafc) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .pulse-row,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row {
  border-color: var(--nd-brand-border, #243247) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-action-card,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-action-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-action-card,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row {
  background: color-mix(in srgb, var(--nd-brand-surface, #101827) 92%, #0b1220) !important;
  border-color: var(--nd-brand-border, #243247) !important;
  color: var(--nd-brand-heading, #f8fafc) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-action-card span,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row .fw-semibold,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row strong,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-action-card span,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row .fw-semibold,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row strong,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-action-card span,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row .fw-semibold,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row strong {
  color: var(--nd-brand-heading, #f8fafc) !important;
  -webkit-text-fill-color: var(--nd-brand-heading, #f8fafc) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-action-card:hover,
html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row:hover,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-action-card:hover,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row:hover,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-action-card:hover,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-row:hover {
  background: color-mix(in srgb, var(--nd-brand-surface, #101827) 82%, #ffffff) !important;
  border-color: color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 30%, var(--nd-brand-border, #243247)) !important;
  color: var(--nd-brand-heading, #f8fafc) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-icon,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-icon,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .setup-icon {
  background: color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 14%, var(--nd-brand-surface, #101827)) !important;
  border: 1px solid color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 24%, var(--nd-brand-border, #243247)) !important;
  color: #ff8f8a !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon {
  border: 1px solid rgba(255,255,255,.08) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-primary,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-primary,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-primary {
  background: rgba(59, 130, 246, .14) !important;
  color: #93c5fd !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-danger,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-danger,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-danger {
  background: rgba(255, 91, 82, .14) !important;
  color: #ff8f8a !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-warning,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-warning,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-warning {
  background: rgba(245, 158, 11, .14) !important;
  color: #fbbf24 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-success,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-success,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .user-dashboard-icon-success {
  background: rgba(16, 185, 129, .14) !important;
  color: #6ee7b7 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-data-table tbody td,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-data-table tbody td,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .nedate-data-table tbody td {
  background: transparent !important;
  color: var(--nd-brand-heading, #f8fafc) !important;
  border-color: var(--nd-brand-border, #243247) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .progress,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .progress,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .progress {
  background: rgba(148, 163, 184, .16) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .btn-outline-secondary,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .btn-outline-secondary,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .btn-outline-secondary {
  background: rgba(255,255,255,.03) !important;
  color: var(--nd-brand-heading, #f8fafc) !important;
  border-color: var(--nd-brand-border, #243247) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .btn-outline-secondary:hover,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-user-ui .user-dashboard-page .btn-outline-secondary:hover,
body.dark-mode.nedate-ui-standard.nedate-user-ui .user-dashboard-page .btn-outline-secondary:hover {
  background: rgba(255,255,255,.08) !important;
  color: #ffffff !important;
  border-color: color-mix(in srgb, var(--theme-primary, var(--theme-primary, #e61a0a)) 30%, var(--nd-brand-border, #243247)) !important;
}

/* Settings page — global dark-mode card/readability alignment */
html[data-theme="dark"] body.nedate-user-ui .settings-center-page,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page,
body.dark-mode.nedate-user-ui .settings-center-page,
body.dark.nedate-user-ui .settings-center-page {
  --settings-dark-bg: var(--nd-brand-bg, #0b1220);
  --settings-dark-surface: var(--nd-brand-surface, #111827);
  --settings-dark-surface-2: color-mix(in srgb, var(--nd-brand-surface, #111827) 88%, #1f2937);
  --settings-dark-border: var(--nd-brand-border, #243247);
  --settings-dark-border-soft: color-mix(in srgb, var(--nd-brand-border, #243247) 72%, transparent);
  --settings-dark-text: var(--nd-brand-text, #f8fafc);
  --settings-dark-muted: var(--nd-brand-muted, #aebbd2);
  --settings-dark-primary: var(--theme-primary, #ff3028);
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page :is(.card, .nedate-section-card, .user-settings-overview-panel, .user-settings-profile-card, .user-settings-security-card, .user-settings-preferences-card, .user-settings-payments-card, .user-settings-team-card, .user-settings-action-card),
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page :is(.card, .nedate-section-card, .user-settings-overview-panel, .user-settings-profile-card, .user-settings-security-card, .user-settings-preferences-card, .user-settings-payments-card, .user-settings-team-card, .user-settings-action-card),
body.dark-mode.nedate-user-ui .settings-center-page :is(.card, .nedate-section-card, .user-settings-overview-panel, .user-settings-profile-card, .user-settings-security-card, .user-settings-preferences-card, .user-settings-payments-card, .user-settings-team-card, .user-settings-action-card),
body.dark.nedate-user-ui .settings-center-page :is(.card, .nedate-section-card, .user-settings-overview-panel, .user-settings-profile-card, .user-settings-security-card, .user-settings-preferences-card, .user-settings-payments-card, .user-settings-team-card, .user-settings-action-card) {
  background: var(--settings-dark-surface) !important;
  border-color: var(--settings-dark-border) !important;
  color: var(--settings-dark-text) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page :is(.card-header, .card-footer, .modal-header, .modal-footer),
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page :is(.card-header, .card-footer, .modal-header, .modal-footer),
body.dark-mode.nedate-user-ui .settings-center-page :is(.card-header, .card-footer, .modal-header, .modal-footer),
body.dark.nedate-user-ui .settings-center-page :is(.card-header, .card-footer, .modal-header, .modal-footer) {
  background: var(--settings-dark-surface-2) !important;
  border-color: var(--settings-dark-border) !important;
  color: var(--settings-dark-text) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page .nav-tabs-modern,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .nav-tabs-modern,
body.dark-mode.nedate-user-ui .settings-center-page .nav-tabs-modern,
body.dark.nedate-user-ui .settings-center-page .nav-tabs-modern {
  background: var(--settings-dark-surface) !important;
  border-color: var(--settings-dark-border) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page .nav-tabs-modern .nav-link,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .nav-tabs-modern .nav-link,
body.dark-mode.nedate-user-ui .settings-center-page .nav-tabs-modern .nav-link,
body.dark.nedate-user-ui .settings-center-page .nav-tabs-modern .nav-link {
  background: transparent !important;
  border-color: transparent !important;
  color: var(--settings-dark-muted) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page .nav-tabs-modern .nav-link.active,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .nav-tabs-modern .nav-link.active,
body.dark-mode.nedate-user-ui .settings-center-page .nav-tabs-modern .nav-link.active,
body.dark.nedate-user-ui .settings-center-page .nav-tabs-modern .nav-link.active {
  background: color-mix(in srgb, var(--settings-dark-primary) 18%, transparent) !important;
  border-color: color-mix(in srgb, var(--settings-dark-primary) 34%, var(--settings-dark-border)) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page .settings-overview-card,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .settings-overview-card,
body.dark-mode.nedate-user-ui .settings-center-page .settings-overview-card,
body.dark.nedate-user-ui .settings-center-page .settings-overview-card {
  background: var(--settings-dark-surface-2) !important;
  border-color: var(--settings-dark-border) !important;
  color: var(--settings-dark-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page .settings-overview-card:hover,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .settings-overview-card:hover,
body.dark-mode.nedate-user-ui .settings-center-page .settings-overview-card:hover,
body.dark.nedate-user-ui .settings-center-page .settings-overview-card:hover {
  border-color: color-mix(in srgb, var(--settings-dark-primary) 42%, var(--settings-dark-border)) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.22) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page :is(.settings-overview-icon, .user-settings-action-icon),
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page :is(.settings-overview-icon, .user-settings-action-icon),
body.dark-mode.nedate-user-ui .settings-center-page :is(.settings-overview-icon, .user-settings-action-icon),
body.dark.nedate-user-ui .settings-center-page :is(.settings-overview-icon, .user-settings-action-icon) {
  background: color-mix(in srgb, var(--settings-dark-primary) 13%, var(--settings-dark-surface)) !important;
  border: 1px solid color-mix(in srgb, var(--settings-dark-primary) 28%, var(--settings-dark-border)) !important;
  color: #ff9b94 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-action-card-success .user-settings-action-icon,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-action-card-success .user-settings-action-icon,
body.dark-mode.nedate-user-ui .settings-center-page .user-settings-action-card-success .user-settings-action-icon,
body.dark.nedate-user-ui .settings-center-page .user-settings-action-card-success .user-settings-action-icon {
  background: color-mix(in srgb, #14b87a 14%, var(--settings-dark-surface)) !important;
  border-color: color-mix(in srgb, #14b87a 30%, var(--settings-dark-border)) !important;
  color: #7ce3bd !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page :is(.settings-overview-title, .settings-overview-group-title, .user-settings-action-card h6, .fw-bold, .text-dark-slate, h1, h2, h3, h4, h5, h6),
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page :is(.settings-overview-title, .settings-overview-group-title, .user-settings-action-card h6, .fw-bold, .text-dark-slate, h1, h2, h3, h4, h5, h6),
body.dark-mode.nedate-user-ui .settings-center-page :is(.settings-overview-title, .settings-overview-group-title, .user-settings-action-card h6, .fw-bold, .text-dark-slate, h1, h2, h3, h4, h5, h6),
body.dark.nedate-user-ui .settings-center-page :is(.settings-overview-title, .settings-overview-group-title, .user-settings-action-card h6, .fw-bold, .text-dark-slate, h1, h2, h3, h4, h5, h6) {
  color: var(--settings-dark-text) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page :is(.settings-overview-desc, .user-settings-action-card p, .text-secondary, .text-muted, .small, .form-text),
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page :is(.settings-overview-desc, .user-settings-action-card p, .text-secondary, .text-muted, .small, .form-text),
body.dark-mode.nedate-user-ui .settings-center-page :is(.settings-overview-desc, .user-settings-action-card p, .text-secondary, .text-muted, .small, .form-text),
body.dark.nedate-user-ui .settings-center-page :is(.settings-overview-desc, .user-settings-action-card p, .text-secondary, .text-muted, .small, .form-text) {
  color: var(--settings-dark-muted) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-side-link,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-side-link:visited,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-side-link:hover,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-side-link:focus,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-side-link,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-side-link:visited,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-side-link:hover,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-side-link:focus,
body.dark-mode.nedate-user-ui .settings-center-page .user-settings-side-link,
body.dark-mode.nedate-user-ui .settings-center-page .user-settings-side-link:visited,
body.dark-mode.nedate-user-ui .settings-center-page .user-settings-side-link:hover,
body.dark-mode.nedate-user-ui .settings-center-page .user-settings-side-link:focus,
body.dark.nedate-user-ui .settings-center-page .user-settings-side-link,
body.dark.nedate-user-ui .settings-center-page .user-settings-side-link:visited,
body.dark.nedate-user-ui .settings-center-page .user-settings-side-link:hover,
body.dark.nedate-user-ui .settings-center-page .user-settings-side-link:focus {
  background: color-mix(in srgb, var(--settings-dark-primary) 16%, var(--settings-dark-surface-2)) !important;
  border: 1px solid color-mix(in srgb, var(--settings-dark-primary) 34%, var(--settings-dark-border)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-side-link i,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page .user-settings-side-link i,
body.dark-mode.nedate-user-ui .settings-center-page .user-settings-side-link i,
body.dark.nedate-user-ui .settings-center-page .user-settings-side-link i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page :is(.form-control, .form-select, .input-group-text),
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page :is(.form-control, .form-select, .input-group-text),
body.dark-mode.nedate-user-ui .settings-center-page :is(.form-control, .form-select, .input-group-text),
body.dark.nedate-user-ui .settings-center-page :is(.form-control, .form-select, .input-group-text) {
  background: var(--settings-dark-bg) !important;
  border-color: var(--settings-dark-border) !important;
  color: var(--settings-dark-text) !important;
}


/* Settings preferences tab — final global dark-mode form/card alignment */
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card.card,
body.dark .settings-center-page .user-settings-preferences-card.card,
body.dark-mode .settings-center-page .user-settings-preferences-card.card {
  background: var(--settings-dark-surface, var(--nd-brand-surface, #111827)) !important;
  background-color: var(--settings-dark-surface, var(--nd-brand-surface, #111827)) !important;
  border: 1px solid var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card .card-body,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card .card-footer,
body.dark .settings-center-page .user-settings-preferences-card .card-body,
body.dark .settings-center-page .user-settings-preferences-card .card-footer,
body.dark-mode .settings-center-page .user-settings-preferences-card .card-body,
body.dark-mode .settings-center-page .user-settings-preferences-card .card-footer {
  background: transparent !important;
  background-color: transparent !important;
  border-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.fw-medium,.text-dark-slate,.form-check-label),
body.dark .settings-center-page .user-settings-preferences-card :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.fw-medium,.text-dark-slate,.form-check-label),
body.dark-mode .settings-center-page .user-settings-preferences-card :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.fw-medium,.text-dark-slate,.form-check-label) {
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card :is(.text-muted,.text-secondary,.small,.form-text,p),
body.dark .settings-center-page .user-settings-preferences-card :is(.text-muted,.text-secondary,.small,.form-text,p),
body.dark-mode .settings-center-page .user-settings-preferences-card :is(.text-muted,.text-secondary,.small,.form-text,p) {
  color: var(--settings-dark-muted, var(--nd-brand-muted, #aebbd2)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card :is(.form-floating,.form-control,.form-select),
body.dark .settings-center-page .user-settings-preferences-card :is(.form-floating,.form-control,.form-select),
body.dark-mode .settings-center-page .user-settings-preferences-card :is(.form-floating,.form-control,.form-select) {
  background: transparent !important;
  background-color: transparent !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card :is(.form-control,.form-select),
body.dark .settings-center-page .user-settings-preferences-card :is(.form-control,.form-select),
body.dark-mode .settings-center-page .user-settings-preferences-card :is(.form-control,.form-select) {
  background: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  background-color: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  border-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
  -webkit-text-fill-color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
  box-shadow: none !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card :is(.form-control,.form-select):focus,
body.dark .settings-center-page .user-settings-preferences-card :is(.form-control,.form-select):focus,
body.dark-mode .settings-center-page .user-settings-preferences-card :is(.form-control,.form-select):focus {
  border-color: color-mix(in srgb, var(--settings-dark-primary, var(--theme-primary, #ff3028)) 55%, #ffffff) !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--settings-dark-primary, var(--theme-primary, #ff3028)) 16%, transparent) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card .form-floating > label,
body.dark .settings-center-page .user-settings-preferences-card .form-floating > label,
body.dark-mode .settings-center-page .user-settings-preferences-card .form-floating > label {
  background: transparent !important;
  color: var(--settings-dark-muted, var(--nd-brand-muted, #aebbd2)) !important;
  opacity: 1 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card .form-floating > label::after,
body.dark .settings-center-page .user-settings-preferences-card .form-floating > label::after,
body.dark-mode .settings-center-page .user-settings-preferences-card .form-floating > label::after {
  display: none !important;
  background: transparent !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card option,
body.dark .settings-center-page .user-settings-preferences-card option,
body.dark-mode .settings-center-page .user-settings-preferences-card option {
  background: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card .border.rounded-3,
body.dark .settings-center-page .user-settings-preferences-card .border.rounded-3,
body.dark-mode .settings-center-page .user-settings-preferences-card .border.rounded-3 {
  background: var(--settings-dark-surface-2, #1f2937) !important;
  border-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card .form-check-input,
body.dark .settings-center-page .user-settings-preferences-card .form-check-input,
body.dark-mode .settings-center-page .user-settings-preferences-card .form-check-input {
  background-color: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  border-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card .form-check-input:checked,
body.dark .settings-center-page .user-settings-preferences-card .form-check-input:checked,
body.dark-mode .settings-center-page .user-settings-preferences-card .form-check-input:checked {
  background-color: var(--settings-dark-primary, var(--theme-primary, #ff3028)) !important;
  border-color: var(--settings-dark-primary, var(--theme-primary, #ff3028)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body .settings-center-page .user-settings-preferences-card .btn-primary,
body.dark .settings-center-page .user-settings-preferences-card .btn-primary,
body.dark-mode .settings-center-page .user-settings-preferences-card .btn-primary {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Settings Preferences — hard dark-mode override using the same global surface/input tokens */
html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card.card,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card.card,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card.card,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card.card {
  background: var(--nd-brand-surface, #111827) !important;
  background-color: var(--nd-brand-surface, #111827) !important;
  background-image: none !important;
  border: 1px solid var(--nd-brand-border, #243247) !important;
  color: var(--nd-brand-text, #f8fafc) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,.24) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card > .card-body,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card > .card-footer,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card > .card-body,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card > .card-footer,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card > .card-body,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card > .card-footer,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card > .card-body,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card > .card-footer {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--nd-brand-border, #243247) !important;
  color: var(--nd-brand-text, #f8fafc) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card :is(h1,h2,h3,h4,h5,h6,.text-dark-slate,.fw-bold,.fw-semibold,.fw-medium,.form-check-label),
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card :is(h1,h2,h3,h4,h5,h6,.text-dark-slate,.fw-bold,.fw-semibold,.fw-medium,.form-check-label),
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card :is(h1,h2,h3,h4,h5,h6,.text-dark-slate,.fw-bold,.fw-semibold,.fw-medium,.form-check-label),
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card :is(h1,h2,h3,h4,h5,h6,.text-dark-slate,.fw-bold,.fw-semibold,.fw-medium,.form-check-label) {
  color: var(--nd-brand-text, #f8fafc) !important;
  -webkit-text-fill-color: var(--nd-brand-text, #f8fafc) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card :is(.text-muted,.text-secondary,.form-text,.small,p),
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card :is(.text-muted,.text-secondary,.form-text,.small,p),
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card :is(.text-muted,.text-secondary,.form-text,.small,p),
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card :is(.text-muted,.text-secondary,.form-text,.small,p) {
  color: var(--nd-brand-muted, #aebbd2) !important;
  -webkit-text-fill-color: var(--nd-brand-muted, #aebbd2) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select {
  background: var(--nd-brand-bg, #0b1220) !important;
  background-color: var(--nd-brand-bg, #0b1220) !important;
  border-color: var(--nd-brand-border, #243247) !important;
  color: var(--nd-brand-text, #f8fafc) !important;
  -webkit-text-fill-color: var(--nd-brand-text, #f8fafc) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:focus,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select:focus,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:focus,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select:focus,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:focus,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select:focus,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:focus,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select:focus {
  border-color: color-mix(in srgb, var(--theme-primary, #ff3028) 55%, #ffffff) !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--theme-primary, #ff3028) 16%, transparent) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > label,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:focus ~ label,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:not(:placeholder-shown) ~ label,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select:focus ~ label,
html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select ~ label,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > label,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:focus ~ label,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:not(:placeholder-shown) ~ label,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select:focus ~ label,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:focus ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select:focus ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > label,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:focus ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select:focus ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > .form-select ~ label {
  background: transparent !important;
  color: var(--nd-brand-muted, #aebbd2) !important;
  -webkit-text-fill-color: var(--nd-brand-muted, #aebbd2) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > label::after,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > label::after,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > label::after,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-floating > label::after {
  display: none !important;
  background: transparent !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-check-input,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-check-input,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-check-input,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-check-input {
  background-color: var(--nd-brand-bg, #0b1220) !important;
  border-color: var(--nd-brand-border, #243247) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-check-input:checked,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-check-input:checked,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-check-input:checked,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card .form-check-input:checked {
  background-color: var(--theme-primary, #ff3028) !important;
  border-color: var(--theme-primary, #ff3028) !important;
}

html[data-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card option,
html[data-bs-theme="dark"] body.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card option,
body.dark-mode.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card option,
body.dark.nedate-user-ui .settings-center-page #tab-preferences .user-settings-preferences-card option {
  background: var(--nd-brand-bg, #0b1220) !important;
  color: var(--nd-brand-text, #f8fafc) !important;
}

/* Settings payments tab — hard global dark-mode alignment */
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui.nedate-public-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui.nedate-ui-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card,
body.dark-mode.nedate-user-ui.nedate-public-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card,
body.dark-mode.nedate-user-ui.nedate-ui-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card,
body.dark.nedate-user-ui.nedate-public-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card,
body.dark.nedate-user-ui.nedate-ui-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card {
  background: var(--settings-dark-surface, var(--nd-brand-surface, #111827)) !important;
  background-color: var(--settings-dark-surface, var(--nd-brand-surface, #111827)) !important;
  background-image: none !important;
  border: 1px solid var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .22) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui.nedate-public-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card > :is(.card-header,.card-body,.card-footer),
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui.nedate-ui-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card > :is(.card-header,.card-body,.card-footer),
body.dark-mode.nedate-user-ui.nedate-public-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card > :is(.card-header,.card-body,.card-footer),
body.dark-mode.nedate-user-ui.nedate-ui-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card > :is(.card-header,.card-body,.card-footer),
body.dark.nedate-user-ui.nedate-public-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card > :is(.card-header,.card-body,.card-footer),
body.dark.nedate-user-ui.nedate-ui-standard .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card > :is(.card-header,.card-body,.card-footer) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.text-dark-slate,.text-secondary),
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.text-dark-slate,.text-secondary),
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.text-dark-slate,.text-secondary) {
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card :is(.text-muted,.small,p,.pm-pan,.pm-main),
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card :is(.text-muted,.small,p,.pm-pan,.pm-main),
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card :is(.text-muted,.small,p,.pm-pan,.pm-main) {
  color: var(--settings-dark-muted, var(--nd-brand-muted, #aebbd2)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .bg-light-contrast,
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .bg-light-contrast,
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .bg-light-contrast {
  background: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  background-color: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  background-image: none !important;
  border-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .bg-light-contrast :is(i,h1,h2,h3,h4,h5,h6,.fw-bold,.text-secondary),
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .bg-light-contrast :is(i,h1,h2,h3,h4,h5,h6,.fw-bold,.text-secondary),
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .bg-light-contrast :is(i,h1,h2,h3,h4,h5,h6,.fw-bold,.text-secondary) {
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
  opacity: 1 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .bg-light-contrast :is(p,.small,.text-muted),
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .bg-light-contrast :is(p,.small,.text-muted),
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .bg-light-contrast :is(p,.small,.text-muted) {
  color: var(--settings-dark-muted, var(--nd-brand-muted, #aebbd2)) !important;
  opacity: 1 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .card-header .btn-primary-custom,
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .card-header .btn-primary-custom,
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .card-header .btn-primary-custom {
  background: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  background-color: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  border-color: color-mix(in srgb, var(--settings-dark-primary, #ff3028) 45%, var(--settings-dark-border, #243247)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .card-header .btn-primary-custom i,
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .card-header .btn-primary-custom i,
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .user-settings-payments-card.card .card-header .btn-primary-custom i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .payment-method-row,
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .payment-method-row,
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .payment-method-row {
  background: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  border-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .payment-method-icon-box,
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .payment-method-icon-box,
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .payment-method-icon-box {
  background: var(--settings-dark-surface-2, #162033) !important;
  border-color: var(--settings-dark-border, #243247) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .dropdown-menu,
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .dropdown-menu,
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .dropdown-menu {
  background: var(--settings-dark-surface, var(--nd-brand-surface, #111827)) !important;
  border-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .dropdown-item,
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .dropdown-item,
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .dropdown-item {
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-payments.tab-pane .dropdown-item.disabled,
body.dark-mode.nedate-user-ui .settings-center-page #tab-payments.tab-pane .dropdown-item.disabled,
body.dark.nedate-user-ui .settings-center-page #tab-payments.tab-pane .dropdown-item.disabled {
  color: var(--settings-dark-muted, var(--nd-brand-muted, #aebbd2)) !important;
  opacity: .72 !important;
}

/* Settings / Team & Permissions: dark-mode hardfix using global design-system tokens */
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.alert.alert-info, .user-settings-team-card.card, .user-settings-team-card.card > .card-header, .user-settings-team-card.card > .card-body, .user-settings-team-card.card > .card-footer),
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.alert.alert-info, .user-settings-team-card.card, .user-settings-team-card.card > .card-header, .user-settings-team-card.card > .card-body, .user-settings-team-card.card > .card-footer),
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.alert.alert-info, .user-settings-team-card.card, .user-settings-team-card.card > .card-header, .user-settings-team-card.card > .card-body, .user-settings-team-card.card > .card-footer) {
  background: var(--settings-dark-surface, var(--nd-brand-surface, #111827)) !important;
  background-color: var(--settings-dark-surface, var(--nd-brand-surface, #111827)) !important;
  background-image: none !important;
  border-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .22) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .alert.alert-info,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .alert.alert-info,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .alert.alert-info {
  background: color-mix(in srgb, var(--settings-dark-surface, #111827) 86%, #0ea5e9) !important;
  background-color: color-mix(in srgb, var(--settings-dark-surface, #111827) 86%, #0ea5e9) !important;
  border: 1px solid color-mix(in srgb, #0ea5e9 34%, var(--settings-dark-border, #243247)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card.card > .card-footer,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card.card > .card-footer,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card.card > .card-footer {
  border-top-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.fw-medium,.text-dark-slate,.form-check-label,.permission-title,.accordion-button,.accordion-button span),
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.fw-medium,.text-dark-slate,.form-check-label,.permission-title,.accordion-button,.accordion-button span),
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.fw-medium,.text-dark-slate,.form-check-label,.permission-title,.accordion-button,.accordion-button span) {
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
  -webkit-text-fill-color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(p,.small,.x-small,.text-muted,.text-secondary,.permission-check-label code),
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(p,.small,.x-small,.text-muted,.text-secondary,.permission-check-label code),
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(p,.small,.x-small,.text-muted,.text-secondary,.permission-check-label code) {
  color: var(--settings-dark-muted, var(--nd-brand-muted, #aebbd2)) !important;
  -webkit-text-fill-color: var(--settings-dark-muted, var(--nd-brand-muted, #aebbd2)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > :is(.form-control,.form-select),
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > :is(.form-control,.form-select),
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > :is(.form-control,.form-select) {
  background: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  background-color: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220)) !important;
  border-color: var(--settings-dark-border, var(--nd-brand-border, #243247)) !important;
  color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
  -webkit-text-fill-color: var(--settings-dark-text, var(--nd-brand-text, #f8fafc)) !important;
  box-shadow: none !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > :is(.form-control,.form-select):focus,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > :is(.form-control,.form-select):focus,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > :is(.form-control,.form-select):focus {
  border-color: color-mix(in srgb, var(--settings-dark-primary, var(--theme-primary, #ff3028)) 55%, #ffffff) !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--settings-dark-primary, var(--theme-primary, #ff3028)) 16%, transparent) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > label,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > :is(.form-control,.form-select):focus ~ label,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > .form-control:not(:placeholder-shown) ~ label,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > .form-select ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > :is(.form-control,.form-select):focus ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > .form-select ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > label,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > :is(.form-control,.form-select):focus ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > .form-select ~ label {
  background: transparent !important;
  color: var(--settings-dark-muted, var(--nd-brand-muted, #aebbd2)) !important;
  -webkit-text-fill-color: var(--settings-dark-muted, var(--nd-brand-muted, #aebbd2)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > label::after,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > label::after,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .user-settings-team-card .form-floating > label::after {
  display: none !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.btn-light,.btn-outline-secondary,.btn-outline-primary,.btn.border),
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.btn-light,.btn-outline-secondary,.btn-outline-primary,.btn.border),
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.btn-light,.btn-outline-secondary,.btn-outline-primary,.btn.border) {
  background: var(--settings-dark-surface-2, #162033) !important;
  background-color: var(--settings-dark-surface-2, #162033) !important;
  border-color: var(--settings-dark-border, #243247) !important;
  color: var(--settings-dark-text, #f8fafc) !important;
  -webkit-text-fill-color: var(--settings-dark-text, #f8fafc) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.btn-primary-custom,.btn-primary-custom i),
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.btn-primary-custom,.btn-primary-custom i),
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.btn-primary-custom,.btn-primary-custom i) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .nedate-team-permission-accordion .accordion-item,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .nedate-team-permission-accordion .accordion-item,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .nedate-team-permission-accordion .accordion-item {
  background: var(--settings-dark-bg, #0b1220) !important;
  background-color: var(--settings-dark-bg, #0b1220) !important;
  border-color: var(--settings-dark-border, #243247) !important;
  color: var(--settings-dark-text, #f8fafc) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .nedate-team-permission-accordion .accordion-button,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .nedate-team-permission-accordion .accordion-body,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .nedate-team-permission-accordion .accordion-button,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .nedate-team-permission-accordion .accordion-body,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .nedate-team-permission-accordion .accordion-button,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .nedate-team-permission-accordion .accordion-body {
  background: var(--settings-dark-bg, #0b1220) !important;
  background-color: var(--settings-dark-bg, #0b1220) !important;
  border-color: var(--settings-dark-border, #243247) !important;
  color: var(--settings-dark-text, #f8fafc) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .permission-check,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .permission-check,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .permission-check {
  background: var(--settings-dark-surface, #111827) !important;
  background-color: var(--settings-dark-surface, #111827) !important;
  border-color: var(--settings-dark-border, #243247) !important;
  color: var(--settings-dark-text, #f8fafc) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .permission-check:hover,
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .permission-check:hover,
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane .permission-check:hover {
  background: var(--settings-dark-surface-2, #162033) !important;
  border-color: color-mix(in srgb, var(--settings-dark-primary, #ff3028) 34%, var(--settings-dark-border, #243247)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.badge.bg-light,.badge.bg-secondary-subtle,.badge.bg-warning-subtle,.badge.bg-primary-subtle),
body.dark-mode.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.badge.bg-light,.badge.bg-secondary-subtle,.badge.bg-warning-subtle,.badge.bg-primary-subtle),
body.dark.nedate-user-ui .settings-center-page #tab-subusers.tab-pane :is(.badge.bg-light,.badge.bg-secondary-subtle,.badge.bg-warning-subtle,.badge.bg-primary-subtle) {
  background: var(--settings-dark-surface-2, #162033) !important;
  background-color: var(--settings-dark-surface-2, #162033) !important;
  border-color: var(--settings-dark-border, #243247) !important;
  color: var(--settings-dark-text, #f8fafc) !important;
  -webkit-text-fill-color: var(--settings-dark-text, #f8fafc) !important;
}

/* Settings / Imports: dark-mode hardfix using global design-system tokens */
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane {
  --settings-imports-dark-surface: var(--settings-dark-surface, var(--nd-brand-surface, #111827));
  --settings-imports-dark-bg: var(--settings-dark-bg, var(--nd-brand-bg, #0b1220));
  --settings-imports-dark-border: var(--settings-dark-border, var(--nd-brand-border, #243247));
  --settings-imports-dark-text: var(--settings-dark-text, var(--nd-brand-text, #f8fafc));
  --settings-imports-dark-muted: var(--settings-dark-muted, var(--nd-brand-muted, #aebbd2));
  --settings-imports-dark-primary: var(--settings-dark-primary, var(--nd-brand-primary, #ff3028));
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-header,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-body,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-footer,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-header,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-body,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-footer,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-header,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-body,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-footer {
  background: var(--settings-imports-dark-surface, #111827) !important;
  background-color: var(--settings-imports-dark-surface, #111827) !important;
  background-image: none !important;
  border-color: var(--settings-imports-dark-border, #243247) !important;
  color: var(--settings-imports-dark-text, #f8fafc) !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .22) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-header,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-header,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-header {
  border-bottom-color: var(--settings-imports-dark-border, #243247) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-footer,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-footer,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card.card > .card-footer {
  border-top-color: var(--settings-imports-dark-border, #243247) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.fw-medium,.text-dark-slate,.text-primary-custom,.form-label,label),
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.fw-medium,.text-dark-slate,.text-primary-custom,.form-label,label),
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(h1,h2,h3,h4,h5,h6,.fw-bold,.fw-semibold,.fw-medium,.text-dark-slate,.text-primary-custom,.form-label,label) {
  color: var(--settings-imports-dark-text, #f8fafc) !important;
  -webkit-text-fill-color: var(--settings-imports-dark-text, #f8fafc) !important;
  opacity: 1 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.text-secondary,.text-muted,.form-text,.small,p,small,em),
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.text-secondary,.text-muted,.form-text,.small,p,small,em),
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.text-secondary,.text-muted,.form-text,.small,p,small,em) {
  color: var(--settings-imports-dark-muted, #aebbd2) !important;
  -webkit-text-fill-color: var(--settings-imports-dark-muted, #aebbd2) !important;
  opacity: 1 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > :is(.form-control,.form-select,textarea.form-control),
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.form-control,.form-select,textarea.form-control),
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > :is(.form-control,.form-select,textarea.form-control),
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.form-control,.form-select,textarea.form-control),
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > :is(.form-control,.form-select,textarea.form-control),
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.form-control,.form-select,textarea.form-control) {
  background: var(--settings-imports-dark-bg, #0b1220) !important;
  background-color: var(--settings-imports-dark-bg, #0b1220) !important;
  background-image: none !important;
  border-color: var(--settings-imports-dark-border, #243247) !important;
  color: var(--settings-imports-dark-text, #f8fafc) !important;
  -webkit-text-fill-color: var(--settings-imports-dark-text, #f8fafc) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > :is(.form-control,.form-select,textarea.form-control):focus,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.form-control,.form-select,textarea.form-control):focus,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > :is(.form-control,.form-select,textarea.form-control):focus,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.form-control,.form-select,textarea.form-control):focus,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > :is(.form-control,.form-select,textarea.form-control):focus,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.form-control,.form-select,textarea.form-control):focus {
  border-color: color-mix(in srgb, var(--settings-imports-dark-primary, #ff3028) 48%, var(--settings-imports-dark-border, #243247)) !important;
  box-shadow: 0 0 0 .18rem rgba(255, 48, 40, .09) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > label,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-control:focus ~ label,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-control:not(:placeholder-shown) ~ label,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-select:focus ~ label,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-select ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-control:focus ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-select:focus ~ label,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-select ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > label,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-control:focus ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-control:not(:placeholder-shown) ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-select:focus ~ label,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > .form-select ~ label {
  background: transparent !important;
  color: var(--settings-imports-dark-muted, #aebbd2) !important;
  -webkit-text-fill-color: var(--settings-imports-dark-muted, #aebbd2) !important;
  opacity: 1 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > label::after,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > label::after,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-floating > label::after {
  display: none !important;
  background: transparent !important;
  background-color: transparent !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-select option,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-select option,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .form-select option {
  background: var(--settings-imports-dark-bg, #0b1220) !important;
  color: var(--settings-imports-dark-text, #f8fafc) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.form-control::placeholder, textarea.form-control::placeholder),
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.form-control::placeholder, textarea.form-control::placeholder),
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.form-control::placeholder, textarea.form-control::placeholder) {
  color: var(--settings-imports-dark-muted, #aebbd2) !important;
  -webkit-text-fill-color: var(--settings-imports-dark-muted, #aebbd2) !important;
  opacity: .78 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.table, .table th, .table td, .list-group-item, .accordion-item, .accordion-button, .accordion-body, .card, .bg-light, .bg-light-contrast),
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.table, .table th, .table td, .list-group-item, .accordion-item, .accordion-button, .accordion-body, .card, .bg-light, .bg-light-contrast),
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card :is(.table, .table th, .table td, .list-group-item, .accordion-item, .accordion-button, .accordion-body, .card, .bg-light, .bg-light-contrast) {
  background: var(--settings-imports-dark-bg, #0b1220) !important;
  background-color: var(--settings-imports-dark-bg, #0b1220) !important;
  border-color: var(--settings-imports-dark-border, #243247) !important;
  color: var(--settings-imports-dark-text, #f8fafc) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .btn-primary-custom,
body.dark-mode.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .btn-primary-custom,
body.dark.nedate-user-ui .settings-center-page #tab-imports.tab-pane .user-settings-imports-card .btn-primary-custom {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Pricing page dark mode global hardfix: keep all panels on the shared dark surface */
html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page {
  --nd-pricing-dark-bg: var(--nd-brand-bg, #071123);
  --nd-pricing-dark-surface: var(--nd-brand-surface, #0b162a);
  --nd-pricing-dark-surface-2: var(--nd-brand-surface-raised, #101d33);
  --nd-pricing-dark-border: var(--nd-brand-border, rgba(118, 149, 204, .22));
  --nd-pricing-dark-text: var(--nd-brand-text, #f5f8ff);
  --nd-pricing-dark-muted: var(--nd-brand-muted, #aebcd8);
  --faq-surface: var(--nd-pricing-dark-surface) !important;
  --faq-surface-soft: var(--nd-pricing-dark-surface-2) !important;
  --faq-border: var(--nd-pricing-dark-border) !important;
  --faq-text: var(--nd-pricing-dark-text) !important;
  --faq-muted: var(--nd-pricing-dark-muted) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(.pricing-modern-dashboard-preview,.pricing-modern-dashboard-main,.pricing-modern-card,.pricing-modern-strip,.pricing-modern-faq,.pricing-modern-cta,.pricing-modern-alert,.faq-modern-item),
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(.pricing-modern-dashboard-preview,.pricing-modern-dashboard-main,.pricing-modern-card,.pricing-modern-strip,.pricing-modern-faq,.pricing-modern-cta,.pricing-modern-alert,.faq-modern-item),
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(.pricing-modern-dashboard-preview,.pricing-modern-dashboard-main,.pricing-modern-card,.pricing-modern-strip,.pricing-modern-faq,.pricing-modern-cta,.pricing-modern-alert,.faq-modern-item) {
  background: linear-gradient(180deg, rgba(10, 22, 46, .96), rgba(8, 18, 40, .98)) !important;
  border-color: var(--nd-pricing-dark-border) !important;
  color: var(--nd-pricing-dark-text) !important;
  box-shadow: 0 22px 58px rgba(0, 0, 0, .25) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(.pricing-modern-dashboard-stats div,.pricing-modern-dashboard-chart,.pricing-modern-dashboard-list,.pricing-modern-dashboard-progress,.pricing-modern-strip-item,.faq-modern-question,.faq-modern-answer),
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(.pricing-modern-dashboard-stats div,.pricing-modern-dashboard-chart,.pricing-modern-dashboard-list,.pricing-modern-dashboard-progress,.pricing-modern-strip-item,.faq-modern-question,.faq-modern-answer),
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(.pricing-modern-dashboard-stats div,.pricing-modern-dashboard-chart,.pricing-modern-dashboard-list,.pricing-modern-dashboard-progress,.pricing-modern-strip-item,.faq-modern-question,.faq-modern-answer) {
  background: rgba(7, 17, 38, .92) !important;
  border-color: var(--nd-pricing-dark-border) !important;
  color: var(--nd-pricing-dark-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-sidebar,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-sidebar,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-sidebar {
  background: rgba(7, 17, 38, .98) !important;
  border-right-color: var(--nd-pricing-dark-border) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-sidebar span,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-sidebar span,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-sidebar span {
  background: rgba(255,255,255,.06) !important;
  color: var(--nd-pricing-dark-muted) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-sidebar .is-active,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-sidebar .is-active,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-sidebar .is-active {
  background: linear-gradient(135deg, var(--nd-brand-primary, #ff3028), #fb6c75) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-chart,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-chart,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-chart {
  background:
    linear-gradient(rgba(118,149,204,.12) 1px, transparent 1px) 0 0 / 100% 33%,
    linear-gradient(180deg, rgba(9,21,46,.96), rgba(7,17,38,.98)) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(h1,h2,h3,h4,h5,h6,.pricing-modern-plan-name,.pricing-modern-price-currency,.pricing-modern-price-val,.pricing-modern-dashboard-head h2,.pricing-modern-dashboard-stats strong,.pricing-modern-dashboard-list strong,.pricing-modern-dashboard-progress strong,.pricing-modern-faq-title,.faq-modern-question-text,.pricing-modern-feature strong),
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(h1,h2,h3,h4,h5,h6,.pricing-modern-plan-name,.pricing-modern-price-currency,.pricing-modern-price-val,.pricing-modern-dashboard-head h2,.pricing-modern-dashboard-stats strong,.pricing-modern-dashboard-list strong,.pricing-modern-dashboard-progress strong,.pricing-modern-faq-title,.faq-modern-question-text,.pricing-modern-feature strong),
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(h1,h2,h3,h4,h5,h6,.pricing-modern-plan-name,.pricing-modern-price-currency,.pricing-modern-price-val,.pricing-modern-dashboard-head h2,.pricing-modern-dashboard-stats strong,.pricing-modern-dashboard-list strong,.pricing-modern-dashboard-progress strong,.pricing-modern-faq-title,.faq-modern-question-text,.pricing-modern-feature strong) {
  color: var(--nd-pricing-dark-text) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(p,li,small,.pricing-modern-subtitle,.pricing-modern-billing-note,.pricing-modern-plan-code,.pricing-modern-plan-desc,.pricing-modern-price-period,.pricing-modern-price-meta,.pricing-modern-setup,.pricing-modern-feature,.pricing-modern-card-links,.pricing-modern-card-links a,.pricing-modern-strip-item,.pricing-modern-dashboard-stats span,.pricing-modern-dashboard-stats small,.pricing-modern-dashboard-list small,.faq-modern-answer,.faq-answer-content),
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(p,li,small,.pricing-modern-subtitle,.pricing-modern-billing-note,.pricing-modern-plan-code,.pricing-modern-plan-desc,.pricing-modern-price-period,.pricing-modern-price-meta,.pricing-modern-setup,.pricing-modern-feature,.pricing-modern-card-links,.pricing-modern-card-links a,.pricing-modern-strip-item,.pricing-modern-dashboard-stats span,.pricing-modern-dashboard-stats small,.pricing-modern-dashboard-list small,.faq-modern-answer,.faq-answer-content),
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page :is(p,li,small,.pricing-modern-subtitle,.pricing-modern-billing-note,.pricing-modern-plan-code,.pricing-modern-plan-desc,.pricing-modern-price-period,.pricing-modern-price-meta,.pricing-modern-setup,.pricing-modern-feature,.pricing-modern-card-links,.pricing-modern-card-links a,.pricing-modern-strip-item,.pricing-modern-dashboard-stats span,.pricing-modern-dashboard-stats small,.pricing-modern-dashboard-list small,.faq-modern-answer,.faq-answer-content) {
  color: var(--nd-pricing-dark-muted) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-list div:nth-child(1) small,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-list div:nth-child(1) small,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-list div:nth-child(1) small {
  color: #67e8a4 !important;
}
html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-list div:nth-child(2) small,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-list div:nth-child(2) small,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-list div:nth-child(2) small {
  color: #9cc0ff !important;
}
html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-list div:nth-child(3) small,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-list div:nth-child(3) small,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-list div:nth-child(3) small {
  color: #c4b5fd !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-progress span,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-progress span,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-dashboard-progress span {
  background: rgba(255,255,255,.10) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-billing,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-billing,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-billing {
  background: rgba(7,17,38,.92) !important;
  border-color: var(--nd-pricing-dark-border) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-billing-btn,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-billing-btn,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-billing-btn {
  color: var(--nd-pricing-dark-muted) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-billing-btn.active,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-billing-btn.active,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-billing-btn.active {
  color: #ffffff !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-plan-btn,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-plan-btn,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-plan-btn {
  background: rgba(7,17,38,.88) !important;
  border-color: var(--nd-pricing-dark-border) !important;
  color: var(--nd-pricing-dark-text) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-plan-btn--primary,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-plan-btn--primary,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-plan-btn--primary {
  background: var(--nd-brand-primary, #ff3028) !important;
  border-color: var(--nd-brand-primary, #ff3028) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .accordion-button::after,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .accordion-button::after,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .accordion-button::after {
  filter: invert(1) grayscale(1) brightness(1.6) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-cta,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-cta,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-cta {
  background: linear-gradient(180deg, rgba(10,22,46,.96), rgba(8,18,40,.98)) !important;
  border: 1px solid var(--nd-pricing-dark-border) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-cta-btn--light,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-cta-btn--light,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-cta-btn--light {
  background: linear-gradient(135deg, var(--nd-brand-primary, #ff3028), #fb6c75) !important;
  border-color: var(--nd-brand-primary, #ff3028) !important;
  color: #ffffff !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-cta-btn--ghost,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-cta-btn--ghost,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-cta-btn--ghost {
  background: rgba(7,17,38,.82) !important;
  border-color: var(--nd-pricing-dark-border) !important;
  color: var(--nd-pricing-dark-text) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-strip-icon,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-strip-icon,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard) .pricing-modern-page .pricing-modern-strip-icon {
  background: rgba(255, 48, 40, .16) !important;
  color: #ff8f8a !important;
}

/* Pricing dark mode: force primary CTA readability */
html[data-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light,
html[data-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:link,
html[data-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:visited,
html[data-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:hover,
html[data-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:focus,
html[data-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:active,
html[data-bs-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light,
html[data-bs-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:link,
html[data-bs-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:visited,
html[data-bs-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:hover,
html[data-bs-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:focus,
html[data-bs-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:active,
body.dark-mode .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light,
body.dark-mode .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:link,
body.dark-mode .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:visited,
body.dark-mode .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:hover,
body.dark-mode .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:focus,
body.dark-mode .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:active,
body.dark .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light,
body.dark .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:link,
body.dark .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:visited,
body.dark .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:hover,
body.dark .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:focus,
body.dark .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light:active {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  text-shadow: none !important;
  background: linear-gradient(135deg, var(--nd-brand-primary, #ff3028) 0%, #fb6c75 100%) !important;
  border-color: var(--nd-brand-primary, #ff3028) !important;
  box-shadow: 0 16px 34px rgba(255, 48, 40, .22) !important;
}

html[data-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light *,
html[data-bs-theme="dark"] body .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light *,
body.dark-mode .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light *,
body.dark .pricing-modern-page .pricing-modern-cta .pricing-modern-cta-btn.pricing-modern-cta-btn--light * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}



/* Footer global alignment polish — shared light/dark component */
body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form,
.nedate-site-footer .nedate-footer-newsletter-form {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 3.2rem !important;
  align-items: stretch !important;
  height: 3.2rem !important;
  min-height: 3.2rem !important;
  overflow: visible !important;
  gap: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
.nedate-site-footer .nedate-footer-newsletter-form input[type="email"] {
  height: 3.2rem !important;
  min-height: 3.2rem !important;
  display: block !important;
  border: 1px solid var(--footer-line, var(--nd-footer-shell-border, rgba(148,163,184,.28))) !important;
  border-right: 0 !important;
  border-radius: .55rem 0 0 .55rem !important;
  padding: 0 1rem !important;
  background: transparent !important;
  color: var(--nd-footer-shell-text, #fff) !important;
  -webkit-text-fill-color: var(--nd-footer-shell-text, #fff) !important;
  font: inherit !important;
  line-height: 3.2rem !important;
  text-align: left !important;
  box-shadow: none !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder {
  color: color-mix(in srgb, var(--nd-footer-shell-muted, rgba(255,255,255,.72)) 78%, #fff 22%) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--nd-footer-shell-muted, rgba(255,255,255,.72)) 78%, #fff 22%) !important;
  opacity: 1 !important;
  line-height: 3.2rem !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] {
  width: 3.2rem !important;
  height: 3.2rem !important;
  min-height: 3.2rem !important;
  border: 1px solid var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  border-left: 0 !important;
  border-radius: 0 .55rem .55rem 0 !important;
  background: var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  box-shadow: none !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] i,
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] i,
.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] i {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  line-height: 1 !important;
}

body.nedate-ui-standard .nedate-site-footer :is(.nedate-footer-trust-card, .nedate-footer-payments),
body.nedate-user-ui .nedate-site-footer :is(.nedate-footer-trust-card, .nedate-footer-payments),
.nedate-site-footer :is(.nedate-footer-trust-card, .nedate-footer-payments) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-trust-card,
body.nedate-user-ui .nedate-site-footer .nedate-footer-trust-card,
.nedate-site-footer .nedate-footer-trust-card {
  padding: 0 !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-language,
body.nedate-user-ui .nedate-site-footer .nedate-footer-language,
.nedate-site-footer .nedate-footer-language {
  min-height: 2.35rem !important;
  padding: 0 !important;
  gap: .55rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-language select,
body.nedate-user-ui .nedate-site-footer .nedate-footer-language select,
.nedate-site-footer .nedate-footer-language select {
  min-height: 2.35rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--nd-footer-shell-text, #fff) !important;
  -webkit-text-fill-color: var(--nd-footer-shell-text, #fff) !important;
  text-align: center !important;
  text-align-last: center !important;
  padding: 0 .4rem !important;
}

/* Footer global final readability — email and language controls */
body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
.nedate-site-footer .nedate-footer-newsletter-form input[type="email"] {
  height: 3.2rem !important;
  min-height: 3.2rem !important;
  padding: 0 1rem !important;
  line-height: 3.2rem !important;
  text-align: center !important;
  background: #ffffff !important;
  color: #14274a !important;
  -webkit-text-fill-color: #14274a !important;
  caret-color: #14274a !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  border-color: rgba(148, 163, 184, .42) !important;
  border-right: 0 !important;
  border-radius: .55rem 0 0 .55rem !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder {
  color: #6f7f99 !important;
  -webkit-text-fill-color: #6f7f99 !important;
  opacity: 1 !important;
  text-align: center !important;
  line-height: 3.2rem !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark-mode.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark-mode.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"] {
  background: #0b1220 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
  border-color: rgba(148, 163, 184, .32) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark-mode.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark-mode.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder {
  color: #9fb0c9 !important;
  -webkit-text-fill-color: #9fb0c9 !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] {
  border-left: 0 !important;
  border-radius: 0 .55rem .55rem 0 !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-language,
body.nedate-user-ui .nedate-site-footer .nedate-footer-language,
.nedate-site-footer .nedate-footer-language {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.35rem !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-language select,
body.nedate-user-ui .nedate-site-footer .nedate-footer-language select,
.nedate-site-footer .nedate-footer-language select {
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  min-width: 5.8rem !important;
  min-height: 2.35rem !important;
  height: 2.35rem !important;
  padding: 0 .25rem !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
  text-align: center !important;
  text-align-last: center !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  line-height: 2.35rem !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-language select option,
body.nedate-user-ui .nedate-site-footer .nedate-footer-language select option,
.nedate-site-footer .nedate-footer-language select option {
  color: #14274a !important;
  background: #ffffff !important;
  text-align: center !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-language > i,
body.nedate-user-ui .nedate-site-footer .nedate-footer-language > i,
.nedate-site-footer .nedate-footer-language > i {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  line-height: 1 !important;
  background: transparent !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments),
body.nedate-user-ui .nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments),
.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments)::before,
body.nedate-ui-standard .nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments)::after,
body.nedate-user-ui .nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments)::before,
body.nedate-user-ui .nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments)::after,
.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments)::before,
.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments)::after {
  display: none !important;
}

/* ==========================================================================
   Footer global clean controls — FINAL
   Shared footer component: newsletter field + language selector + trust cards.
   Keeps the footer consistent in light/dark pages without blade-local CSS.
   ========================================================================== */
footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form {
  display: flex !important;
  align-items: stretch !important;
  justify-content: stretch !important;
  width: 100% !important;
  max-width: 280px !important;
  height: 52px !important;
  min-height: 52px !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(148, 163, 184, .38) !important;
  border-right: 0 !important;
  border-radius: 10px 0 0 10px !important;
  background: #ffffff !important;
  color: #14274a !important;
  -webkit-text-fill-color: #14274a !important;
  caret-color: #14274a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 52px !important;
  text-align: center !important;
  letter-spacing: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder {
  color: #53657d !important;
  -webkit-text-fill-color: #53657d !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 52px !important;
  text-align: center !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]:focus,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]:focus,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]:focus,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]:focus {
  border-color: rgba(255, 59, 50, .65) !important;
  box-shadow: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] {
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--nd-brand-primary, #ff3b32) !important;
  border-left: 0 !important;
  border-radius: 0 10px 10px 0 !important;
  background: var(--nd-brand-primary, #ff3b32) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] i,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] i,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] i,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1 !important;
}

footer.nedate-site-footer .nedate-footer-language,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language {
  display: inline-grid !important;
  grid-template-columns: 18px minmax(82px, auto) 14px !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 38px !important;
  height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color-scheme: dark !important;
}

footer.nedate-site-footer .nedate-footer-language select[name="language_id"],
footer.nedate-site-footer .nedate-footer-language select[name="language_id"]:hover,
footer.nedate-site-footer .nedate-footer-language select[name="language_id"]:focus,
footer.nedate-site-footer .nedate-footer-language select[name="language_id"]:active,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language select[name="language_id"],
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language select[name="language_id"],
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language select[name="language_id"] {
  display: block !important;
  width: 100% !important;
  min-width: 82px !important;
  max-width: 110px !important;
  height: 38px !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: rgba(0, 0, 0, 0) !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  caret-color: #cbd5e1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 38px !important;
  text-align: center !important;
  text-align-last: center !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  color-scheme: dark !important;
}

footer.nedate-site-footer .nedate-footer-language select[name="language_id"]::-ms-expand {
  display: none !important;
}

footer.nedate-site-footer .nedate-footer-language select[name="language_id"] option,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language select[name="language_id"] option,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language select[name="language_id"] option,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language select[name="language_id"] option {
  color: #14274a !important;
  -webkit-text-fill-color: #14274a !important;
  background: #ffffff !important;
  text-align: center !important;
}

footer.nedate-site-footer .nedate-footer-language > i,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language > i,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language > i,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language > i {
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

footer.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments),
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments),
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments),
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

footer.nedate-site-footer .nedate-footer-trust-card,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-trust-card,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-trust-card,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-trust-card {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 14px !important;
  row-gap: 3px !important;
  padding: 0 !important;
}

footer.nedate-site-footer .nedate-footer-payments,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-payments,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-payments,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-payments {
  padding: 0 !important;
}

/* ========================================================================
   Footer controls hard reset — email and language selector
   Global footer component only. Removes native select/input visual drift.
   ======================================================================== */
footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 280px !important;
  height: 52px !important;
  min-height: 52px !important;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 10px !important;
  background: transparent !important;
  box-shadow: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"] {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 1px solid rgba(148, 163, 184, .36) !important;
  border-right: 0 !important;
  border-radius: 10px 0 0 10px !important;
  background: #ffffff !important;
  color: #14274a !important;
  -webkit-text-fill-color: #14274a !important;
  caret-color: #14274a !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: normal !important;
  text-align: center !important;
  text-align-last: center !important;
  letter-spacing: 0 !important;
  vertical-align: middle !important;
  outline: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder {
  color: #53657d !important;
  -webkit-text-fill-color: #53657d !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  text-align: center !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] {
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--nd-brand-primary, #ff3b32) !important;
  border-left: 0 !important;
  border-radius: 0 10px 10px 0 !important;
  background: var(--nd-brand-primary, #ff3b32) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

footer.nedate-site-footer .nedate-footer-language,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language {
  position: relative !important;
  display: inline-grid !important;
  grid-template-columns: 18px minmax(92px, auto) 14px !important;
  align-items: center !important;
  justify-items: center !important;
  gap: 8px !important;
  height: 40px !important;
  min-height: 40px !important;
  min-width: 146px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

footer.nedate-site-footer .nedate-footer-language .nedate-footer-language-current,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language .nedate-footer-language-current,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language .nedate-footer-language-current,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language .nedate-footer-language-current {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #e5e7eb !important;
  -webkit-text-fill-color: #e5e7eb !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  text-align: center !important;
  white-space: nowrap !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

footer.nedate-site-footer .nedate-footer-language select[name="language_id"],
footer.nedate-site-footer .nedate-footer-language select[name="language_id"]:hover,
footer.nedate-site-footer .nedate-footer-language select[name="language_id"]:focus,
footer.nedate-site-footer .nedate-footer-language select[name="language_id"]:active,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language select[name="language_id"],
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language select[name="language_id"],
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language select[name="language_id"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 4 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
}

footer.nedate-site-footer .nedate-footer-language > i,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language > i,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language > i,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language > i {
  position: relative !important;
  z-index: 2 !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

footer.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments),
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments),
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments),
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-trust-row :is(.nedate-footer-trust-card, .nedate-footer-payments) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* ========================================================================
   Footer newsletter email field — definitive placeholder/text centering
   Global footer only. Keeps the input visually centered inside its own field.
   ======================================================================== */
footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"] {
  box-sizing: border-box !important;
  display: block !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding-top: 0 !important;
  padding-right: 16px !important;
  padding-bottom: 0 !important;
  padding-left: 16px !important;
  line-height: 52px !important;
  text-align: center !important;
  text-align-last: center !important;
  vertical-align: middle !important;
  color: #14274a !important;
  -webkit-text-fill-color: #14274a !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder {
  color: #53657d !important;
  -webkit-text-fill-color: #53657d !important;
  opacity: 1 !important;
  line-height: 52px !important;
  text-align: center !important;
  vertical-align: middle !important;
}

/* ========================================================================
   Footer newsletter email field — normal left alignment and vertical centering
   Keep this last: overrides the previous centered placeholder experiment.
   ======================================================================== */
footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"] {
  box-sizing: border-box !important;
  display: block !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 18px !important;
  margin: 0 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  text-align: left !important;
  text-align-last: left !important;
  vertical-align: middle !important;
  color: #14274a !important;
  -webkit-text-fill-color: #14274a !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder {
  color: #53657d !important;
  -webkit-text-fill-color: #53657d !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  text-align: left !important;
}

/* ======================================================================
   FOOTER CONTROLS — FINAL NORMALIZED INPUT/LANGUAGE FIX
   Keep footer newsletter email behaving like a normal field:
   text left aligned, vertically centered by the browser, no fake centering.
   ====================================================================== */
body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form,
.nedate-site-footer .nedate-footer-newsletter-form {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 17rem !important;
  height: 3.25rem !important;
  min-height: 3.25rem !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: .7rem !important;
  box-shadow: none !important;
  overflow: visible !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
.nedate-site-footer .nedate-footer-newsletter-form input[type="email"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 3.25rem !important;
  min-height: 3.25rem !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 1rem !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-right: 0 !important;
  border-radius: .7rem 0 0 .7rem !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #14213d !important;
  -webkit-text-fill-color: #14213d !important;
  caret-color: #14213d !important;
  font-family: inherit !important;
  font-size: .92rem !important;
  font-weight: 500 !important;
  line-height: normal !important;
  text-align: left !important;
  text-align-last: left !important;
  vertical-align: middle !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  box-shadow: none !important;
  outline: 0 !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder {
  color: #6f7f99 !important;
  -webkit-text-fill-color: #6f7f99 !important;
  opacity: 1 !important;
  text-align: left !important;
  line-height: normal !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]:focus,
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]:focus,
.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]:focus {
  border-color: var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  box-shadow: none !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] {
  flex: 0 0 3.25rem !important;
  width: 3.25rem !important;
  height: 3.25rem !important;
  min-height: 3.25rem !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  border-left: 0 !important;
  border-radius: 0 .7rem .7rem 0 !important;
  background: var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
html[data-theme="dark"] body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
html[data-bs-theme="dark"] body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
html[data-bs-theme="dark"] body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark-mode.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark-mode.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"] {
  background: #0b1220 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
  border-color: rgba(148, 163, 184, .32) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
html[data-theme="dark"] body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
html[data-bs-theme="dark"] body.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark-mode.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark-mode.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark.nedate-ui-standard .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark.nedate-user-ui .nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder {
  color: #9fb0c9 !important;
  -webkit-text-fill-color: #9fb0c9 !important;
}

/* Footer language: no native white select box. Visible text is the span; select is transparent clickable layer. */
body.nedate-ui-standard .nedate-site-footer .nedate-footer-language,
body.nedate-user-ui .nedate-site-footer .nedate-footer-language,
.nedate-site-footer .nedate-footer-language {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .55rem !important;
  min-width: 8rem !important;
  min-height: 2.4rem !important;
  height: 2.4rem !important;
  padding: 0 .55rem !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  color: var(--nd-footer-shell-text, #f8fafc) !important;
  -webkit-text-fill-color: var(--nd-footer-shell-text, #f8fafc) !important;
  cursor: pointer !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-language-current,
body.nedate-user-ui .nedate-site-footer .nedate-footer-language-current,
.nedate-site-footer .nedate-footer-language-current {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 4.6rem !important;
  height: 2.4rem !important;
  color: var(--nd-footer-shell-text, #f8fafc) !important;
  -webkit-text-fill-color: var(--nd-footer-shell-text, #f8fafc) !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-align: center !important;
  pointer-events: none !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-language select,
body.nedate-user-ui .nedate-site-footer .nedate-footer-language select,
.nedate-site-footer .nedate-footer-language select {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  z-index: 2 !important;
}

body.nedate-ui-standard .nedate-site-footer .nedate-footer-language > i,
body.nedate-user-ui .nedate-site-footer .nedate-footer-language > i,
.nedate-site-footer .nedate-footer-language > i {
  position: relative !important;
  z-index: 1 !important;
  color: var(--nd-footer-shell-muted, #cbd5e1) !important;
  -webkit-text-fill-color: var(--nd-footer-shell-muted, #cbd5e1) !important;
  line-height: 1 !important;
  pointer-events: none !important;
}


/* =======================================================================
   FOOTER NEWSLETTER INPUT — REAL NORMAL FIELD FIX
   The email text/placeholder is NOT horizontally centered: it starts from
   the left padding and is vertically centered by explicit padding + line-height.
   ======================================================================= */
html body footer.nedate-site-footer .nedate-footer-newsletter-form {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 17rem !important;
  height: 48px !important;
  min-height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

html body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
html body footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
html body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  padding: 14px 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #14213d !important;
  -webkit-text-fill-color: #14213d !important;
  caret-color: #14213d !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-align: left !important;
  text-align-last: left !important;
  vertical-align: middle !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
html body footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
html body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  opacity: 1 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 20px !important;
  text-align: left !important;
}

html body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input:focus,
html body footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]:focus,
html body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]:focus {
  box-shadow: none !important;
  outline: 0 !important;
}

html body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button,
html body footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 1px solid var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  border-radius: 0 !important;
  background: var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

html body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button i,
html body footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form {
  background: #0b1220 !important;
  border-color: rgba(148, 163, 184, .32) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"] {
  background: #0b1220 !important;
  background-color: #0b1220 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder {
  color: #9fb0c9 !important;
  -webkit-text-fill-color: #9fb0c9 !important;
}

/* =======================================================================
   FOOTER CONTROLS FINAL FIX — email vertical alignment + real language select
   ======================================================================= */
footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 17rem !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: 100% !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 12px 0 0 12px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #14213d !important;
  -webkit-text-fill-color: #14213d !important;
  caret-color: #14213d !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 52px !important;
  text-align: left !important;
  text-align-last: left !important;
  vertical-align: middle !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  opacity: 1 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 52px !important;
  text-align: left !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button,
footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button {
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 12px 12px 0 !important;
  background: var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form {
  background: #0b1220 !important;
  border-color: rgba(148, 163, 184, .32) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"],
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"],
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"] {
  background: #0b1220 !important;
  background-color: #0b1220 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"]::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[name="email"]::placeholder {
  color: #9fb0c9 !important;
  -webkit-text-fill-color: #9fb0c9 !important;
}

footer.nedate-site-footer .nedate-footer-language,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .55rem !important;
  min-width: 8rem !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: var(--nd-footer-shell-text, #f8fafc) !important;
  -webkit-text-fill-color: var(--nd-footer-shell-text, #f8fafc) !important;
}

footer.nedate-site-footer .nedate-footer-language .nedate-footer-language-current {
  display: none !important;
}

footer.nedate-site-footer .nedate-footer-language > i,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language > i,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language > i,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language > i {
  flex: 0 0 auto !important;
  position: static !important;
  z-index: auto !important;
  color: var(--nd-footer-shell-muted, #cbd5e1) !important;
  -webkit-text-fill-color: var(--nd-footer-shell-muted, #cbd5e1) !important;
  line-height: 1 !important;
  pointer-events: none !important;
}

footer.nedate-site-footer .nedate-footer-language select,
footer.nedate-site-footer .nedate-footer-language select[name="language_id"],
footer.nedate-site-footer .nedate-footer-language .nedate-footer-language-select,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language select,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language select,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language select {
  position: static !important;
  inset: auto !important;
  flex: 0 0 auto !important;
  display: block !important;
  width: auto !important;
  min-width: 5.5rem !important;
  max-width: 10rem !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 1.5rem 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 1 !important;
  color: var(--nd-footer-shell-text, #f8fafc) !important;
  -webkit-text-fill-color: var(--nd-footer-shell-text, #f8fafc) !important;
  font-family: inherit !important;
  font-size: .92rem !important;
  font-weight: 600 !important;
  line-height: 40px !important;
  text-align: center !important;
  text-align-last: center !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}

footer.nedate-site-footer .nedate-footer-language select option,
footer.nedate-site-footer .nedate-footer-language select[name="language_id"] option {
  background: #0b1220 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

/* =======================================================================
   FOOTER FINAL REAL FIX — newsletter input + clickable visual language
   ======================================================================= */
footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 280px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 12px 0 0 12px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #14213d !important;
  -webkit-text-fill-color: #14213d !important;
  caret-color: #14213d !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  text-align: left !important;
  text-align-last: left !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: normal !important;
  text-align: left !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form button.nedate-footer-email-button,
footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] {
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 12px 12px 0 !important;
  background: var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form {
  background: #0b1220 !important;
  border-color: rgba(148, 163, 184, .32) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"],
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input {
  background: #0b1220 !important;
  background-color: #0b1220 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder {
  color: #9fb0c9 !important;
  -webkit-text-fill-color: #9fb0c9 !important;
}

footer.nedate-site-footer .nedate-footer-language,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 116px !important;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: visible !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

footer.nedate-site-footer .nedate-footer-language > i,
footer.nedate-site-footer .nedate-footer-language .nedate-footer-language-current,
footer.nedate-site-footer .nedate-footer-language .nedate-footer-language-caret {
  position: static !important;
  z-index: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  pointer-events: none !important;
  opacity: 1 !important;
}

footer.nedate-site-footer .nedate-footer-language .nedate-footer-language-current {
  min-width: 52px !important;
  text-align: center !important;
  white-space: nowrap !important;
}

footer.nedate-site-footer .nedate-footer-language .nedate-footer-language-caret {
  font-size: 13px !important;
}

footer.nedate-site-footer .nedate-footer-language select.nedate-footer-language-select,
footer.nedate-site-footer .nedate-footer-language select[name="language_id"] {
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  appearance: auto !important;
  -webkit-appearance: menulist !important;
}

footer.nedate-site-footer .nedate-footer-language select[name="language_id"] option {
  background: #ffffff !important;
  color: #14213d !important;
  -webkit-text-fill-color: #14213d !important;
}

/* ========================================================================
   Footer final fix — newsletter input + custom language dropdown
   Scope: common footer only. No native select popup, no duplicate English.
   ======================================================================== */
footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 280px !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 52px !important;
  min-height: 52px !important;
  max-height: 52px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 12px 0 0 12px !important;
  background: #ffffff !important;
  color: #14213d !important;
  -webkit-text-fill-color: #14213d !important;
  caret-color: #14213d !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 52px !important;
  text-align: left !important;
  text-align-last: left !important;
  vertical-align: middle !important;
  outline: 0 !important;
  box-shadow: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder {
  color: #64748b !important;
  -webkit-text-fill-color: #64748b !important;
  opacity: 1 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 52px !important;
  text-align: left !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form button.nedate-footer-email-button,
footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] {
  flex: 0 0 52px !important;
  width: 52px !important;
  height: 52px !important;
  min-width: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 12px 12px 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form {
  background: #0b1220 !important;
  border-color: rgba(148, 163, 184, .32) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"],
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input {
  background: #0b1220 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder {
  color: #9fb0c9 !important;
  -webkit-text-fill-color: #9fb0c9 !important;
}

footer.nedate-site-footer .nedate-footer-language-form,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-language-form,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-language-form,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-language-form {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
}

footer.nedate-site-footer details.nedate-footer-language,
body.nedate-ui-standard footer.nedate-site-footer details.nedate-footer-language,
body.nedate-user-ui footer.nedate-site-footer details.nedate-footer-language,
body.nedate-public-ui footer.nedate-site-footer details.nedate-footer-language {
  position: relative !important;
  display: inline-block !important;
  min-width: 116px !important;
  height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

footer.nedate-site-footer details.nedate-footer-language summary,
footer.nedate-site-footer details.nedate-footer-language .nedate-footer-language-trigger {
  list-style: none !important;
  cursor: pointer !important;
  user-select: none !important;
  height: 40px !important;
  min-height: 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
}

footer.nedate-site-footer details.nedate-footer-language summary::-webkit-details-marker {
  display: none !important;
}

footer.nedate-site-footer .nedate-footer-language-current,
footer.nedate-site-footer .nedate-footer-language-trigger i {
  color: #cbd5e1 !important;
  -webkit-text-fill-color: #cbd5e1 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
}

footer.nedate-site-footer .nedate-footer-language-menu {
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 8px) !important;
  transform: translateX(-50%) !important;
  z-index: 50 !important;
  min-width: 132px !important;
  padding: 6px !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 44px rgba(15, 23, 42, .18) !important;
  display: none !important;
}

footer.nedate-site-footer details.nedate-footer-language[open] .nedate-footer-language-menu {
  display: grid !important;
  gap: 4px !important;
}

footer.nedate-site-footer .nedate-footer-language-option {
  width: 100% !important;
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #14213d !important;
  -webkit-text-fill-color: #14213d !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: left !important;
  cursor: pointer !important;
}

footer.nedate-site-footer .nedate-footer-language-option:hover,
footer.nedate-site-footer .nedate-footer-language-option.is-active {
  background: rgba(255, 59, 50, .10) !important;
  color: var(--nd-brand-primary, #ff3b32) !important;
  -webkit-text-fill-color: var(--nd-brand-primary, #ff3b32) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-language-menu,
body.dark-mode footer.nedate-site-footer .nedate-footer-language-menu,
body.dark footer.nedate-site-footer .nedate-footer-language-menu {
  background: #111827 !important;
  border-color: rgba(148, 163, 184, .24) !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .38) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-language-option,
body.dark-mode footer.nedate-site-footer .nedate-footer-language-option,
body.dark footer.nedate-site-footer .nedate-footer-language-option {
  color: #e5edf8 !important;
  -webkit-text-fill-color: #e5edf8 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-language-option:hover,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-language-option.is-active,
body.dark-mode footer.nedate-site-footer .nedate-footer-language-option:hover,
body.dark-mode footer.nedate-site-footer .nedate-footer-language-option.is-active,
body.dark footer.nedate-site-footer .nedate-footer-language-option:hover,
body.dark footer.nedate-site-footer .nedate-footer-language-option.is-active {
  background: rgba(255, 107, 129, .16) !important;
  color: #ff7a8f !important;
  -webkit-text-fill-color: #ff7a8f !important;
}

/* =====================================================================
   NEDATE FOOTER FINAL CONTROL OVERRIDE
   File-scope: shared footer only. Keeps the newsletter input as a normal
   left-aligned field, with real vertical centering and a clean language picker.
   ===================================================================== */
html body footer.nedate-site-footer .nedate-footer-newsletter-form,
html body footer.footer-logistics.nedate-site-footer .nedate-footer-newsletter-form,
html body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form,
html body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form,
html body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form {
  display: flex !important;
  flex-direction: row !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 272px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid rgba(226, 232, 240, .92) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
}

html body footer.nedate-site-footer .nedate-footer-newsletter-form:focus-within,
html body footer.footer-logistics.nedate-site-footer .nedate-footer-newsletter-form:focus-within {
  border-color: rgba(255, 59, 50, .72) !important;
  box-shadow: 0 0 0 3px rgba(255, 59, 50, .08) !important;
}

html body footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
html body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"],
html body footer.footer-logistics.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
html body footer.footer-logistics.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"] {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  width: auto !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  color: #0f1f3a !important;
  -webkit-text-fill-color: #0f1f3a !important;
  caret-color: #0f1f3a !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 48px !important;
  text-align: left !important;
  text-align-last: left !important;
  vertical-align: middle !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
html body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder,
html body footer.footer-logistics.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
html body footer.footer-logistics.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
  opacity: 1 !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 48px !important;
  text-align: left !important;
  text-align-last: left !important;
}

html body footer.nedate-site-footer .nedate-footer-newsletter-form button.nedate-footer-email-button,
html body footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
html body footer.footer-logistics.nedate-site-footer .nedate-footer-newsletter-form button.nedate-footer-email-button,
html body footer.footer-logistics.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] {
  flex: 0 0 52px !important;
  width: 52px !important;
  min-width: 52px !important;
  max-width: 52px !important;
  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-left: 1px solid rgba(255, 255, 255, .18) !important;
  border-radius: 0 12px 12px 0 !important;
  outline: 0 !important;
  background: var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: none !important;
  line-height: 1 !important;
}

html body footer.nedate-site-footer .nedate-footer-newsletter-form button.nedate-footer-email-button i,
html body footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] i {
  display: block !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  margin: 0 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form {
  background: #ffffff !important;
  border-color: rgba(226, 232, 240, .92) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"],
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"],
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"] {
  background: #ffffff !important;
  color: #0f1f3a !important;
  -webkit-text-fill-color: #0f1f3a !important;
  caret-color: #0f1f3a !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input.nedate-footer-email-input::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder {
  color: #667085 !important;
  -webkit-text-fill-color: #667085 !important;
}

html body footer.nedate-site-footer .nedate-footer-language-form {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

html body footer.nedate-site-footer details.nedate-footer-language {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 122px !important;
  height: 40px !important;
  min-height: 40px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(226, 232, 240, .92) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, .92) !important;
}

html body footer.nedate-site-footer details.nedate-footer-language summary.nedate-footer-language-trigger {
  list-style: none !important;
  cursor: pointer !important;
  height: 40px !important;
  min-height: 40px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  outline: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: rgba(226, 232, 240, .92) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, .92) !important;
}

html body footer.nedate-site-footer details.nedate-footer-language summary.nedate-footer-language-trigger::-webkit-details-marker {
  display: none !important;
}

html body footer.nedate-site-footer .nedate-footer-language-current,
html body footer.nedate-site-footer .nedate-footer-language-trigger i {
  color: rgba(226, 232, 240, .92) !important;
  -webkit-text-fill-color: rgba(226, 232, 240, .92) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

html body footer.nedate-site-footer .nedate-footer-language-menu {
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 10px) !important;
  transform: translateX(-50%) !important;
  z-index: 1000 !important;
  min-width: 132px !important;
  padding: 6px !important;
  display: none !important;
  border: 1px solid rgba(148, 163, 184, .26) !important;
  border-radius: 12px !important;
  background: #111827 !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .35) !important;
}

html body footer.nedate-site-footer details.nedate-footer-language[open] .nedate-footer-language-menu {
  display: grid !important;
  gap: 4px !important;
}

html body footer.nedate-site-footer .nedate-footer-language-option {
  width: 100% !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  color: #e5edf8 !important;
  -webkit-text-fill-color: #e5edf8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  font-family: inherit !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  text-align: left !important;
  cursor: pointer !important;
}

html body footer.nedate-site-footer .nedate-footer-language-option:hover,
html body footer.nedate-site-footer .nedate-footer-language-option.is-active {
  background: rgba(255, 59, 50, .16) !important;
  color: #ff7a8f !important;
  -webkit-text-fill-color: #ff7a8f !important;
}

html body footer.nedate-site-footer :is(.nedate-footer-trust-card, .nedate-footer-payments) {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-soft-action,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-soft-action,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-soft-action {
  color: var(--nd-final-heading) !important;
  background: var(--nd-final-surface-soft) !important;
  border-color: var(--nd-final-border) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-status-badge,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-secure-badge,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-status-badge,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-secure-badge,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-status-badge,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-secure-badge {
  background: color-mix(in srgb, var(--nd-final-primary) 15%, var(--nd-final-surface-soft)) !important;
  color: #ff8d97 !important;
  border-color: color-mix(in srgb, var(--nd-final-primary) 36%, var(--nd-final-border)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-card-icon,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-side-icon,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-card-icon,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-side-icon,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-card-icon,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-side-icon {
  background: color-mix(in srgb, var(--nd-final-primary) 16%, var(--nd-final-surface-soft)) !important;
  color: #ff8d97 !important;
  border-color: color-mix(in srgb, var(--nd-final-primary) 28%, var(--nd-final-border)) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-detail-item,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-detail-item,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-detail-item {
  background: var(--nd-final-surface-soft) !important;
  border-color: var(--nd-final-border) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-detail-item span,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-check-list span,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-detail-item span,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-check-list span,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-detail-item span,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-check-list span {
  color: var(--nd-final-muted) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-detail-item strong,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-check-list strong,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-detail-item strong,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-check-list strong,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-detail-item strong,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-check-list strong {
  color: var(--nd-final-heading) !important;
}

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

/* dark mode: force same dark surfaces used by wallet/shipments */
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-request-card,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-warning-card,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-side-card,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-request-card,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-warning-card,
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-side-card,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-request-card,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-warning-card,
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-side-card {
  background: var(--nd-final-surface, #111827) !important;
  border-color: var(--nd-final-border, #2b3548) !important;
  box-shadow: none !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page :is(.text-dark-slate, h1, h2, h3, h4, h5, h6),
body.dark-mode.nedate-user-ui .user-account-deletion-page :is(.text-dark-slate, h1, h2, h3, h4, h5, h6),
body.dark.nedate-user-ui .user-account-deletion-page :is(.text-dark-slate, h1, h2, h3, h4, h5, h6) {
  color: var(--nd-final-heading, #f8fafc) !important;
  -webkit-text-fill-color: var(--nd-final-heading, #f8fafc) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page :is(.text-secondary, .text-muted, p, .form-text),
body.dark-mode.nedate-user-ui .user-account-deletion-page :is(.text-secondary, .text-muted, p, .form-text),
body.dark.nedate-user-ui .user-account-deletion-page :is(.text-secondary, .text-muted, p, .form-text) {
  color: var(--nd-final-muted, #aebad0) !important;
  -webkit-text-fill-color: var(--nd-final-muted, #aebad0) !important;
}

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

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body.nedate-user-ui .user-account-deletion-page .account-deletion-form :is(.account-deletion-input-field, .account-deletion-textarea-field),
body.dark-mode.nedate-user-ui .user-account-deletion-page .account-deletion-form :is(.account-deletion-input-field, .account-deletion-textarea-field),
body.dark.nedate-user-ui .user-account-deletion-page .account-deletion-form :is(.account-deletion-input-field, .account-deletion-textarea-field) {
  background: var(--nd-field-bg, #0b1220) !important;
  border-color: var(--nd-field-border, #2b3548) !important;
  box-shadow: none !important;
}

/* ========================================================================
   WELCOME dark mode hard fix - loaded in final design-system cascade.
   Keeps the home quick quote/tracking widget dark and readable.
   ======================================================================== */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page {
  --welcome-dark-card: rgba(10, 18, 32, .97);
  --welcome-dark-panel: rgba(13, 23, 40, .97);
  /* Il fondo e la cornice dei campi non sono piu' valori di questa pagina:
     sono i token del sito. Al buio #071120 e rgba(148,163,184,.28) non
     erano quelli di nessun altro campo, e sulla stessa scheda le due
     caselle «Citta' o CAP» — che invece leggevano i token comuni —
     uscivano di un colore diverso dalle sei sorelle accanto. */
  --welcome-dark-field: #071120;
  --welcome-dark-field-2: #0a1526;
  /* La cornice del guscio e dei filetti resta questa: e' il bordo della
     scheda, non quello di un campo. Il bordo dei campi sta piu' sotto e
     legge il token del sito. */
  --welcome-dark-border: rgba(148, 163, 184, .28);
  --welcome-dark-border-soft: rgba(148, 163, 184, .18);
  --welcome-dark-text: #f8fafc;
  /* I token dei campi valgono, **dentro questa pagina**, quello che vale il
     preventivo. Le due caselle «Citta' o CAP» leggono i token comuni del
     sito e uscivano di un colore diverso dalle sei sorelle accanto — fondo
     #0e1a2c contro #071120 e cornice #496996 contro rgba(148,163,184,.28),
     misurati. Ridichiarandoli qui la scheda torna di un colore solo, e le
     regole che leggono i token (il fuoco della sezione 34, per dirne una)
     continuano a funzionare perche' li ridichiarano sul campo stesso. */
  --sw-field-bg: #071120;
  --sw-field-border: rgba(148, 163, 184, .28);
  --welcome-dark-muted: #a8b3c7;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card {
  background: var(--welcome-dark-card) !important;
  border-color: var(--welcome-dark-border) !important;
  color: var(--welcome-dark-text) !important;
  box-shadow: var(--sw-shadow-lg) !important;  /* era scritta a mano: al buio non era la stessa del resto del sito */
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tabs,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tabs,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tabs,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tabs,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tabs {
  /* Trasparente come in chiaro: qui prendeva una superficie sua, piu' chiara
     della scheda, e la barra «Preventivo / Tracking» si staccava dal resto. */
  background: transparent !important;
  border-bottom-color: var(--welcome-dark-border) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tab,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tab,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tab,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tab,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tab {
  background: transparent !important;
  color: var(--welcome-dark-muted) !important;
  border-color: var(--welcome-dark-border-soft) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tab.active,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tab.active,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tab.active,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tab.active,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .tool-tab.active {
  /* In chiaro la linguetta scelta si riconosce dalla riga rossa sotto, non da
     un riempimento: qui era una sfumatura rossa piena. */
  background: transparent !important;
  color: var(--sw-brand-600) !important;
  border-color: transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-label,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-label,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-label {
  color: var(--welcome-dark-muted) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group {
  background: var(--welcome-dark-field) !important;
  border-color: var(--sw-field-border, rgba(148, 163, 184, .28)) !important;
  color: var(--welcome-dark-text) !important;
  box-shadow: none !important;
}

/* ...ma non quando il campo ha il fuoco. Il `box-shadow: none` qui sopra serve
   a togliere l'ombra a riposo, e al buio spegneva anche l'anello del fuoco:
   peso, altezza, larghezza e profondita' restavano senza nessun segno che il
   cursore fosse dentro (misurato — alla luce l'anello c'e'). L'involucro di
   paese+citta' resta fuori, li' l'anello lo disegna il singolo box. */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group:not(:has(.log-select-btn)):focus-within,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group:not(:has(.log-select-btn)):focus-within,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group:not(:has(.log-select-btn)):focus-within,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group:not(:has(.log-select-btn)):focus-within,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group:not(:has(.log-select-btn)):focus-within {
  /* Solo l'anello: il colore del bordo col fuoco lo decide la sezione 34 di
     spedireweb-pro.css, che ridichiara `--sw-field-border`. Scriverlo anche
     qui dava a peso e misure un rosso (brand-500) diverso da quello di paese
     e citta' (brand-600) sulla stessa scheda. */
  box-shadow: var(--sw-focus-ring) !important;
}

/* The FROM/TO wrapper is now a transparent layout-only container: the country
   select button and the city field each draw their own separate bordered box.
   Keeping a border/background here re-drew a capsule around BOTH fields, which
   showed up as vertical lines bridging the gap between them in dark mode. */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-input-group,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-input-group,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-input-group,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-input-group,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-input-group {
  background: transparent !important;
  border: 0 !important;
  overflow: visible !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn {
  background: var(--welcome-dark-field-2) !important;
  background-color: var(--welcome-dark-field-2) !important;
  border-color: var(--welcome-dark-border-soft) !important;
  color: var(--welcome-dark-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn .country-name,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn .country-name,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn .country-name,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn .country-name,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn .country-name,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn i,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn i,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn i,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn i,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn i {
  color: var(--welcome-dark-text) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card input.log-input,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card input.log-input,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card input.log-input,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card input.log-input,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card input.log-input,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input {
  background: var(--welcome-dark-field) !important;
  background-color: var(--welcome-dark-field) !important;
  border-color: var(--sw-field-border, rgba(148, 163, 184, .28)) !important;
  color: var(--welcome-dark-text) !important;
  -webkit-text-fill-color: var(--welcome-dark-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder {
  color: var(--welcome-dark-muted) !important;
  -webkit-text-fill-color: var(--welcome-dark-muted) !important;
  opacity: .86 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-unit,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-unit,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-unit,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-unit,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-unit {
  align-self: stretch !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: var(--wmq-unit-w, 58px) !important;  /* erano 52 con 12px di rientro: al buio la coda «kg»/«cm» era piu' stretta e la casella del numero 6px piu' larga che alla luce */
  width: var(--wmq-unit-w, 58px) !important;
  padding: 0 !important;
  /* Trasparente come in chiaro: la coda «kg»/«cm» e' l'ultimo pezzo del
     campo, non un secondo blocco (e' la sezione 26 di spedireweb-pro.css).
     Con una superficie sua diventava un riquadro piu' chiaro dentro la
     casella, visibile solo al buio. */
  background: transparent !important;
  background-color: transparent !important;
  border-left: 1px solid var(--welcome-dark-border-soft) !important;
  color: var(--welcome-dark-text) !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-dropdown,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-dropdown,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-dropdown,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-dropdown,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-dropdown,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .qq-city-dd,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .qq-city-dd,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .qq-city-dd,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .qq-city-dd,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .qq-city-dd {
  background: var(--welcome-dark-field-2) !important;
  border-color: var(--welcome-dark-border) !important;
  color: var(--welcome-dark-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-dd-item,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-dd-item,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-dd-item,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-dd-item,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .log-dd-item,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .qq-city-item,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .qq-city-item,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .qq-city-item,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .qq-city-item,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .qq-city-item {
  color: var(--welcome-dark-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-search,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-search,
body.dark-mode.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-search,
body.dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-search,
body.theme-dark.nedate-ui-standard.nedate-public-standard .welcome-modern-page .welcome-modern-hero-tool-card .country-search {
  background: var(--welcome-dark-field) !important;
  border-color: var(--sw-field-border, rgba(148, 163, 184, .28)) !important;
  color: var(--welcome-dark-text) !important;
  -webkit-text-fill-color: var(--welcome-dark-text) !important;
}

/* ======================================================================
   WELCOME / HOME: hard dark-mode cleanup for tracking preview cards.
   Keep all mock cards dark and readable in dark mode.
   ====================================================================== */
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-tracking-preview,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-tracking-preview,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-tracking-preview,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-tracking-preview,
body.dark .welcome-modern-page .welcome-modern-tracking-preview,
body.dark-mode .welcome-modern-page .welcome-modern-tracking-preview,
body.theme-dark .welcome-modern-page .welcome-modern-tracking-preview,
.dark .welcome-modern-page .welcome-modern-tracking-preview,
.dark-mode .welcome-modern-page .welcome-modern-tracking-preview,
.theme-dark .welcome-modern-page .welcome-modern-tracking-preview {
  background: rgba(12, 22, 39, .92) !important;
  border-color: rgba(148, 163, 184, .30) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .28) !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-tracking-preview > span,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-tracking-preview > span,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-tracking-preview > span,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-tracking-preview > span,
body.dark .welcome-modern-page .welcome-modern-tracking-preview > span,
body.dark-mode .welcome-modern-page .welcome-modern-tracking-preview > span,
body.theme-dark .welcome-modern-page .welcome-modern-tracking-preview > span,
.dark .welcome-modern-page .welcome-modern-tracking-preview > span,
.dark-mode .welcome-modern-page .welcome-modern-tracking-preview > span,
.theme-dark .welcome-modern-page .welcome-modern-tracking-preview > span,
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-tracking-preview h3,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-tracking-preview h3,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-tracking-preview h3,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-tracking-preview h3,
body.dark .welcome-modern-page .welcome-modern-tracking-preview h3,
body.dark-mode .welcome-modern-page .welcome-modern-tracking-preview h3,
body.theme-dark .welcome-modern-page .welcome-modern-tracking-preview h3,
.dark .welcome-modern-page .welcome-modern-tracking-preview h3,
.dark-mode .welcome-modern-page .welcome-modern-tracking-preview h3,
.theme-dark .welcome-modern-page .welcome-modern-tracking-preview h3 {
  color: #f8fafc !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-tracking-preview small,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-tracking-preview small,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-tracking-preview small,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-tracking-preview small,
body.dark .welcome-modern-page .welcome-modern-tracking-preview small,
body.dark-mode .welcome-modern-page .welcome-modern-tracking-preview small,
body.theme-dark .welcome-modern-page .welcome-modern-tracking-preview small,
.dark .welcome-modern-page .welcome-modern-tracking-preview small,
.dark-mode .welcome-modern-page .welcome-modern-tracking-preview small,
.theme-dark .welcome-modern-page .welcome-modern-tracking-preview small {
  color: #a8b3c7 !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-preview-grid > div,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-preview-grid > div,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-preview-grid > div,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-preview-grid > div,
body.dark .welcome-modern-page .welcome-modern-preview-grid > div,
body.dark-mode .welcome-modern-page .welcome-modern-preview-grid > div,
body.theme-dark .welcome-modern-page .welcome-modern-preview-grid > div,
.dark .welcome-modern-page .welcome-modern-preview-grid > div,
.dark-mode .welcome-modern-page .welcome-modern-preview-grid > div,
.theme-dark .welcome-modern-page .welcome-modern-preview-grid > div {
  background: rgba(7, 15, 29, .92) !important;
  background-color: rgba(7, 15, 29, .92) !important;
  border-color: rgba(148, 163, 184, .24) !important;
  color: #f8fafc !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-preview-grid strong,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-preview-grid strong,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-preview-grid strong,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-preview-grid strong,
body.dark .welcome-modern-page .welcome-modern-preview-grid strong,
body.dark-mode .welcome-modern-page .welcome-modern-preview-grid strong,
body.theme-dark .welcome-modern-page .welcome-modern-preview-grid strong,
.dark .welcome-modern-page .welcome-modern-preview-grid strong,
.dark-mode .welcome-modern-page .welcome-modern-preview-grid strong,
.theme-dark .welcome-modern-page .welcome-modern-preview-grid strong,
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-preview-grid b,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-preview-grid b,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-preview-grid b,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-preview-grid b,
body.dark .welcome-modern-page .welcome-modern-preview-grid b,
body.dark-mode .welcome-modern-page .welcome-modern-preview-grid b,
body.theme-dark .welcome-modern-page .welcome-modern-preview-grid b,
.dark .welcome-modern-page .welcome-modern-preview-grid b,
.dark-mode .welcome-modern-page .welcome-modern-preview-grid b,
.theme-dark .welcome-modern-page .welcome-modern-preview-grid b {
  color: #f8fafc !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-preview-grid p,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-preview-grid p,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-preview-grid p,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-preview-grid p,
body.dark .welcome-modern-page .welcome-modern-preview-grid p,
body.dark-mode .welcome-modern-page .welcome-modern-preview-grid p,
body.theme-dark .welcome-modern-page .welcome-modern-preview-grid p,
.dark .welcome-modern-page .welcome-modern-preview-grid p,
.dark-mode .welcome-modern-page .welcome-modern-preview-grid p,
.theme-dark .welcome-modern-page .welcome-modern-preview-grid p {
  color: #a8b3c7 !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-preview-grid a,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-preview-grid a,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-preview-grid a,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-preview-grid a,
body.dark .welcome-modern-page .welcome-modern-preview-grid a,
body.dark-mode .welcome-modern-page .welcome-modern-preview-grid a,
body.theme-dark .welcome-modern-page .welcome-modern-preview-grid a,
.dark .welcome-modern-page .welcome-modern-preview-grid a,
.dark-mode .welcome-modern-page .welcome-modern-preview-grid a,
.theme-dark .welcome-modern-page .welcome-modern-preview-grid a {
  color: #ff7b8d !important;
}

/* ======================================================================
   WELCOME / HOME — final quote/tracking form alignment + dark cleanup
   Fixes dark-mode grey slabs and aligns label/value/placeholder like the
   shared Nedate form fields used in the other blades.
   ====================================================================== */
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card .nedate-filter-panel,
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card form,
html[data-theme="dark"] body .welcome-modern-page #tab-quote,
html[data-theme="dark"] body .welcome-modern-page #tab-track,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card .nedate-filter-panel,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card form,
html[data-bs-theme="dark"] body .welcome-modern-page #tab-quote,
html[data-bs-theme="dark"] body .welcome-modern-page #tab-track,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card .nedate-filter-panel,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card form,
body[data-theme="dark"] .welcome-modern-page #tab-quote,
body[data-theme="dark"] .welcome-modern-page #tab-track,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card .nedate-filter-panel,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card form,
body[data-bs-theme="dark"] .welcome-modern-page #tab-quote,
body[data-bs-theme="dark"] .welcome-modern-page #tab-track,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card .nedate-filter-panel,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card form,
body.dark .welcome-modern-page #tab-quote,
body.dark .welcome-modern-page #tab-track,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card .nedate-filter-panel,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card form,
body.dark-mode .welcome-modern-page #tab-quote,
body.dark-mode .welcome-modern-page #tab-track,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card .nedate-filter-panel,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card form,
body.theme-dark .welcome-modern-page #tab-quote,
body.theme-dark .welcome-modern-page #tab-track {
  background: transparent !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card {
  --wm-field-x: var(--wmq-x, 16px);  /* era 18px: al buio i campi del preventivo avevano due pixel di rientro in piu' per lato che alla luce, e le caselle dei numeri uscivano 6px piu' larghe */
  --wm-field-icon-x: 52px;
  --wm-field-bg: var(--sw-field-bg, #071120);
  --wm-field-bg-2: #0a1628;
  --wm-field-border: var(--sw-field-border, rgba(148, 163, 184, .28));
  --wm-field-text: #f8fafc;
  --wm-field-muted: #a8b3c7;
  background: rgba(8, 17, 31, .98) !important;
  border-color: rgba(148, 163, 184, .24) !important;
}

/* Quote form field containers */
.welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] {
  position: relative !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-label,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-label,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-label,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-label,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-label,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-label,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-label {
  position: absolute !important;
  top: 10px !important;
  left: var(--wm-field-x) !important;
  z-index: 6 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  font-size: 10px !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  letter-spacing: .055em !important;
  text-transform: uppercase !important;
  color: var(--wm-field-muted) !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select > .log-label,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select > .log-label,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select > .log-label,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select > .log-label,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select > .log-label,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select > .log-label,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select > .log-label {
  left: var(--wm-field-icon-x) !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card .log-input-group {
  background: var(--wm-field-bg) !important;
  background-color: var(--wm-field-bg) !important;
  /* Il token si legge qui, non sul guscio: un `--wm-field-border` dichiarato
     sulla scheda si risolve **li'**, e il valore che scende e' gia' fisso.
     Cosi' la sezione 34, che col fuoco ridichiara `--sw-field-border` sul
     campo stesso, non arrivava al bottone del paese: prendeva l'anello ma
     il bordo restava grigio, mentre citta' accanto diventava rossa. */
  border: 1px solid var(--sw-field-border, rgba(148, 163, 184, .28)) !important;
  border-radius: var(--wmq-radius, var(--sw-field-radius, 5px)) !important; /* era 14px fisso: al buio i campi del preventivo erano piu' tondi che alla luce */
  color: var(--wm-field-text) !important;
  box-shadow: none !important;
  overflow: hidden;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-input-group,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-input-group,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-input-group,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-input-group,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-input-group,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-input-group,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] > .log-input-group {
  margin-top: 0 !important;
}

/* Normal numeric fields: label and value share the same left start. */
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input-group,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input-group,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input-group,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input-group,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input-group,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input-group,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input-group {
  height: 58px !important;
  min-height: 58px !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > .col-6:not(.country-select) .log-input {
  height: 58px !important;
  padding: 26px var(--wm-field-x) 8px var(--wm-field-x) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
}

/* Country two-line fields: label/value aligned after the flag, city input clean below. */
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input-group,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input-group,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input-group,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input-group,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input-group,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input-group,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input-group {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn {
  height: 58px !important;
  min-height: 58px !important;
  margin: 0 0 var(--wmq-pair-gap, 12px) 0 !important;  /* erano 14: al buio la coppia paese/citta' usciva 2px piu' alta che alla luce */
  padding: 26px var(--wm-field-x) 8px var(--wm-field-x) !important;
  border-radius: var(--wmq-radius, var(--sw-field-radius, 5px)) !important; /* era 14px fisso: al buio i campi del preventivo erano piu' tondi che alla luce */
  background: var(--wm-field-bg) !important;
  border: 1px solid var(--sw-field-border, rgba(148, 163, 184, .28)) !important;
  align-items: center !important;
  font-size: var(--sw-text-sm) !important;  /* era 15px fisso: al buio il nome del paese era piu' grande che alla luce */
  font-weight: var(--sw-weight-bold, 650) !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn .country-name,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn .country-name,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn .country-name,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn .country-name,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn .country-name,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn .country-name,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-select-btn .country-name {
  color: var(--wm-field-text) !important;
  font-size: var(--sw-text-sm) !important;  /* come sopra */
  font-weight: var(--sw-weight-bold, 650) !important;
  line-height: 1.15 !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-input {
  height: 56px !important;
  flex-basis: 56px !important;
  border-radius: 0 !important;
  background: transparent !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .country-select .log-city-field {
  border-radius: var(--wmq-radius, var(--sw-field-radius, 5px)) !important; /* era 14px fisso: al buio i campi del preventivo erano piu' tondi che alla luce */
  background: var(--wm-field-bg) !important;
  border: 1px solid var(--sw-field-border, rgba(148, 163, 184, .28)) !important;
}

/* Tracking form: remove grey block and align prefix icon + placeholder. */
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-track-form,
html[data-theme="dark"] body .welcome-modern-page .welcome-modern-track-form > *,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-track-form,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-track-form > *,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-track-form,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-track-form > *,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-track-form,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-track-form > *,
body.dark .welcome-modern-page .welcome-modern-track-form,
body.dark .welcome-modern-page .welcome-modern-track-form > *,
body.dark-mode .welcome-modern-page .welcome-modern-track-form,
body.dark-mode .welcome-modern-page .welcome-modern-track-form > *,
body.theme-dark .welcome-modern-page .welcome-modern-track-form,
body.theme-dark .welcome-modern-page .welcome-modern-track-form > * {
  background: transparent !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-track-form .log-input-group,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-track-form .log-input-group,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-track-form .log-input-group,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-track-form .log-input-group,
body.dark .welcome-modern-page .welcome-modern-track-form .log-input-group,
body.dark-mode .welcome-modern-page .welcome-modern-track-form .log-input-group,
body.theme-dark .welcome-modern-page .welcome-modern-track-form .log-input-group {
  height: 60px !important;
  min-height: 60px !important;
  background: var(--wm-field-bg) !important;
  border-color: var(--sw-field-border, rgba(148, 163, 184, .28)) !important;
  align-items: center !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-track-form .log-input-group > span,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-track-form .log-input-group > span,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-track-form .log-input-group > span,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-track-form .log-input-group > span,
body.dark .welcome-modern-page .welcome-modern-track-form .log-input-group > span,
body.dark-mode .welcome-modern-page .welcome-modern-track-form .log-input-group > span,
body.theme-dark .welcome-modern-page .welcome-modern-track-form .log-input-group > span {
  width: 44px !important;
  min-width: 44px !important;
  height: 60px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  color: var(--wm-field-muted) !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-track-form .log-input,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-track-form .log-input,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-track-form .log-input,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-track-form .log-input,
body.dark .welcome-modern-page .welcome-modern-track-form .log-input,
body.dark-mode .welcome-modern-page .welcome-modern-track-form .log-input,
body.theme-dark .welcome-modern-page .welcome-modern-track-form .log-input {
  padding: 0 16px 0 0 !important;
  height: 60px !important;
  line-height: 60px !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder {
  color: var(--wm-field-muted) !important;
  opacity: .84 !important;
}

html[data-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card .log-unit,
html[data-bs-theme="dark"] body .welcome-modern-page .welcome-modern-hero-tool-card .log-unit,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card .log-unit,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card .log-unit,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card .log-unit,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card .log-unit,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card .log-unit {
  min-width: 58px !important;
  height: 100% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--wm-field-bg-2) !important;
  color: var(--wm-field-text) !important;
  font-weight: var(--sw-weight-bold, 700) !important;
  border-left: 1px solid var(--wm-field-border) !important;
}

/* ======================================================================
   WELCOME / HOME quick quote + tracking: FINAL field unification.
   Same typography, dimensions and label/value alignment in light and dark,
   matching the modern Shipping form fields. Keep this block last.
   ====================================================================== */
.welcome-modern-page .welcome-modern-hero-tool-card {
    --wmq-surface: #ffffff;
    --wmq-field: #ffffff;
    --wmq-field-alt: #f8fafc;
    --wmq-text: #071a44;
    --wmq-muted: #64748b;
    --wmq-label: #526178;
    --wmq-border: #dce5ef;
    --wmq-border-strong: #cfd9e6;
    --wmq-field-x: 16px;
    --wmq-field-h: 58px;
    --wmq-radius: 10px;
    font-family: var(--nd-font-family, var(--nd-font, "IBM Plex Sans", sans-serif)) !important;
}

html[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card,
html[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card {
    --wmq-surface: #0b1424;
    --wmq-field: #08111f;
    --wmq-field-alt: #0b1628;
    --wmq-text: #f8fafc;
    --wmq-muted: #94a3b8;
    --wmq-label: #a8b3c7;
    --wmq-border: rgba(148, 163, 184, .26);
    --wmq-border-strong: rgba(148, 163, 184, .34);
    background: rgba(7, 17, 32, .94) !important;
    background-color: rgba(7, 17, 32, .94) !important;
    border-color: rgba(148, 163, 184, .22) !important;
    color: var(--wmq-text) !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
.welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
.welcome-modern-page .welcome-modern-hero-tool-card #tab-quote,
.welcome-modern-page .welcome-modern-hero-tool-card #tab-track,
.welcome-modern-page .welcome-modern-hero-tool-card form.nedate-filter-panel,
.welcome-modern-page .welcome-modern-hero-tool-card .welcome-modern-track-form,
.welcome-modern-page .welcome-modern-hero-tool-card .welcome-modern-track-form > * {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
html[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
html[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
html[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
body[data-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
body[data-bs-theme="dark"] .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
body.dark .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
body.dark-mode .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card > .p-4,
body.theme-dark .welcome-modern-page .welcome-modern-hero-tool-card > .p-md-5 {
    background: transparent !important;
    background-color: transparent !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .tool-tabs {
    background: transparent !important;
    border-bottom: 1px solid var(--wmq-border) !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .tool-tab {
    min-height: 64px !important;
    height: 64px !important;
    padding: 0 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    color: var(--wmq-muted) !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .tool-tab.active {
    color: #ffffff !important;
    background: linear-gradient(135deg, #fb6c75 0%, #ff2f2f 100%) !important;
    box-shadow: none !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card #tab-quote .row > [class*="col-"] {
    position: relative !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .log-label {
    position: absolute !important;
    top: 9px !important;
    left: var(--wmq-field-x) !important;
    z-index: 6 !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    display: block !important;
    font-family: inherit !important;
    font-size: 10px !important;
    font-weight: var(--sw-weight-bold, 700) !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;
    color: var(--wmq-label) !important;
    pointer-events: none !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .log-input-group {
    position: relative !important;
    width: 100% !important;
    height: var(--wmq-field-h) !important;
    min-height: var(--wmq-field-h) !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    background: var(--wmq-field) !important;
    background-color: var(--wmq-field) !important;
    border: 1px solid var(--wmq-border) !important;
    border-radius: var(--wmq-radius) !important;
    box-shadow: none !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .log-input-group:focus-within {
    border-color: rgba(255, 59, 47, .62) !important;
    box-shadow: 0 0 0 3px rgba(255, 59, 47, .12) !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card input.log-input,
.welcome-modern-page .welcome-modern-hero-tool-card .log-input {
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    flex: 1 1 auto !important;
    display: block !important;
    margin: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: var(--wmq-text) !important;
    -webkit-text-fill-color: var(--wmq-text) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    line-height: 1.25 !important;
    padding: 22px var(--wmq-field-x) 7px var(--wmq-field-x) !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card input.log-input::placeholder,
.welcome-modern-page .welcome-modern-hero-tool-card .log-input::placeholder {
    color: var(--wmq-muted) !important;
    -webkit-text-fill-color: var(--wmq-muted) !important;
    opacity: .88 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .log-unit {
    width: 58px !important;
    min-width: 58px !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    border-left: 0 !important;
    background: var(--wmq-field-alt) !important;
    color: var(--wmq-text) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: var(--sw-weight-bold, 700) !important;
    line-height: 1 !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-input-group {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn {
    position: relative !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 0 var(--wmq-pair-gap, 12px) 0 !important;
    padding: 26px var(--wmq-field-x) 8px var(--wmq-field-x) !important;
    border: 1px solid var(--wmq-border) !important;
    border-radius: var(--wmq-radius) !important;
    background: var(--wmq-field) !important;
    background-color: var(--wmq-field) !important;
    color: var(--wmq-text) !important;
    box-shadow: none !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn > .log-label {
    top: 8px !important;
    left: var(--wmq-field-x) !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-city-field {
    border: 1px solid var(--wmq-border) !important;
    border-radius: var(--wmq-radius) !important;
    background: var(--wmq-field) !important;
    overflow: hidden !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn .fi {
    width: 20px !important;
    min-width: 20px !important;
    height: 14px !important;
    margin: 0 !important;
    align-self: center !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn .country-name,
.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn .ms-2 {
    color: var(--wmq-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    margin-left: 0 !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn .bi-chevron-down {
    color: var(--wmq-muted) !important;
    opacity: 1 !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .country-select input.log-input,
.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-input {
    height: 56px !important;
    min-height: 56px !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .log-dropdown,
.welcome-modern-page .welcome-modern-hero-tool-card .qq-city-dd {
    top: calc(100% - 1px) !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 20 !important;
    margin: 0 !important;
    border: 1px solid var(--wmq-border) !important;
    border-top: 0 !important;
    background: var(--wmq-field) !important;
    color: var(--wmq-text) !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .country-search {
    height: 42px !important;
    border-radius: 8px !important;
    background: var(--wmq-field-alt) !important;
    border-color: var(--wmq-border) !important;
    color: var(--wmq-text) !important;
    -webkit-text-fill-color: var(--wmq-text) !important;
    font-family: inherit !important;
    font-size: 14px !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .log-dd-item,
.welcome-modern-page .welcome-modern-hero-tool-card .qq-city-item {
    color: var(--wmq-text) !important;
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .log-dd-item:hover,
.welcome-modern-page .welcome-modern-hero-tool-card .qq-city-item:hover,
.welcome-modern-page .welcome-modern-hero-tool-card .qq-city-item.active {
    background: rgba(255, 59, 47, .10) !important;
    color: var(--wmq-text) !important;
}

.welcome-modern-page .welcome-modern-track-form {
    padding-top: 18px !important;
    padding-bottom: 0 !important;
}

.welcome-modern-page .welcome-modern-track-form .bg-light.rounded-circle,
.welcome-modern-page .welcome-modern-track-form .d-inline-flex.bg-light {
    width: 64px !important;
    height: 64px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: var(--wmq-field-alt) !important;
    color: var(--nd-brand-primary, var(--theme-primary, #e61a0a)) !important;
    border: 1px solid var(--wmq-border) !important;
}

.welcome-modern-page .welcome-modern-track-form h3 {
    color: var(--wmq-text) !important;
    font-family: inherit !important;
    font-size: 22px !important;
    font-weight: var(--sw-weight-bold, 700) !important;
    letter-spacing: -.02em !important;
}

.welcome-modern-page .welcome-modern-track-form p,
.welcome-modern-page .welcome-modern-track-form .text-muted {
    color: var(--wmq-muted) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.welcome-modern-page .welcome-modern-track-form .log-input-group {
    height: 58px !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: stretch !important;
}

.welcome-modern-page .welcome-modern-track-form .log-input-group > span {
    width: 52px !important;
    min-width: 52px !important;
    height: 100% !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--wmq-muted) !important;
    border-right: 1px solid var(--wmq-border) !important;
    background: var(--wmq-field-alt) !important;
}

.welcome-modern-page .welcome-modern-track-form input.log-input,
.welcome-modern-page .welcome-modern-track-form .log-input {
    height: 58px !important;
    min-height: 58px !important;
    line-height: 58px !important;
    padding: 0 16px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

/* ======================================================================
   WELCOME / HOME quote form: focus + spinner hard fix.
   Keeps the home form aligned with /shipping and prevents global input focus
   rules from drawing a partial red border only on the inner input.
   ====================================================================== */
.welcome-modern-page .welcome-modern-hero-tool-card .log-input-group,
.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-input-group {
    overflow: hidden !important;
    isolation: isolate !important;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-input-group {
    overflow: visible !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .log-input-group:focus-within {
    border-color: var(--wmq-border-strong, rgba(148,163,184,.34)) !important;
    box-shadow: 0 0 0 .2rem rgba(148, 163, 184, .12) !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card input.log-input:focus,
.welcome-modern-page .welcome-modern-hero-tool-card .log-input:focus,
.welcome-modern-page .welcome-modern-hero-tool-card input.log-input:focus-visible,
.welcome-modern-page .welcome-modern-hero-tool-card .log-input:focus-visible,
.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn:focus,
.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn:focus-visible {
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    background-color: transparent !important;
}

/* Hide native number steppers: they looked like a second vertical spinner inside the field. */
.welcome-modern-page .welcome-modern-hero-tool-card input.log-input[type="number"]::-webkit-outer-spin-button,
.welcome-modern-page .welcome-modern-hero-tool-card input.log-input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card input.log-input[type="number"] {
    appearance: textfield !important;
    -moz-appearance: textfield !important;
}

/* Loading spinner used by the city autocomplete: rotate only, no translate animation. */
.welcome-modern-page .welcome-modern-hero-tool-card .ac-loading-icon.spinner-border {
    width: 1rem !important;
    height: 1rem !important;
    min-width: 1rem !important;
    min-height: 1rem !important;
    margin-left: 0 !important;
    vertical-align: middle !important;
    animation: wm-quote-spinner-rotate .75s linear infinite !important;
}

@keyframes wm-quote-spinner-rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Keep quote field typography identical in light/dark. */
.welcome-modern-page .welcome-modern-hero-tool-card .log-label,
.welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn,
.welcome-modern-page .welcome-modern-hero-tool-card .log-select-btn *,
.welcome-modern-page .welcome-modern-hero-tool-card input.log-input,
.welcome-modern-page .welcome-modern-hero-tool-card input.log-input::placeholder,
.welcome-modern-page .welcome-modern-hero-tool-card .log-unit {
    font-family: var(--nd-font-family, var(--theme-font-base, "IBM Plex Sans", sans-serif)) !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card .log-label {
    top: 10px !important;
    font-size: 10px !important;
    font-weight: var(--sw-weight-bold, 700) !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
}

.welcome-modern-page .welcome-modern-hero-tool-card input.log-input,
.welcome-modern-page .welcome-modern-hero-tool-card input.log-input::placeholder,
.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn .country-name,
.welcome-modern-page .welcome-modern-hero-tool-card .country-select .log-select-btn .ms-2 {
    font-size: 14px !important;
    line-height: 1.25 !important;
}

/* ======================================================================
   FINAL FIX - Public navbar auth buttons in dark mode
   The previous public/UI rules forced Login to white with dark text even
   when the page was dark. Keep light mode untouched and override only dark.
   ====================================================================== */
html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass,
body.dark-mode.nedate-ui-standard .navbar-azure .btn-auth-glass,
body.theme-dark.nedate-ui-standard .navbar-azure .btn-auth-glass,
body.dark.nedate-ui-standard .navbar-azure .btn-auth-glass {
  min-width: 110px !important;
  height: 50px !important;
  min-height: 50px !important;
  padding: 0 1.15rem !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .35rem !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgba(15, 27, 48, .96), rgba(8, 17, 32, .96)) !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  color: #f8fafc !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 14px 34px rgba(0,0,0,.28) !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass i,
html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass svg,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass i,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass svg,
body.dark-mode.nedate-ui-standard .navbar-azure .btn-auth-glass i,
body.dark-mode.nedate-ui-standard .navbar-azure .btn-auth-glass svg,
body.theme-dark.nedate-ui-standard .navbar-azure .btn-auth-glass i,
body.theme-dark.nedate-ui-standard .navbar-azure .btn-auth-glass svg,
body.dark.nedate-ui-standard .navbar-azure .btn-auth-glass i,
body.dark.nedate-ui-standard .navbar-azure .btn-auth-glass svg {
  color: inherit !important;
  opacity: .95 !important;
}

html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass:not([href*="register"]):hover,
html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass:not([href*="register"]):focus,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass:not([href*="register"]):hover,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass:not([href*="register"]):focus,
body.dark-mode.nedate-ui-standard .navbar-azure .btn-auth-glass:not([href*="register"]):hover,
body.dark-mode.nedate-ui-standard .navbar-azure .btn-auth-glass:not([href*="register"]):focus,
body.theme-dark.nedate-ui-standard .navbar-azure .btn-auth-glass:not([href*="register"]):hover,
body.theme-dark.nedate-ui-standard .navbar-azure .btn-auth-glass:not([href*="register"]):focus,
body.dark.nedate-ui-standard .navbar-azure .btn-auth-glass:not([href*="register"]):hover,
body.dark.nedate-ui-standard .navbar-azure .btn-auth-glass:not([href*="register"]):focus {
  background: linear-gradient(180deg, rgba(22, 38, 66, .98), rgba(10, 22, 40, .98)) !important;
  border-color: rgba(255, 255, 255, .18) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"],
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"],
body.dark-mode.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"],
body.theme-dark.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"],
body.dark.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"] {
  background: linear-gradient(135deg, #ff3b30, #d92525) !important;
  border: 1px solid rgba(255, 111, 103, .44) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 34px rgba(255, 59, 47, .22), inset 0 1px 0 rgba(255,255,255,.16) !important;
}

html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"]:hover,
html[data-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"]:focus,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"]:hover,
html[data-bs-theme="dark"] body.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"]:focus,
body.dark-mode.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"]:hover,
body.dark-mode.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"]:focus,
body.theme-dark.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"]:hover,
body.theme-dark.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"]:focus,
body.dark.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"]:hover,
body.dark.nedate-ui-standard .navbar-azure .btn-auth-glass[href*="register"]:focus {
  background: linear-gradient(135deg, #ff5147, #f02a24) !important;
  border-color: rgba(255, 145, 137, .55) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* ======================================================================
   FINAL HARD FIX - Header Login / Sign up readable in dark mode
   Keep the public auth buttons readable even when earlier public/navbar
   rules leave Sign up with pale text over a red gradient.
   ====================================================================== */
html[data-theme="dark"] body :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"],
html[data-bs-theme="dark"] body :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"],
body.dark-mode :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"],
body.theme-dark :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"],
body.dark :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"] {
  background: linear-gradient(135deg, #ef2f2a 0%, #c91f1b 100%) !important;
  border: 1px solid rgba(255, 255, 255, .14) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35) !important;
  font-weight: var(--sw-btn-weight, 600) !important;
  box-shadow: 0 16px 34px rgba(239, 47, 42, .26), inset 0 1px 0 rgba(255, 255, 255, .16) !important;
}

html[data-theme="dark"] body :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"] *,
html[data-bs-theme="dark"] body :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"] *,
body.dark-mode :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"] *,
body.theme-dark :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"] *,
body.dark :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .35) !important;
}

html[data-theme="dark"] body :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"]:hover,
html[data-theme="dark"] body :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"]:focus,
html[data-bs-theme="dark"] body :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"]:hover,
html[data-bs-theme="dark"] body :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"]:focus,
body.dark-mode :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"]:hover,
body.dark-mode :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"]:focus,
body.theme-dark :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"]:hover,
body.theme-dark :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"]:focus,
body.dark :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"]:hover,
body.dark :is(.navbar-azure, .navbar) a.btn-auth-glass[href*="register"]:focus {
  background: linear-gradient(135deg, #ff403a 0%, #df241f 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* =========================================================
   Shipping public/guest layout: no sidebar = no fake sidebar offset
   ========================================================= */
@media (min-width: 960px) {
  body:not(.nedate-has-desktop-sidebar).nedate-public-standard.nedate-no-desktop-sidebar:has(.shipping-page-wrapper) #app3d,
  body:not(.nedate-has-desktop-sidebar).nedate-public-standard.nedate-no-desktop-sidebar:has(.shipping-page-wrapper) main {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  body.nedate-public-standard.nedate-no-desktop-sidebar:has(.shipping-page-wrapper) .shipping-page-wrapper {
    --shipping-page-left: calc(var(--sw-gutter) + 35px) !important;
    --shipping-page-right: calc(var(--sw-gutter) + 35px) !important;
    padding-left: var(--shipping-page-left) !important;
    padding-right: var(--shipping-page-right) !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  body.nedate-public-standard.nedate-no-desktop-sidebar:has(.shipping-page-wrapper) .shipping-page-wrapper .shipping-hero-panel,
  body.nedate-public-standard.nedate-no-desktop-sidebar:has(.shipping-page-wrapper) .shipping-page-wrapper #shippingMainGrid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.nedate-public-standard.nedate-has-desktop-sidebar:has(.shipping-page-wrapper):has(.adm-sidebar.expanded) .shipping-page-wrapper {
    --shipping-page-left: calc(var(--sw-gutter) + 35px) !important;
  }

  body.nedate-public-standard.nedate-has-desktop-sidebar:has(.shipping-page-wrapper):has(.adm-sidebar.collapsed) .shipping-page-wrapper {
    --shipping-page-left: calc(var(--sw-gutter) + 35px) !important;
  }
}


/* ========================================================================
   NEDATE SHIPPING GUEST LAYOUT FIX — no sidebar, no left reserved space
   ------------------------------------------------------------------------
   The public /shipping page can render without the desktop sidebar, but it
   still had the shared .user-logistics-page offset. Guest shipping uses
   .shipping-guest-page and must start from the normal page gutter.
   ======================================================================== */
@media (min-width: 960px) {
  body:not(.nedate-has-desktop-sidebar).nedate-ui-standard:has(.shipping-page-wrapper.shipping-guest-page) #app3d,
  body:not(.nedate-has-desktop-sidebar).nedate-ui-standard:has(.shipping-page-wrapper.shipping-guest-page) main,
  body:not(.nedate-has-desktop-sidebar).nedate-ui-standard:has(.shipping-page-wrapper.shipping-guest-page) .content-with-navbar {
    padding-left: 0 !important;
    margin-left: 0 !important;
  }

  body.nedate-ui-standard .shipping-page-wrapper.shipping-guest-page,
  body.nedate-public-standard .shipping-page-wrapper.shipping-guest-page,
  body.nedate-user-ui main > .shipping-page-wrapper.shipping-guest-page.nedate-main-container,
  body.nedate-user-ui main > .shipping-page-wrapper.shipping-guest-page {
    --shipping-page-left: calc(var(--sw-gutter) + 35px) !important;
    --shipping-page-right: calc(var(--sw-gutter) + 35px) !important;
    --logistics-page-left: calc(var(--sw-gutter) + 35px) !important;
    --logistics-page-right: calc(var(--sw-gutter) + 35px) !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    padding-left: var(--shipping-page-left, calc(var(--sw-gutter) + 35px)) !important;
    padding-right: var(--shipping-page-right, calc(var(--sw-gutter) + 35px)) !important;
  }

  body.nedate-ui-standard .shipping-page-wrapper.shipping-guest-page .shipping-hero-panel,
  body.nedate-ui-standard .shipping-page-wrapper.shipping-guest-page #shippingMainGrid {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
}

/* ========================================================================
   NEDATE FOOTER NEWSLETTER — final shared input/button polish
   ======================================================================== */
footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 280px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(148, 163, 184, .34) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input {
  flex: 1 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  box-sizing: border-box !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 18px !important;
  border: 0 !important;
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  outline: 0 !important;
  color: #14213d !important;
  -webkit-text-fill-color: #14213d !important;
  caret-color: #14213d !important;
  font-family: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 54px !important;
  text-align: left !important;
  text-align-last: left !important;
  vertical-align: middle !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder {
  color: rgba(100, 116, 139, .95) !important;
  -webkit-text-fill-color: rgba(100, 116, 139, .95) !important;
  opacity: 1 !important;
  font-family: inherit !important;
  font-size: 0.95rem !important;
  font-weight: 500 !important;
  line-height: 54px !important;
  text-align: left !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button,
footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"],
body.nedate-ui-standard footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button,
body.nedate-user-ui footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button,
body.nedate-public-ui footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button {
  flex: 0 0 58px !important;
  width: 58px !important;
  min-width: 58px !important;
  height: 54px !important;
  min-height: 54px !important;
  max-height: 54px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
  background: var(--footer-primary, var(--nd-brand-primary, #ff3b32)) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  box-shadow: none !important;
}

footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-button i,
footer.nedate-site-footer .nedate-footer-newsletter-form button[type="submit"] i {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  line-height: 1 !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form {
  background: #081120 !important;
  border-color: rgba(226, 232, 240, .35) !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"],
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"],
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"] {
  background: #081120 !important;
  background-color: #081120 !important;
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
  caret-color: #f8fafc !important;
}

:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
:is(html[data-theme="dark"], html[data-bs-theme="dark"]) body footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
body.dark-mode footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form .nedate-footer-email-input::placeholder,
body.dark footer.nedate-site-footer .nedate-footer-newsletter-form input[type="email"][name="email"]::placeholder {
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

/* ========================================================================
   Tracking hero typography dark mode — match Pricing hero colors
   ------------------------------------------------------------------------
   /tracking uses the same public hero title rhythm as /pricing. In dark mode
   the light-mode navy override on .tracking-modern-title-line was winning, so
   "Track your" became almost invisible. Keep the first line like Pricing
   (soft white) and keep the accent line with the same Pricing gradient.
   ======================================================================== */
html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title.faq-modern-title,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title.faq-modern-title,
html.dark body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title.faq-modern-title,
html.dark-mode body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title.faq-modern-title,
html.theme-dark body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title.faq-modern-title,
body.dark:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title.faq-modern-title,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title.faq-modern-title,
body.theme-dark:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title.faq-modern-title {
  color: var(--nd-pricing-dark-text, #f5f8ff) !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-line.contact-modern-title-line,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-line.contact-modern-title-line,
html.dark body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-line.contact-modern-title-line,
html.dark-mode body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-line.contact-modern-title-line,
html.theme-dark body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-line.contact-modern-title-line,
body.dark:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-line.contact-modern-title-line,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-line.contact-modern-title-line,
body.theme-dark:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-line.contact-modern-title-line {
  color: var(--nd-pricing-dark-text, #f5f8ff) !important;
  background: none !important;
  -webkit-text-fill-color: var(--nd-pricing-dark-text, #f5f8ff) !important;
  text-shadow: none !important;
}

html[data-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-accent.pricing-modern-title-accent,
html[data-bs-theme="dark"] body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-accent.pricing-modern-title-accent,
html.dark body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-accent.pricing-modern-title-accent,
html.dark-mode body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-accent.pricing-modern-title-accent,
html.theme-dark body:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-accent.pricing-modern-title-accent,
body.dark:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-accent.pricing-modern-title-accent,
body.dark-mode:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-accent.pricing-modern-title-accent,
body.theme-dark:is(.nedate-ui-standard,.nedate-public-standard):has(.tracking-page-shell) .tracking-page-shell .tracking-modern-title-accent.pricing-modern-title-accent {
  color: transparent !important;
  background: linear-gradient(180deg, var(--nd-public-red, #ff3b2f), var(--nd-public-orange, #fb6c75)) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ========================================================================
   CONTACT US — dark mode hard cleanup
   ------------------------------------------------------------------------
   The contact page must not keep light/grey local surfaces in dark mode.
   This block is intentionally at the end of the design system so it wins
   against older contact page rules in nedate-page-system.css.
   ======================================================================== */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard:has(.contact-modern-page),
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard:has(.contact-modern-page),
body.dark-mode.nedate-ui-standard.nedate-public-standard:has(.contact-modern-page),
body.dark.nedate-ui-standard.nedate-public-standard:has(.contact-modern-page) {
  --contact-text: #f8fafc !important;
  --contact-muted: #b8c2d3 !important;
  --contact-border: rgba(148, 163, 184, .24) !important;
  --contact-surface: rgba(8, 17, 32, .88) !important;
  --contact-surface-soft: rgba(11, 18, 32, .74) !important;
  --contact-surface-inner: rgba(8, 15, 28, .94) !important;
  --contact-icon-bg: rgba(255, 59, 47, .16) !important;
  --contact-shadow: 0 24px 58px rgba(0, 0, 0, .34) !important;
  --contact-shadow-soft: 0 18px 42px rgba(0, 0, 0, .28) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-page,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-page,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-page,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-page {
  color: var(--contact-text) !important;
  background:
    radial-gradient(circle at 6% 5%, rgba(255, 59, 47, .16) 0 18rem, transparent 30rem),
    radial-gradient(circle at 94% 14%, rgba(99, 102, 241, .16) 0 22rem, transparent 34rem),
    linear-gradient(180deg, #081120 0%, #0b1220 48%, #081120 100%) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-quick-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-quick-card,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-quick-card,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-quick-card,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-info-panel,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-info-panel,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-info-panel,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-info-panel,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form-card,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-form-card,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-form-card,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card {
  background: var(--contact-surface) !important;
  border-color: var(--contact-border) !important;
  color: var(--contact-text) !important;
  box-shadow: var(--contact-shadow) !important;
  backdrop-filter: blur(18px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(150%) !important;
}

/* Remove the heavy grey block behind the form: keep only the clean dark shell. */
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form-card,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-form-card,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-form-card {
  background: rgba(8, 17, 32, .82) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-info-panel .contact-modern-info-card,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-info-panel .contact-modern-info-card,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-info-panel .contact-modern-info-card,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-info-panel .contact-modern-info-card {
  background: transparent !important;
  border-color: rgba(148, 163, 184, .16) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-quick-arrow,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-quick-arrow,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-quick-arrow,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-quick-arrow,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card em,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card em,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card em,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card em {
  background: rgba(255, 255, 255, .06) !important;
  border: 1px solid rgba(148, 163, 184, .18) !important;
  color: #f8fafc !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-quick-icon,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-quick-icon,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-quick-icon,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-quick-icon,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-info-card__icon,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-info-card__icon,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-info-card__icon,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-info-card__icon,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card > i,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card > i,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card > i,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card > i {
  background: var(--contact-icon-bg) !important;
  color: #ff7a70 !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-quick-copy strong,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-quick-copy strong,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-quick-copy strong,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-quick-copy strong,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card strong,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card strong,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card strong,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card strong,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__header h2,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__header h2,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__header h2,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__header h2,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-info-card strong,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-info-card strong,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-info-card strong,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-info-card strong {
  color: var(--contact-text) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-quick-copy small,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-quick-copy small,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-quick-copy small,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-quick-copy small,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-info-card p,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-info-card p,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-info-card p,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-info-card p,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__header p,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__header p,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__header p,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__header p,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card span,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card span,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card span,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-mini-card span {
  color: var(--contact-muted) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-topic-chip,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-topic-chip,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-topic-chip,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-topic-chip {
  background: rgba(8, 17, 32, .72) !important;
  border-color: rgba(148, 163, 184, .26) !important;
  color: var(--contact-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-topic-chip.is-active,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-topic-chip.is-active,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-topic-chip.is-active,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-topic-chip.is-active {
  background: rgba(255, 59, 47, .14) !important;
  border-color: rgba(255, 59, 47, .36) !important;
  color: #fff !important;
  box-shadow: inset 3px 0 0 var(--nd-public-red, #ff3b2f) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > .form-control,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > .form-control,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > .form-control,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > .form-control,
html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > textarea.form-control,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > textarea.form-control,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > textarea.form-control,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > textarea.form-control {
  background: var(--contact-surface-inner) !important;
  border: 1px solid rgba(148, 163, 184, .24) !important;
  color: var(--contact-text) !important;
  box-shadow: none !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > .form-control:focus,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > .form-control:focus,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > .form-control:focus,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > .form-control:focus {
  background: #081120 !important;
  border-color: rgba(255, 59, 47, .55) !important;
  box-shadow: 0 0 0 .18rem rgba(255, 59, 47, .12) !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > label,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > label,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > label,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > label {
  color: #cbd5e1 !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > label::after,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > label::after,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > label::after,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-form .form-floating > label::after {
  background: transparent !important;
}

html[data-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__badge,
html[data-bs-theme="dark"] body.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__badge,
body.dark-mode.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__badge,
body.dark.nedate-ui-standard.nedate-public-standard .contact-modern-form-card__badge {
  color: #ffd5d1 !important;
  background: rgba(255, 59, 47, .12) !important;
}

/* Una fascia a tutta larghezza non e' una card. `.welcome-modern-strip` sta
   nell'elenco qui sopra per la superficie e il colore del testo, ma l'ombra
   no: in chiaro non ce l'ha, e al buio una sezione larga 1440px con 18px di
   sfocatura sotto sembrava staccata dalla pagina invece che parte di essa. */
html[data-theme="dark"] body.nedate-ui-standard .welcome-modern-strip,
html[data-bs-theme="dark"] body.nedate-ui-standard .welcome-modern-strip,
body.dark-mode.nedate-ui-standard .welcome-modern-strip {
  box-shadow: none !important;
}