/* app/static/css/light_theme_overrides.css */
/* Final light-theme pass loaded after page CSS. */

body.light-theme {
    --paxor-light-page: #f4f8fb;
    --paxor-light-surface: rgba(249, 252, 255, 0.96);
    --paxor-light-surface-strong: rgba(255, 255, 255, 0.98);
    --paxor-light-strip: rgba(238, 247, 251, 0.96);
    --paxor-light-border: rgba(3, 125, 156, 0.2);
    --paxor-light-border-strong: rgba(3, 125, 156, 0.34);
    --paxor-light-text: #132033;
    --paxor-light-muted: #52637a;
    --paxor-light-accent: #037d9c;
    color: var(--paxor-light-text) !important;
    background: transparent !important;
}

body.light-theme .main-content {
    color: var(--paxor-light-text) !important;
    background: transparent !important;
}

body.light-theme nav,
body.light-theme footer:not(.music-player),
body.light-theme .paxor-global-player,
body.light-theme .music-player,
body.light-theme .account-menu,
body.light-theme .vertical-menu,
body.light-theme .language-menu,
body.light-theme .notification-dropdown,
body.light-theme .music-messages-popover,
body.light-theme #wallet-compact-dropdown,
body.light-theme .wallet-compact-dropdown,
body.light-theme .calculator-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(237, 247, 251, 0.94)) !important;
    color: var(--paxor-light-text) !important;
    border-color: var(--paxor-light-border) !important;
    box-shadow:
        0 14px 30px rgba(26, 70, 98, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
    text-shadow: none !important;
}

body.light-theme footer:not(.music-player)::before {
    opacity: 0.18 !important;
}

body.light-theme :is(
    nav a,
    nav button,
    nav i,
    .account-menu,
    .account-menu a,
    .account-menu button,
    .account-menu li,
    .account-menu i,
    .vertical-menu,
    .vertical-menu a,
    .vertical-menu li,
    .vertical-menu i,
    .language-menu,
    .language-menu li,
    .language-menu span,
    .notification-dropdown,
    .notification-dropdown a,
    .notification-dropdown button,
    .music-messages-popover,
    .music-messages-popover a,
    .music-messages-popover button,
    #wallet-compact-dropdown,
    #wallet-compact-dropdown a,
    #wallet-compact-dropdown button,
    .calculator-panel,
    .calculator-panel button,
    footer:not(.music-player),
    footer:not(.music-player) a,
    footer:not(.music-player) p,
    footer:not(.music-player) h1,
    footer:not(.music-player) h2,
    footer:not(.music-player) h3,
    .music-player,
    .music-player a,
    .music-player button,
    .music-player span
) {
    color: var(--paxor-light-text) !important;
    text-shadow: none !important;
}

body.light-theme :is(
    .menu-item,
    .calculator-menu-button,
    .notification-button,
    .menu-toggle-btn,
    .music-messages-menu-button,
    #account-button
) {
    color: var(--paxor-light-text) !important;
    text-shadow: none !important;
}

body.light-theme :is(
    .menu-item:hover::before,
    .menu-item.active::before,
    .menu-center .menu-item:hover::before,
    .calculator-menu-button:hover::before,
    .calculator-menu-button.active::before,
    .calculator-menu-button[aria-expanded="true"]::before,
    .notification-button:hover::before,
    .notification-button.active::before,
    .notification-button[aria-expanded="true"]::before,
    .menu-toggle-btn:hover::before,
    .menu-toggle-btn.active::before,
    .menu-toggle-btn[aria-expanded="true"]::before,
    .music-messages-menu-button:hover::before,
    .music-messages-menu-button.active::before,
    .music-messages-menu-button[aria-expanded="true"]::before,
    #account-button:hover::before,
    #account-button.active::before,
    #account-button[aria-expanded="true"]::before
) {
    background:
        linear-gradient(90deg, rgba(3, 125, 156, 0.14), rgba(255, 255, 255, 0.92)) !important;
    border-color: var(--paxor-light-border-strong) !important;
}

