/**
 * AUM DAPP ?? Sapphire page overrides (inline style neutralizers)
 * Profile ?? Creator ?? Vision ?? Circle ?? Verify ?? Share ?? Vision modals
 * CSS only ?? !important beats page inline <style>
 */

/* ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T
   Profile ?? Creator (dark gold inline ?? sapphire)
   ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T */
html.aum-sapphire-dapp.aum-page-profile body,
html.aum-sapphire-dapp.aum-page-creator body {
    background: var(--bg-page) !important;
    color: var(--text-body) !important;
    padding-bottom: 32px !important;
}

html.aum-sapphire-dapp.aum-page-profile body::before,
html.aum-sapphire-dapp.aum-page-creator body::before {
    background:
        radial-gradient(ellipse 92% 58% at 50% -10%, rgba(42, 107, 255, 0.06), transparent 58%),
        var(--bg-page) !important;
}

html.aum-sapphire-dapp.aum-page-profile .top-bar,
html.aum-sapphire-dapp.aum-page-creator .top-bar {
    border-bottom-color: var(--border-card) !important;
}

html.aum-sapphire-dapp.aum-page-profile .top-btn,
html.aum-sapphire-dapp.aum-page-creator .error-box button {
    border-color: var(--border-card) !important;
    background: var(--bg-card) !important;
    color: var(--text-brand) !important;
}

html.aum-sapphire-dapp.aum-page-profile .top-title,
html.aum-sapphire-dapp.aum-page-creator .user-name {
    color: var(--text-title) !important;
}

html.aum-sapphire-dapp.aum-page-profile .user-card,
html.aum-sapphire-dapp.aum-page-creator .user-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    box-shadow: var(--shadow-card) !important;
}

html.aum-sapphire-dapp.aum-page-profile .avatar-wrap img,
html.aum-sapphire-dapp.aum-page-creator .avatar-wrap {
    border-color: rgba(42, 107, 255, 0.35) !important;
    background: var(--bg-input) !important;
}

html.aum-sapphire-dapp.aum-page-profile .user-bio,
html.aum-sapphire-dapp.aum-page-creator .user-bio {
    color: var(--text-secondary) !important;
}

html.aum-sapphire-dapp.aum-page-profile .social-stat,
html.aum-sapphire-dapp.aum-page-profile .msg-stat {
    background: var(--brand-ultra-light) !important;
    border: 1px solid var(--border-divider) !important;
    border-radius: var(--radius-btn) !important;
}

html.aum-sapphire-dapp.aum-page-profile .social-label,
html.aum-sapphire-dapp.aum-page-profile .msg-stat span,
html.aum-sapphire-dapp.aum-page-profile .loading-screen,
html.aum-sapphire-dapp.aum-page-profile .load-hint {
    color: var(--text-weak) !important;
}

html.aum-sapphire-dapp.aum-page-profile .msg-badge {
    background: none !important;
    color: #ff4757 !important;
    -webkit-text-fill-color: #ff4757;
    font-size: 0.78rem !important;
    font-weight: 800 !important;
    text-shadow: 0 0 8px rgba(255, 71, 87, 0.45);
}

html.aum-sapphire-dapp.aum-page-profile .asset-card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
}

html.aum-sapphire-dapp.aum-page-profile .asset-label,
html.aum-sapphire-dapp.aum-page-profile .asset-dai,
html.aum-sapphire-dapp.aum-page-profile .asset-member {
    color: var(--text-secondary) !important;
}

html.aum-sapphire-dapp.aum-page-profile .asset-member.active {
    color: var(--text-brand) !important;
}

html.aum-sapphire-dapp.aum-page-profile .asset-icon {
    background: var(--brand-light) !important;
    border: 1px solid rgba(42, 107, 255, 0.22) !important;
    color: var(--text-brand) !important;
}

html.aum-sapphire-dapp.aum-page-profile .tabs {
    background: var(--bg-input) !important;
    border: 1px solid var(--border-divider) !important;
    border-radius: var(--radius-pill) !important;
    padding: 4px !important;
}

html.aum-sapphire-dapp.aum-page-profile .profile-tab {
    color: var(--text-secondary) !important;
    border-radius: var(--radius-pill) !important;
}

