/**
 * Hub shell polish — theme-aware (light + dark via color.css hub-panel tokens).
 * Loaded after main.css + panel styles.
 */

/* Shared icon buttons inside glass panels */
#account-dashboard.account-dashboard-panel .ttms-icon-btn--on-dark,
#account-dashboard.account-dashboard-panel .account-dashboard-panel-tools .ttms-icon-btn,
#dashboard.dashboard-panel .ttms-icon-btn--on-dark,
.menu-panel .menu-header .close-menu-btn.ttms-icon-btn--on-dark,
.ttms-cart-drawer__close.ttms-icon-btn {
    border: 1px solid var(--hub-panel-icon-border);
    background: var(--hub-panel-icon-bg);
    color: var(--hub-panel-ink);
}

#account-dashboard.account-dashboard-panel .ttms-icon-btn--on-dark:hover,
#account-dashboard.account-dashboard-panel .account-dashboard-panel-tools .ttms-icon-btn:hover,
#account-dashboard.account-dashboard-panel .ttms-icon-btn--on-dark:focus-visible,
#account-dashboard.account-dashboard-panel .account-dashboard-panel-tools .ttms-icon-btn:focus-visible,
#dashboard.dashboard-panel .ttms-icon-btn--on-dark:hover,
#dashboard.dashboard-panel .ttms-icon-btn--on-dark:focus-visible,
.menu-panel .menu-header .close-menu-btn.ttms-icon-btn--on-dark:hover,
.menu-panel .menu-header .close-menu-btn.ttms-icon-btn--on-dark:focus-visible,
.ttms-cart-drawer__close.ttms-icon-btn:hover,
.ttms-cart-drawer__close.ttms-icon-btn:focus-visible {
    background: var(--hub-panel-icon-hover-bg);
    border-color: var(--hub-panel-icon-hover-border);
}

/* Panel header SVG icons — currentColor via parent button (no img filters) */
#account-dashboard.account-dashboard-panel .dashboard-header-close-img,
#account-dashboard.account-dashboard-panel .cart-btn-icon,
#dashboard.dashboard-panel .dashboard-header-close-img,
#dashboard.dashboard-panel .cart-btn-icon,
.menu-panel .menu-header .close-menu-btn .dashboard-header-close-img,
.ttms-cart-drawer__close .dashboard-header-close-img {
    display: block;
    flex-shrink: 0;
    filter: none;
    color: currentColor;
}

/* Inline SVG icons — main.css .ttms-icon-btn--on-dark always inverts to white */
#dashboard.dashboard-panel .ttms-icon-btn--on-dark svg,
#dashboard.dashboard-panel .account-btn svg,
#dashboard.dashboard-panel .hero-subscribe-btn svg,
#account-dashboard.account-dashboard-panel .account-dashboard-panel-tools .ttms-icon-btn svg,
#account-dashboard.account-dashboard-panel .account-dashboard-panel-tools .ttms-icon-btn--on-dark svg,
.menu-panel .menu-header .close-menu-btn.ttms-icon-btn svg {
    filter: none;
    color: currentColor;
}

/* Menu panel close — same circle size as account/dashboard header buttons */
.menu-panel .menu-header .close-menu-btn.ttms-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    min-width: 2.65rem;
    min-height: 2.65rem;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    box-shadow: none;
    backdrop-filter: none;
    font: inherit;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        border-color 0.2s ease;
}

.menu-panel .menu-header .close-menu-btn .dashboard-header-close-img {
    width: 1.15rem;
    height: 1.15rem;
    opacity: 0.88;
}

#dashboard.dashboard-panel .account-btn,
#dashboard.dashboard-panel .hero-subscribe-btn {
    color: var(--hub-panel-ink);
}

#dashboard.dashboard-panel .account-btn svg,
#dashboard.dashboard-panel .hero-subscribe-btn svg {
    color: inherit;
}