body.light-theme :is(
    .music-messages-menu-button.active,
    .music-messages-menu-button[aria-expanded="true"],
    .calculator-menu-button.active,
    .calculator-menu-button[aria-expanded="true"],
    .notification-button.active,
    .notification-button[aria-expanded="true"],
    .menu-toggle-btn.active,
    .menu-toggle-btn[aria-expanded="true"],
    #account-button.active,
    #account-button[aria-expanded="true"]
),
body.light-theme:has(#verticalMenu.open) #toggleMenu,
body.light-theme:has(.vertical-menu.open) .menu-toggle-btn,
body.light-theme:has(#account-menu.open) #account-button,
body.light-theme .music-messages-top:has(#music-messages-popover:not([hidden])) .music-messages-menu-button {
    color: var(--paxor-light-text) !important;
    text-shadow: none !important;
}

body.light-theme:has(#verticalMenu.open) #toggleMenu::before,
body.light-theme:has(.vertical-menu.open) .menu-toggle-btn::before,
body.light-theme:has(#account-menu.open) #account-button::before,
body.light-theme .music-messages-top:has(#music-messages-popover:not([hidden])) .music-messages-menu-button::before {
    background:
        linear-gradient(90deg, rgba(3, 125, 156, 0.14), rgba(255, 255, 255, 0.92)) !important;
    border-color: var(--paxor-light-border-strong) !important;
}

body.light-theme #account-button::after,
body.light-theme #account-button.active::after,
body.light-theme #account-button[aria-expanded="true"]::after,
body.light-theme:has(#account-menu.open) #account-button::after {
    color: var(--paxor-light-text) !important;
    border-color: var(--paxor-light-text) !important;
    background: rgba(255, 255, 255, 0.96) !important;
}

body.light-theme :is(
    .account-menu ul li,
    .vertical-menu ul li,
    .language-menu ul li,
    .notification-item,
    .notification-view-all,
    .music-message-thread,
    .footer-section-wrapper,
    .footer-item,
    .footer-social-box,
    .footer-social-icon,
    .footer-bottom,
    .music-wallet-status,
    .nav-global-wallet .music-wallet-status,
    .wallet-compact-card,
    .wallet-compact-row,
    .calculator-display,
    .calculator-key,
    .calculator-section,
    .calc-button,
    .account-dashboard-layout .tab-button,
    .tab-button,
    .sub-tab-button,
    .paxor-global-player .music-player-cover
) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(238, 247, 251, 0.88)) !important;
    border-color: var(--paxor-light-border) !important;
    color: var(--paxor-light-text) !important;
    box-shadow:
        0 8px 18px rgba(26, 70, 98, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.75) !important;
}

body.light-theme :is(
    .account-menu ul li:hover,
    .vertical-menu ul li:hover,
    .language-menu ul li:hover,
    .language-menu ul li.active,
    .notification-item:hover,
    .notification-view-all:hover,
    .music-message-thread:hover,
    .footer-item:hover,
    .footer-social-box:hover,
    .calculator-key:hover,
    .calc-button:hover,
    .tab-button:hover,
    .sub-tab-button:hover
) {
    background:
        linear-gradient(90deg, rgba(3, 125, 156, 0.14), rgba(255, 255, 255, 0.92)) !important;
    border-color: var(--paxor-light-border-strong) !important;
    color: var(--paxor-light-text) !important;
}

body.light-theme :is(
    .account-container .account-box,
    .account-container .account-dashboard-sidebar,
    .account-container .tab-content,
    .account-container .account-profile-overview,
    .account-container .account-bank-card-face,
    .account-container .account-profile-balance,
    .account-container .account-profile-stats,
    .account-container .account-stat-card,
    .home-feature-card,
    .feature-card,
    .feature-section,
    .smart-card,
    .smart-panel,
    .smart-contract-card,
    .contract-card,
    .contract-preview,
    .dapp-card,
    .dapp-panel,
    .blockchain-card,
    .blockchain-panel,
    .explorer-toolbar,
    .blockchain-search,
    .analytics-card,
    .summary-card,
    .chart-box,
    .leya-card,
    .leya-panel,
    .wallets-container .generated-wallet-box,
    .wallets-container .paxor-wallet-main,
    .wallets-container .network-card,
    .wallets-container .network-box,
    .wallets-container .total-balance,
    .transactions-container,
    .transaction-form-container,
    .transaction-history-section,
    .transaction-history-item,
    .music-shell,
    .music-card,
    .music-panel,
    .artist-card,
    .artist-panel
) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(241, 248, 252, 0.9)) !important;
    color: var(--paxor-light-text) !important;
    border-color: var(--paxor-light-border) !important;
    box-shadow:
        0 14px 30px rgba(26, 70, 98, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.78) !important;
    text-shadow: none !important;
}

