/* ============================================================ Dashboard CONTENT panel buttons — compact purple-shimmer chips Mobile / fold / tablet (≤1023px) + full desktop (1024px+). Sidebar nav (.members-sidebar .sidebar-link) excluded. Load LAST (after dashboard-scroll.css). ============================================================ */ @keyframes dashboard-purple-border-shimmer { 0% { background-position: 0% 50%; } 100% { background-position: 200% 50%; } } /* ── Mobile, fold, tablet (≤1023px) — previous refinement ── */ @media (max-width: 1023px) { :root { --dashboard-panel-purple-soft: rgba(155, 127, 212, 0.28); --dashboard-panel-purple-hover: rgba(170, 145, 228, 0.42); --dashboard-panel-purple-glow: rgba(140, 110, 210, 0.12); --dashboard-panel-btn-bg: rgba(8, 16, 30, 0.82); --dashboard-panel-btn-bg-hover: rgba(16, 28, 48, 0.9); --dashboard-panel-btn-pad-y: 0.35rem; --dashboard-panel-btn-pad-x: 0.65rem; --dashboard-panel-btn-font: 0.6875rem; --dashboard-panel-btn-gap: 0.4rem; } @media (min-width: 768px) { :root { --dashboard-panel-btn-pad-y: 0.38rem; --dashboard-panel-btn-pad-x: 0.72rem; --dashboard-panel-btn-font: 0.71875rem; --dashboard-panel-btn-gap: 0.42rem; } } body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .btn-gold, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .btn-outline-gold, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-multitask-view-btn, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-back-dashboard-link, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .dashboard-content .btn-gold, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .dashboard-content .btn-outline-gold, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .dashboard-content .admin-multitask-view-btn, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .dashboard-content .admin-back-dashboard-link, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-gold, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-outline-gold, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-multitask-view-btn, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-back-dashboard-link, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-gold, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-outline-gold, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-multitask-view-btn, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-back-dashboard-link, body.member-dashboard-theme .spa-page .dashboard-layout .members-content .btn-gold, body.member-dashboard-theme .spa-page .dashboard-layout .members-content .btn-outline-gold, #page-members-dashboard .dashboard-admin-tools .btn-gold, #page-members-dashboard .dashboard-admin-tools .btn-outline-gold, #page-members-dashboard .dashboard-admin-tools .admin-multitask-view-btn, #page-members-dashboard #dashboard-admin-alerts-refresh, #page-members-dashboard .members-content .btn-gold, #page-members-dashboard .members-content .btn-outline-gold, #page-members-profile .members-content .btn-gold, #page-members-profile .members-content .btn-outline-gold, #page-members-trips .members-content .btn-gold, #page-members-trips .members-content .btn-outline-gold, #page-members-billing .members-content .btn-gold, #page-members-billing .members-content .btn-outline-gold, #page-members-billing-authorize .members-content .btn-gold, #page-members-billing-authorize .members-content .btn-outline-gold, #page-members-settings .members-content .btn-gold, #page-members-settings .members-content .btn-outline-gold, #page-members-request .members-content .btn-gold, #page-members-request .members-content .btn-outline-gold, html.admin-multitask-theme .spa-page.spa-admin-bookings-page .btn-gold, html.admin-multitask-theme .spa-page.spa-admin-bookings-page .btn-outline-gold, html.admin-multitask-theme .spa-page.spa-admin-bookings-page .admin-multitask-view-btn, html.admin-multitask-theme .spa-page.spa-admin-bookings-page .admin-back-dashboard-link, body.admin-multitask-theme .spa-page.spa-admin-bookings-page .btn-gold, body.admin-multitask-theme .spa-page.spa-admin-bookings-page .btn-outline-gold, body.admin-multitask-theme .spa-page.spa-admin-bookings-page .admin-multitask-view-btn, body.admin-multitask-theme .spa-page.spa-admin-bookings-page .admin-back-dashboard-link, .spa-page.spa-admin-bookings-page .btn-gold, .spa-page.spa-admin-bookings-page .btn-outline-gold, .spa-page.spa-admin-bookings-page .admin-multitask-view-btn, .spa-page.spa-admin-bookings-page .admin-back-dashboard-link, html.admin-multitask-theme #page-admin-client-portal .btn-gold, html.admin-multitask-theme #page-admin-client-portal .btn-outline-gold, html.admin-multitask-theme #page-admin-client-portal .admin-multitask-view-btn, html.admin-multitask-theme #page-admin-client-portal .admin-back-dashboard-link, body.admin-multitask-theme #page-admin-client-portal .btn-gold, body.admin-multitask-theme #page-admin-client-portal .btn-outline-gold, body.admin-multitask-theme #page-admin-client-portal .admin-multitask-view-btn, body.admin-multitask-theme #page-admin-client-portal .admin-back-dashboard-link, #page-admin-client-portal .btn-gold, #page-admin-client-portal .btn-outline-gold, #page-admin-client-portal .admin-multitask-view-btn, #page-admin-client-portal .admin-back-dashboard-link, html.admin-multitask-theme #page-cic-portal .btn-gold, html.admin-multitask-theme #page-cic-portal .btn-outline-gold, html.admin-multitask-theme #page-cic-portal .admin-multitask-view-btn, html.admin-multitask-theme #page-cic-portal .admin-back-dashboard-link, body.admin-multitask-theme #page-cic-portal .btn-gold, body.admin-multitask-theme #page-cic-portal .btn-outline-gold, body.admin-multitask-theme #page-cic-portal .admin-multitask-view-btn, body.admin-multitask-theme #page-cic-portal .admin-back-dashboard-link, #page-cic-portal .btn-gold, #page-cic-portal .btn-outline-gold, #page-cic-portal .admin-multitask-view-btn, #page-cic-portal .admin-back-dashboard-link, #page-members-multitask-profile .btn-gold, #page-members-multitask-profile .btn-outline-gold, #page-members-multitask-profile .admin-multitask-view-btn, #page-members-multitask-profile .admin-back-dashboard-link, #page-members-setup .btn-gold, #page-members-setup .btn-outline-gold { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 100% !important; min-height: 0 !important; padding: var(--dashboard-panel-btn-pad-y) var(--dashboard-panel-btn-pad-x) !important; font-size: var(--dashboard-panel-btn-font) !important; font-weight: 500 !important; letter-spacing: 0.02em !important; line-height: 1.3 !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap; border-radius: 6px !important; cursor: pointer; position: relative; isolation: isolate; color: rgba(255, 255, 255, 0.88) !important; background: var(--dashboard-panel-btn-bg) !important; background-image: none !important; border: 1px solid var(--dashboard-panel-purple-soft) !important; box-shadow: inset 0 0 0 1px rgba(180, 150, 235, 0.07), 0 0 8px var(--dashboard-panel-purple-glow) !important; transform: none !important; transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease; } body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .btn-gold::before, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .btn-outline-gold::before, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-multitask-view-btn::before, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-back-dashboard-link::before, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-gold::before, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-outline-gold::before, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-multitask-view-btn::before, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-back-dashboard-link::before, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-gold::before, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-outline-gold::before, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-multitask-view-btn::before, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-back-dashboard-link::before, #page-members-dashboard .dashboard-admin-tools .btn-gold::before, #page-members-dashboard .dashboard-admin-tools .btn-outline-gold::before, #page-members-dashboard #dashboard-admin-alerts-refresh::before, #page-members-dashboard .members-content .btn-gold::before, #page-members-dashboard .members-content .btn-outline-gold::before, .spa-page.spa-admin-bookings-page .btn-gold::before, .spa-page.spa-admin-bookings-page .btn-outline-gold::before, .spa-page.spa-admin-bookings-page .admin-multitask-view-btn::before, .spa-page.spa-admin-bookings-page .admin-back-dashboard-link::before, #page-admin-client-portal .btn-gold::before, #page-admin-client-portal .btn-outline-gold::before, #page-admin-client-portal .admin-multitask-view-btn::before, #page-admin-client-portal .admin-back-dashboard-link::before, #page-cic-portal .btn-gold::before, #page-cic-portal .btn-outline-gold::before, #page-cic-portal .admin-multitask-view-btn::before, #page-cic-portal .admin-back-dashboard-link::before, #page-members-multitask-profile .btn-gold::before, #page-members-multitask-profile .btn-outline-gold::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient( 90deg, rgba(120, 90, 190, 0.14), rgba(190, 160, 245, 0.45), rgba(120, 90, 190, 0.14) ); background-size: 200% 100%; animation: dashboard-purple-border-shimmer 6s linear infinite; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; opacity: 0.8; } body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .btn-gold:hover, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .btn-outline-gold:hover, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-multitask-view-btn:hover, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-back-dashboard-link:hover, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-gold:hover, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-outline-gold:hover, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-multitask-view-btn:hover, html.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-back-dashboard-link:hover, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-gold:hover, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-outline-gold:hover, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-multitask-view-btn:hover, body.admin-multitask-theme .spa-page .dashboard-layout .members-content .admin-back-dashboard-link:hover, #page-members-dashboard .dashboard-admin-tools .btn-gold:hover, #page-members-dashboard .dashboard-admin-tools .btn-outline-gold:hover, #page-members-dashboard #dashboard-admin-alerts-refresh:hover, #page-members-dashboard .members-content .btn-gold:hover, #page-members-dashboard .members-content .btn-outline-gold:hover, #page-members-profile .members-content .btn-gold:hover, #page-members-profile .members-content .btn-outline-gold:hover, #page-members-trips .members-content .btn-gold:hover, #page-members-trips .members-content .btn-outline-gold:hover, #page-members-billing .members-content .btn-gold:hover, #page-members-billing .members-content .btn-outline-gold:hover, #page-members-settings .members-content .btn-gold:hover, #page-members-settings .members-content .btn-outline-gold:hover, #page-members-request .members-content .btn-gold:hover, #page-members-request .members-content .btn-outline-gold:hover, .spa-page.spa-admin-bookings-page .btn-gold:hover, .spa-page.spa-admin-bookings-page .btn-outline-gold:hover, .spa-page.spa-admin-bookings-page .admin-multitask-view-btn:hover, .spa-page.spa-admin-bookings-page .admin-back-dashboard-link:hover, #page-admin-client-portal .btn-gold:hover, #page-admin-client-portal .btn-outline-gold:hover, #page-admin-client-portal .admin-multitask-view-btn:hover, #page-admin-client-portal .admin-back-dashboard-link:hover, #page-cic-portal .btn-gold:hover, #page-cic-portal .btn-outline-gold:hover, #page-cic-portal .admin-multitask-view-btn:hover, #page-cic-portal .admin-back-dashboard-link:hover, #page-members-multitask-profile .btn-gold:hover, #page-members-multitask-profile .btn-outline-gold:hover { background: var(--dashboard-panel-btn-bg-hover) !important; background-image: none !important; color: rgba(255, 255, 255, 0.96) !important; border-color: var(--dashboard-panel-purple-hover) !important; box-shadow: inset 0 0 0 1px rgba(190, 160, 245, 0.12), 0 0 6px rgba(130, 100, 200, 0.14) !important; transform: none !important; } body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-dashboard-filters, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-data-actions, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-view-toolbar, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .dashboard-panel-actions, #page-members-dashboard .dashboard-admin-tools .admin-dashboard-filters, #page-members-dashboard .dashboard-admin-tools .dashboard-panel-actions, .spa-page.spa-admin-bookings-page .admin-dashboard-filters, .spa-page.spa-admin-bookings-page .admin-data-actions, .spa-page.spa-admin-bookings-page .admin-view-toolbar, .spa-page.spa-admin-bookings-page .dashboard-panel-actions, #page-admin-client-portal .admin-dashboard-filters, #page-admin-client-portal .admin-data-actions, #page-admin-client-portal .admin-view-toolbar, #page-admin-client-portal .dashboard-panel-actions, #page-cic-portal .admin-dashboard-filters, #page-cic-portal .admin-data-actions, #page-cic-portal .admin-view-toolbar, #page-cic-portal .dashboard-panel-actions, #page-members-multitask-profile .admin-data-actions, #page-members-multitask-profile .dashboard-panel-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: var(--dashboard-panel-btn-gap) !important; } body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-dashboard-queue .dashboard-panel-actions, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-dashboard-queue .flex.flex-wrap, .spa-page.spa-admin-bookings-page .admin-dashboard-queue .dashboard-panel-actions, .spa-page.spa-admin-bookings-page .admin-dashboard-queue .flex.flex-wrap, #page-admin-client-portal .admin-dashboard-queue .dashboard-panel-actions, #page-admin-client-portal .admin-dashboard-queue .flex.flex-wrap { gap: var(--dashboard-panel-btn-gap) !important; margin-top: 0.35rem !important; } #page-members-dashboard #dashboard-admin-alerts-details .admin-member-details-body > .flex.flex-wrap { gap: var(--dashboard-panel-btn-gap) !important; align-items: flex-start !important; } #page-members-dashboard #dashboard-admin-alerts-details .admin-member-details-body > .flex.flex-wrap > p { flex: 1 1 12rem; min-width: 0; font-size: 0.75rem !important; line-height: 1.35; } #page-members-dashboard #dashboard-admin-alerts-refresh { margin-left: 0 !important; } .dashboard-sidebar-jump-modal .admin-section-jump-btn, .dashboard-sidebar-jump-modal .btn-outline-gold, .dashboard-section-jump-card .admin-section-jump-btn { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; padding: var(--dashboard-panel-btn-pad-y) var(--dashboard-panel-btn-pad-x) !important; font-size: var(--dashboard-panel-btn-font) !important; font-weight: 500 !important; letter-spacing: 0.02em !important; text-transform: none !important; line-height: 1.3 !important; border-radius: 6px !important; color: rgba(255, 255, 255, 0.88) !important; background: var(--dashboard-panel-btn-bg) !important; background-image: none !important; border: 1px solid var(--dashboard-panel-purple-soft) !important; box-shadow: inset 0 0 0 1px rgba(180, 150, 235, 0.07), 0 0 8px var(--dashboard-panel-purple-glow) !important; transform: none !important; } } @media (max-width: 1023px) and (prefers-reduced-motion: reduce) { body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .btn-gold::before, body.tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .btn-outline-gold::before, #page-members-dashboard .dashboard-admin-tools .btn-gold::before, #page-members-dashboard .dashboard-admin-tools .btn-outline-gold::before, .spa-page.spa-admin-bookings-page .btn-gold::before, .spa-page.spa-admin-bookings-page .btn-outline-gold::before, #page-admin-client-portal .btn-gold::before, #page-admin-client-portal .btn-outline-gold::before { animation: none; } } /* ── Full desktop (1024px+) — higher specificity vs gold pill overrides ── */ @media (min-width: 1024px) { :root { --dashboard-panel-purple-soft: rgba(155, 127, 212, 0.28); --dashboard-panel-purple-hover: rgba(170, 145, 228, 0.42); --dashboard-panel-purple-glow: rgba(140, 110, 210, 0.12); --dashboard-panel-btn-bg: rgba(8, 16, 30, 0.82); --dashboard-panel-btn-bg-hover: rgba(16, 28, 48, 0.9); --dashboard-panel-btn-pad-y: 0.42rem; --dashboard-panel-btn-pad-x: 0.78rem; --dashboard-panel-btn-font: 0.75rem; --dashboard-panel-btn-gap: 0.45rem; } body.tophat-desktop-nav:not(.tophat-compact-desktop-nav).tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav).tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav).tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-multitask-view-btn, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav).tophat-dashboard-layout-active .spa-page .dashboard-layout .members-content .admin-back-dashboard-link, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav).tophat-dashboard-layout-active .spa-page .dashboard-layout .dashboard-content .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav).tophat-dashboard-layout-active .spa-page .dashboard-layout .dashboard-content .btn-outline-gold, html.admin-multitask-theme body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page .dashboard-layout .members-content .btn-gold, html.admin-multitask-theme body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page .dashboard-layout .members-content .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav).admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav).admin-multitask-theme .spa-page .dashboard-layout .members-content .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .dashboard-admin-tools .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .dashboard-admin-tools .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard #dashboard-admin-alerts-refresh, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .members-content .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .members-content .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .members-content .admin-data-actions .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-profile .members-content .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-profile .members-content .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-trips .members-content .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-trips .members-content .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-billing .members-content .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-billing .members-content .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-settings .members-content .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-settings .members-content .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-request .members-content .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-request .members-content .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page.spa-admin-bookings-page .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page.spa-admin-bookings-page .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-admin-client-portal .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-admin-client-portal .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-admin-client-portal .admin-data-actions .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-cic-portal .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-cic-portal .btn-outline-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-multitask-profile .btn-gold, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-multitask-profile .btn-outline-gold { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: auto !important; max-width: 100% !important; min-height: 0 !important; padding: var(--dashboard-panel-btn-pad-y) var(--dashboard-panel-btn-pad-x) !important; font-size: var(--dashboard-panel-btn-font) !important; font-weight: 500 !important; letter-spacing: 0.02em !important; line-height: 1.3 !important; text-transform: none !important; text-decoration: none !important; white-space: nowrap; border-radius: 6px !important; cursor: pointer; position: relative; isolation: isolate; color: rgba(255, 255, 255, 0.88) !important; background: var(--dashboard-panel-btn-bg) !important; background-image: none !important; border: 1px solid var(--dashboard-panel-purple-soft) !important; box-shadow: inset 0 0 0 1px rgba(180, 150, 235, 0.07), 0 0 8px var(--dashboard-panel-purple-glow) !important; transform: none !important; transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease; } body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .dashboard-admin-tools .btn-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .dashboard-admin-tools .btn-outline-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .members-content .btn-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .members-content .btn-outline-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page.spa-admin-bookings-page .btn-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page.spa-admin-bookings-page .btn-outline-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-admin-client-portal .btn-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-admin-client-portal .btn-outline-gold::before { content: ''; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient( 90deg, rgba(120, 90, 190, 0.14), rgba(190, 160, 245, 0.45), rgba(120, 90, 190, 0.14) ); background-size: 200% 100%; animation: dashboard-purple-border-shimmer 6s linear infinite; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; z-index: -1; opacity: 0.8; } body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .members-content .btn-gold:hover, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .members-content .btn-outline-gold:hover, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .dashboard-admin-tools .btn-gold:hover, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .dashboard-admin-tools .btn-outline-gold:hover, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-admin-client-portal .btn-gold:hover, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-admin-client-portal .btn-outline-gold:hover, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page.spa-admin-bookings-page .btn-gold:hover, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page.spa-admin-bookings-page .btn-outline-gold:hover { background: var(--dashboard-panel-btn-bg-hover) !important; background-image: none !important; color: rgba(255, 255, 255, 0.96) !important; border-color: var(--dashboard-panel-purple-hover) !important; box-shadow: inset 0 0 0 1px rgba(190, 160, 245, 0.12), 0 0 6px rgba(130, 100, 200, 0.14) !important; transform: none !important; } body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .dashboard-admin-tools .dashboard-panel-actions, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .members-content .dashboard-panel-actions, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-admin-client-portal .dashboard-panel-actions, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page.spa-admin-bookings-page .dashboard-panel-actions { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: var(--dashboard-panel-btn-gap) !important; } } @media (min-width: 1024px) and (prefers-reduced-motion: reduce) { body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .dashboard-admin-tools .btn-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-members-dashboard .dashboard-admin-tools .btn-outline-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page.spa-admin-bookings-page .btn-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) .spa-page.spa-admin-bookings-page .btn-outline-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-admin-client-portal .btn-gold::before, body.tophat-desktop-nav:not(.tophat-compact-desktop-nav) #page-admin-client-portal .btn-outline-gold::before { animation: none; } }