/* Dashboard header trailing — subscribe/close use theme ink (not main.css white invert) */
#dashboard.dashboard-panel .dashboard-header-trailing .ttms-icon-btn--on-dark,
#dashboard.dashboard-panel .dashboard-header-trailing .hero-subscribe-btn {
    color: var(--hub-panel-ink) !important;
    background: var(--hub-panel-icon-bg) !important;
    border-color: var(--hub-panel-icon-border) !important;
    box-shadow: none !important;
}

#dashboard.dashboard-panel .dashboard-header-trailing .ttms-icon-btn--on-dark:hover,
#dashboard.dashboard-panel .dashboard-header-trailing .hero-subscribe-btn:hover,
#dashboard.dashboard-panel .dashboard-header-trailing .ttms-icon-btn--on-dark:focus-visible,
#dashboard.dashboard-panel .dashboard-header-trailing .hero-subscribe-btn:focus-visible {
    background: var(--hub-panel-icon-hover-bg) !important;
    border-color: var(--hub-panel-icon-hover-border) !important;
}

#dashboard.dashboard-panel .dashboard-header-trailing .ttms-icon-btn--on-dark svg,
#dashboard.dashboard-panel .dashboard-header-trailing .ttms-icon-btn__svg,
#dashboard.dashboard-panel .dashboard-header-trailing .hero-subscribe-btn svg,
#dashboard.dashboard-panel .dashboard-header-trailing .dashboard-header-close-img {
    filter: none !important;
    color: currentColor !important;
    opacity: 0.88;
}

#dashboard.dashboard-panel .dashboard-header-trailing .hero-subscribe-btn *,
#dashboard.dashboard-panel .dashboard-header-trailing .hero-subscribe-btn span {
    color: inherit !important;
}

/* Account — guest: black in light mode, white in dark mode */
#dashboard.dashboard-panel .dashboard-header-trailing .account-btn {
    color: var(--text-primary) !important;
    background: var(--hub-panel-icon-bg) !important;
    border-color: var(--hub-panel-icon-border) !important;
    box-shadow: none !important;
}

#dashboard.dashboard-panel .dashboard-header-trailing .account-btn:hover,
#dashboard.dashboard-panel .dashboard-header-trailing .account-btn:focus-visible {
    background: var(--hub-panel-icon-hover-bg) !important;
    border-color: var(--hub-panel-icon-hover-border) !important;
}

#dashboard.dashboard-panel .dashboard-header-trailing .account-btn svg,
#dashboard.dashboard-panel .dashboard-header-trailing .account-btn svg.icon {
    filter: none !important;
    color: inherit !important;
    opacity: 0.88;
}

[data-theme="dark"] #dashboard.dashboard-panel .dashboard-header-trailing .account-btn,
[data-theme="dark"] #dashboard.dashboard-panel .dashboard-header-trailing .account-btn svg,
[data-theme="dark"] #dashboard.dashboard-panel .dashboard-header-trailing .account-btn svg.icon {
    color: var(--text-primary) !important;
}

[data-theme="dark"] body.ttms-logged-in #dashboard.dashboard-panel .dashboard-header-trailing .account-btn,
[data-theme="dark"] body.ttms-logged-in #dashboard.dashboard-panel .dashboard-header-trailing .account-btn svg,
[data-theme="dark"] body.ttms-logged-in #dashboard.dashboard-panel .dashboard-header-trailing .account-btn svg.icon {
    color: var(--hub-panel-success) !important;
}

/* Account — signed in: green icon + ring (both themes) */
body.ttms-logged-in #dashboard.dashboard-panel .dashboard-header-trailing .account-btn,
#dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn.account-btn--signed-in {
    color: var(--hub-panel-success) !important;
    border-color: color-mix(in srgb, var(--hub-panel-success) 45%, var(--hub-panel-icon-border)) !important;
    background: color-mix(in srgb, var(--hub-panel-success) 12%, var(--hub-panel-icon-bg)) !important;
}