body.light-theme :is(
    .dapp-box,
    .dapp-intro,
    .dapp-workspace,
    .dapp-workspace-panel,
    .dapp-workspace-header,
    .dapp-panel,
    .dapp-card,
    .dapp-nft-card,
    .dapp-nft-card-body,
    .blockchain-page,
    .blockchain-shell,
    .blockchain-section,
    .blockchain-results,
    .blockchain-result-card,
    .blockchain-explorer-card,
    .blockchain-stat-card,
    .settings-container,
    .settings-box,
    .settings-card,
    .settings-panel,
    .settings-form-card,
    .security-card,
    .security-panel,
    .security-session-card,
    .security-guardian-card,
    .security-guardian-signal,
    .security-trusted-item,
    .personal-info-container,
    .personal-info-box,
    .personal-info-card,
    .notifications-page-box,
    .notifications-page-item,
    .notifications-page-empty,
    .wallet-content,
    .wallet-actions,
    .wallet-action-item,
    .wallet-address-wrapper,
    .wallet-address-meta,
    .linked-wallets-panel,
    .linked-wallet-card,
    .custom-network-dropdown,
    .custom-network-option,
    .modal-content,
    .auth-modal-card,
    .paxor-wallet-action-card,
    .paxor-wallet-modal-content,
    .music-sidebar,
    .music-main,
    .music-topbar,
    .music-content,
    .music-library,
    .music-library-panel,
    .music-track-row,
    .music-album-card,
    .music-playlist-card,
    .music-playlist-picker,
    .music-track-menu,
    .music-message-card,
    .music-token-dialog,
    .music-playlist-dialog,
    .music-listing-dialog,
    .music-purchase-dialog,
    .artist-studio,
    .artist-form-card,
    .artist-release-card,
    .artist-panel,
    .leya-app-shell,
    .leya-workspace-panel,
    .leya-sidebar,
    .leya-chat,
    .leya-chat-panel,
    .leya-chat-header,
    .leya-message,
    .leya-input-panel
) {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(240, 248, 252, 0.92)) !important;
    color: var(--paxor-light-text) !important;
    border-color: var(--paxor-light-border) !important;
    box-shadow:
        0 12px 26px rgba(26, 70, 98, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.82) !important;
    text-shadow: none !important;
}

body.light-theme :is(
    .dapp-box,
    .dapp-box *,
    .blockchain-shell,
    .blockchain-shell *,
    .settings-container,
    .settings-container *,
    .personal-info-container,
    .personal-info-container *,
    .notifications-page-box,
    .notifications-page-box *,
    .wallet-content,
    .wallet-content *,
    .linked-wallets-panel,
    .linked-wallets-panel *,
    .music-sidebar,
    .music-sidebar *,
    .music-main,
    .music-main *,
    .artist-studio,
    .artist-studio *,
    .leya-workspace-panel,
    .leya-workspace-panel *
) {
    text-shadow: none !important;
}

body.light-theme .music-track-actions,
body.light-theme .music-track-detail-menu,
body.light-theme .music-track-detail-more-actions {
    isolation: isolate !important;
}

body.light-theme .music-queue-row:has(.music-track-menu:not([hidden])),
body.light-theme .music-public-track-row:has(.music-track-menu:not([hidden])),
body.light-theme .music-feature:has(.music-track-menu:not([hidden])) {
    position: relative !important;
    z-index: 1000 !important;
}

body.light-theme .music-track-actions .music-track-menu,
body.light-theme .music-track-detail-menu .music-track-menu,
body.light-theme .music-track-detail-more-actions .music-track-menu,
body.light-theme .music-playlist-menu {
    overflow: hidden !important;
    border: 1px solid rgba(32, 217, 255, 0.48) !important;
    border-radius: 8px !important;
    background: #0b1114 !important;
    background-color: #0b1114 !important;
    background-image: none !important;
    color: #f4fbfd !important;
    opacity: 1 !important;
    z-index: 10070 !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.86), 0 0 0 1px rgba(255, 255, 255, 0.06) !important;
}

body.light-theme .music-track-menu .music-track-menu-item {
    border-radius: 0 !important;
    background: #0b1114 !important;
    color: #f4fbfd !important;
}

body.light-theme .music-track-menu .music-track-menu-item + .music-track-menu-item {
    border-top: 1px solid rgba(255, 255, 255, 0.065) !important;
}

body.light-theme .music-track-menu .music-track-menu-item i {
    color: #b9c7cc !important;
}

body.light-theme .music-track-menu .music-track-menu-item:hover,
body.light-theme .music-track-menu .music-track-menu-item:focus-visible {
    background: #17252a !important;
    color: #ffffff !important;
}

body.light-theme .music-track-menu .music-track-menu-item:hover i,
body.light-theme .music-track-menu .music-track-menu-item:focus-visible i {
    color: #1db954 !important;
}

