/* Earth Broadband skin. Every rule is scoped so other brands keep their existing UI. */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap');

:root[data-earth-skin="1"] {
    --earth-cream: #F5F1EB;
    --earth-sage-mist: #E6E5D8;
    --earth-warm-tan: #E8DECE;
    --earth-deep-green: #4B6258;
    --earth-fresh-green: #487953;
    --earth-forest-green: #324E43;
    --earth-pale-sage: #DCE5D6;
    --earth-muted-sage-grey: #6E7370;
    --earth-white: #FFFFFF;
    --earth-hairline: rgba(75,98,88,0.14);
    --earth-divider: rgba(75,98,88,0.12);
    --earth-card-shadow: 0 1px 3px rgba(50,78,67,0.06);
    --earth-control-shadow: 0 2px 6px rgba(50,78,67,0.16);
    background: var(--earth-cream) !important;
    padding: 0 !important;
}

:root[data-earth-skin="1"] body,
:root[data-earth-skin="1"] body * {
    font-family: 'Fredoka', sans-serif !important;
    letter-spacing: 0;
}

:root[data-earth-skin="1"] body {
    background: var(--earth-cream) !important;
    color: var(--earth-muted-sage-grey) !important;
    padding: 16px 16px 96px !important;
}

:root[data-earth-skin="1"] .container {
    max-width: 480px;
    margin: 0 auto;
}

:root[data-earth-skin="1"] h1,
:root[data-earth-skin="1"] h2,
:root[data-earth-skin="1"] h3,
:root[data-earth-skin="1"] h4,
:root[data-earth-skin="1"] .title,
:root[data-earth-skin="1"] .section-title,
:root[data-earth-skin="1"] .card-title {
    color: var(--earth-deep-green) !important;
    font-weight: 600 !important;
    line-height: 1.25;
    text-transform: lowercase;
}

:root[data-earth-skin="1"] button,
:root[data-earth-skin="1"] .nav-item small,
:root[data-earth-skin="1"] .label,
:root[data-earth-skin="1"] .badge,
:root[data-earth-skin="1"] .status-pill,
:root[data-earth-skin="1"] .package-pill,
:root[data-earth-skin="1"] .loyalty-pill,
:root[data-earth-skin="1"] .unit {
    text-transform: lowercase;
}

:root[data-earth-skin="1"] p,
:root[data-earth-skin="1"] .label,
:root[data-earth-skin="1"] .muted,
:root[data-earth-skin="1"] .small-note,
:root[data-earth-skin="1"] .section-copy {
    color: var(--earth-muted-sage-grey) !important;
    font-weight: 400 !important;
    line-height: 1.5;
}

:root[data-earth-skin="1"] .logo-header {
    padding: 8px 0 16px;
}

:root[data-earth-skin="1"] .logo-header .app-logo {
    display: none !important;
}

:root[data-earth-skin="1"] .logo-header::after {
    content: 'earth';
    color: var(--earth-deep-green);
    font-size: 56px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.02em;
}

:root[data-earth-skin="1"] .router-banner,
:root[data-earth-skin="1"] .section,
:root[data-earth-skin="1"] .card,
:root[data-earth-skin="1"] .panel,
:root[data-earth-skin="1"] .network-card,
:root[data-earth-skin="1"] .contact-us-card,
:root[data-earth-skin="1"] .details-card,
:root[data-earth-skin="1"] .contact-card,
:root[data-earth-skin="1"] .notification-entry,
:root[data-earth-skin="1"] .package-card,
:root[data-earth-skin="1"] .support-card,
:root[data-earth-skin="1"] .loyalty-card,
:root[data-earth-skin="1"] .nominated-card,
:root[data-earth-skin="1"] .poa-document {
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 30px 22px 28px 20px / 20px 28px 22px 30px !important;
    box-shadow: var(--earth-card-shadow) !important;
}

:root[data-earth-skin="1"] .status,
:root[data-earth-skin="1"] .info-box,
:root[data-earth-skin="1"] .note,
:root[data-earth-skin="1"] .details-row,
:root[data-earth-skin="1"] .contact-row,
:root[data-earth-skin="1"] .service-panel,
:root[data-earth-skin="1"] .arrangement-panel,
:root[data-earth-skin="1"] .loyalty-amount,
:root[data-earth-skin="1"] .stat-tile,
:root[data-earth-skin="1"] .action-tile {
    background: var(--earth-cream) !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 20px 16px 22px 14px / 14px 20px 16px 22px !important;
}

:root[data-earth-skin="1"] button,
:root[data-earth-skin="1"] .btn,
:root[data-earth-skin="1"] .cta,
:root[data-earth-skin="1"] .pretty-button,
:root[data-earth-skin="1"] .plain-btn.dark,
:root[data-earth-skin="1"] .primary-button {
    min-height: 46px;
    background: var(--earth-deep-green) !important;
    border: 0 !important;
    border-radius: 26px 20px 24px 18px / 20px 26px 18px 24px !important;
    color: var(--earth-cream) !important;
    font-size: 15px;
    font-weight: 600 !important;
    box-shadow: none !important;
    transition: transform 220ms cubic-bezier(0.34,1.4,0.64,1), background-color 140ms ease;
}

:root[data-earth-skin="1"] button:active,
:root[data-earth-skin="1"] .btn:active,
:root[data-earth-skin="1"] a:active {
    transform: scale(0.97);
}

:root[data-earth-skin="1"] a {
    color: var(--earth-deep-green) !important;
    text-underline-offset: 3px;
}

/* Contact and fault modal actions must match across links and buttons. */
:root[data-earth-skin="1"] .contact-us-modal .sheet-footer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    align-items: stretch;
    gap: 10px;
}

:root[data-earth-skin="1"] .contact-us-modal .sheet-footer .primary,
:root[data-earth-skin="1"] .contact-us-modal .sheet-footer .secondary {
    display: flex;
    width: 100%;
    min-width: 0;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border-radius: 999px !important;
    font-size: 15px;
    font-weight: 600 !important;
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] .contact-us-modal .sheet-footer .primary {
    background: var(--earth-deep-green) !important;
    border: 1px solid var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] .contact-us-modal .sheet-footer .secondary {
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.32) !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] .contact-us-modal .close-btn {
    width: 42px;
    min-height: 42px;
    padding: 0;
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.24) !important;
    border-radius: 999px !important;
    color: var(--earth-forest-green) !important;
}

/* Add-router entry cards and the full hardware setup journey. */
:root[data-earth-skin="1"] .router-add-card,
:root[data-earth-skin="1"] .router-choice-card {
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 30px 22px 28px 20px / 20px 28px 22px 30px !important;
    box-shadow: var(--earth-card-shadow) !important;
}