body.ttms-logged-in #dashboard.dashboard-panel .dashboard-header-trailing .account-btn:hover,
body.ttms-logged-in #dashboard.dashboard-panel .dashboard-header-trailing .account-btn:focus-visible,
#dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn.account-btn--signed-in:hover,
#dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn.account-btn--signed-in:focus-visible {
    border-color: color-mix(in srgb, var(--hub-panel-success) 55%, var(--hub-panel-icon-hover-border)) !important;
    background: color-mix(in srgb, var(--hub-panel-success) 18%, var(--hub-panel-icon-hover-bg)) !important;
}

body.ttms-logged-in #dashboard.dashboard-panel .dashboard-header-trailing .account-btn svg,
body.ttms-logged-in #dashboard.dashboard-panel .dashboard-header-trailing .account-btn svg.icon,
#dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn.account-btn--signed-in svg,
#dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn.account-btn--signed-in svg.icon,
#dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn.account-btn--signed-in *,
body.ttms-logged-in #dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn svg,
body.ttms-logged-in #dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn svg.icon,
body.ttms-logged-in #dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn * {
    color: var(--hub-panel-success) !important;
    opacity: 1;
}

[data-theme="dark"] body.ttms-logged-in #dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn,
[data-theme="dark"] body.ttms-logged-in #dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn svg,
[data-theme="dark"] body.ttms-logged-in #dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn *,
[data-theme="dark"] #dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn.account-btn--signed-in,
[data-theme="dark"] #dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn.account-btn--signed-in svg,
[data-theme="dark"] #dashboard.dashboard-panel .header.dashboard-header-bar a.account-btn.account-btn--signed-in * {
    color: var(--hub-panel-success) !important;
}

/* Main header account icon — beat main.css guest colors + signed-in green */
body.ttms-logged-in .main-header .header-actions .account-btn,
.main-header .header-actions .account-btn.account-btn--signed-in {
    color: var(--hub-panel-success, var(--success, #28a745)) !important;
    border-color: color-mix(in srgb, var(--hub-panel-success, var(--success, #28a745)) 55%, transparent) !important;
    background: color-mix(in srgb, var(--hub-panel-success, var(--success, #28a745)) 10%, var(--glass-bg)) !important;
}

body.ttms-logged-in .main-header .header-actions .account-btn svg,
body.ttms-logged-in .main-header .header-actions .account-btn svg.icon,
.main-header .header-actions .account-btn.account-btn--signed-in svg,
.main-header .header-actions .account-btn.account-btn--signed-in svg.icon {
    color: var(--hub-panel-success, var(--success, #28a745)) !important;
}

[data-theme="dark"] body.ttms-logged-in .main-header .header-actions .account-btn,
[data-theme="dark"] .main-header .header-actions .account-btn.account-btn--signed-in,
[data-theme="dark"] body.ttms-logged-in .main-header .header-actions .account-btn svg,
[data-theme="dark"] body.ttms-logged-in .main-header .header-actions .account-btn svg.icon,
[data-theme="dark"] .main-header .header-actions .account-btn.account-btn--signed-in svg,
[data-theme="dark"] .main-header .header-actions .account-btn.account-btn--signed-in svg.icon {
    color: var(--hub-panel-success, #81c784) !important;
}

#dashboard.dashboard-panel .dashboard-header-trailing .hero-subscribe-btn.subscribed,
#dashboard.dashboard-panel .dashboard-header-trailing .hero-subscribe-btn.subscribed svg {
    color: color-mix(in srgb, var(--hub-panel-accent) 82%, var(--hub-panel-ink)) !important;
}

#account-dashboard.account-dashboard-panel .account-dashboard-panel-tools .ttms-icon-btn--on-dark,
#account-dashboard.account-dashboard-panel .account-dashboard-panel-tools .ttms-icon-btn {
    color: var(--hub-panel-ink) !important;
}

#account-dashboard.account-dashboard-panel .account-dashboard-panel-tools .ttms-icon-btn--on-dark svg,
#account-dashboard.account-dashboard-panel .account-dashboard-panel-tools .ttms-icon-btn svg,
#account-dashboard.account-dashboard-panel .account-dashboard-panel-tools .dashboard-header-close-img {
    filter: none !important;
    color: currentColor !important;
}

/* Beat main.css #dashboard .header .hero-subscribe-btn pill layout */
#dashboard.dashboard-panel .header.dashboard-header-bar .hero-subscribe-btn {
    flex-direction: row;
    gap: 0;
    padding: 0;
    width: 2.65rem;
    height: 2.65rem;
    min-width: 2.65rem;
    max-width: none;
    border-radius: 50%;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: normal;
    line-height: normal;
    text-align: center;
    box-shadow: none;
}

#dashboard.dashboard-panel .header.dashboard-header-bar .hero-subscribe-btn *,
#dashboard.dashboard-panel .header.dashboard-header-bar .hero-subscribe-btn span {
    color: inherit !important;
}

/* ── Account panel: beat main.css light overlay ── */
#account-dashboard.account-dashboard-panel {
    color: var(--hub-panel-ink);
    background: var(--hub-panel-bg-gradient);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: none;
    border-left: 1px solid var(--hub-panel-border-subtle);
    box-shadow: var(--hub-panel-shadow);
}

#account-dashboard.account-dashboard-panel .header.account-dashboard-panel-header {
    flex-direction: column;
    align-items: stretch;
    min-height: unset;
    max-height: none;
    padding: 0.65rem 0.85rem;
    border-bottom: 1px solid var(--hub-panel-border);
    background: var(--hub-panel-header-gradient);
    position: relative;
    top: auto;
}

#account-dashboard.account-dashboard-panel .header a:not(.account-dashboard-profile-link) {
    height: auto;
    flex-direction: row;
    font-size: inherit;
    font-weight: inherit;
    justify-content: flex-start;
    color: inherit;
    background: transparent;
    border: none;
    border-radius: 0;
    backdrop-filter: none;
    box-shadow: none;
}

#account-dashboard.account-dashboard-panel .header a:not(.account-dashboard-profile-link)::before {
    display: none;
}

#account-dashboard.account-dashboard-panel .account-dashboard-user-info--header .account-dashboard-profile-link {
    flex-direction: row;
    height: auto;
    color: var(--hub-panel-ink);
}

#account-dashboard.account-dashboard-panel .account-dashboard-user-data,
#account-dashboard.account-dashboard-panel .account-dashboard-login-prompt {
    border-bottom: none;
    margin-bottom: 0;
}