body.light-theme .music-track-more,
body.light-theme .music-track-actions:has(.music-track-menu:not([hidden])) .music-track-more,
body.light-theme .music-track-detail-menu:has(.music-track-menu:not([hidden])) .music-track-more,
body.light-theme .music-track-detail-more-actions:has(.music-track-menu:not([hidden])) .music-track-more {
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.light-theme .music-track-actions:has(.music-track-menu:not([hidden])) .music-track-more,
body.light-theme .music-track-detail-menu:has(.music-track-menu:not([hidden])) .music-track-more,
body.light-theme .music-track-detail-more-actions:has(.music-track-menu:not([hidden])) .music-track-more {
    color: #ffffff !important;
}

body.light-theme :is(
    .dapp-box h2,
    .dapp-box h3,
    .dapp-workspace-header h2,
    .dapp-panel h3,
    .blockchain-shell h2,
    .blockchain-shell h3,
    .settings-container h2,
    .settings-container h3,
    .personal-info-container h2,
    .personal-info-container h3,
    .notifications-page-box h2,
    .notifications-page-box h3,
    .wallet-content h2,
    .wallet-content h3,
    .music-main h2,
    .music-main h3,
    .artist-studio h2,
    .artist-studio h3,
    .leya-workspace-panel h2,
    .leya-workspace-panel h3
) {
    color: var(--paxor-light-text) !important;
}

body.light-theme :is(
    .dapp-box p,
    .dapp-box span,
    .blockchain-shell p,
    .blockchain-shell span,
    .settings-container p,
    .settings-container span,
    .personal-info-container p,
    .personal-info-container span,
    .notifications-page-box p,
    .notifications-page-box span,
    .wallet-content p,
    .wallet-content span,
    .music-main p,
    .music-main span,
    .artist-studio p,
    .artist-studio span,
    .leya-workspace-panel p,
    .leya-workspace-panel span
) {
    color: var(--paxor-light-muted) !important;
}

body.light-theme :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,
    span,
    small,
    strong,
    b,
    label,
    li,
    td,
    th,
    .account-container,
    .account-container *,
    .wallets-container,
    .wallets-container *,
    .transactions-container,
    .transactions-container *,
    .analytics-container,
    .analytics-container *,
    .blockchain-shell,
    .blockchain-shell *,
    .smart-contracts-page,
    .smart-contracts-page *,
    .dapp-page,
    .dapp-page *,
    .leya-page,
    .leya-page *,
    .music-shell,
    .music-shell *,
    footer:not(.music-player) *
) {
    text-shadow: none !important;
}

body.light-theme :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong,
    b,
    .footer-brand-title,
    .footer-section h2,
    .wallet-title,
    .network-card-title,
    .summary-card strong
) {
    color: var(--paxor-light-text) !important;
}

body.light-theme :is(
    p,
    span,
    small,
    label,
    li,
    td,
    th,
    .footer-brand-subtitle,
    .footer-links-contact-box p,
    .footer-bottom p,
    .wallet-source-row span,
    .network-card-label,
    .token-usd,
    .music-player-copy a:last-child
) {
    color: var(--paxor-light-muted) !important;
}

body.light-theme :is(input, select, textarea, .custom-network-trigger, .search-input) {
    background: rgba(255, 255, 255, 0.94) !important;
    color: var(--paxor-light-text) !important;
    border-color: var(--paxor-light-border) !important;
}

body.light-theme :is(input, select, textarea)::placeholder {
    color: rgba(82, 99, 122, 0.7) !important;
}

body.light-theme :is(a:hover, button:hover) {
    color: var(--paxor-light-accent) !important;
}

body.light-theme .music-play-toggle {
    background: var(--paxor-light-text) !important;
    color: #ffffff !important;
}

body.light-theme .music-range-wrap input[type="range"]::-webkit-slider-runnable-track {
    background: linear-gradient(
        to right,
        var(--paxor-light-accent) 0,
        var(--paxor-light-accent) var(--range-progress),
        rgba(19, 32, 51, 0.2) var(--range-progress),
        rgba(19, 32, 51, 0.2) 100%
    ) !important;
}

body.light-theme .music-range-wrap input[type="range"]::-webkit-slider-thumb {
    background: var(--paxor-light-accent) !important;
}

body.light-theme .music-range-wrap input[type="range"]::-moz-range-track {
    background: rgba(19, 32, 51, 0.2) !important;
}

body.light-theme .music-range-wrap input[type="range"]::-moz-range-progress,
body.light-theme .music-range-wrap input[type="range"]::-moz-range-thumb {
    background: var(--paxor-light-accent) !important;
}

