/* =====================================================================
   VOLAGO — плашки рядом с ником (статусы участников)
   static/css/vlg_badges.css · выводятся функцией ubadge() из app.py
   ===================================================================== */
span.ub {
    --ub-c: #6c757d;
    display: inline-flex !important; align-items: center; gap: 4px;
    vertical-align: middle; flex: none;
    max-width: none !important; overflow: visible !important;
    padding: 3px 7px 3px 6px; border-radius: 999px;
    font-size: .66rem !important; font-weight: 800; line-height: 1; letter-spacing: .01em;
    white-space: nowrap; text-transform: none;
    color: var(--ub-c) !important;
    background: color-mix(in srgb, var(--ub-c) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--ub-c) 24%, transparent);
    cursor: help;
}
span.ub i { font-size: .6rem; }
span.ub .ub-label {
    display: inline !important; font-size: inherit !important; color: inherit !important;
    max-width: none !important; overflow: visible !important; font-weight: inherit;
}
span.ub + span.ub { margin-left: 4px; }
[data-bs-theme="dark"] span.ub { color: color-mix(in srgb, var(--ub-c) 65%, #fff) !important; }

/* крупные — в профиле */
span.ub.ub--lg { font-size: .76rem !important; padding: 5px 11px 5px 9px; gap: 6px; }
span.ub.ub--lg i { font-size: .72rem; }
.pf-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.pf-badges span.ub + span.ub { margin-left: 0; }

/* цвета статусов */
span.ub--team {
    color: #fff !important; border: 0;
    background: linear-gradient(135deg, #FF6B00, #F43F5E);
    box-shadow: 0 4px 10px -4px rgba(244, 63, 94, .6);
}
[data-bs-theme="dark"] span.ub--team { color: #fff !important; }
span.ub--mod      { --ub-c: #16a34a; }
span.ub--legend   {
    --ub-c: #b45309;
    background: linear-gradient(135deg, color-mix(in srgb, #F5B50B 24%, transparent), color-mix(in srgb, #F59E0B 10%, transparent));
}
span.ub--pro      { --ub-c: #7c3aed; }
span.ub--hunter   { --ub-c: #E85F00; }
span.ub--hot      { --ub-c: #FF3D00; }
span.ub--expert   { --ub-c: #2563eb; }
span.ub--talker   { --ub-c: #0891b2; }
span.ub--oldtimer { --ub-c: #92400e; }
span.ub--newbie   { --ub-c: #059669; }

/* в карточке ленты места мало — только значок (подпись во всплывающей подсказке) */
.fc-author span.ub .ub-label { display: none !important; }
.fc-author span.ub { padding: 3px 5px; }

/* в карточках тем на телефоне — тоже только значок */
@media (max-width: 767.98px) {
    .dc-author span.ub .ub-label { display: none !important; }
    .dc-author span.ub { padding: 3px 5px; }
}