#account-dashboard.account-dashboard-panel .account-dashboard-panel-title,
#account-dashboard.account-dashboard-panel .user-name,
#account-dashboard.account-dashboard-panel .user-data-title {
    color: var(--hub-panel-ink);
}

#account-dashboard.account-dashboard-panel .user-email {
    color: var(--hub-panel-ink-muted);
}

#account-dashboard.account-dashboard-panel .user-email.is-hidden,
#account-dashboard.account-dashboard-panel .user-email[hidden] {
    display: none !important;
}

#account-dashboard.account-dashboard-panel .account-dashboard-logout {
    order: 10;
    margin-top: 0.35rem;
}

#account-dashboard.account-dashboard-panel .account-dashboard-body-scroll {
    display: flex;
    flex-direction: column;
}

#account-dashboard.account-dashboard-panel .account-dashboard-user-data {
    order: 1;
}

#account-dashboard.account-dashboard-panel .account-dashboard-login-prompt {
    order: 0;
}

/* ── Cart drawer ── */
.ttms-cart-drawer {
    --cart-accent: var(--hub-panel-accent);
    --cart-ink: var(--hub-panel-ink);
    --cart-ink-muted: var(--hub-panel-ink-muted);
}

.ttms-cart-drawer__backdrop {
    background: var(--hub-panel-backdrop);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.ttms-cart-drawer__panel {
    background: var(--hub-panel-bg-gradient);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border-left: 1px solid var(--hub-panel-border-subtle);
    box-shadow: var(--hub-panel-shadow);
    color: var(--cart-ink);
}

.ttms-cart-drawer__header {
    padding: 0.85rem 1rem 0.65rem;
    border-bottom: 1px solid var(--hub-panel-border);
    background: var(--hub-panel-header-gradient);
}

.ttms-cart-drawer__title {
    color: var(--cart-ink);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.ttms-cart-drawer__sub {
    color: var(--cart-ink-muted);
    margin-top: 0.65rem;
}

.ttms-cart-drawer__empty {
    color: var(--cart-ink-muted);
    background: var(--hub-panel-surface-inset);
    border: 1px dashed var(--hub-panel-border);
    border-radius: 0.85rem;
}

.ttms-cart-drawer__footer {
    border-top: 1px solid var(--hub-panel-border);
    background: var(--hub-panel-footer-gradient);
    padding: 0.85rem 1rem max(0.85rem, env(safe-area-inset-bottom, 0));
}

.ttms-cart-drawer__subtotal {
    color: var(--cart-ink-muted);
}

.ttms-cart-drawer__subtotal strong {
    color: var(--cart-ink);
}

.ttms-cart-drawer__btn--ghost {
    border: 1px solid var(--hub-panel-icon-border);
    background: var(--hub-panel-icon-bg);
    color: var(--cart-ink);
    border-radius: 999px;
}

.ttms-cart-drawer__btn--ghost:hover:not(:disabled) {
    background: var(--hub-panel-icon-hover-bg);
    border-color: var(--hub-panel-icon-hover-border);
}

.ttms-cart-vendor__name {
    color: var(--cart-ink-muted);
}

.ttms-cart-line {
    background: var(--hub-panel-surface);
    border: 1px solid var(--hub-panel-border);
    box-shadow: inset 0 1px 0 var(--hub-panel-surface-inset);
}

.ttms-cart-line__title {
    color: var(--cart-ink);
}

.ttms-cart-line__notes,
.ttms-cart-line__menu {
    color: var(--cart-ink-muted);
}

.ttms-cart-onboarding-details {
    margin-top: 0.65rem;
    padding: 0.75rem;
    border-radius: 0.75rem;
    background: var(--hub-panel-surface-inset);
    border: 1px solid var(--hub-panel-border-subtle);
}

.ttms-cart-onboarding-details__list dt {
    color: var(--cart-ink-muted);
    font-weight: 600;
}

.ttms-cart-onboarding-details__list dd {
    margin: 0;
    color: var(--cart-ink);
    word-break: break-word;
}

.ttms-cart-onboarding-details__list a {
    color: color-mix(in srgb, var(--cart-accent) 70%, var(--hub-panel-ink));
}

.ttms-cart-onboarding-details__heading {
    margin: 0.65rem 0 0.25rem;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--cart-ink-muted);
}

.ttms-cart-onboarding-details__bullets {
    margin: 0;
    padding-left: 1.1rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--cart-ink-muted);
}