html.aum-sapphire-dapp.aum-page-profile .profile-tab.active {
    background: var(--bg-card) !important;
    color: var(--text-brand) !important;
    box-shadow: var(--shadow-card) !important;
}

html.aum-sapphire-dapp.aum-page-profile .works-kind-tab,
html.aum-sapphire-dapp.aum-page-profile .works-sort {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    color: var(--text-secondary) !important;
}

html.aum-sapphire-dapp.aum-page-profile .works-kind-tab.active,
html.aum-sapphire-dapp.aum-page-profile .works-sort.active {
    background: var(--brand-light) !important;
    border-color: rgba(42, 107, 255, 0.35) !important;
    color: var(--text-brand) !important;
}

html.aum-sapphire-dapp.aum-page-profile .work-tile.selected {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 2px var(--brand-light) !important;
}

html.aum-sapphire-dapp.aum-page-profile .works-select-bar {
    background: transparent !important;
    color: var(--text-secondary) !important;
}

html.aum-sapphire-dapp.aum-page-profile .works-select-bar.show {
    display: flex !important;
}

html.aum-sapphire-dapp.aum-page-profile .works-select-actions .btn-del {
    background: var(--bg-card) !important;
    border-color: rgba(229, 72, 77, 0.45) !important;
    color: #e5484d !important;
}

html.aum-sapphire-dapp.aum-page-profile .work-tile-badge {
    background: rgba(11, 20, 38, 0.72) !important;
    color: #fff !important;
}

html.aum-sapphire-dapp.aum-page-profile .action-bar-btn,
html.aum-sapphire-dapp.aum-page-profile .works-select-actions button {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    color: var(--text-body) !important;
}

html.aum-sapphire-dapp.aum-page-profile .ledger-row,
html.aum-sapphire-dapp.aum-page-profile .msg-row {
    border-bottom-color: var(--border-divider) !important;
}

html.aum-sapphire-dapp.aum-page-creator .follow-btn {
    background: var(--grad-brand) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: var(--shadow-btn) !important;
}

html.aum-sapphire-dapp.aum-page-creator .song-row,
html.aum-sapphire-dapp.aum-page-creator .empty-hint {
    border-color: var(--border-divider) !important;
    color: var(--text-secondary) !important;
}

/* ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T
   Vision ?? Image creation (gold ?? sapphire)
   ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T */
html.aum-sapphire-dapp.aum-page-vision html,
html.aum-sapphire-dapp.aum-page-vision body {
    background: var(--bg-page) !important;
    margin: 0 !important;
    padding: 0 !important;
    overscroll-behavior-y: none !important;
}

html.aum-sapphire-dapp.aum-page-vision body::before {
    display: none !important;
}

/* 对齐 trade/whitepaper：shell fixed · 顶栏/Tab 在 shell 内 relative */
html.aum-sapphire-dapp.aum-page-vision .vision-topbar-shell {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 200 !important;
    background: #F4F6FA !important;
    padding-top: env(safe-area-inset-top, 0px) !important;
}

html.aum-sapphire-dapp.aum-page-vision .vision-topbar-shell .top-bar {
    position: relative !important;
    top: auto !important;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: var(--text-title) !important;
    padding: 8px 14px 10px !important;
}

html.aum-sapphire-dapp.aum-page-vision .vision-topbar-shell .tab-bar {
    position: relative !important;
    top: auto !important;
    background: var(--bg-page) !important;
    border-bottom: 1px solid var(--border-divider) !important;
}

html.aum-sapphire-dapp.aum-page-vision-main .main {
    /* safe-area 只在 .vision-topbar-shell 算一次，禁止 .main 再 +env（§33.186/§33.221 回归） */
    padding-top: 102px !important;
    padding-bottom: 72px !important;
}

html.aum-sapphire-dapp.aum-page-vision-sub .main {
    padding-top: 50px !important;
    padding-bottom: 72px !important;
}

