/* Extracted from base.html so the browser can cache it instead of
   re-downloading it inside every page. Order is unchanged. */

.page-shell .tests-overview-shell .tests-hero-copy .tests-lead,
        .page-shell .tests-overview-shell .tests-hero-copy .tests-sublead {
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
        }

@media screen {
            body {
                background:
                    linear-gradient(90deg, rgba(255, 0, 255, 0.06) 0 1px, transparent 1px 100%),
                    linear-gradient(180deg, rgba(255, 0, 255, 0.035) 0 1px, transparent 1px 100%),
                    #000000 !important;
                background-size: 96px 96px, 96px 96px, auto !important;
                color: #ffffff !important;
            }

            body::before,
            body::after {
                opacity: 0.055 !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page),
            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page)::before {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.026), rgba(255, 255, 255, 0.006)),
                    #020003 !important;
                border-color: rgba(255, 0, 255, 0.34) !important;
                box-shadow:
                    0 24px 72px rgba(0, 0, 0, 0.88),
                    0 0 24px rgba(255, 0, 255, 0.18),
                    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(
                .content-card,
                .card-large,
                .lh-section,
                .lh-card,
                .test-card,
                .price-card,
                .info-card,
                .dashboard-hero,
                .dashboard-inner,
                .dashboard-account-banner,
                .dashboard-order-cta,
                .customer-summary-card,
                .dashboard-nextstep-section,
                .dashboard-nextstep-card,
                .action-card,
                .instructions-section,
                .guide-quick-card,
                .sample-type-card,
                .important-banner,
                .section-box,
                .test-section,
                .related-tests-box,
                .contact-card,
                .order-card,
                .account-card,
                .summary-pill
            ):not(.shipping-checklist):not(.shipping-checklist *):not(.certificate-page):not(.certificate-page *) {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.006)),
                    #030005 !important;
                border-color: rgba(181, 70, 255, 0.62) !important;
                box-shadow:
                    0 16px 44px rgba(0, 0, 0, 0.72),
                    0 0 0 1px rgba(255, 255, 255, 0.025),
                    0 0 20px rgba(255, 0, 255, 0.12),
                    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(
                p,
                li,
                dd,
                small,
                .card-subtitle,
                .dashboard-intro,
                .stat-note,
                .pill-label,
                .pill-value,
                .pill-note,
                .customer-summary-sub,
                .section-head,
                .section-kicker,
                .tests-kicker,
                .nextstep-title,
                .nextstep-label,
                .dashboard-section-title
            ):not(.btn):not(.btn-primary):not(.btn-secondary):not(.status-pill):not(.kit-note):not(.shipping-checklist *):not(.certificate-page *) {
                background: transparent !important;
                background-color: transparent !important;
                background-image: none !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(h1, h2, h3, h4, h5, h6, strong, label, th):not(.status-pill):not(.certificate-page *) {
                color: #ffffff !important;
                -webkit-text-fill-color: #ffffff !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(p, li, dd, small, .card-subtitle, .dashboard-intro, .stat-note, .pill-note, .customer-summary-sub):not(.certificate-page *) {
                color: #f4efff !important;
                -webkit-text-fill-color: #f4efff !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(.section-kicker, .tests-kicker, .stat-label, .pill-label) {
                color: #ff7dff !important;
                -webkit-text-fill-color: #ff7dff !important;
                letter-spacing: 0.12em !important;
                text-shadow: 0 0 12px rgba(255, 0, 255, 0.44) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .tests-hero-panel .hero-stat span {
                color: #ffffff !important;
                -webkit-text-fill-color: #ffffff !important;
                font-weight: 650 !important;
                text-shadow: 0 1px 2px rgba(0, 0, 0, 0.92) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .test-card .test-card-top {
                background: transparent !important;
                background-color: transparent !important;
                background-image: none !important;
                border: 0 !important;
                box-shadow: none !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .instructions-wrapper .guide-quick-card span {
                color: #ffffff !important;
                -webkit-text-fill-color: #ffffff !important;
                font-weight: 650 !important;
                text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .contact-popup-trigger.contact-popup-trigger {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.28), transparent 44%),
                    linear-gradient(135deg, #8c00ff 0%, #c000ff 45%, #ff00ff 100%) !important;
                border-color: rgba(255, 226, 255, 0.86) !important;
                box-shadow:
                    0 0 12px rgba(255, 255, 255, 0.24),
                    0 0 34px rgba(255, 0, 255, 0.64),
                    0 0 58px rgba(255, 0, 255, 0.26),
                    inset 0 0 18px rgba(255, 255, 255, 0.14) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .instruction-buttons {
                background: transparent !important;
                background-color: transparent !important;
                background-image: none !important;
                border: 0 !important;
                box-shadow: none !important;
                outline: 0 !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .instruction-buttons .instruction-btn {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent 48%),
                    linear-gradient(135deg, #1a002e 0%, #5b21b6 48%, #c026d3 100%) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(
                .btn,
                .btn-primary,
                .btn-secondary,
                .btn-ghost,
                .view-pill,
                .instruction-pill,
                button[type="submit"]:not(.logout-button),
                a[class*="button"],
                [class*="button"]
            ):not(.certificate-page *) {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(167, 139, 250, 0.14) 45%, rgba(126, 34, 206, 0.34)),
                    rgba(49, 0, 86, 0.72) !important;
                background-image:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(167, 139, 250, 0.14) 45%, rgba(126, 34, 206, 0.34)) !important;
                background-color: rgba(49, 0, 86, 0.72) !important;
                border: 1px solid rgba(192, 132, 252, 0.68) !important;
                color: #f4e8ff !important;
                -webkit-text-fill-color: #f4e8ff !important;
                box-shadow:
                    0 0 14px rgba(168, 85, 247, 0.48),
                    0 0 32px rgba(217, 70, 239, 0.22),
                    inset 0 0 14px rgba(216, 180, 254, 0.1) !important;
                text-shadow: 0 0 8px rgba(244, 232, 255, 0.38) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(
                .btn-primary,
                .nav-emphasis,
                .order-cta-button,
                button[type="submit"]:not(.logout-button)
            ):not(.certificate-page *) {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.28), transparent 44%),
                    linear-gradient(135deg, #7a00ff 0%, #c000ff 45%, #ff00ff 100%) !important;
                border-color: rgba(255, 226, 255, 0.86) !important;
                box-shadow:
                    0 0 12px rgba(255, 255, 255, 0.24),
                    0 0 34px rgba(255, 0, 255, 0.64),
                    0 0 58px rgba(255, 0, 255, 0.26),
                    inset 0 0 18px rgba(255, 255, 255, 0.14) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(
                .btn,
                .btn-primary,
                .btn-secondary,
                .btn-ghost,
                .view-pill,
                .instruction-pill,
                button[type="submit"]:not(.logout-button),
                a[class*="button"],
                [class*="button"]
            ):not(.certificate-page *):hover,
            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(
                .btn,
                .btn-primary,
                .btn-secondary,
                .btn-ghost,
                .view-pill,
                .instruction-pill,
                button[type="submit"]:not(.logout-button),
                a[class*="button"],
                [class*="button"]
            ):not(.certificate-page *):focus-visible {
                transform: translateY(-1px);
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(192, 132, 252, 0.22) 42%, rgba(147, 51, 234, 0.46)),
                    rgba(76, 0, 130, 0.82) !important;
                background-image:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(192, 132, 252, 0.22) 42%, rgba(147, 51, 234, 0.46)) !important;
                background-color: rgba(76, 0, 130, 0.82) !important;
                border-color: rgba(216, 180, 254, 0.92) !important;
                box-shadow:
                    0 0 18px rgba(192, 132, 252, 0.74),
                    0 0 44px rgba(217, 70, 239, 0.38),
                    inset 0 0 18px rgba(237, 233, 254, 0.14) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .instruction-buttons {
                background: transparent !important;
                background-color: transparent !important;
                background-image: none !important;
                border: 0 !important;
                box-shadow: none !important;
                outline: 0 !important;
                transform: none !important;
            }

            .page-main.page-main .page-shell.page-shell:not(.shipping-checklist):not(.certificate-page) .how-wrapper.how-wrapper .instruction-buttons.instruction-buttons {
                background: transparent !important;
                background-color: transparent !important;
                background-image: none !important;
                border: 0 !important;
                box-shadow: none !important;
                outline: 0 !important;
                transform: none !important;
            }

            .page-main.page-main .page-shell.page-shell:not(.shipping-checklist):not(.certificate-page) .how-wrapper.how-wrapper .kit-note.kit-note {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.008)),
                    rgba(0, 0, 0, 0.72) !important;
                border: 1px solid rgba(255, 0, 255, 0.32) !important;
                box-shadow:
                    0 0 22px rgba(255, 0, 255, 0.34),
                    0 0 56px rgba(255, 0, 255, 0.18),
                    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
            }

            .page-main.page-main .page-shell.page-shell:not(.shipping-checklist):not(.certificate-page) .contact-wrapper.contact-wrapper .contact-popup-trigger.contact-popup-trigger {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.28), transparent 44%),
                    linear-gradient(135deg, #8c00ff 0%, #c000ff 45%, #ff00ff 100%) !important;
                border-color: rgba(255, 226, 255, 0.86) !important;
                box-shadow:
                    0 0 12px rgba(255, 255, 255, 0.24),
                    0 0 34px rgba(255, 0, 255, 0.64),
                    0 0 58px rgba(255, 0, 255, 0.26),
                    inset 0 0 18px rgba(255, 255, 255, 0.14) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(.status-pill) {
                box-shadow: 0 0 16px currentColor !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-pending_acceptance {
                background: #5b21b6 !important;
                background-image: none !important;
                border-color: #c084fc !important;
                color: #ffffff !important;
                -webkit-text-fill-color: #ffffff !important;
                box-shadow: 0 0 18px rgba(192, 132, 252, 0.28) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-accepted_provide_details,
            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-accepted {
                background: #b45309 !important;
                background-image: none !important;
                border-color: #f59e0b !important;
                color: #fff7ed !important;
                -webkit-text-fill-color: #fff7ed !important;
                box-shadow: 0 0 18px rgba(245, 158, 11, 0.28) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-awaiting_mail,
            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-awaiting {
                background: #c2410c !important;
                background-image: none !important;
                border-color: #fb923c !important;
                color: #ffedd5 !important;
                -webkit-text-fill-color: #ffedd5 !important;
                box-shadow: 0 0 18px rgba(251, 146, 60, 0.28) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-samples_received,
            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-received {
                background: #1d4ed8 !important;
                background-image: none !important;
                border-color: #60a5fa !important;
                color: #eff6ff !important;
                -webkit-text-fill-color: #eff6ff !important;
                box-shadow: 0 0 18px rgba(96, 165, 250, 0.28) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-in_progress,
            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-progress,
            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-rerun_in_progress {
                background: #0f766e !important;
                background-image: none !important;
                border-color: #2dd4bf !important;
                color: #ecfeff !important;
                -webkit-text-fill-color: #ecfeff !important;
                box-shadow: 0 0 18px rgba(45, 212, 191, 0.28) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-completed {
                background: #047857 !important;
                background-image: none !important;
                border-color: #34d399 !important;
                color: #ecfdf5 !important;
                -webkit-text-fill-color: #ecfdf5 !important;
                box-shadow: 0 0 18px rgba(52, 211, 153, 0.28) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-needs_attention {
                background: #be123c !important;
                background-image: none !important;
                border-color: #fb7185 !important;
                color: #fff1f2 !important;
                -webkit-text-fill-color: #fff1f2 !important;
                box-shadow: 0 0 18px rgba(251, 113, 133, 0.28) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .status-pill.status-cancelled {
                background: #7f1d1d !important;
                background-image: none !important;
                border-color: #f87171 !important;
                color: #fff1f2 !important;
                -webkit-text-fill-color: #fff1f2 !important;
                box-shadow: 0 0 18px rgba(248, 113, 113, 0.28) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(img, .witch-image, .home-test-card-image, .test-hero-image, .instructions-main-image, .step-icon-image) {
                filter: saturate(1.04) contrast(1.12) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(
                .hero-image-section,
                .dashboard-witch,
                .dashboard-inner,
                .home-tests,
                .home-process,
                .featured-grid,
                .tests-grid,
                .process-section,
                .instructions-wrapper
            ):not(.certificate-page *) {
                background-color: #000000 !important;
                background-image: none !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(.lh-section, .test-section-block, .dashboard-account-banner, .dashboard-order-cta, .customer-summary-card, .dashboard-nextstep-section, .dashboard-actions, .instructions-section):not(.certificate-page *) {
                background:
                    linear-gradient(180deg, rgba(255, 255, 255, 0.032), rgba(255, 255, 255, 0.004)),
                    #030005 !important;
                outline: 1px solid rgba(255, 0, 255, 0.18) !important;
                outline-offset: -1px !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) :is(.dashboard-order-cta, .home-moon-cta):not(.certificate-page *) {
                box-shadow:
                    0 16px 50px rgba(0, 0, 0, 0.74),
                    0 0 28px rgba(255, 0, 255, 0.3),
                    inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
            }

            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .dashboard-inner.dashboard-inner,
            .page-main .page-shell:not(.shipping-checklist):not(.certificate-page) .dashboard-wrapper.dashboard-wrapper {
                background: #000000 !important;
            }

            .page-main.page-main .page-shell.page-shell:not(.shipping-checklist):not(.shipping-checklist *):not(.certificate-page):not(.certificate-page *) .dashboard-wrapper.dashboard-wrapper.dashboard-wrapper,
            .page-main.page-main .page-shell.page-shell:not(.shipping-checklist):not(.shipping-checklist *):not(.certificate-page):not(.certificate-page *) .dashboard-inner.dashboard-inner.dashboard-inner,
            .page-main.page-main .page-shell.page-shell:not(.shipping-checklist):not(.shipping-checklist *):not(.certificate-page):not(.certificate-page *) .hero-image-section.hero-image-section,
            .page-main.page-main .page-shell.page-shell:not(.shipping-checklist):not(.shipping-checklist *):not(.certificate-page):not(.certificate-page *) .dashboard-witch.dashboard-witch {
                background: #000000 !important;
                background-image: none !important;
            }

        }

.page-main.page-main .page-shell.page-shell .home-wrapper.home-wrapper .featured-grid.featured-grid .lh-actions.lh-actions a.btn-secondary.btn-secondary {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(167, 139, 250, 0.14) 45%, rgba(126, 34, 206, 0.34)),
                rgba(49, 0, 86, 0.72) !important;
            background-image:
                linear-gradient(180deg, rgba(255, 255, 255, 0.16), rgba(167, 139, 250, 0.14) 45%, rgba(126, 34, 206, 0.34)) !important;
            background-color: rgba(49, 0, 86, 0.72) !important;
            border-color: rgba(192, 132, 252, 0.68) !important;
            color: #f4e8ff !important;
            -webkit-text-fill-color: #f4e8ff !important;
            box-shadow:
                0 0 16px rgba(168, 85, 247, 0.52),
                0 0 34px rgba(217, 70, 239, 0.24),
                inset 0 0 16px rgba(216, 180, 254, 0.1) !important;
        }

        .page-main.page-main .page-shell.page-shell .home-wrapper.home-wrapper .featured-grid.featured-grid .lh-actions.lh-actions a.btn-secondary.btn-secondary:hover,
        .page-main.page-main .page-shell.page-shell .home-wrapper.home-wrapper .featured-grid.featured-grid .lh-actions.lh-actions a.btn-secondary.btn-secondary:focus-visible {
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(192, 132, 252, 0.22) 42%, rgba(147, 51, 234, 0.46)),
                rgba(76, 0, 130, 0.82) !important;
            background-image:
                linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(192, 132, 252, 0.22) 42%, rgba(147, 51, 234, 0.46)) !important;
            background-color: rgba(76, 0, 130, 0.82) !important;
            border-color: rgba(216, 180, 254, 0.92) !important;
            box-shadow:
                0 0 20px rgba(192, 132, 252, 0.76),
                0 0 44px rgba(217, 70, 239, 0.4),
                inset 0 0 20px rgba(237, 233, 254, 0.14) !important;
        }

        .page-main.page-main .page-shell.page-shell .home-wrapper.home-wrapper .featured-grid.featured-grid .lh-actions.lh-actions a.btn-secondary.btn-secondary.egg-preorder-cta {
            background-image: linear-gradient(135deg, #db2777, #f000c8 58%, #9d4edd) !important;
            background-color: #db2777 !important;
            border-color: #ffb4ed !important;
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
            font-weight: 950;
            box-shadow:
                0 0 18px rgba(255, 75, 210, 0.82),
                0 0 42px rgba(240, 0, 200, 0.56),
                0 0 72px rgba(168, 85, 247, 0.3),
                inset 0 0 16px rgba(255, 255, 255, 0.18) !important;
            animation: eggPreorderGlow 2.2s ease-in-out infinite;
        }

        .page-main.page-main .page-shell.page-shell .home-wrapper.home-wrapper .featured-grid.featured-grid .lh-actions.lh-actions a.btn-secondary.btn-secondary.egg-preorder-cta:hover,
        .page-main.page-main .page-shell.page-shell .home-wrapper.home-wrapper .featured-grid.featured-grid .lh-actions.lh-actions a.btn-secondary.btn-secondary.egg-preorder-cta:focus-visible {
            background-image: linear-gradient(135deg, #ec4899, #ff00d4 58%, #b45cff) !important;
            background-color: #ec4899 !important;
            border-color: #ffe0f8 !important;
            box-shadow:
                0 0 24px rgba(255, 112, 224, 0.96),
                0 0 56px rgba(240, 0, 200, 0.7),
                0 0 90px rgba(168, 85, 247, 0.42),
                inset 0 0 20px rgba(255, 255, 255, 0.24) !important;
            transform: translateY(-2px) scale(1.02);
        }

        @keyframes eggPreorderGlow {
            0%, 100% { filter: brightness(1); }
            50% { filter: brightness(1.16); }
        }

        @media (prefers-reduced-motion: reduce) {
            .egg-preorder-cta { animation: none !important; }
        }

        .page-main.page-main .page-shell.page-shell .test-hero .coming-row.coming-row a.rabbit-donate-link.rabbit-donate-link {
            color: #f3fff8 !important;
            -webkit-text-fill-color: #f3fff8 !important;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(187, 247, 208, 0.16) 42%, rgba(34, 197, 94, 0.28)),
                rgba(13, 148, 72, 0.26) !important;
            background-image:
                linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(187, 247, 208, 0.16) 42%, rgba(34, 197, 94, 0.28)) !important;
            background-color: rgba(13, 148, 72, 0.26) !important;
            border-color: rgba(134, 239, 172, 0.92) !important;
            box-shadow:
                0 0 16px rgba(34, 197, 94, 0.72),
                0 0 38px rgba(16, 185, 129, 0.46),
                inset 0 0 16px rgba(220, 252, 231, 0.14) !important;
        }

        .page-main.page-main .page-shell.page-shell .test-hero .coming-row.coming-row a.rabbit-donate-link.rabbit-donate-link:hover,
        .page-main.page-main .page-shell.page-shell .test-hero .coming-row.coming-row a.rabbit-donate-link.rabbit-donate-link:focus-visible {
            border-color: rgba(220, 252, 231, 0.98) !important;
            background:
                linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(187, 247, 208, 0.24) 42%, rgba(34, 197, 94, 0.38)),
                rgba(22, 163, 74, 0.32) !important;
            background-image:
                linear-gradient(180deg, rgba(255, 255, 255, 0.34), rgba(187, 247, 208, 0.24) 42%, rgba(34, 197, 94, 0.38)) !important;
            background-color: rgba(22, 163, 74, 0.32) !important;
            box-shadow:
                0 0 22px rgba(74, 222, 128, 0.9),
                0 0 52px rgba(16, 185, 129, 0.62),
                inset 0 0 18px rgba(240, 253, 244, 0.18) !important;
        }

        .page-main.page-main .page-shell.page-shell .dashboard-wrapper.dashboard-wrapper .dashboard-inner.dashboard-inner .dashboard-hero.dashboard-hero {
            background: transparent !important;
            background-color: transparent !important;
            background-image: none !important;
            border: 0 !important;
            outline: 0 !important;
            box-shadow:
                0 10px 34px rgba(0, 0, 0, 0.24) !important;
        }

        .page-main.page-main .page-shell.page-shell .click-here-cue.click-here-cue {
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
        }

        .page-main.page-main .page-shell.page-shell .collection-help-links.collection-help-links {
            background: transparent !important;
            background-color: transparent !important;
            background-image: none !important;
            border: 0 !important;
            box-shadow: none !important;
        }

        .page-main.page-main .page-shell.page-shell .shipping-checklist.shipping-checklist {
            background: #ffffff !important;
            background-color: #ffffff !important;
            background-image: none !important;
            color: #111827 !important;
            -webkit-text-fill-color: #111827 !important;
            border-color: #111827 !important;
            text-shadow: none !important;
        }

        .page-main.page-main .page-shell.page-shell .shipping-checklist.shipping-checklist :is(h1, h2, h3, p, span, strong, label, th, td, button, a, div) {
            color: #111827 !important;
            -webkit-text-fill-color: #111827 !important;
            text-shadow: none !important;
        }

        .page-main.page-main .page-shell.page-shell .shipping-checklist.shipping-checklist :is(.header-note, .print-table th, .section-title-row, .order-line) {
            background: #ffffff !important;
            background-color: #ffffff !important;
            background-image: none !important;
            color: #0f172a !important;
            -webkit-text-fill-color: #0f172a !important;
            border-color: #111827 !important;
            box-shadow: none !important;
        }

        .page-main.page-main .page-shell.page-shell .shipping-checklist.shipping-checklist .section-copy.section-copy {
            background: #ffffff !important;
            background-color: #ffffff !important;
            background-image: none !important;
            color: #111827 !important;
            -webkit-text-fill-color: #111827 !important;
            box-shadow: none !important;
        }

        .page-main.page-main .page-shell.page-shell .shipping-checklist.shipping-checklist :is(.print-button, .checklist-nav-button) {
            background: #111827 !important;
            background-color: #111827 !important;
            background-image: none !important;
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
            border-color: #111827 !important;
            box-shadow: none !important;
        }

        .page-main.page-main .page-shell.page-shell .shipping-checklist.shipping-checklist .print-actions.print-actions .print-button.print-button,
        .page-main.page-main .page-shell.page-shell .shipping-checklist.shipping-checklist .print-actions.print-actions .checklist-nav-button.checklist-nav-button {
            background: #111827 !important;
            background-color: #111827 !important;
            background-image: none !important;
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
            border-color: #111827 !important;
            box-shadow: none !important;
            text-shadow: none !important;
        }

        .page-main.page-main .page-shell.page-shell .shipping-checklist.shipping-checklist .checklist-optional-notice.checklist-optional-notice {
            background: #111827 !important;
            background-color: #111827 !important;
            background-image: none !important;
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
            text-shadow: none !important;
        }

        .page-main.page-main .page-shell.page-shell .shipping-checklist.shipping-checklist :is(.print-button, .checklist-nav-button):hover,
        .page-main.page-main .page-shell.page-shell .shipping-checklist.shipping-checklist :is(.print-button, .checklist-nav-button):focus-visible {
            background: #374151 !important;
            background-color: #374151 !important;
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
        }

        .page-main.page-main .page-shell.page-shell .optional-checklist-action.optional-checklist-action small {
            color: #fff8d6 !important;
            -webkit-text-fill-color: #fff8d6 !important;
            text-shadow: 0 0 10px rgba(250, 204, 21, 0.28) !important;
        }

/* ---------- site-wide notices ---------- */
/* One place for every Django message. Most of the site used to write these and
   then throw them away, because nothing rendered them. */

.site-messages {
    width: min(1100px, calc(100% - 2rem));
    margin: 0 auto 1rem;
}

.site-message {
    margin: 0 0 0.6rem !important;
    padding: 0.9rem 1.1rem;
    border: 1px solid rgba(148, 118, 255, 0.45);
    border-radius: 14px;
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.015)),
        rgba(18, 0, 31, 0.92);
    color: #ffffff !important;
    font-size: 1.1rem !important;
    font-weight: 700;
    line-height: 1.45;
    box-shadow: 0 0 20px rgba(217, 70, 239, 0.14);
}

.site-message.is-success {
    border-color: rgba(110, 255, 216, 0.78);
    background: linear-gradient(145deg, rgba(16, 185, 129, 0.2), rgba(16, 185, 129, 0.1));
}

.site-message.is-warning {
    border-color: rgba(255, 199, 96, 0.8);
    background: linear-gradient(145deg, rgba(180, 120, 20, 0.28), rgba(120, 80, 10, 0.18));
}

.site-message.is-error {
    border-color: rgba(255, 155, 155, 0.85);
    background: linear-gradient(145deg, rgba(190, 30, 60, 0.3), rgba(120, 10, 30, 0.2));
}