.ttms-cart-onboarding-actions__hint {
    color: var(--cart-ink-muted);
    font-size: 0.84rem;
    line-height: 1.45;
}

.ttms-cart-onboarding-actions__hint--error {
    color: #e85d5d;
    font-weight: 600;
}

/* ── Loader login card ── */
.loader-login-container.show {
    background: var(--hub-panel-backdrop);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.loader-login-content {
    max-width: 22rem;
    padding: 1.35rem 1.25rem 1.5rem;
    border-radius: 1.25rem;
    border: 1px solid var(--hub-panel-border);
    background: var(--hub-panel-bg-gradient);
    box-shadow: var(--hub-panel-shadow);
    color: var(--hub-panel-ink);
}

.loader-login-logo {
    height: 5.5rem;
    margin-bottom: 0;
    filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
}

.loader-login-header p,
.loader-login-lede {
    margin: 0;
    font-size: 0.92rem;
    line-height: 1.5;
    color: var(--hub-panel-ink-muted);
}

.loader-login-title {
    margin: 0 0 0.45rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--hub-panel-ink);
    text-align: center;
}

.loader-login-submit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 2.75rem;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--hub-panel-accent) 45%, var(--hub-panel-border));
    background: linear-gradient(
        180deg,
        color-mix(in srgb, var(--hub-panel-accent) 88%, #fff) 0%,
        color-mix(in srgb, var(--hub-panel-accent) 72%, var(--hub-panel-ink)) 100%
    );
    color: var(--hub-panel-accent-ink);
    font-weight: 700;
    text-decoration: none;
    box-shadow:
        0 4px 16px color-mix(in srgb, var(--hub-panel-accent) 28%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.loader-login-submit:hover {
    transform: translateY(-1px);
    box-shadow:
        0 6px 20px color-mix(in srgb, var(--hub-panel-accent) 35%, transparent),
        inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.loader-login-divider::before {
    background: var(--hub-panel-border);
}

.loader-login-divider span {
    color: var(--hub-panel-ink-muted);
    background: transparent;
}

.loader-login-footer-text {
    color: var(--hub-panel-ink-muted);
}

.loader-login-signup-link {
    color: color-mix(in srgb, var(--hub-panel-accent) 75%, var(--hub-panel-ink));
}

.loader-login-skip {
    color: var(--hub-panel-ink-muted);
    border: 1px solid var(--hub-panel-border);
    background: var(--hub-panel-icon-bg);
    border-radius: 999px;
    padding: 0.55rem 1rem;
}

.loader-login-skip:hover {
    background: var(--hub-panel-icon-hover-bg);
    border-color: var(--hub-panel-icon-hover-border);
}

/* ── CPS provision modal ── */
.ttms-cps-provision-modal__panel {
    border: 1px solid var(--hub-panel-border);
    background: var(--hub-panel-bg-gradient);
    color: var(--hub-panel-ink);
    box-shadow: var(--hub-panel-shadow);
}

.ttms-cps-provision-modal__title {
    color: var(--hub-panel-ink);
}

.ttms-cps-provision-modal__lede {
    color: var(--hub-panel-ink-muted);
}

/* ── Dashboard panel (main.css #dashboard * color fix) ── */
#dashboard.dashboard-panel {
    color: var(--hub-panel-ink);
    background: var(--hub-panel-bg-gradient);
    border-right: 1px solid var(--hub-panel-border-subtle);
    box-shadow: var(--hub-panel-shadow);
}

#dashboard.dashboard-panel .dashboard-panel-header,
#dashboard.dashboard-panel .header.dashboard-header-bar {
    border-bottom: 1px solid var(--hub-panel-border);
    background: var(--hub-panel-header-gradient);
}

#dashboard.dashboard-panel .dashboard-panel-empty__title,
#dashboard.dashboard-panel .body.dashboard-panel-list li b {
    color: var(--hub-panel-ink);
}