/* Bitget / Ave / TP WebView：去 phantom safe-area 双留白（§33.186 · v410.414） */
html.aum-bitget-webview.aum-sapphire-dapp.aum-page-vision,
html.aum-bitget-webview.aum-sapphire-dapp.aum-page-vision body,
html.aum-wallet-lite.aum-sapphire-dapp.aum-page-vision,
html.aum-wallet-lite.aum-sapphire-dapp.aum-page-vision body {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

html.aum-bitget-webview.aum-sapphire-dapp.aum-page-vision .vision-topbar-shell,
html.aum-wallet-lite.aum-sapphire-dapp.aum-page-vision .vision-topbar-shell {
    padding-top: 0 !important;
}

html.aum-bitget-webview.aum-sapphire-dapp.aum-page-vision-main .main,
html.aum-wallet-lite.aum-sapphire-dapp.aum-page-vision-main .main {
    padding-top: 102px !important;
}

html.aum-bitget-webview.aum-sapphire-dapp.aum-page-vision-sub .main,
html.aum-wallet-lite.aum-sapphire-dapp.aum-page-vision-sub .main {
    padding-top: 50px !important;
}

html.aum-sapphire-dapp.aum-page-vision .top-bar a,
html.aum-sapphire-dapp.aum-page-vision .top-bar h1 {
    color: var(--text-title) !important;
}

html.aum-sapphire-dapp.aum-page-vision .hdr-btn {
    background: var(--brand-light) !important;
    color: var(--text-brand) !important;
    border: 1px solid rgba(42, 107, 255, 0.2) !important;
    border-radius: var(--radius-tag) !important;
}

html.aum-sapphire-dapp.aum-page-vision .tab-bar {
    background: var(--bg-page) !important;
    border-bottom: 1px solid var(--border-divider) !important;
}

html.aum-sapphire-dapp.aum-page-vision .main {
    padding-bottom: 72px !important;
}

html.aum-sapphire-dapp.aum-page-vision .card h3 {
    color: var(--text-title) !important;
    font-weight: 700 !important;
}

html.aum-sapphire-dapp.aum-page-vision .style-card-label {
    background: var(--bg-input) !important;
    border-top-color: var(--border-divider) !important;
    color: var(--text-body) !important;
}

html.aum-sapphire-dapp.aum-page-vision .style-card-name-sub {
    color: var(--text-weak) !important;
}

html.aum-sapphire-dapp.aum-page-vision .btn-primary {
    border-radius: var(--radius-btn) !important;
    padding: 14px !important;
}

html.aum-sapphire-dapp.aum-page-vision .btn-secondary {
    border-color: rgba(42, 107, 255, 0.35) !important;
    color: var(--text-brand) !important;
}

html.aum-sapphire-dapp.aum-page-vision .gen-spinner {
    border-color: var(--brand-ultra-light) !important;
    border-top-color: var(--brand-primary) !important;
}

html.aum-sapphire-dapp.aum-page-vision .gen-label {
    color: var(--text-secondary) !important;
}

html.aum-sapphire-dapp.aum-page-vision .preview-title-main {
    color: var(--text-title) !important;
}

html.aum-sapphire-dapp.aum-page-vision .preview-title-sub {
    color: var(--text-weak) !important;
}

html.aum-sapphire-dapp.aum-page-vision .preview-wrap {
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-card) !important;
}

html.aum-sapphire-dapp.aum-page-vision .feed-empty {
    color: var(--text-weak) !important;
}

/* Vision history grid */
html.aum-sapphire-dapp.aum-page-vision .hist-grid,
html.aum-sapphire-dapp.aum-page-vision .hist-item {
    gap: 12px !important;
}

html.aum-sapphire-dapp.aum-page-vision .hist-item {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    border-radius: var(--radius-card) !important;
    box-shadow: var(--shadow-card) !important;
    overflow: hidden !important;
}

/* Vision modal (vision-ui.css dark ?? light sapphire) */
html.aum-sapphire-dapp.aum-page-vision .vision-modal-overlay {
    background: var(--bg-overlay) !important;
}

html.aum-sapphire-dapp.aum-page-vision .vision-modal {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    box-shadow: var(--shadow-dropdown) !important;
}

html.aum-sapphire-dapp.aum-page-vision .vision-modal-hd {
    background: var(--grad-brand) !important;
    color: #fff !important;
}

html.aum-sapphire-dapp.aum-page-vision .vision-modal-copy,
html.aum-sapphire-dapp.aum-page-vision .vision-modal-label {
    color: var(--text-secondary) !important;
}

