/*
 * bh-badges.css (20.10.2026) — badge-urile panelului: rolurile din cont + functiile date de staff (App\Support\Badges).
 * O pilula: iconita in culoarea badge-ului, fundal nuantat din aceeasi culoare, text lizibil pe ambele teme.
 * Culoarea vine din atributul style="--bh-badge: <culoare validata>". Fara backdrop-filter.
 */
.bh-badges { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.bh-badge, .bh-badge *, .bh-badge *::before, .bh-badge *::after { box-sizing: border-box; }
.bh-badge {
    --bh-badge: #8a939c;
    display: inline-flex; align-items: center; gap: 6px;
    max-width: 100%;
    min-height: 26px;
    padding: 3px 10px 3px 8px;
    margin: 0 4px 4px 0;
    border-radius: 999px;
    font-size: 12px; font-weight: 600; line-height: 1.2; letter-spacing: .01em;
    white-space: nowrap; vertical-align: middle;
    color: var(--g-strong, #fff);
    background: rgba(138, 147, 156, .18);
    border: 1px solid rgba(138, 147, 156, .45);
}
@supports (background: color-mix(in srgb, red 10%, transparent)) {
    .bh-badge {
        background: color-mix(in srgb, var(--bh-badge) 17%, transparent);
        border-color: color-mix(in srgb, var(--bh-badge) 48%, transparent);
        box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bh-badge) 22%, transparent);
    }
    .bh-badge > i, .bh-badge .bh-badge__a > i { color: color-mix(in srgb, var(--bh-badge) 82%, #fff); }
    [data-bh-theme="light"] .bh-badge { color: color-mix(in srgb, var(--bh-badge) 55%, #111); }
    [data-bh-theme="light"] .bh-badge > i, [data-bh-theme="light"] .bh-badge .bh-badge__a > i { color: color-mix(in srgb, var(--bh-badge) 85%, #000); }
}
.bh-badge > i, .bh-badge .bh-badge__a > i { font-size: 11px; width: 13px; text-align: center; flex: none; }
.bh-badge__t { overflow: hidden; text-overflow: ellipsis; }
.bh-badge__a, .bh-badge__a:hover, .bh-badge__a:focus { display: inline-flex; align-items: center; gap: 6px; color: inherit; text-decoration: none; min-width: 0; }
.bh-badge__a:hover .bh-badge__t { text-decoration: underline; text-underline-offset: 2px; }
.bh-badge.is-alert { font-weight: 700; }
.bh-badge__x {
    display: inline-flex; align-items: center; justify-content: center;
    width: 18px; height: 18px; margin: 0 -4px 0 2px; padding: 0;
    border: 0; border-radius: 50%; background: transparent; color: inherit; opacity: .65; cursor: pointer; flex: none;
}
.bh-badge__x:hover, .bh-badge__x:focus-visible { opacity: 1; background: rgba(255, 92, 108, .25); color: #ff5c6c; outline: none; }
.bh-badge__x .fa { font-size: 11px; pointer-events: none; }
/* tabele de top / liste: badge-uri mai mici */
td .bh-badge, .bhs-roles .bh-badge { min-height: 22px; padding: 2px 8px 2px 6px; font-size: 11px; margin-bottom: 2px; }

/* editorul de badge-uri (profil > Manage) */
.bh-bdg-ed { background: var(--g-pane-a, #2f363e); border: 1px solid var(--g-edge, #3e454d); border-radius: 12px; padding: 14px 16px; margin-bottom: 16px; }
.bh-bdg-ed__t { color: var(--g-strong, #fff); font-weight: 600; margin: 0 0 10px; font-size: 15px; }
.bh-bdg-ed__t .fa { color: var(--g-green, #17c964); margin-right: 6px; }
.bh-bdg-ed__cur { min-height: 30px; margin-bottom: 12px; }
.bh-bdg-ed__grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
.bh-bdg-ed__lbl { display: block; font-size: 12px; color: var(--g-muted, #8a939c); margin-bottom: 4px; }
.bh-bdg-ed__row { display: flex; gap: 8px; align-items: center; }
.bh-bdg-ed__row input[type="color"] { width: 40px; height: 34px; padding: 2px; border-radius: 8px; border: 1px solid var(--g-edge, #3e454d); background: transparent; flex: none; cursor: pointer; }
.bh-bdg-ed__sw { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px; }
.bh-bdg-ed__sw button { width: 22px; height: 22px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, .25); cursor: pointer; padding: 0; }
.bh-bdg-ed__sw button:focus-visible, .bh-bdg-ed__sw button.is-on { border-color: var(--g-strong, #fff); outline: none; }
.bh-bdg-ed__prev { display: flex; align-items: center; gap: 8px; min-height: 34px; padding: 6px 10px; border-radius: 10px; border: 1px dashed var(--g-edge, #3e454d); }
.bh-bdg-ed__prev small { color: var(--g-muted, #8a939c); }
.bh-bdg-ed__foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
/* in containerele flex (profil, editor) distanta o da gap-ul */
.bh-badges .bh-badge, .bhp-badges .bh-badge { margin: 0; }
.bh-bdg-ed .form-control { width: 100%; max-width: 100%; min-width: 0; }
.bh-bdg-ed__row .form-control { flex: 1 1 auto; }

/* =====================================================================================================
 * 28.10.2026 — pilule mai fine + insemnele din joc + tab-ul Profil > Badge-uri (App\Support\Realizari).
 * Insemnele (imagini cu text alb si stralucire, facute pentru lumea din joc) stau MEREU pe o placa inchisa,
 * si pe tema deschisa. Culoarea raritatii vine din --bhb-rar / --bhb-glow (din catalog, pe server).
 * ===================================================================================================== */
@supports (background: color-mix(in srgb, red 10%, transparent)) {
    .bh-badge {
        background: linear-gradient(180deg, color-mix(in srgb, var(--bh-badge) 24%, transparent), color-mix(in srgb, var(--bh-badge) 12%, transparent));
        box-shadow: inset 0 1px 0 color-mix(in srgb, #fff 14%, transparent), 0 1px 2px rgba(0, 0, 0, .25);
    }
    .bh-badge > i, .bh-badge .bh-badge__a > i {
        display: inline-flex; align-items: center; justify-content: center;
        width: 18px; height: 18px; margin-left: -3px; border-radius: 50%;
        background: color-mix(in srgb, var(--bh-badge) 30%, transparent);
        font-size: 10px;
    }
}

/* un insemn = insigna emailata (28.10, a doua runda): placa in culoarea insemnului (--bhc), adanca la baza,
   cu reflex sus si lumina colorata in jur. Inchisa si pe tema deschisa (textul din imagine e luminos), dar
   colorata, nu neagra. Fara --bhc: gri-verzui neutru. */
.bh-crest {
    --bhc: #6f8f86;
    --bhc-h: 30px;
    position: relative; isolation: isolate;
    display: inline-flex; align-items: center; justify-content: center;
    height: var(--bhc-h); padding: 0 10px; border-radius: 999px;
    background: linear-gradient(180deg, #2a2f38, #12151b);
    border: 1px solid rgba(255, 255, 255, .14);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .18), 0 2px 6px rgba(0, 0, 0, .25);
    vertical-align: middle; overflow: hidden;
    transition: transform .18s ease, box-shadow .18s ease;
}
@supports (background: color-mix(in srgb, red 10%, transparent)) {
    .bh-crest {
        background:
            radial-gradient(120% 90% at 50% -10%, color-mix(in srgb, var(--bhc) 55%, transparent) 0%, transparent 60%),
            linear-gradient(180deg, color-mix(in srgb, var(--bhc) 34%, #15121c) 0%, color-mix(in srgb, var(--bhc) 14%, #0c0d12) 100%);
        border-color: color-mix(in srgb, var(--bhc) 60%, rgba(255, 255, 255, .25));
        box-shadow:
            inset 0 1px 0 color-mix(in srgb, #fff 30%, transparent),
            inset 0 -6px 12px -6px color-mix(in srgb, var(--bhc) 50%, transparent),
            0 3px 12px -3px color-mix(in srgb, var(--bhc) 55%, transparent);
    }
}
/* reflexul de sticla pe jumatatea de sus */
.bh-crest::before {
    content: ""; position: absolute; inset: 1px 1px 50% 1px; z-index: -1; border-radius: 999px 999px 40% 40%;
    background: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(255, 255, 255, 0));
    pointer-events: none;
}
.bh-crest img { height: calc(var(--bhc-h) - 8px); width: auto; max-width: 100%; display: block; pointer-events: none; }
.bh-crest.is-lg { --bhc-h: 46px; padding: 0 16px; }

/* PRIME+: insigna holografica, cu o raza de lumina care trece din cand in cand */
.bh-crest.is-holo {
    border-color: transparent;
    background:
        linear-gradient(180deg, rgba(20, 10, 30, .55), rgba(10, 6, 18, .78)) padding-box,
        linear-gradient(115deg, #ff7ad9, #9b6bff, #5ce1ff, #b8ff8a, #ffd36b, #ff7ad9) border-box;
    background-size: 100% 100%, 300% 100%;
    animation: bhc-holo 6s linear infinite;
}
.bh-crest.is-holo::after {
    content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background: linear-gradient(105deg, transparent 35%, rgba(255, 255, 255, .55) 50%, transparent 65%);
    transform: translateX(-120%);
    animation: bhc-sweep 4.5s ease-in-out infinite;
}
@keyframes bhc-holo { to { background-position: 0 0, 300% 0; } }
@keyframes bhc-sweep { 0%, 55% { transform: translateX(-120%); } 85%, 100% { transform: translateX(120%); } }

/* antetul profilului: insemnele, clic -> tab-ul Badge-uri */
.bh-profile .bhp-crests { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; text-decoration: none; }
.bh-profile .bhp-crests:hover .bh-crest { transform: translateY(-1px); }
.bh-profile .bhp-crests:focus-visible { outline: 2px solid var(--g-green, #17c964); outline-offset: 3px; border-radius: 10px; }
.bh-profile .bhp-crests + .bhp-badges { margin-top: 8px; }
.bh-profile .bhp-badges:empty { display: none; }

/* ---------------------------------------------------------------- tab-ul Badge-uri */
.bhb { --bhb-plate: #0b1112; display: flex; flex-direction: column; gap: 18px; }
.bhb-kicker { font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--g-muted, #8f9d98); }
.bhb-sec__t { margin: 0; font-size: 16px; font-weight: 800; letter-spacing: -.01em; color: var(--g-strong, #fff); }

.bhb-hero {
    --bhb-glow: #17c964;
    display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 18px; align-items: stretch;
    padding: 18px; border-radius: 16px;
    background: radial-gradient(90% 120% at 18% 0%, rgba(255, 255, 255, .05), transparent 60%), var(--bhb-plate);
    border: 1px solid rgba(255, 255, 255, .08);
    box-shadow: 0 14px 34px -18px rgba(0, 0, 0, .7);
    color: #e6ecea;
}
@supports (background: color-mix(in srgb, red 10%, transparent)) {
    .bhb-hero {
        background: radial-gradient(80% 110% at 22% 0%, color-mix(in srgb, var(--bhb-glow) 22%, transparent), transparent 62%), var(--bhb-plate);
        border-color: color-mix(in srgb, var(--bhb-glow) 26%, rgba(255, 255, 255, .06));
    }
}
.bhb-hero .bhb-kicker { color: rgba(230, 236, 234, .6); }
.bhb-hero__eq { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 120px; text-align: center; }
.bhb-hero__crest { height: 64px; width: auto; max-width: 100%; object-fit: contain; display: block; }
.bhb-hero__none { margin: 0; max-width: 300px; font-size: 13px; color: rgba(230, 236, 234, .7); }

.bhb-stats { display: grid; grid-template-columns: 1fr; gap: 10px; }
.bhb-stat { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 4px 10px; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .06); }
.bhb-stat__k { font-size: 12px; color: rgba(230, 236, 234, .66); }
.bhb-stat__v { font-size: 20px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; line-height: 1.1; }
.bhb-stat__v small { font-size: 13px; font-weight: 600; color: rgba(230, 236, 234, .5); margin-left: 1px; }
.bhb-stat__s { grid-column: 1 / -1; font-size: 11px; color: rgba(230, 236, 234, .55); }
.bhb-meter { grid-column: 1 / -1; display: block; height: 5px; border-radius: 99px; background: rgba(255, 255, 255, .08); overflow: hidden; }
.bhb-meter > span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #13b497, #17c964); }

.bhb-rar {
    display: inline-flex; align-items: center; gap: 6px;
    font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--bhb-rar, #c9d1cc);
}
.bhb-rar::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }

.bhb-sec { display: flex; flex-direction: column; gap: 10px; }
.bhb-crests { display: flex; flex-wrap: wrap; gap: 8px; }

.bhb-bar { display: flex; flex-wrap: wrap; gap: 6px; }
.bhb-chip {
    display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 4px 14px;
    border-radius: 999px; border: 1px solid var(--g-edge, rgba(255, 255, 255, .085));
    background: var(--g-pane-a, rgba(255, 255, 255, .068)); color: var(--g-text, #e6ecea);
    font-size: 13px; font-weight: 600; cursor: pointer;
}
.bhb-chip b { font-weight: 700; color: var(--g-muted, #8f9d98); font-variant-numeric: tabular-nums; }
.bhb-chip:hover { border-color: var(--g-green-edge, rgba(23, 201, 100, .38)); }
.bhb-chip.is-on { background: var(--g-green-soft, rgba(23, 201, 100, .14)); border-color: var(--g-green-edge, rgba(23, 201, 100, .38)); color: var(--g-strong, #fff); }
.bhb-chip.is-on b { color: var(--g-green-text, #8ff0b8); }
.bhb-chip:focus-visible { outline: 2px solid var(--g-green, #17c964); outline-offset: 2px; }

.bhb-cat { display: flex; flex-direction: column; gap: 10px; }
.bhb-cat__h { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.bhb-cat__n { font-size: 12px; font-weight: 700; color: var(--g-muted, #8f9d98); font-variant-numeric: tabular-nums; }
.bhb-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 10px; }

.bhb-card {
    --bhb-rar: #c9d1cc;
    display: flex; flex-direction: column; gap: 8px; padding: 8px 8px 10px; border-radius: 14px;
    background: var(--g-pane-a, rgba(255, 255, 255, .068)); border: 1px solid var(--g-edge, rgba(255, 255, 255, .085));
    transition: transform .15s ease, border-color .15s ease;
}
.bhb-card__plate {
    position: relative; display: flex; align-items: center; justify-content: center;
    height: 62px; padding: 0 8px; border-radius: 10px; overflow: hidden;
    background: radial-gradient(90% 130% at 50% 0%, #1b2426 0%, var(--bhb-plate, #0b1112) 72%);
}
.bhb-card__plate img { width: auto; height: auto; max-width: 100%; max-height: 40px; object-fit: contain; display: block; }
.bhb-card__eq { position: absolute; top: 6px; right: 6px; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; background: rgba(23, 201, 100, .9); color: #04130a; font-size: 10px; }
.bhb-card__meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 0 4px; }
.bhb-card__st { font-size: 11px; font-weight: 700; color: var(--g-green-text, #8ff0b8); white-space: nowrap; }
.bhb-card__st.is-lock { color: var(--g-muted, #8f9d98); }
.bhb-card__how { margin: 0; padding: 0 4px; font-size: 12px; line-height: 1.4; color: var(--g-muted, #8f9d98); }

@supports (background: color-mix(in srgb, red 10%, transparent)) {
    .bhb-card.is-owned { border-color: color-mix(in srgb, var(--bhb-rar) 40%, transparent); }
    .bhb-card.is-owned .bhb-card__plate {
        background: radial-gradient(90% 130% at 50% 0%, color-mix(in srgb, var(--bhb-rar) 30%, #1b2426) 0%, var(--bhb-plate, #0b1112) 72%);
        box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bhb-rar) 30%, transparent);
    }
}
.bhb-card.is-owned:hover { transform: translateY(-2px); }
.bhb-card.is-locked .bhb-card__plate img { filter: grayscale(1) brightness(.75); opacity: .42; }
.bhb-card.is-locked .bhb-rar { opacity: .7; }

/* filtru: Detinute / De obtinut (categoriile goale in filtrul ales dispar) */
.bhb[data-bhb-filter="owned"] .bhb-card.is-locked,
.bhb[data-bhb-filter="locked"] .bhb-card.is-owned,
.bhb[data-bhb-filter="owned"] .bhb-cat[data-owned="0"],
.bhb[data-bhb-filter="locked"] .bhb-cat[data-locked="0"] { display: none; }

/* spoiler pana pornesc Realizarile (28.10): badge-urile se vad in culori, cu data lansarii in loc de „Blocat” */
.bhb-soon { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; --bhb-glow: #a46bff; }
.bhb-soon__txt { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.bhb-soon__tag {
    display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px; border-radius: 999px;
    font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #04130a;
    background: linear-gradient(90deg, #17c964, #13b497); box-shadow: 0 4px 14px -4px rgba(23, 201, 100, .6);
}
.bhb-soon__t { margin: 0; font-size: 22px; font-weight: 900; letter-spacing: -.02em; color: #fff; line-height: 1.15; }
.bhb-soon__p { margin: 0; font-size: 13px; line-height: 1.5; color: rgba(230, 236, 234, .72); max-width: 440px; }
.bhb-soon__rar { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; }
.bhb-soon__r {
    --bhb-rar: #c9d1cc;
    display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 12px;
    background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .07);
}
.bhb-soon__r b { font-size: 18px; font-weight: 900; color: #fff; font-variant-numeric: tabular-nums; }
.bhb-card.is-soon .bhb-card__plate img { opacity: .92; }
.bhb-card.is-soon:hover { transform: translateY(-2px); }
@supports (background: color-mix(in srgb, red 10%, transparent)) {
    .bhb-card.is-soon { border-color: color-mix(in srgb, var(--bhb-rar) 26%, transparent); }
    .bhb-card.is-soon .bhb-card__plate { background: radial-gradient(90% 130% at 50% 0%, color-mix(in srgb, var(--bhb-rar) 18%, #1b2426) 0%, var(--bhb-plate, #0b1112) 72%); }
}
.bhb-card__st.is-soon { color: var(--g-muted, #8f9d98); font-weight: 700; }
.bhb-tab-soon {
    display: inline-block; margin-left: 6px; padding: 1px 7px; border-radius: 999px; vertical-align: 2px;
    font-size: 9.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; line-height: 1.5;
    color: #04130a; background: linear-gradient(90deg, #17c964, #13b497);
}
@media (max-width: 767px) { .bhb-soon { grid-template-columns: 1fr; } .bhb-soon__t { font-size: 19px; } }

.bhb-empty { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 28px 16px; text-align: center; border-radius: 14px; border: 1px dashed var(--g-edge, rgba(255, 255, 255, .085)); color: var(--g-muted, #8f9d98); }
.bhb-empty .fa { font-size: 26px; color: var(--g-gold, #f3bd3e); }
.bhb-empty p { margin: 0; max-width: 360px; }
.bhb-note { margin: 0; font-size: 12px; color: var(--g-muted, #8f9d98); }

@media (max-width: 767px) {
    .bhb-hero { grid-template-columns: 1fr; padding: 14px; }
    .bhb-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); }
}
/* =====================================================================================================
 * 28.10.2026 — nivelul vizual al profilului (.bhp-tier--primeplus | prime | mitic | legendar | staff,
 * calculat in App\Support\Badges::tier): aura in spatele coloanei, rama avatarului, numele, cardul de identitate.
 * PRIME+ = holografic animat; PRIME = violet lucios; mitic / legendar / staff = rama statica in culoarea lor.
 * ===================================================================================================== */
@property --bha { syntax: "<angle>"; inherits: false; initial-value: 0deg; }

.bh-profile.bhp-tier { --t1: #17c964; --t2: #13b497; --t3: #17c964; --ring: linear-gradient(135deg, var(--t1), var(--t2)); position: relative; }
.bh-profile.bhp-tier--primeplus { --t1: #ff7ad9; --t2: #9b6bff; --t3: #5ce1ff; }
.bh-profile.bhp-tier--prime     { --t1: #9b6bff; --t2: #d2c2ff; --t3: #6d3df5; }
.bh-profile.bhp-tier--mitic     { --t1: #3fe0d0; --t2: #a46bff; --t3: #3fe0d0; }
.bh-profile.bhp-tier--legendar  { --t1: #e8ad25; --t2: #ffe08a; --t3: #e8ad25; }
.bh-profile.bhp-tier--staff     { --t1: #f04848; --t2: #ff8a8a; --t3: #f04848; }

/* aura: lumina in culorile nivelului, sus, in spatele cardurilor */
.bh-profile.bhp-tier::before {
    content: ""; position: absolute; z-index: 0; pointer-events: none;
    top: -40px; left: -20px; right: -20px; height: 620px;
    background:
        radial-gradient(38% 55% at 14% 18%, var(--t1), transparent 70%),
        radial-gradient(34% 50% at 46% 6%, var(--t2), transparent 72%),
        radial-gradient(30% 45% at 84% 14%, var(--t3), transparent 72%);
    opacity: .2; filter: blur(30px);
    -webkit-mask-image: linear-gradient(180deg, #000 45%, transparent 100%); mask-image: linear-gradient(180deg, #000 45%, transparent 100%);
}
[data-bh-theme="light"] .bh-profile.bhp-tier::before { opacity: .26; }
.bhp-tier--staff.bh-profile::before { opacity: .1; }
.bhp-tier--prime.bh-profile::before, .bhp-tier--primeplus.bh-profile::before { opacity: .34; }
[data-bh-theme="light"] .bhp-tier--prime.bh-profile::before, [data-bh-theme="light"] .bhp-tier--primeplus.bh-profile::before { opacity: .4; }
.bh-profile.bhp-tier > * { position: relative; z-index: 1; }

/* cardul de identitate: margine in gradientul nivelului + lumina sus */
.bh-profile.bhp-tier .bhp-id { position: relative; overflow: hidden; border-color: transparent; }
.bh-profile.bhp-tier .bhp-id::before {
    content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none; z-index: 2;
    background: linear-gradient(140deg, var(--t1), transparent 40%, transparent 60%, var(--t3));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}
.bh-profile.bhp-tier .bhp-id::after {
    content: ""; position: absolute; left: 0; right: 0; top: 0; height: 140px; pointer-events: none; z-index: 0;
    background: radial-gradient(60% 100% at 22% 0%, var(--t1), transparent 70%);
    opacity: .22;
}
.bh-profile.bhp-tier .bhp-id .card-body { position: relative; z-index: 1; }

/* avatarul din profil: rama vine din bh-avatar.css (.bh-ava, aceeasi peste tot); aici doar asezarea, eticheta, sclipirea */
.bh-profile .bhp-ava { position: relative; flex: 0 0 auto; width: 84px; height: 84px; }
.bh-profile .bhp-ava > .bh-ava { width: 100%; height: 100%; }
.bh-profile .bhp-ava .bhp-avatar { position: relative; z-index: 1; }
/* sclipiri pe rama PRIME+ */
.bhp-tier--primeplus .bhp-ava::after {
    content: ""; position: absolute; z-index: 2; pointer-events: none; width: 16px; height: 16px; top: -10px; right: -9px;
    background:
        radial-gradient(closest-side, #fff, rgba(255, 255, 255, 0)) center / 4px 4px no-repeat,
        linear-gradient(#fff, #fff) center / 2px 16px no-repeat,
        linear-gradient(90deg, #fff, #fff) center / 16px 2px no-repeat;
    -webkit-mask: radial-gradient(closest-side, #000 30%, transparent); mask: radial-gradient(closest-side, #000 30%, transparent);
    filter: drop-shadow(0 0 4px #fff) drop-shadow(0 0 8px #ff7ad9);
    animation: bha-glint 3.2s ease-in-out infinite;
}
@keyframes bha-spin { to { --bha: 360deg; } }
@keyframes bha-glint { 0%, 60%, 100% { opacity: 0; transform: scale(.4) rotate(0deg); } 72% { opacity: 1; transform: scale(1) rotate(45deg); } 86% { opacity: 0; transform: scale(.5) rotate(90deg); } }

/* eticheta de sub avatar */
.bh-profile .bhp-ava__tag {
    position: absolute; z-index: 3; left: 50%; bottom: -11px; transform: translateX(-50%);
    padding: 2px 9px; border-radius: 999px; white-space: nowrap;
    font-size: 10px; font-weight: 900; letter-spacing: .14em; line-height: 1.4; color: #fff;
    background: linear-gradient(180deg, #7b4dff, #4b1fbf);
    border: 1px solid rgba(255, 255, 255, .45);
    box-shadow: 0 4px 12px -2px rgba(109, 61, 245, .7), inset 0 1px 0 rgba(255, 255, 255, .4);
}
.bhp-tier--primeplus .bhp-ava__tag {
    background: linear-gradient(115deg, #ff7ad9, #9b6bff, #5ce1ff, #b8ff8a, #ffd36b, #ff7ad9) 0 0 / 300% 100%;
    color: #1a0b24; text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    box-shadow: 0 4px 14px -2px rgba(200, 107, 255, .8), inset 0 1px 0 rgba(255, 255, 255, .6);
    animation: bhc-holo 6s linear infinite;
}

/* Clan Owner (28.10): placheta fondatorului — coroana de aur generata, rama aurie lucioasa, tag in culoarea clanului (--clan) */
.bh-clanown {
    --clan: #f3bd3e;
    position: relative; isolation: isolate; overflow: hidden;
    display: flex; align-items: center; gap: 10px; margin-top: 10px; padding: 8px 14px 8px 18px;
    border-radius: 14px; text-decoration: none !important;
    color: #fff4d6;
    border: 1px solid transparent;
    background:
        linear-gradient(180deg, #2a2112, #15100a) padding-box,
        linear-gradient(135deg, #fff2c4, #c9952a 30%, #7a5512 52%, #f3bd3e 74%, #fff2c4) border-box;
    box-shadow: 0 6px 18px -8px rgba(243, 189, 62, .55), inset 0 1px 0 rgba(255, 242, 196, .25);
    transition: transform .18s ease, box-shadow .18s ease;
}
@supports (background: color-mix(in srgb, red 10%, transparent)) {
    .bh-clanown {
        background:
            radial-gradient(70% 140% at 0% 50%, color-mix(in srgb, var(--clan) 26%, transparent), transparent 70%) padding-box,
            linear-gradient(180deg, #2a2112, #15100a) padding-box,
            linear-gradient(135deg, #fff2c4, #c9952a 30%, #7a5512 52%, #f3bd3e 74%, #fff2c4) border-box;
    }
}
/* raza de lumina care trece peste aur */
.bh-clanown::after {
    content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none;
    background: linear-gradient(105deg, transparent 40%, rgba(255, 244, 214, .28) 50%, transparent 60%);
    transform: translateX(-130%); animation: bhc-sweep 6s ease-in-out infinite;
}
.bh-clanown:hover { transform: translateY(-1px); box-shadow: 0 10px 22px -8px rgba(243, 189, 62, .7), inset 0 1px 0 rgba(255, 242, 196, .3); }
.bh-clanown:focus-visible { outline: 2px solid #f3bd3e; outline-offset: 2px; }
.bh-clanown__txt { display: flex; flex-direction: column; min-width: 0; line-height: 1.15; }
.bh-clanown__k { font-size: 10px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #e9c46a; }
.bh-clanown__n { font-size: 14px; font-weight: 700; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bh-clanown__n b { color: var(--clan); font-weight: 900; text-shadow: 0 0 10px color-mix(in srgb, var(--clan) 50%, transparent); }
.bh-clanown__m { margin-left: auto; flex: none; font-size: 12px; font-weight: 700; color: #e9c46a; font-variant-numeric: tabular-nums; }
.bh-clanown__m .fa { margin-right: 3px; opacity: .8; }
.bh-clanown.is-lg { padding: 10px 16px 10px 20px; max-width: 460px; }
/* banda in culoarea clanului (in locul imaginii) */
.bh-clanown::before { content: ""; position: absolute; left: 7px; top: 8px; bottom: 8px; width: 3px; border-radius: 3px; background: var(--clan); box-shadow: 0 0 10px var(--clan); }
.bh-clanown.is-lg .bh-clanown__n { font-size: 16px; }


/* loc pentru eticheta de sub avatar */
.bhp-tier--prime .bhp-id-top + .bhp-crests, .bhp-tier--primeplus .bhp-id-top + .bhp-crests,
.bhp-tier--prime .bhp-id-top + .bhp-badges, .bhp-tier--primeplus .bhp-id-top + .bhp-badges { margin-top: 22px; }

/* numele */
.bhp-tier--prime .bhp-name-txt, .bhp-tier--primeplus .bhp-name-txt {
    background: linear-gradient(100deg, var(--bp-strong, #fff) 0%, var(--t2) 45%, var(--t1) 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
}
.bhp-tier--primeplus .bhp-name-txt {
    background: linear-gradient(100deg, #ff7ad9, #9b6bff, #5ce1ff, #9b6bff, #ff7ad9) 0 0 / 250% 100%;
    -webkit-background-clip: text; background-clip: text;
    animation: bhc-holo 8s linear infinite;
}
[data-bh-theme="light"] .bhp-tier--primeplus .bhp-name-txt { filter: saturate(1.3) brightness(.8); }
[data-bh-theme="light"] .bhp-tier--prime .bhp-name-txt { background-image: linear-gradient(100deg, #2a1663 0%, #6d3df5 60%, #9b6bff 100%); }

@media (prefers-reduced-motion: reduce) {
    .bhb-card { transition: none; }
    .bhb-card.is-owned:hover { transform: none; }
    .bh-crest, .bh-crest.is-holo, .bh-crest.is-holo::after,
    .bhp-ava::after, .bhp-ava__tag, .bhp-name-txt, .bh-clanown, .bh-clanown::after { animation: none !important; transition: none; }
}