#dashboard.dashboard-panel .dashboard-panel-empty__hint {
    color: var(--hub-panel-ink-muted);
}

#dashboard.dashboard-panel .body.dashboard-panel-list li {
    border: 1px solid var(--hub-panel-border);
    background: linear-gradient(
        165deg,
        var(--hub-panel-surface) 0%,
        var(--hub-panel-surface-inset) 100%
    );
}

#dashboard.dashboard-panel .dashboardfooter.dashboard-panel-footer {
    border-top: 1px solid var(--hub-panel-border);
    background: var(--hub-panel-footer-gradient);
}

#dashboard.dashboard-panel .dashboard-panel-footer__row a {
    border: 1px solid var(--hub-panel-border);
    background: var(--hub-panel-icon-bg);
    color: var(--hub-panel-ink);
}

#dashboard.dashboard-panel .dashboard-panel-footer__row a:hover,
#dashboard.dashboard-panel .dashboard-panel-footer__row a:focus-visible {
    background: var(--hub-panel-icon-hover-bg);
    border-color: color-mix(in srgb, var(--hub-panel-accent) 38%, var(--hub-panel-border));
}

@media (max-width: 480px) {
    #account-dashboard.account-dashboard-panel {
        max-width: 100vw;
    }

    .ttms-cart-drawer__panel {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .loader-login-submit:hover {
        transform: none;
    }
}