html.aum-sapphire-dapp.aum-page-vision .vision-modal-price-row,
html.aum-sapphire-dapp.aum-page-vision .vision-modal-input {
    background: var(--bg-input) !important;
    border-color: var(--border-input) !important;
    color: var(--text-title) !important;
}

html.aum-sapphire-dapp.aum-page-vision .vision-modal-btn-primary {
    background: var(--grad-brand) !important;
    color: #fff !important;
    box-shadow: var(--shadow-btn) !important;
}

html.aum-sapphire-dapp.aum-page-vision .vision-modal-btn-ghost {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    color: var(--text-secondary) !important;
}

/* 灵动视觉 · 白主题居中提示（已提交生成等）— 蓝宝石卡片，禁止粉黄 dark 弹窗 */
html:not([data-aum-theme="dark"]).aum-sapphire-dapp.aum-page-vision .vision-center-notice.vision-modal-overlay {
    background: rgba(11, 20, 38, 0.42) !important;
    backdrop-filter: blur(10px) !important;
}

html:not([data-aum-theme="dark"]).aum-sapphire-dapp.aum-page-vision .vision-center-notice .vision-modal {
    background: #ffffff !important;
    border: 1px solid var(--border-card) !important;
    box-shadow: var(--shadow-dropdown) !important;
    overflow: hidden !important;
}