body.light-theme .account-card-actions,
body.light-theme .account-card-actions-list,
body.light-theme .account-card-actions .account-edit-profile-btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.light-theme .account-card-actions .account-edit-profile-btn {
    color: rgba(19, 32, 51, 0.66) !important;
}

body.light-theme .account-card-actions .account-edit-profile-btn:hover {
    color: #000000 !important;
    text-shadow: 0 0 8px rgba(3, 125, 156, 0.16) !important;
}

body.light-theme :is(
    .account-hero,
    .account-settings-hero,
    .smart-contracts-hero,
    .dapp-hero,
    .analytics-hero,
    .notifications-hero,
    .leya-hero,
    .leya-map-hero,
    .leya-assistant-hero,
    .music-feature-track-hero,
    .music-artist-hero,
    .music-track-hero,
    .music-track-detail-hero,
    .music-user-hero,
    .music-playlist-hero
) {
    color: #ffffff !important;
}

body.light-theme .smart-contracts-hero {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.08) 45%, rgba(0, 0, 0, 0.02)),
        rgba(4, 22, 32, 0.55) !important;
    box-shadow:
        0 0 18px rgba(3, 125, 156, 0.55),
        0 12px 30px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.light-theme .smart-contracts-hero::before {
    display: block !important;
}

body.light-theme .dapp-hero {
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.48), rgba(0, 0, 0, 0.14) 48%, rgba(0, 0, 0, 0.04)),
        radial-gradient(circle at 78% 42%, rgba(3, 125, 156, 0.48), transparent 36%),
        linear-gradient(180deg, rgba(3, 125, 156, 0.38), rgba(4, 22, 32, 0.88)) !important;
    border-color: #037d9c !important;
    box-shadow:
        0 0 18px rgba(3, 125, 156, 0.55),
        0 12px 30px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.light-theme .analytics-hero {
    background:
        radial-gradient(circle at 72% 50%, rgba(3, 125, 156, 0.34), transparent 38%),
        linear-gradient(90deg, rgba(2, 8, 13, 0.98), rgba(4, 22, 30, 0.92) 48%, rgba(2, 8, 13, 0.96)) !important;
    border-color: #037d9c !important;
    box-shadow:
        0 0 18px rgba(3, 125, 156, 0.55),
        0 12px 30px rgba(0, 0, 0, 0.35),
        inset 0 1px 0 rgba(255, 255, 255, 0.14) !important;
}

body.light-theme :is(
    .account-hero h1,
    .account-settings-hero h1,
    .smart-contracts-hero h1,
    .dapp-hero h1,
    .analytics-hero h1,
    .notifications-hero h1,
    .leya-hero h1,
    .leya-map-hero h1,
    .leya-assistant-hero h1,
    .music-feature-track-hero h1,
    .music-artist-hero h1,
    .music-track-hero h1,
    .music-track-detail-hero h1,
    .music-user-hero h1,
    .music-playlist-hero h1,
    .account-hero-badge i,
    .account-hero-badge span,
    .smart-contracts-hero-badge i,
    .smart-contracts-hero-badge span,
    .dapp-hero-badge i,
    .dapp-hero-badge span,
    .analytics-hero-badge i,
    .analytics-hero-badge span,
    .notifications-hero-badge i,
    .notifications-hero-badge span
) {
    color: #ffffff !important;
}

body.light-theme :is(
    .account-hero p,
    .account-settings-hero p,
    .smart-contracts-hero p,
    .dapp-hero p,
    .analytics-hero p,
    .notifications-hero p,
    .leya-hero p,
    .leya-map-hero p,
    .leya-assistant-hero p,
    .music-feature-track-hero p,
    .music-artist-hero p,
    .music-track-hero p,
    .music-track-detail-hero p,
    .music-user-hero p,
    .music-playlist-hero p
) {
    color: #e8fbff !important;
}

body.light-theme .menu-center .menu-item.active,
body.light-theme .menu-center .menu-item.active > i {
    color: #037d9c !important;
    text-shadow: 0 0 10px rgba(3, 125, 156, 0.35) !important;
}

body.light-theme .menu-center .menu-item.active > img {
    filter: drop-shadow(0 0 8px rgba(3, 125, 156, 0.45)) !important;
}

body.light-theme .menu-center .menu-item.active::after {
    content: "" !important;
    position: absolute !important;
    bottom: 5px !important;
    left: 50% !important;
    width: 104px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: #037d9c !important;
    box-shadow: 0 0 9px rgba(3, 125, 156, 0.5) !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
}