/* Sevn VIP clean v2 */
.reference-ui .vip-member-name{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px 7px;max-width:100%;vertical-align:middle;line-height:1.4}
.reference-ui .vip-member-name .vip-name-text{color:#925400!important;-webkit-text-fill-color:#925400!important;font-weight:800!important;letter-spacing:.1px;overflow-wrap:anywhere;text-shadow:none!important}
.reference-ui .vip-member-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;position:relative;isolation:isolate;overflow:hidden;flex-shrink:0;white-space:nowrap;border:1px solid #d59a20;border-radius:5px;padding:2px 7px;background:linear-gradient(145deg,#263449,#121c2c);color:#ffe196!important;-webkit-text-fill-color:#ffe196;font:900 11px/1.4 Arial,sans-serif;letter-spacing:1px;text-shadow:0 1px 2px #000;box-shadow:inset 0 1px 0 #ffffff20,0 1px 2px #00000026}
.reference-ui .vip-member-badge svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}
.reference-ui .vip-member-badge:after{display:none}
.reference-ui .avatar.vip-member-avatar{border:2px solid #d4a333!important;box-shadow:0 0 0 2px #fff,0 0 0 3px #d4a333,0 2px 6px #00000018!important;background:linear-gradient(145deg,#d9edff,#258ee7)!important;color:#fff!important;box-sizing:border-box}
.reference-ui .vip-member-card{position:relative}
.reference-ui .comment.vip-member-card .comment-member{padding-top:5px;padding-bottom:5px}
.reference-ui .vip-member-card .comment-identity{min-width:0}
.reference-ui .vip-member-card .comment-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.reference-ui .vip-member-card .comment-name>a{min-width:0;max-width:100%}
.reference-ui .vip-member-card .classic-comment-meta{row-gap:6px}
.reference-ui .profile-inner>.username .vip-member-name{justify-content:center}
.reference-ui .mp-identity .vip-member-name{font-size:inherit}
@keyframes vip-member-shine{0%,65%{left:-65%}90%,100%{left:145%}}
@media(max-width:600px){.reference-ui .vip-member-badge{font-size:10px;padding:2px 5px;gap:4px}.reference-ui .vip-member-badge svg{width:12px;height:12px}.reference-ui .vip-member-name{gap:4px 6px}}
@media(prefers-reduced-motion:reduce){.reference-ui .vip-member-badge:after{animation:none;display:none}}

/* Numeric M/V/A presentation is confined to displayed comments. */
.reference-ui .comment-detail.comment-numeric{grid-template-columns:180px 65px minmax(0,1fr)}
.reference-ui .comment-detail>.comment-mva{display:flex;align-items:flex-start;gap:2px;font:bold 13px/1.4 Arial,sans-serif;padding-top:1px}
.reference-ui .comment-detail>.comment-mva>.m{color:#3b34ff}.reference-ui .comment-detail>.comment-mva>.v{color:#00b800}.reference-ui .comment-detail>.comment-mva>.a{color:#f00000}
@media(max-width:900px){.reference-ui .comment-detail.comment-numeric{grid-template-columns:150px 60px minmax(0,1fr)}}
@media(max-width:650px){.reference-ui .comment-detail.comment-numeric{grid-template-columns:minmax(0,1fr) 62px}.reference-ui .comment-detail>.comment-mva{justify-self:end;padding-right:8px}.reference-ui .comment-detail.comment-numeric>.comment-message{grid-column:1/-1;grid-row:2}}

/* Compact white comment cards; membership stands out through identity only. */
.reference-ui .comment-detail.comment-numeric{grid-template-columns:220px 58px minmax(0,1fr);gap:0;margin:10px 0;padding:14px 12px;min-height:96px;background:#fff;border:1px solid #d9e7f1;border-radius:7px;box-sizing:border-box}
.reference-ui .comment-detail.comment-numeric>.comment-member{gap:12px;border-right:0;padding:0 12px 0 0}
.reference-ui .comment-detail.comment-numeric .comment-identity{min-width:0;flex:1}
.reference-ui .comment-detail.comment-numeric .comment-name{align-items:center;gap:6px;line-height:1.5;margin-bottom:4px}
.reference-ui .comment-detail.comment-numeric .vip-member-name{gap:5px;flex-wrap:wrap;align-items:center}
.reference-ui .comment-detail.comment-numeric .vip-member-badge{padding:1px 5px;border-radius:4px;font-size:9px;letter-spacing:.6px;gap:4px}
.reference-ui .comment-detail.comment-numeric .vip-member-badge svg{width:11px;height:11px}
.reference-ui .comment-detail.comment-numeric .member-comments{display:inline-block;margin-top:5px;font-size:10px}
.reference-ui .comment-detail.comment-numeric>.comment-mva{gap:3px;padding:0 10px;border-right:1px solid #e4edf4;font-size:12px}
.reference-ui .comment-detail.comment-numeric>.comment-message{padding-left:14px;gap:0}
.reference-ui .comment-detail.comment-numeric .comment-message>time{font-size:10px;color:#7b8d9e;line-height:1.5}
.reference-ui .comment-detail.comment-numeric .comment-message>p{margin:9px 0 12px;line-height:1.6;overflow-wrap:anywhere}
.reference-ui .comment-detail.comment-numeric .comment-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:auto;font-size:11px}
@media(max-width:900px){.reference-ui .comment-detail.comment-numeric{grid-template-columns:185px 54px minmax(0,1fr);padding:12px 9px}.reference-ui .comment-detail.comment-numeric>.comment-member{gap:9px}}
@media(max-width:650px){.reference-ui .comment-detail.comment-numeric{grid-template-columns:minmax(0,1fr) 58px;gap:12px 0;padding:13px 10px}.reference-ui .comment-detail.comment-numeric>.comment-member{border:0;padding:0 8px 0 0}.reference-ui .comment-detail.comment-numeric>.comment-mva{border:0;justify-self:end;padding:0 2px 0 7px}.reference-ui .comment-detail.comment-numeric>.comment-message{grid-column:1/-1;grid-row:2;padding:10px 0 0;border-top:1px solid #e8eff5}.reference-ui .comment-detail.comment-numeric .comment-actions{margin-top:4px}}

/* VIP badge: appearance selected by user */
.reference-ui .vip-member-badge {
    display: inline !important;
    border: none !important;
    background: none !important;
}

/* VIP badge: exact selected appearance */
.reference-ui span.vip-member-badge {
    display: inline !important;
    white-space: normal !important;
    background: none !important;
    border: 1px solid #d59a20 !important;
    border-radius: 5px !important;
    padding: 2px 7px !important;
    font: 900 11px / 1.4 Arial, sans-serif !important;
    letter-spacing: 1px !important;
}