html:not([data-aum-theme="dark"]).aum-sapphire-dapp.aum-page-vision .vision-center-notice .vision-modal-hd {
    background: linear-gradient(135deg, #2a6bff 0%, #1a4fd9 100%) !important;
    color: #ffffff !important;
}

html:not([data-aum-theme="dark"]).aum-sapphire-dapp.aum-page-vision .vision-center-notice .vision-modal-body {
    background: #ffffff !important;
}

html:not([data-aum-theme="dark"]).aum-sapphire-dapp.aum-page-vision .vision-center-notice .vision-modal-copy,
html:not([data-aum-theme="dark"]).aum-sapphire-dapp.aum-page-vision .vision-center-notice .vision-modal-copy-short {
    color: var(--text-body) !important;
}

html:not([data-aum-theme="dark"]).aum-sapphire-dapp.aum-page-vision .vision-center-notice .vision-modal-ft .btn-primary {
    background: #2a6bff !important;
    color: #ffffff !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(42, 107, 255, 0.28) !important;
}

html.aum-sapphire-dapp.aum-page-vision .vision-hist-card,
html.aum-sapphire-dapp.aum-page-vision .vision-hist-del {
    background: var(--bg-card) !important;
    border-color: var(--border-card) !important;
}

/* ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T
   Creator Circle ?? Social feed
   ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T */
html.aum-sapphire-dapp.aum-page-circle html,
html.aum-sapphire-dapp.aum-page-circle body {
    background: var(--bg-page) !important;
}

html.aum-sapphire-dapp.aum-page-circle .top-bar {
    background: rgba(255, 255, 255, 0.96) !important;
}

html.aum-sapphire-dapp.aum-page-circle .top-bar a {
    color: var(--text-brand) !important;
}

html.aum-sapphire-dapp.aum-page-circle .moment {
    margin-bottom: 12px !important;
    border-bottom: 1px solid var(--border-divider) !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

html.aum-sapphire-dapp.aum-page-circle .moment:first-of-type {
    border-top: 1px solid var(--border-divider) !important;
}

/* ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T
   Verify ?? Share
   ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T */
html.aum-sapphire-dapp.aum-page-verify body {
    background: var(--bg-page) !important;
    color: var(--text-body) !important;
}

html.aum-sapphire-dapp.aum-page-verify .card {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    box-shadow: var(--shadow-card) !important;
}

html.aum-sapphire-dapp.aum-page-verify h1,
html.aum-sapphire-dapp.aum-page-verify .cert-title {
    color: var(--text-title) !important;
}

html.aum-sapphire-dapp.aum-page-verify .back {
    border-color: var(--border-card) !important;
    background: var(--bg-card) !important;
    color: var(--text-brand) !important;
}

html.aum-sapphire-dapp.aum-page-verify .badge.pending {
    background: var(--brand-light) !important;
    color: var(--text-brand) !important;
    border-color: rgba(42, 107, 255, 0.28) !important;
}

html.aum-sapphire-dapp.aum-page-verify .row-label {
    color: var(--text-weak) !important;
}

html.aum-sapphire-dapp.aum-page-verify .row-value {
    color: var(--text-body) !important;
}

html.aum-sapphire-dapp.aum-page-share body {
    background: var(--bg-page) !important;
    color: var(--text-body) !important;
}

html.aum-sapphire-dapp.aum-page-share .share-card,
html.aum-sapphire-dapp.aum-page-share .player-wrap {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    box-shadow: var(--shadow-card) !important;
    border-radius: var(--radius-card) !important;
}

html.aum-sapphire-dapp.aum-page-share .share-title,
html.aum-sapphire-dapp.aum-page-share .share-artist {
    color: var(--text-title) !important;
}

html.aum-sapphire-dapp.aum-page-share .share-meta,
html.aum-sapphire-dapp.aum-page-share .share-desc {
    color: var(--text-secondary) !important;
}

html.aum-sapphire-dapp.aum-page-share .share-cta {
    background: var(--grad-brand) !important;
    color: #fff !important;
    box-shadow: var(--shadow-btn) !important;
}

/* ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T
   Song detail ?? Trade (extend white bridges)
   ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T */
html.aum-sapphire-dapp.aum-page-song .top-bar,
html.aum-sapphire-dapp.aum-page-trade .top-bar {
    background: rgba(255, 255, 255, 0.96) !important;
}

html.aum-sapphire-dapp.aum-page-song .lyrics-line.active {
    color: var(--text-brand) !important;
}

html.aum-sapphire-dapp.aum-page-trade .swap-btn.active,
html.aum-sapphire-dapp.aum-page-trade .pct-btn.active {
    background: var(--brand-light) !important;
    border-color: rgba(42, 107, 255, 0.35) !important;
    color: var(--text-brand) !important;
}

/* ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T
   Index ?? Home enhancements (Refero card depth)
   ?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T?T */
html.aum-sapphire-dapp.aum-index-preview .song-card,
html.aum-sapphire-dapp.aum-index-preview .feature-card,
html.aum-sapphire-dapp.aum-index-preview .creator-card {
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s ease !important;
}

html.aum-sapphire-dapp.aum-index-preview .song-card:active,
html.aum-sapphire-dapp.aum-index-preview .feature-card:active {
    transform: scale(0.985) !important;
}

html.aum-sapphire-dapp.aum-index-preview .category-tab.active,
html.aum-sapphire-dapp.aum-index-preview .main-tab.active {
    background: var(--brand-light) !important;
}

html.aum-sapphire-dapp.aum-index-preview .search-page {
    background: var(--bg-page) !important;
}

html.aum-sapphire-dapp.aum-index-preview .search-page-header {
    background: var(--bg-card) !important;
    border-bottom: 1px solid var(--border-card) !important;
}

/* Create ?? music chat polish */
html.aum-sapphire-dapp.aum-create-preview .bubble-user {
    background: var(--grad-brand) !important;
    color: #fff !important;
}

html.aum-sapphire-dapp.aum-create-preview .bubble-ai {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-card) !important;
    color: var(--text-body) !important;
    box-shadow: var(--shadow-card) !important;
}

html.aum-sapphire-dapp.aum-create-preview .stage-btn,
html.aum-sapphire-dapp.aum-create-preview .quick-reply-pill {
    border-color: var(--border-card) !important;
    background: var(--bg-card) !important;
    color: var(--text-body) !important;
}

html.aum-sapphire-dapp.aum-create-preview .stage-btn:not(:disabled):active,
html.aum-sapphire-dapp.aum-create-preview .quick-reply-pill:active {
    background: var(--brand-light) !important;
    border-color: rgba(42, 107, 255, 0.35) !important;
    color: var(--text-brand) !important;
}

html.aum-sapphire-dapp.aum-create-preview .cover-picker-grid img,
html.aum-sapphire-dapp.aum-create-preview .cover-option {
    border-radius: var(--radius-btn) !important;
    border: 2px solid var(--border-card) !important;
    transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

html.aum-sapphire-dapp.aum-create-preview .cover-option.selected,
html.aum-sapphire-dapp.aum-create-preview .cover-picker-item.selected img {
    border-color: var(--brand-primary) !important;
    box-shadow: 0 0 0 3px var(--brand-light) !important;
}