/**
 * App overrides: Alpine, Vuetify, global fixes
 * Moved from inline <style> in partials/styles.blade.php
 */
[x-cloak] { display: none !important; }

.v-main.main-app { padding: 64px 0 0 !important; }
@media (max-width: 1024px) { .v-main.main-app { padding-bottom: 76px !important; } }

/* One gradient for all pages: only html::before (exchange.css). Body and wrappers stay transparent. */
body.fintech-modern,
body.fintech-modern.app-area {
    background: transparent !important;
    background-color: transparent !important;
}

.theme--dark.v-application,
.theme--light.v-application,
.v-application,
.v-application--wrap,
#__nuxt, #__layout, #app,
#box,
.v-main,
.v-main__wrap,
main.fade-page {
    background: transparent !important;
    background-color: transparent !important;
}

/* Стеклянные блоки — блик от источников фона (верх=золотой, справа/низ=синий, слева=фиолетовый) */
.fintech-card,
.fintech-card-elevated,
.fintech-stat-card,
.fintech-info-card,
.markets-header-panel,
.markets-filters-panel,
.markets-table-container,
.dashboard-header-badge,
.square-block,
.user-card,
.settings-section,
.notification-item,
.ticket-item,
.ticket-header,
.favorite-card,
.fees-info-block,
.blog-category-link,
.blog-card,
.blog-pagination-link,
.blog-post-card,
.technical-widget,
.screener-widget,
.tool-widget,
.tool-widget-card,
.glass-card,
.swap-card,
.trading-glass,
.trading-glass-elevated,
.wallets-header-card {
    /* Порог 0.87. Дальность: --vpos (0=верх, 1=низ), --hpos (0=лево, 1=право). Меньше яркость, сильнее зависимость от расстояния. */
    --vpos: 0.5;
    --hpos: 0.5;
    --edge-gold:   rgba(255, 192, 20, clamp(0, calc(1.9 * (var(--go, 0.9) - 0.87) * (1.5 - 1.5 * var(--vpos))), 0.26));
    --edge-blue:   rgba(40, 100, 230, clamp(0, calc(1.9 * (var(--bo, 0.9) - 0.87) * (0.05 + 0.95 * var(--vpos))), 0.22));
    --edge-purple: rgba(130, 50, 220, clamp(0, calc(1.9 * (var(--po, 0.9) - 0.87) * (1.5 - 1.5 * var(--hpos))), 0.22));
    --soft-gold:   rgba(255, 192, 20, clamp(0, calc(0.6 * (var(--go, 0.9) - 0.87) * (1.5 - 1.5 * var(--vpos))), 0.09));
    --soft-blue:   rgba(40, 100, 230, clamp(0, calc(0.55 * (var(--bo, 0.9) - 0.87) * (0.05 + 0.95 * var(--vpos))), 0.07));
    --soft-purple: rgba(130, 50, 220, clamp(0, calc(0.55 * (var(--po, 0.9) - 0.87) * (1.5 - 1.5 * var(--hpos))), 0.07));
    box-shadow:
        var(--shadow-md),
        var(--shadow-inner),
        var(--shadow-inner-light),
        inset 0 1px 0 0 var(--edge-gold),
        inset 0 6px 20px -6px var(--soft-gold),
        inset 0 -1px 0 0 var(--edge-blue),
        inset 0 -6px 20px -6px var(--soft-blue),
        inset 1px 0 0 0 var(--edge-purple),
        inset 6px 0 20px -6px var(--soft-purple),
        inset -1px 0 0 0 var(--edge-blue),
        inset -6px 0 20px -6px var(--soft-blue);
    transition: box-shadow 0.6s ease-out;
}

.fintech-card:hover,
.fintech-card-elevated:hover,
.swap-card:hover {
    box-shadow:
        var(--shadow-lg),
        var(--shadow-inner),
        var(--shadow-inner-light),
        inset 0 1px 0 0 var(--edge-gold),
        inset 0 6px 20px -6px var(--soft-gold),
        inset 0 -1px 0 0 var(--edge-blue),
        inset 0 -6px 20px -6px var(--soft-blue),
        inset 1px 0 0 0 var(--edge-purple),
        inset 6px 0 20px -6px var(--soft-purple),
        inset -1px 0 0 0 var(--edge-blue),
        inset -6px 0 20px -6px var(--soft-blue);
}

/* Link colors: use fintech-modern.css (var(--text-primary) / var(--text-value)) for theme consistency */

.v-application .success,
.v-application .success--text,
.v-application .success.lighten-5,
.v-application .success--text.text--lighten-5,
.v-application .success.lighten-4,
.v-application .success--text.text--lighten-4,
.v-application .success.lighten-3,
.v-application .success--text.text--lighten-3,
.v-application .success.lighten-2,
.v-application .success--text.text--lighten-2,
.v-application .success.lighten-1,
.v-application .success--text.text--lighten-1,
.v-application .success.darken-1,
.v-application .success--text.text--darken-1,
.v-application .success.darken-2,
.v-application .success--text.text--darken-2,
.v-application .success.darken-3,
.v-application .success--text.text--darken-3,
.v-application .success.darken-4,
.v-application .success--text.text--darken-4 {
    background-color: transparent !important;
    border-color: transparent !important;
    color: #D4AF37 !important;
}