/*
 * METEM FINAL TONE — Right Rail + Account Dropdown v1.1
 * FIX: targets the actual selectors used by market.html / market.css.
 * Visual-only.
 */

/* ===== Account dropdown ===== */
.profile-dropdown {
    background: #121e31 !important;
    border-color: rgba(148, 163, 184, .13) !important;
    box-shadow:
        0 18px 42px rgba(2, 8, 23, .34),
        inset 0 1px 0 rgba(255, 255, 255, .025) !important;
}

.profile-dropdown-divider {
    background: rgba(148, 163, 184, .105) !important;
}

.profile-dropdown-head strong {
    color: #e6edf7 !important;
}

.profile-dropdown-head small,
.profile-dropdown-item > small {
    color: #8998ad !important;
}

.profile-dropdown-item {
    color: #b9c5d6 !important;
}

.profile-dropdown-item:hover,
.profile-dropdown-item:focus-visible {
    color: #f2f6fb !important;
    background: rgba(148, 163, 184, .075) !important;
}

.profile-logout {
    color: #f05f68 !important;
}

/* Avatar: preserve identity accent but reduce purple intensity */
.profile-dropdown-avatar {
    background: linear-gradient(135deg, #6f63e8, #477de3) !important;
}

/* ===== Right rail ===== */
/* Actual teaser selectors used in the current project */
.prediction-box,
.portfolio-total {
    background: linear-gradient(
        135deg,
        rgba(86, 82, 174, .105),
        rgba(67, 103, 177, .085)
    ) !important;
    border-color: rgba(112, 122, 214, .155) !important;
}

.prediction-box span,
.portfolio-total span {
    color: #a89af2 !important;
}

/* Keep the CTA recognizable while calming the purple end */
.ai-card .primary-button,
.portfolio-card .primary-button {
    filter: saturate(.84) brightness(.98);
}