/* Profile card: role chips and secondary actions need a visible surface so they
   never blend into the white card. Dark theme already carries its own surfaces. */

.mtv-profile .mtv-profile__roles .mtv-chip {
    background: rgba(0, 69, 116, .075);
    border-color: rgba(0, 69, 116, .22);
    box-shadow: none;
}

.mtv-profile .mtv-profile__actions .mtv-btn--outline,
.mtv-profile .mtv-profile__actions .mtv-btn--ghost {
    background: rgba(0, 69, 116, .065);
    border-color: rgba(0, 69, 116, .24);
    color: var(--mtv-navy);
}

.mtv-profile .mtv-profile__actions .mtv-btn--outline:hover,
.mtv-profile .mtv-profile__actions .mtv-btn--ghost:hover {
    background: rgba(216, 30, 91, .1);
    border-color: rgba(216, 30, 91, .45);
    color: var(--mtv-magenta);
}

:root[data-theme="dark"] .mtv-profile .mtv-profile__roles .mtv-chip {
    background: var(--dk-chip);
    border-color: var(--dk-line);
    color: #DCE8F2;
}

:root[data-theme="dark"] .mtv-profile .mtv-profile__actions .mtv-btn--outline,
:root[data-theme="dark"] .mtv-profile .mtv-profile__actions .mtv-btn--ghost {
    background: rgba(255, 255, 255, .07);
    border-color: rgba(255, 255, 255, .18);
    color: #E6F0F8;
}