:root[data-earth-skin="1"] .router-add-card .hardware-handoff {
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.18) !important;
    border-radius: 18px 14px 20px 12px / 12px 18px 14px 20px !important;
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] .router-add-card .hardware-handoff strong {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .router-add-card .btn-primary,
:root[data-earth-skin="1"] .router-choice-card .cta-primary,
:root[data-earth-skin="1"] .router-choice-card .cta-secondary {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 999px !important;
    font-weight: 600 !important;
    line-height: 1.25;
    text-align: center;
    text-decoration: none !important;
}

:root[data-earth-skin="1"] .router-add-card .btn-primary,
:root[data-earth-skin="1"] .router-choice-card .cta-primary {
    background: var(--earth-deep-green) !important;
    border: 1px solid var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] .router-choice-card .cta-secondary {
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.32) !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page {
    width: 100%;
    min-height: 100%;
    background: var(--earth-cream) !important;
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .setup-card {
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 30px 22px 28px 20px / 20px 28px 22px 30px !important;
    padding: 28px 22px !important;
    color: var(--earth-muted-sage-grey) !important;
    box-shadow: var(--earth-card-shadow) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .setup-card > .logo {
    position: static !important;
    display: block;
    width: 180px;
    max-width: 70%;
    margin: 0 auto 18px !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .wifi-placeholder img {
    filter: grayscale(1) sepia(0.45) saturate(1.7) hue-rotate(86deg) brightness(0.72);
    opacity: 0.9;
}

:root[data-earth-skin="1"] body.add-hardware-page .lede,
:root[data-earth-skin="1"] body.add-hardware-page .small,
:root[data-earth-skin="1"] body.add-hardware-page .tiny,
:root[data-earth-skin="1"] body.add-hardware-page .hint,
:root[data-earth-skin="1"] body.add-hardware-page .lookup-note,
:root[data-earth-skin="1"] body.add-hardware-page .step-num,
:root[data-earth-skin="1"] body.add-hardware-page label {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .notice,
:root[data-earth-skin="1"] body.add-hardware-page .router-wifi-step,
:root[data-earth-skin="1"] body.add-hardware-page .router-detect-panel,
:root[data-earth-skin="1"] body.add-hardware-page .router-detected-card,
:root[data-earth-skin="1"] body.add-hardware-page .router-manual-panel {
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.18) !important;
    border-radius: 18px 14px 20px 12px / 12px 18px 14px 20px !important;
    color: var(--earth-forest-green) !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .notice strong,
:root[data-earth-skin="1"] body.add-hardware-page .router-wifi-step strong,
:root[data-earth-skin="1"] body.add-hardware-page .router-detect-panel strong,
:root[data-earth-skin="1"] body.add-hardware-page .router-model-group > strong {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .card,
:root[data-earth-skin="1"] body.add-hardware-page .modal {
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 20px 16px 22px 14px / 14px 20px 16px 22px !important;
    color: var(--earth-muted-sage-grey) !important;
    box-shadow: var(--earth-card-shadow) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .progress {
    background: var(--earth-pale-sage) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .progress > i {
    background: var(--earth-fresh-green) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .kbd,
:root[data-earth-skin="1"] body.add-hardware-page .code {
    background: var(--earth-cream) !important;
    border-color: rgba(75, 98, 88, 0.2) !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .btn,
:root[data-earth-skin="1"] body.add-hardware-page a.btn,
:root[data-earth-skin="1"] body.add-hardware-page button.btn {
    min-height: 46px;
    background: var(--earth-deep-green) !important;
    border: 1px solid var(--earth-deep-green) !important;
    border-radius: 999px !important;
    color: var(--earth-cream) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .btn.secondary,
:root[data-earth-skin="1"] body.add-hardware-page .btn.ghost,
:root[data-earth-skin="1"] body.add-hardware-page .btn.inline {
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.28) !important;
    color: var(--earth-forest-green) !important;
}

/* Registration has compact utility controls as well as full-width actions. */
:root[data-earth-skin="1"] body.add-hardware-page .register-style .icon-search-btn {
    width: 46px;
    min-width: 46px;
    height: 46px;
    min-height: 46px;
    padding: 0;
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.28) !important;
    border-radius: 999px !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .register-style .manual-toggle {
    display: inline-flex;
    width: auto;
    min-height: 32px;
    align-items: center;
    padding: 4px 2px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--earth-deep-green) !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

:root[data-earth-skin="1"] body.add-hardware-page .register-style .submit-register,
:root[data-earth-skin="1"] body.add-hardware-page .register-style .back-login {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 12px 18px;
    border-radius: 999px !important;
    line-height: 1.25;
}

:root[data-earth-skin="1"] body.add-hardware-page .register-style .submit-register {
    margin-top: 10px;
    background: var(--earth-deep-green) !important;
    border: 1px solid var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .register-style .back-login {
    margin-top: 12px;
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.28) !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.add-hardware-page .register-style .scan-label {
    min-height: 44px;
    padding: 10px 16px;
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.28) !important;
    border-radius: 999px !important;
    color: var(--earth-forest-green) !important;
    font-weight: 600;
    text-transform: lowercase;
}

:root[data-earth-skin="1"] body.add-hardware-page .register-style .icon-search-btn:focus-visible,
:root[data-earth-skin="1"] body.add-hardware-page .register-style .manual-toggle:focus-visible,
:root[data-earth-skin="1"] body.add-hardware-page .register-style .submit-register:focus-visible,
:root[data-earth-skin="1"] body.add-hardware-page .register-style .back-login:focus-visible,
:root[data-earth-skin="1"] body.add-hardware-page .register-style .scan-label:focus-within {
    outline: 3px solid rgba(72, 121, 83, 0.28);
    outline-offset: 2px;
}

:root[data-earth-skin="1"] body.add-hardware-page .modal-close,
:root[data-earth-skin="1"] body.add-hardware-page .code button {
    width: auto;
    min-height: 38px;
    padding: 6px 10px;
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.24) !important;
    border-radius: 999px !important;
    color: var(--earth-forest-green) !important;
}

/* Troubleshooting controls use explicit tiers instead of the global button skin. */
:root[data-earth-skin="1"] body.troubleshooting-page .btn-primary,
:root[data-earth-skin="1"] body.troubleshooting-page a.btn-primary,
:root[data-earth-skin="1"] body.troubleshooting-page button.btn-primary,
:root[data-earth-skin="1"] body.troubleshooting-page .btn,
:root[data-earth-skin="1"] body.troubleshooting-page a.btn {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 18px;
    background: var(--earth-deep-green) !important;
    border: 1px solid var(--earth-deep-green) !important;
    border-radius: 999px !important;
    color: var(--earth-cream) !important;
    font-size: 15px;
    font-weight: 600 !important;
    line-height: 1.3;
    text-align: center;
    text-decoration: none !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body.troubleshooting-page .btn-primary.outline,
:root[data-earth-skin="1"] body.troubleshooting-page .btn-primary.btn-secondary,
:root[data-earth-skin="1"] body.troubleshooting-page .btn-outline,
:root[data-earth-skin="1"] body.troubleshooting-page a.btn-outline {
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.32) !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.troubleshooting-page .btn-link,
:root[data-earth-skin="1"] body.troubleshooting-page button.btn-link,
:root[data-earth-skin="1"] body.troubleshooting-page a.btn-link {
    display: block;
    width: auto;
    min-height: 0;
    margin: 10px auto 0;
    padding: 8px 10px;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: var(--earth-deep-green) !important;
    font-weight: 600 !important;
    line-height: 1.35;
    text-align: center;
    text-decoration: underline;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body.troubleshooting-page .btn-pill {
    width: 100%;
    min-height: 48px;
    padding: 11px 16px;
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.28) !important;
    border-radius: 18px !important;
    color: var(--earth-forest-green) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body.troubleshooting-page .conn-card {
    min-height: 0;
    padding: 18px;
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 22px 18px 24px 16px / 18px 24px 16px 22px !important;
    color: var(--earth-forest-green) !important;
    box-shadow: var(--earth-card-shadow) !important;
}

:root[data-earth-skin="1"] body.troubleshooting-page .conn-card:hover {
    background: var(--earth-pale-sage) !important;
}

:root[data-earth-skin="1"] body.troubleshooting-page .conn-card .conn-title {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.troubleshooting-home-page .ts-item {
    min-height: 0;
    padding: 14px;
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 20px 16px 22px 14px / 14px 20px 16px 22px !important;
    color: var(--earth-forest-green) !important;
    text-align: left;
    box-shadow: var(--earth-card-shadow) !important;
}

:root[data-earth-skin="1"] body.troubleshooting-home-page .ts-item:hover {
    background: var(--earth-pale-sage) !important;
}

:root[data-earth-skin="1"] body.troubleshooting-home-page .ts-ico {
    background: var(--earth-pale-sage) !important;
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.troubleshooting-home-page .ts-name {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.troubleshooting-home-page .ts-desc {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.troubleshooting-page .date-choice-button {
    min-height: 46px;
    padding: 9px 12px;
    background: var(--earth-white) !important;
    border: 1px solid rgba(75, 98, 88, 0.24) !important;
    border-radius: 14px !important;
    color: var(--earth-forest-green) !important;
    text-align: left;
}

:root[data-earth-skin="1"] body.troubleshooting-page .clear-signature,
:root[data-earth-skin="1"] body.troubleshooting-page .date-modal-close {
    width: auto;
    min-height: 40px;
    padding: 8px 12px;
    background: var(--earth-pale-sage) !important;
    border: 1px solid rgba(75, 98, 88, 0.24) !important;
    border-radius: 999px !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.troubleshooting-page button:disabled,
:root[data-earth-skin="1"] body.troubleshooting-page .btn-primary:disabled {
    opacity: 0.55;
    cursor: not-allowed;
    transform: none;
}

:root[data-earth-skin="1"] input,
:root[data-earth-skin="1"] select,
:root[data-earth-skin="1"] textarea {
    background: var(--earth-white) !important;
    color: var(--earth-forest-green) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 26px 20px 24px 18px / 20px 26px 18px 24px !important;
    box-shadow: inset 0 1px 2px rgba(50,78,67,0.06) !important;
}

:root[data-earth-skin="1"] :focus-visible {
    outline: 3px solid rgba(72,121,83,0.35) !important;
    outline-offset: 2px;
}

:root[data-earth-skin="1"] .nav {
    position: fixed !important;
    z-index: 9000 !important;
    pointer-events: auto !important;
    background: rgba(245,241,235,0.92) !important;
    border-top: 1px solid var(--earth-hairline) !important;
    padding: 8px 0 calc(22px + env(safe-area-inset-bottom,0px)) !important;
    backdrop-filter: blur(10px);
}

:root[data-earth-skin="1"] .nav-item,
:root[data-earth-skin="1"] .nav-item a {
    pointer-events: auto !important;
    color: var(--earth-muted-sage-grey) !important;
    font-weight: 500;
}

:root[data-earth-skin="1"] .nav-item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    min-width: 52px;
    min-height: 52px;
    text-decoration: none;
}

:root[data-earth-skin="1"] .nav-item a br {
    display: none;
}

:root[data-earth-skin="1"] .nav-item a small {
    display: block;
    line-height: 1;
}

:root[data-earth-skin="1"] .nav-item a svg {
    pointer-events: none;
}

:root[data-earth-skin="1"] .nav-item.active,
:root[data-earth-skin="1"] .nav-item.active a,
:root[data-earth-skin="1"] .nav-item.active svg {
    color: var(--earth-forest-green) !important;
    stroke: var(--earth-forest-green) !important;
    font-weight: 600;
}

:root[data-earth-skin="1"] .notif-bell {
    width: 38px !important;
    height: 38px !important;
    background: var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
    border-radius: 56% 44% 52% 48% / 46% 56% 44% 54% !important;
    box-shadow: var(--earth-control-shadow) !important;
}

:root[data-earth-skin="1"] .app-bell,
:root[data-earth-skin="1"] a.app-bell,
:root[data-earth-skin="1"] button.app-bell {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    background: var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
    border-radius: 56% 44% 52% 48% / 46% 56% 44% 54% !important;
    box-shadow: var(--earth-control-shadow) !important;
}

:root[data-earth-skin="1"] .settings-option-modal .sheet-header .icon {
    background: var(--earth-pale-sage) !important;
    border-color: var(--earth-hairline) !important;
    color: var(--earth-deep-green) !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] .settings-option-modal .sheet-header .icon i,
:root[data-earth-skin="1"] .settings-option-modal .sheet-header .icon svg {
    color: var(--earth-deep-green) !important;
    stroke: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .settings-option-modal .close-btn {
    display: grid !important;
    place-items: center !important;
    width: 36px !important;
    min-width: 36px !important;
    height: 36px !important;
    min-height: 36px !important;
    padding: 0 !important;
    background: var(--earth-pale-sage) !important;
    color: var(--earth-deep-green) !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: none !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

:root[data-earth-skin="1"] .notif-badge,
:root[data-earth-skin="1"] .badge,
:root[data-earth-skin="1"] .status-pill,
:root[data-earth-skin="1"] .package-pill,
:root[data-earth-skin="1"] .loyalty-pill {
    background: var(--earth-pale-sage) !important;
    color: var(--earth-forest-green) !important;
    border: 0 !important;
    border-radius: 14px 10px 13px 9px / 9px 13px 10px 14px !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] svg {
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

:root[data-earth-skin="1"] .warning,
:root[data-earth-skin="1"] .danger,
:root[data-earth-skin="1"] .alert {
    background: var(--earth-warm-tan) !important;
    border-color: var(--earth-hairline) !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] [style*="linear-gradient"],
:root[data-earth-skin="1"] [style*="radial-gradient"] {
    background-image: none !important;
}

:root[data-earth-skin="1"] .additional-services-tile {
    background: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .additional-services-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: center;
    max-width: 374px;
}

:root[data-earth-skin="1"] .additional-services-tile i,
:root[data-earth-skin="1"] .additional-services-tile svg {
    color: var(--earth-white) !important;
    stroke: var(--earth-white) !important;
}

:root[data-earth-skin="1"] .primary-btn,
:root[data-earth-skin="1"] .secondary-btn,
:root[data-earth-skin="1"] .support-plus-covered-action,
:root[data-earth-skin="1"] a.speed-run-button {
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] .support-plus-covered-action {
    background: var(--earth-deep-green) !important;
    border-color: var(--earth-deep-green) !important;
    border-radius: 26px 20px 24px 18px / 20px 26px 18px 24px !important;
    font-weight: 600 !important;
}

:root[data-earth-skin="1"] .support-plus-covered-icon {
    background: var(--earth-pale-sage) !important;
    border-color: var(--earth-hairline) !important;
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .support-plus-covered-icon i,
:root[data-earth-skin="1"] .support-plus-covered-icon svg {
    color: var(--earth-deep-green) !important;
    stroke: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .wallet-info-btn,
:root[data-earth-skin="1"] .credit-info-btn {
    width: 16px !important;
    min-width: 16px !important;
    height: 16px !important;
    min-height: 16px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    font-size: 10px !important;
    line-height: 1 !important;
}

:root[data-earth-skin="1"] .speed-card {
    padding: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
}

:root[data-earth-skin="1"] .speed-summary-card,
:root[data-earth-skin="1"] .gauge-card {
    background: var(--earth-white) !important;
    border: 0 !important;
    border-radius: 24px 18px 22px 16px / 16px 22px 18px 24px !important;
    box-shadow: none !important;
    width: 100% !important;
}

:root[data-earth-skin="1"] .speed-summary-card__main {
    grid-template-columns: minmax(0, 1fr) !important;
}

:root[data-earth-skin="1"] .speed-summary-card__intro,
:root[data-earth-skin="1"] .speed-card__titleText {
    min-width: 0;
}

:root[data-earth-skin="1"] .speed-card__h1 {
    color: var(--earth-deep-green) !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-transform: lowercase;
}

:root[data-earth-skin="1"] .speed-card__sub,
:root[data-earth-skin="1"] .speed-chip,
:root[data-earth-skin="1"] .speed-axis {
    color: var(--earth-muted-sage-grey) !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

:root[data-earth-skin="1"] .speed-summary-card p,
:root[data-earth-skin="1"] .gauge-card p {
    color: var(--earth-muted-sage-grey) !important;
    line-height: 1.5 !important;
}

:root[data-earth-skin="1"] .speed-card__icon,
:root[data-earth-skin="1"] .pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    background: var(--earth-pale-sage) !important;
    color: var(--earth-forest-green) !important;
    border: 0 !important;
    border-radius: 56% 44% 52% 48% / 46% 56% 44% 54% !important;
}

:root[data-earth-skin="1"] .gauge-card--upload .pill {
    background: var(--earth-warm-tan) !important;
}

:root[data-earth-skin="1"] .speed-card .pill {
    min-height: 30px;
    padding: 5px 9px;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    white-space: nowrap;
}

:root[data-earth-skin="1"] .speed-card .pill svg {
    width: 16px;
    height: 16px;
}

:root[data-earth-skin="1"] .speed-run-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px;
    background: var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
    border-radius: 26px 20px 24px 18px / 20px 26px 18px 24px !important;
    font-size: 15px;
    font-weight: 600;
    text-transform: lowercase;
}

:root[data-earth-skin="1"] .gauge-card .value,
:root[data-earth-skin="1"] .gauge-card .num {
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] .gauge-card .num {
    font-size: 46px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: -0.02em;
}

:root[data-earth-skin="1"] .gauge-card .unit {
    color: var(--earth-muted-sage-grey) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

:root[data-earth-skin="1"] .rating {
    background: var(--earth-pale-sage) !important;
    color: var(--earth-forest-green) !important;
    border: 0 !important;
    border-radius: 14px 10px 13px 9px / 9px 13px 10px 14px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: lowercase;
}

:root[data-earth-skin="1"] .gauge-card--upload .rating {
    background: var(--earth-warm-tan) !important;
}

:root[data-earth-skin="1"] body.view-bills-page .accordion-title,
:root[data-earth-skin="1"] body.view-bills-page .payment-method-title,
:root[data-earth-skin="1"] body.view-bills-page .bill-delivery-type,
:root[data-earth-skin="1"] body.view-bills-page .bill-delivery-row span:last-child,
:root[data-earth-skin="1"] body.view-bills-page .bill-delivery-row strong:last-child,
:root[data-earth-skin="1"] body.view-bills-page .payment-current .detail-value,
:root[data-earth-skin="1"] body.view-bills-page .payment-help-card-title {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.view-bills-page .accordion-copy,
:root[data-earth-skin="1"] body.view-bills-page .payment-method-copy,
:root[data-earth-skin="1"] body.view-bills-page .bill-delivery-note,
:root[data-earth-skin="1"] body.view-bills-page .bill-delivery-copy,
:root[data-earth-skin="1"] body.view-bills-page .bill-delivery-row span:first-child,
:root[data-earth-skin="1"] body.view-bills-page .payment-help-card-copy,
:root[data-earth-skin="1"] body.view-bills-page .payment-help-copy,
:root[data-earth-skin="1"] body.view-bills-page .payment-help-hours-row {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.view-bills-page .bill-delivery-card,
:root[data-earth-skin="1"] body.view-bills-page .payment-method-option,
:root[data-earth-skin="1"] body.view-bills-page .current-payment,
:root[data-earth-skin="1"] body.view-bills-page .payment-help-card {
    background: var(--earth-white) !important;
    border-color: var(--earth-hairline) !important;
    border-radius: 20px 16px 22px 14px / 14px 20px 16px 22px !important;
}

:root[data-earth-skin="1"] body.view-bills-page .bill-delivery-panel,
:root[data-earth-skin="1"] body.view-bills-page #bill-delivery-panel,
:root[data-earth-skin="1"] body.view-bills-page #direct-debit-panel {
    background: var(--earth-white) !important;
    border-top-color: var(--earth-divider) !important;
    overflow: hidden;
}

:root[data-earth-skin="1"] body.view-bills-page .payment-method-option:focus-within,
:root[data-earth-skin="1"] body.view-bills-page .payment-method-option:has(input[type="radio"]:checked) {
    border-color: var(--earth-deep-green) !important;
    background: var(--earth-pale-sage) !important;
}

:root[data-earth-skin="1"] body.view-bills-page .bill-delivery-price,
:root[data-earth-skin="1"] body.view-bills-page .bill-delivery-price.paper,
:root[data-earth-skin="1"] body.view-bills-page .payment-help-phone {
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.view-bills-page .payment-method-option input[type="radio"] {
    border-color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.view-bills-page .payment-method-option input[type="radio"]:checked::after {
    background: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.view-bills-page .accordion-toggle {
    min-height: 66px !important;
    background: var(--earth-white) !important;
    color: var(--earth-deep-green) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--earth-divider) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: left;
}

:root[data-earth-skin="1"] body.view-bills-page .accordion-title {
    color: var(--earth-deep-green) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

:root[data-earth-skin="1"] body.view-bills-page .accordion-copy {
    color: var(--earth-muted-sage-grey) !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

:root[data-earth-skin="1"] body.view-bills-page .accordion-icon {
    background: var(--earth-pale-sage) !important;
    color: var(--earth-deep-green) !important;
    border-radius: 56% 44% 52% 48% / 46% 56% 44% 54% !important;
}

:root[data-earth-skin="1"] body.view-bills-page .accordion-chevron {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] .action-row .action-title {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .action-row .action-text,
:root[data-earth-skin="1"] .network-summary-text {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] .network-summary .view-all {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
}

:root[data-earth-skin="1"] .network-summary .view-all i,
:root[data-earth-skin="1"] .network-summary .view-all svg {
    width: 16px;
    height: 16px;
    margin-left: 0;
    flex: 0 0 auto;
}

:root[data-earth-skin="1"] .quick-actions.is-disabled {
    filter: none !important;
    opacity: 1 !important;
    background: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] .quick-actions.is-disabled .action-row {
    background: var(--earth-cream) !important;
    border-bottom-color: var(--earth-divider) !important;
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .quick-actions.is-disabled .action-icon {
    background: var(--earth-pale-sage) !important;
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .quick-actions.is-disabled .action-text {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] .quick-actions.is-disabled .chevron {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] button.action-row {
    background: transparent !important;
    color: var(--earth-deep-green) !important;
    border: 0 !important;
    box-shadow: none !important;
    min-height: auto !important;
    padding: 14px 16px 14px 14px !important;
    text-align: left !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

:root[data-earth-skin="1"] .info-icon {
    color: var(--earth-deep-green) !important;
    background: transparent !important;
}

:root[data-earth-skin="1"] .info-icon i {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .info-icon:hover {
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] .info-icon:hover i {
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] .toggle-switch {
    background: #a8b5a8 !important;
    cursor: pointer !important;
    display: block !important;
}

:root[data-earth-skin="1"] .toggle-switch.is-on {
    background: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .new-schedule-btn,
:root[data-earth-skin="1"] .submit-schedule-btn {
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] .device-summary-card table tbody td:first-child {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body .details-toggle {
    color: var(--earth-white) !important;
}

:root[data-earth-skin="1"] body .details-toggle .hint {
    color: var(--earth-pale-sage) !important;
}

:root[data-earth-skin="1"] body .details-toggle i,
:root[data-earth-skin="1"] body .details-toggle svg,
:root[data-earth-skin="1"] body .details-toggle .chev {
    color: var(--earth-white) !important;
    stroke: var(--earth-white) !important;
}

:root[data-earth-skin="1"] .label {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .heatmap-list-card h3 {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .heatmap-list-card p,
:root[data-earth-skin="1"] .heatmap-empty p,
:root[data-earth-skin="1"] .status-pill span,
:root[data-earth-skin="1"] .measure-skip-btn,
:root[data-earth-skin="1"] .signal-legend,
:root[data-earth-skin="1"] .measure-progress {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] .heatmap-list-card__delete {
    width: 32px !important;
    height: 32px !important;
    border-radius: 999px !important;
    background: var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] .heatmap-list-card {
    background: var(--earth-white) !important;
}

:root[data-earth-skin="1"] .heatmap-list-card .past-survey-head {
    background: transparent !important;
    color: var(--earth-deep-green) !important;
    border: 0 !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] .heatmap-list-card .past-survey-head h3 {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .heatmap-list-card .past-survey-head p {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .floor-tabs {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

:root[data-earth-skin="1"] #heatmapBuilder .floor-tabs::-webkit-scrollbar {
    display: none;
}

:root[data-earth-skin="1"] #heatmapBuilder .floor-tab,
:root[data-earth-skin="1"] #heatmapBuilder .floor-add-btn,
:root[data-earth-skin="1"] #heatmapBuilder .floor-help-btn {
    min-height: 38px !important;
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 999px !important;
    color: var(--earth-deep-green) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    pointer-events: auto !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .floor-tab.is-active {
    background: var(--earth-deep-green) !important;
    border-color: var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .floor-add-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border-style: dashed !important;
    line-height: 1;
}

:root[data-earth-skin="1"] #heatmapBuilder .floor-add-btn i,
:root[data-earth-skin="1"] #heatmapBuilder .floor-add-btn svg {
    display: block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    line-height: 1;
}

:root[data-earth-skin="1"] #heatmapBuilder .floor-help-btn {
    width: 38px !important;
    min-width: 38px !important;
    height: 38px !important;
    padding: 0 !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .tool-rail {
    gap: 6px;
    margin: 10px 8px 0;
    background: var(--earth-pale-sage) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 999px !important;
    padding: 5px !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .tool-btn {
    min-height: 42px !important;
    padding: 7px 5px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--earth-deep-green) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    pointer-events: auto !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .tool-btn.is-active {
    background: var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .survey-guide {
    background: var(--earth-pale-sage) !important;
    border: 1px solid var(--earth-hairline) !important;
    color: var(--earth-muted-sage-grey) !important;
    border-radius: 20px 16px 19px 15px / 15px 19px 16px 20px !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .survey-guide strong {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .survey-guide.is-measure-guide {
    background: var(--earth-white) !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .controls {
    margin: 12px 8px 0;
}

:root[data-earth-skin="1"] #heatmapBuilder .action-stack {
    gap: 10px;
}

:root[data-earth-skin="1"] #heatmapBuilder .measure-skip-btn {
    color: var(--earth-white) !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .room-build-actions,
:root[data-earth-skin="1"] #heatmapBuilder .room-edit-panel {
    margin-right: 8px;
    margin-left: 8px;
}

:root[data-earth-skin="1"] #heatmapBuilder .clear-level-btn {
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 999px !important;
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .map-shell {
    background: var(--earth-white) !important;
    border-color: var(--earth-hairline) !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] #heatmapBuilder #heatmapCanvas {
    position: relative;
    z-index: 1;
    background: var(--earth-white) !important;
    pointer-events: auto !important;
    touch-action: none !important;
}

:root[data-earth-skin="1"] #heatmapBuilder .action-stack button,
:root[data-earth-skin="1"] #heatmapBuilder .room-build-actions button,
:root[data-earth-skin="1"] #heatmapBuilder .room-edit-panel button {
    position: relative;
    z-index: 2;
    pointer-events: auto !important;
}

:root[data-earth-skin="1"] .heatmap-empty strong,
:root[data-earth-skin="1"] .card h2 {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.my-account-page .promo-copy {
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] body.my-account-page .promo-action {
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] body.my-account-page .promo-card.friend .promo-copy,
:root[data-earth-skin="1"] body.my-account-page .promo-card.friend .promo-action {
    color: var(--earth-cream) !important;
    opacity: 1 !important;
}

:root[data-earth-skin="1"] body.my-account-page .promo-card.friend h3 {
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] .security-blurb {
    background: var(--earth-pale-sage) !important;
    border-left: 4px solid var(--earth-deep-green) !important;
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .latest-speed-card {
    background: var(--earth-white) !important;
    border-color: var(--earth-hairline) !important;
}

:root[data-earth-skin="1"] .latest-speed-title i {
    background: rgba(75, 98, 88, 0.12) !important;
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .latest-speed-title h2 {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .latest-speed-meta,
:root[data-earth-skin="1"] .latest-speed-label {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] .latest-speed-value {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .latest-speed-value span {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body .dl-card-light .dl-value {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .latest-speed-stat {
    background: var(--earth-pale-sage) !important;
    border-color: var(--earth-hairline) !important;
}

:root[data-earth-skin="1"] body:not(.view-bills-page) .pill-btn,
:root[data-earth-skin="1"] body:not(.view-bills-page) a.pill-btn {
    background: var(--earth-deep-green) !important;
    border: 0 !important;
    color: var(--earth-cream) !important;
    border-radius: 26px 20px 24px 18px / 20px 26px 18px 24px !important;
}

:root[data-earth-skin="1"] .pill {
    background: var(--earth-pale-sage) !important;
    color: var(--earth-forest-green) !important;
    border: 0 !important;
    border-radius: 26px 20px 24px 18px / 20px 26px 18px 24px !important;
}

:root[data-earth-skin="1"] button,
:root[data-earth-skin="1"] .btn,
:root[data-earth-skin="1"] a.pill-btn {
    border-radius: 26px 20px 24px 18px / 20px 26px 18px 24px !important;
}

:root[data-earth-skin="1"] body:not(.view-bills-page) .login-accordion__toggle {
    min-height: 64px !important;
    background: var(--earth-white) !important;
    color: var(--earth-deep-green) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body:not(.view-bills-page) .login-accordion__toggle .title {
    color: var(--earth-deep-green) !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

:root[data-earth-skin="1"] body:not(.view-bills-page) .login-accordion__chevron {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.my-account-page .service-toggle,
:root[data-earth-skin="1"] body.my-account-page .arrangement-toggle,
:root[data-earth-skin="1"] body.my-account-page .contact-row,
:root[data-earth-skin="1"] body.my-account-page .notification-entry {
    min-height: 64px !important;
    background: var(--earth-white) !important;
    color: var(--earth-deep-green) !important;
    border: 0 !important;
    border-bottom: 1px solid var(--earth-divider) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body.my-account-page .service-panel {
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body.my-account-page .service-panel .package-card {
    padding: 14px !important;
}

:root[data-earth-skin="1"] body.my-account-page .service-title,
:root[data-earth-skin="1"] body.my-account-page .arrangement-title,
:root[data-earth-skin="1"] body.my-account-page .contact-title,
:root[data-earth-skin="1"] body.my-account-page .notification-entry-title,
:root[data-earth-skin="1"] body.my-account-page .package-title,
:root[data-earth-skin="1"] body.my-account-page .loyalty-years,
:root[data-earth-skin="1"] body.my-account-page .support-plus-title {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.my-account-page .service-copy,
:root[data-earth-skin="1"] body.my-account-page .arrangement-copy,
:root[data-earth-skin="1"] body.my-account-page .contact-value,
:root[data-earth-skin="1"] body.my-account-page .notification-entry-summary,
:root[data-earth-skin="1"] body.my-account-page .package-label,
:root[data-earth-skin="1"] body.my-account-page .package-empty-copy,
:root[data-earth-skin="1"] body.my-account-page .loyalty-copy,
:root[data-earth-skin="1"] body.my-account-page .loyalty-label,
:root[data-earth-skin="1"] body.my-account-page .support-plus-note,
:root[data-earth-skin="1"] body.my-account-page .support-plus-price span,
:root[data-earth-skin="1"] body.my-account-page .nominated-copy,
:root[data-earth-skin="1"] body.my-account-page .poa-empty {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.my-account-page .service-icon,
:root[data-earth-skin="1"] body.my-account-page .arrangement-icon,
:root[data-earth-skin="1"] body.my-account-page .contact-icon,
:root[data-earth-skin="1"] body.my-account-page .notification-entry-icon {
    background: var(--earth-pale-sage) !important;
    color: var(--earth-deep-green) !important;
    border: 0 !important;
    border-radius: 56% 44% 52% 48% / 46% 56% 44% 54% !important;
}

:root[data-earth-skin="1"] body.my-account-page .service-chevron,
:root[data-earth-skin="1"] body.my-account-page .arrangement-chevron,
:root[data-earth-skin="1"] body.my-account-page .contact-chevron,
:root[data-earth-skin="1"] body.my-account-page .notification-entry-chevron {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.my-account-page .service-panel,
:root[data-earth-skin="1"] body.my-account-page .arrangement-panel,
:root[data-earth-skin="1"] body.my-account-page .package-card,
:root[data-earth-skin="1"] body.my-account-page .support-plus-card,
:root[data-earth-skin="1"] body.my-account-page .loyalty-card,
:root[data-earth-skin="1"] body.my-account-page .support-card,
:root[data-earth-skin="1"] body.my-account-page .nominated-card,
:root[data-earth-skin="1"] body.my-account-page .poa-document,
:root[data-earth-skin="1"] body.my-account-page .notification-list,
:root[data-earth-skin="1"] body.my-account-page .notification-group {
    background: var(--earth-white) !important;
    border-color: var(--earth-divider) !important;
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.my-account-page .arrangement-panel .support-card {
    padding: 14px !important;
}

:root[data-earth-skin="1"] body.my-account-page .details-card,
:root[data-earth-skin="1"] body.my-account-page .contact-card,
:root[data-earth-skin="1"] body.my-account-page .services-list,
:root[data-earth-skin="1"] body.my-account-page .arrangements-list {
    background: var(--earth-white) !important;
    border-color: var(--earth-hairline) !important;
    overflow: hidden;
}

:root[data-earth-skin="1"] body.my-account-page .details-row,
:root[data-earth-skin="1"] body.my-account-page .contact-row {
    background: var(--earth-white) !important;
}

:root[data-earth-skin="1"] body.my-account-page .package-value,
:root[data-earth-skin="1"] body.my-account-page .loyalty-date,
:root[data-earth-skin="1"] body.my-account-page .support-plus-price,
:root[data-earth-skin="1"] body.my-account-page .poa-document-title,
:root[data-earth-skin="1"] body.my-account-page .notification-group-title {
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.my-account-page .package-pill,
:root[data-earth-skin="1"] body.my-account-page .loyalty-pill,
:root[data-earth-skin="1"] body.my-account-page .support-plus-pill,
:root[data-earth-skin="1"] body.my-account-page .status-pill {
    background: var(--earth-pale-sage) !important;
    border-color: var(--earth-hairline) !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.my-account-page .package-pill.out,
:root[data-earth-skin="1"] body.my-account-page .loyalty-pill.out,
:root[data-earth-skin="1"] body.my-account-page .support-plus-pill.off {
    background: var(--earth-warm-tan) !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.my-account-page .support-plus-action,
:root[data-earth-skin="1"] body.my-account-page .notification-actions .plain-btn,
:root[data-earth-skin="1"] body.my-account-page .plain-btn.dark {
    background: var(--earth-deep-green) !important;
    border-color: var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] body.my-account-page .upload-drop,
:root[data-earth-skin="1"] body.my-account-page .nominated-add {
    min-height: 42px !important;
    background: var(--earth-pale-sage) !important;
    border: 1px solid var(--earth-hairline) !important;
    color: var(--earth-forest-green) !important;
    border-radius: 20px 16px 22px 14px / 14px 20px 16px 22px !important;
}

:root[data-earth-skin="1"] body.my-account-page .notification-section-title,
:root[data-earth-skin="1"] body.my-account-page .notification-actions {
    background: var(--earth-cream) !important;
    color: var(--earth-deep-green) !important;
    border-color: var(--earth-divider) !important;
}

:root[data-earth-skin="1"] body.my-account-page .notification-group-copy,
:root[data-earth-skin="1"] body.my-account-page .notification-intro,
:root[data-earth-skin="1"] body.my-account-page .notification-status {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.my-account-page .notification-modal-panel {
    background: var(--earth-cream) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 28px 22px 26px 20px / 22px 28px 20px 26px !important;
    box-shadow: 0 18px 45px rgba(50, 78, 67, 0.18) !important;
}

@media (min-width: 641px) {
    :root[data-earth-skin="1"] body.my-account-page .notification-modal-panel {
        max-width: clamp(520px, 58vw, 680px);
    }
}

:root[data-earth-skin="1"] body.my-account-page .notification-modal-panel .modal-title {
    color: var(--earth-deep-green) !important;
    font-weight: 600 !important;
    text-transform: lowercase;
}

:root[data-earth-skin="1"] body.my-account-page .notification-modal-panel .icon-btn {
    display: grid !important;
    place-items: center !important;
    width: 32px !important;
    min-width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 0 2px !important;
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 50% !important;
    color: var(--earth-muted-sage-grey) !important;
    box-shadow: var(--earth-card-shadow) !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
}

:root[data-earth-skin="1"][data-effective-theme] body.my-account-page .notification-modal-panel .notification-list {
    display: grid;
    gap: 12px;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

:root[data-earth-skin="1"][data-effective-theme] body.my-account-page .notification-modal-panel .notification-group {
    padding: 15px 14px 14px !important;
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 20px 16px 19px 15px / 15px 19px 16px 20px !important;
    box-shadow: var(--earth-card-shadow) !important;
}

:root[data-earth-skin="1"] body.my-account-page .notification-group-head {
    align-items: start;
}

:root[data-earth-skin="1"][data-effective-theme] body.my-account-page .notification-modal-panel .notification-section-title {
    padding: 7px 3px 0 !important;
    background: transparent !important;
    border: 0 !important;
}

:root[data-earth-skin="1"][data-effective-theme] body.my-account-page .notification-modal-panel .notification-group-title {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"][data-effective-theme] body.my-account-page .notification-modal-panel .notification-group-copy {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.my-account-page .notification-switch {
    position: relative;
    display: block !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    background: var(--earth-pale-sage) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body.my-account-page .notification-switch::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 20px !important;
    height: 20px !important;
    background: var(--earth-white) !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 3px rgba(50, 78, 67, 0.18) !important;
    transform: none;
    transition: transform 160ms ease;
}

:root[data-earth-skin="1"] body.my-account-page .notification-switch.is-on {
    background: var(--earth-deep-green) !important;
    border-color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.my-account-page .notification-switch.is-on::before {
    transform: translateX(16px);
}

:root[data-earth-skin="1"] body.my-account-page .notification-switch.is-on::after {
    content: "\2713";
    position: absolute;
    top: 1px;
    right: 1px;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    color: var(--earth-deep-green);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

:root[data-earth-skin="1"] body.my-account-page .notification-method {
    min-height: 28px !important;
    padding: 6px 10px !important;
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 999px !important;
    color: var(--earth-forest-green) !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    opacity: 1;
}

:root[data-earth-skin="1"] body.my-account-page .notification-method::before {
    content: "+";
    width: auto;
    height: auto;
    background: transparent !important;
    color: var(--earth-muted-sage-grey);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
}

:root[data-earth-skin="1"] body.my-account-page .notification-method.is-active {
    background: var(--earth-deep-green) !important;
    border-color: var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] body.my-account-page .notification-method.is-active::before {
    content: "\2713";
    color: var(--earth-cream);
}

:root[data-earth-skin="1"] body .section:has(.ts-header) {
    background: transparent !important;
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] .ts-title,
:root[data-earth-skin="1"] .ts-name {
    color: var(--earth-deep-green) !important;
    font-weight: 600 !important;
}

:root[data-earth-skin="1"] .ts-sub,
:root[data-earth-skin="1"] .ts-desc {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] .ts-item {
    min-height: 66px !important;
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 30px 22px 28px 20px / 20px 28px 22px 30px !important;
    color: var(--earth-deep-green) !important;
    box-shadow: var(--earth-card-shadow) !important;
}

:root[data-earth-skin="1"] .ts-ico {
    background: var(--earth-pale-sage) !important;
    color: var(--earth-deep-green) !important;
    border: 0 !important;
    border-radius: 56% 44% 52% 48% / 46% 56% 44% 54% !important;
}

:root[data-earth-skin="1"] .ts-chev {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] .ts-tip {
    background: var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
    border-radius: 30px 22px 28px 20px / 20px 28px 22px 30px !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] .ts-tip .bulb {
    background: var(--earth-pale-sage) !important;
    color: var(--earth-deep-green) !important;
    border-radius: 56% 44% 52% 48% / 46% 56% 44% 54% !important;
}

:root[data-earth-skin="1"] .ts-tip b {
    color: var(--earth-cream) !important;
}

:root[data-earth-skin="1"] .ts-ico[style*="ecfdf5"] {
    background: var(--earth-pale-sage) !important;
}

:root[data-earth-skin="1"] .ts-item [style*="color:#ff0000"],
:root[data-earth-skin="1"] .ts-item [style*="color: #ff0000"] {
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] .ts-item [style*="color:#63E6BE"],
:root[data-earth-skin="1"] .ts-item [style*="color: #63E6BE"] {
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.welcome-page {
    background: var(--earth-cream) !important;
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.welcome-page .welcome-shell {
    background: transparent !important;
}

:root[data-earth-skin="1"] body.welcome-page .welcome-copy h1,
:root[data-earth-skin="1"] body.welcome-page .timeline-label,
:root[data-earth-skin="1"] body.welcome-page .product-name {
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.welcome-page .welcome-copy p,
:root[data-earth-skin="1"] body.welcome-page .timeline-details,
:root[data-earth-skin="1"] body.welcome-page .timeline-date,
:root[data-earth-skin="1"] body.welcome-page .order-reference {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.welcome-page .header-action {
    background: var(--earth-white) !important;
    border-color: var(--earth-hairline) !important;
    color: var(--earth-deep-green) !important;
    box-shadow: var(--earth-control-shadow) !important;
}

:root[data-earth-skin="1"] body.welcome-page .timeline-card,
:root[data-earth-skin="1"] body.welcome-page .tour-invite {
    background: var(--earth-white) !important;
    border: 1px solid var(--earth-hairline) !important;
    border-radius: 30px 22px 28px 20px / 20px 28px 22px 30px !important;
    box-shadow: var(--earth-card-shadow) !important;
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.welcome-page .tour-invite-title {
    color: var(--earth-deep-green) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
}

:root[data-earth-skin="1"] body.welcome-page .tour-invite-text,
:root[data-earth-skin="1"] body.welcome-page .tour-chevron {
    color: var(--earth-muted-sage-grey) !important;
}

:root[data-earth-skin="1"] body.welcome-page .tour-heart {
    background: var(--earth-pale-sage) !important;
    color: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] body.welcome-page .timeline-row.done .timeline-icon,
:root[data-earth-skin="1"] body.welcome-page .timeline-row.active .timeline-icon {
    border-color: var(--earth-deep-green) !important;
    background: var(--earth-pale-sage) !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.welcome-page .welcome-nav {
    background: rgba(245,241,235,0.92) !important;
    border-top: 1px solid var(--earth-hairline) !important;
    backdrop-filter: blur(10px);
}

:root[data-earth-skin="1"] body.welcome-page .welcome-nav button,
:root[data-earth-skin="1"] body.welcome-page .welcome-nav a {
    min-height: 52px !important;
    gap: 3px !important;
    background: transparent !important;
    color: var(--earth-muted-sage-grey) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}

:root[data-earth-skin="1"] body.welcome-page .welcome-nav i,
:root[data-earth-skin="1"] body.welcome-page .welcome-nav svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    background: transparent !important;
    color: inherit !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.5 !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body.welcome-page .welcome-nav a.active {
    color: var(--earth-forest-green) !important;
    font-weight: 600 !important;
}

:root[data-earth-skin="1"] body.welcome-page .welcome-nav a.active i,
:root[data-earth-skin="1"] body.welcome-page .welcome-nav a.active svg {
    width: 52px !important;
    height: 30px !important;
    padding: 5px 16px !important;
    background: var(--earth-pale-sage) !important;
    border-radius: 18px 14px 17px 13px / 13px 17px 14px 18px !important;
}

:root[data-earth-skin="1"] body.welcome-page .order-card {
    background: var(--earth-deep-green) !important;
    border-color: var(--earth-deep-green) !important;
    box-shadow: none !important;
}

:root[data-earth-skin="1"] body.welcome-page .order-pill {
    background: var(--earth-pale-sage) !important;
    border-color: transparent !important;
    color: var(--earth-forest-green) !important;
}

:root[data-earth-skin="1"] body.welcome-page .tour-next,
:root[data-earth-skin="1"] body.welcome-page .dialog-close {
    background: var(--earth-deep-green) !important;
    color: var(--earth-cream) !important;
    border-radius: 26px 20px 24px 18px / 20px 26px 18px 24px !important;
}

:root[data-earth-skin="1"] .speed-spark--download path:first-of-type {
    fill: var(--earth-pale-sage) !important;
}

:root[data-earth-skin="1"] .speed-spark--download path:last-of-type {
    stroke: var(--earth-deep-green) !important;
}

:root[data-earth-skin="1"] .speed-spark--upload path:first-of-type {
    fill: var(--earth-warm-tan) !important;
}

:root[data-earth-skin="1"] .speed-spark--upload path:last-of-type {
    stroke: var(--earth-muted-sage-grey) !important;
}

/* Devices summary: replace the legacy purple card with the Earth hero palette. */
:root[data-earth-skin="1"] .connected-card {
    background: var(--earth-deep-green) !important;
    border: 1px solid var(--earth-deep-green) !important;
    border-radius: 30px 22px 28px 20px / 20px 28px 22px 30px !important;
    box-shadow: var(--earth-card-shadow) !important;
    color: var(--earth-white) !important;
}

:root[data-earth-skin="1"] .connected-label,
:root[data-earth-skin="1"] .connected-value {
    color: var(--earth-white) !important;
}

:root[data-earth-skin="1"] .connected-note {
    color: var(--earth-pale-sage) !important;
}

:root[data-earth-skin="1"] .connected-label i,
:root[data-earth-skin="1"] .connected-label svg {
    color: var(--earth-white) !important;
    stroke: currentColor !important;
}

@media (prefers-color-scheme: dark) {
    :root[data-earth-skin="1"] body,
    :root[data-earth-skin="1"] body * {
        color-scheme: light !important;
    }
}