/* _content/Noovio.Pulse.Web/Components/Analysis/FarmRoadmapPanel.razor.rz.scp.css */
.farm-note[b-xlr1oq50xm] { margin: 0 0 12px; padding: 8px 10px; border-radius: 8px; font-size: 0.8rem; color: var(--warn); border: 1px solid rgba(251, 191, 36, 0.35); }
.farm-ok[b-xlr1oq50xm] { margin: 0; font-size: 0.85rem; color: #34D399; }
.farm-title[b-xlr1oq50xm] { margin: 18px 0 8px; font-size: 0.82rem; font-weight: 700; color: var(--text); }
.farm-title small[b-xlr1oq50xm] { margin-left: 6px; font-size: 0.72rem; font-weight: 500; color: var(--text-faint); }
.farm-title:first-child[b-xlr1oq50xm] { margin-top: 0; }

.wow-icon[b-xlr1oq50xm] { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 4px; }

/* Une étape : pastille numérotée reliée à la suivante par un trait */
.farm-stops[b-xlr1oq50xm] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
.farm-stop[b-xlr1oq50xm] { position: relative; display: grid; grid-template-columns: 30px 1fr; gap: 12px; padding-bottom: 16px; }
.farm-stop:last-child[b-xlr1oq50xm] { padding-bottom: 0; }
.farm-stop:not(:last-child)[b-xlr1oq50xm]::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 0;
    left: 14px;
    width: 2px;
    background: var(--line-strong);
}
.stop-rank[b-xlr1oq50xm] {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-family: var(--font-title);
    font-weight: 700;
    color: #0B0E14;
    background: linear-gradient(135deg, var(--accent), var(--accent-deep));
}
.stop-body[b-xlr1oq50xm] { min-width: 0; }
.stop-body header[b-xlr1oq50xm] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; min-height: 30px; margin-bottom: 6px; }
.stop-body header strong[b-xlr1oq50xm] { font-size: 1rem; color: var(--text); }
.stop-kind[b-xlr1oq50xm] {
    padding: 0 7px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    line-height: 18px;
    color: var(--accent-alt);
    border: 1px solid color-mix(in srgb, var(--accent-alt) 35%, transparent);
}
.stop-key[b-xlr1oq50xm] { font-size: 0.76rem; color: var(--text-faint); }
.stop-key.is-warn[b-xlr1oq50xm] { color: var(--warn); }
.stop-key.is-bad[b-xlr1oq50xm] { color: #F87171; }

.farm-targets[b-xlr1oq50xm] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }

.farm-upgrades[b-xlr1oq50xm] { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 4px 12px; font-size: 0.82rem; }
.farm-upgrades li[b-xlr1oq50xm] { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.upgrade-gap[b-xlr1oq50xm] { flex: none; font-weight: 700; font-variant-numeric: tabular-nums; color: var(--text); }
/* _content/Noovio.Pulse.Web/Components/Analysis/FarmTargetRow.razor.rz.scp.css */
.farm-target[b-67je7si2ao] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 7px 10px;
    border-radius: 9px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    min-width: 0;
}
.target-icon[b-67je7si2ao] { flex: none; }
.target-icon .wow-icon[b-67je7si2ao] { width: 34px; height: 34px; border-color: #a335ee; }
.target-text[b-67je7si2ao] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.target-line[b-67je7si2ao] { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; }
.target-name[b-67je7si2ao] { font-weight: 600; color: #c99bff; }
.target-boss[b-67je7si2ao] { font-size: 0.82rem; font-weight: 600; color: var(--accent-text); }
.target-why[b-67je7si2ao] { font-size: 0.76rem; color: var(--text-faint); }
/* _content/Noovio.Pulse.Web/Components/Analysis/FindingCard.razor.rz.scp.css */
.finding[b-oadoi66p11] {
    display: flex;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--verdict);
}

.finding-body[b-oadoi66p11] { display: flex; flex-direction: column; gap: 3px; min-width: 0; flex: 1; }
.finding-body header[b-oadoi66p11] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.finding-body header strong[b-oadoi66p11] { color: var(--text); }
.finding-body header img[b-oadoi66p11] { width: 22px; height: 22px; }

.finding-area[b-oadoi66p11] {
    margin-left: auto;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--text-faint);
    border: 1px solid var(--line);
}

.finding-body p[b-oadoi66p11] { margin: 0; }
.finding-how[b-oadoi66p11] { font-size: 0.88rem; color: var(--text); }
.finding-why[b-oadoi66p11] { font-size: 0.78rem; color: var(--text-faint); }
/* _content/Noovio.Pulse.Web/Components/Analysis/GearReviewList.razor.rz.scp.css */
.gear-review[b-cdapdmqlg1] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); gap: 8px; }

.gear-review li[b-cdapdmqlg1] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--verdict);
    min-width: 0;
}

.gear-piece .wow-icon[b-cdapdmqlg1] { width: 40px; height: 40px; border-color: #a335ee; box-shadow: 0 0 0 1px rgba(163, 53, 238, 0.5); }

.gear-text[b-cdapdmqlg1] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.gear-name[b-cdapdmqlg1] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: #c99bff; }
.gear-tags[b-cdapdmqlg1] { display: flex; flex-wrap: wrap; gap: 4px; }

.gear-tags > span[b-cdapdmqlg1] {
    padding: 0 7px;
    border-radius: 6px;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 18px;
    border: 1px solid var(--line);
    color: var(--text-dim);
}
.ilvl-tag[b-cdapdmqlg1] { font-variant-numeric: tabular-nums; color: var(--text) !important; }
.ilvl-tag small[b-cdapdmqlg1] { font-weight: 600; color: var(--text-faint); }
.ilvl-tag.is-low[b-cdapdmqlg1] { border-color: rgba(248, 113, 113, 0.5) !important; }
.ilvl-tag.is-low small[b-cdapdmqlg1] { color: #F87171; }
.ilvl-tag.is-high small[b-cdapdmqlg1] { color: #34D399; }
.enchant-tag.is-ok[b-cdapdmqlg1] { color: #34D399 !important; border-color: rgba(52, 211, 153, 0.35) !important; }
.enchant-tag.is-missing[b-cdapdmqlg1] { color: #F87171 !important; border-color: rgba(248, 113, 113, 0.5) !important; }
.meta-tag[b-cdapdmqlg1] { color: var(--accent-text) !important; border-color: color-mix(in srgb, var(--accent) 35%, transparent) !important; }

/* Pièce la plus jouée du top sur l'emplacement, quand ce n'est pas celle portée */
.gear-top[b-cdapdmqlg1] { position: relative; flex: none; opacity: 0.75; }
.gear-top:hover[b-cdapdmqlg1] { opacity: 1; text-decoration: none; }
.gear-top .wow-icon[b-cdapdmqlg1] { width: 28px; height: 28px; }
.gear-top span[b-cdapdmqlg1] {
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
    padding: 0 3px;
    border-radius: 4px;
    font-size: 0.58rem;
    font-weight: 700;
    line-height: 12px;
    white-space: nowrap;
    color: var(--accent-text);
    background: #0B0E14;
    border: 1px solid var(--line-strong);
}
/* _content/Noovio.Pulse.Web/Components/Analysis/GemEnchantPanel.razor.rz.scp.css */
.gem-title[b-b9plvr08u8] { margin: 16px 0 8px; font-size: 0.82rem; font-weight: 700; color: var(--text); }
.gem-title:first-child[b-b9plvr08u8] { margin-top: 0; }
.gem-title small[b-b9plvr08u8] { margin-left: 6px; font-size: 0.72rem; font-weight: 500; color: var(--text-faint); }
.gem-note[b-b9plvr08u8] { margin: 0 0 12px; padding: 8px 10px; border-radius: 8px; font-size: 0.8rem; color: var(--warn); border: 1px solid rgba(251, 191, 36, 0.35); }
.gem-ok[b-b9plvr08u8] { margin: 0; font-size: 0.85rem; color: #34D399; }

.wow-icon[b-b9plvr08u8] { display: inline-block; width: 20px; height: 20px; vertical-align: middle; margin-right: 4px; }

/* --- Changements proposés ---------------------------------------------------- */
.swap-list[b-b9plvr08u8] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
.swap-list li[b-b9plvr08u8] {
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 2px 8px;
    padding: 8px 10px;
    border-radius: 9px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--accent);
}
.swap-slot[b-b9plvr08u8] { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-faint); padding-top: 2px; }
.swap-change[b-b9plvr08u8] { display: flex; align-items: center; gap: 6px; min-width: 0; }
.swap-change del[b-b9plvr08u8] { color: var(--text-faint); }
.swap-change strong[b-b9plvr08u8] { color: var(--text); }
.swap-deltas[b-b9plvr08u8] { grid-column: 2; display: flex; flex-wrap: wrap; gap: 4px; }

/* --- Origine des caractéristiques ---------------------------------------------- */
.origin-table[b-b9plvr08u8] { width: 100%; border-collapse: collapse; font-size: 0.8rem; font-variant-numeric: tabular-nums; }
.origin-table th[b-b9plvr08u8], .origin-table td[b-b9plvr08u8] { padding: 4px 6px; text-align: right; color: var(--text-faint); border-bottom: 1px solid var(--line); }
.origin-table thead th[b-b9plvr08u8] { font-size: 0.68rem; letter-spacing: 0.06em; text-transform: uppercase; }
.origin-table tbody th[b-b9plvr08u8] { text-align: left; font-weight: 600; color: var(--stat); }
.origin-table strong[b-b9plvr08u8] { color: var(--text); }

/* --- Pièce par pièce ------------------------------------------------------------ */
.piece-details[b-b9plvr08u8] { margin-top: 14px; }
.piece-details summary[b-b9plvr08u8] { cursor: pointer; font-size: 0.82rem; font-weight: 700; color: var(--text); margin-bottom: 8px; }
.piece-list[b-b9plvr08u8] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; }
.piece-list li[b-b9plvr08u8] {
    display: grid;
    grid-template-columns: 76px 1fr;
    gap: 8px;
    padding: 5px 8px;
    border-radius: 7px;
    border-left: 3px solid var(--verdict);
    background: rgba(11, 14, 20, 0.4);
}
.piece-slot[b-b9plvr08u8] { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--text-faint); padding-top: 2px; }
.piece-mods[b-b9plvr08u8] { display: flex; flex-direction: column; gap: 3px; min-width: 0; font-size: 0.8rem; }
.piece-mod[b-b9plvr08u8] { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; }
.mod-share[b-b9plvr08u8] { font-size: 0.72rem; color: var(--text-faint); font-variant-numeric: tabular-nums; }
.mod-missing[b-b9plvr08u8] { font-weight: 700; color: #F87171; }
.mod-top[b-b9plvr08u8] { font-size: 0.74rem; color: var(--accent-text); }

.top-gems[b-b9plvr08u8] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 4px; font-size: 0.8rem; }
.top-gems li[b-b9plvr08u8] { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; }
.top-gems .mod-share[b-b9plvr08u8] { margin-left: auto; }
/* _content/Noovio.Pulse.Web/Components/Analysis/MythicPlusPanel.razor.rz.scp.css */
.mplus-head[b-b02un9yt5o] { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-bottom: 14px; }
.mplus-score[b-b02un9yt5o] { display: flex; flex-direction: column; line-height: 1; }
.mplus-score strong[b-b02un9yt5o] { font-family: var(--font-title); font-size: 2.2rem; text-shadow: 0 0 18px currentColor; }
.mplus-facts[b-b02un9yt5o] { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.mplus-facts div[b-b02un9yt5o] { padding: 6px 12px; border-radius: 9px; background: rgba(11, 14, 20, 0.6); border: 1px solid var(--line); }
.mplus-facts dt[b-b02un9yt5o] { font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.1em; color: var(--text-faint); }
.mplus-facts dd[b-b02un9yt5o] { margin: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.mplus-link[b-b02un9yt5o] { margin-left: auto; height: 34px; }

.mplus-runs[b-b02un9yt5o] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 8px; }
.mplus-runs li > a[b-b02un9yt5o], .mplus-runs li.is-missing[b-b02un9yt5o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
    padding: 10px 6px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid rgba(52, 211, 153, 0.3);
    color: var(--text);
}
.mplus-runs li > a:hover[b-b02un9yt5o] { text-decoration: none; border-color: #34D399; }

.run-short[b-b02un9yt5o] { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; color: var(--text-dim); text-align: center; }
.run-level[b-b02un9yt5o] { font-family: var(--font-title); font-size: 1.5rem; line-height: 1.1; color: #34D399; }
.run-stars[b-b02un9yt5o] { font-size: 0.7rem; color: #FBBF24; letter-spacing: 1px; }

.is-depleted > a[b-b02un9yt5o] { border-color: var(--line) !important; }
.is-depleted .run-level[b-b02un9yt5o] { color: var(--text-dim); }
.is-depleted .run-stars[b-b02un9yt5o] { color: var(--text-faint); letter-spacing: 0; }
.is-weak > a[b-b02un9yt5o] { border-color: rgba(251, 191, 36, 0.6) !important; box-shadow: 0 0 10px rgba(251, 191, 36, 0.15); }
.mplus-runs li.is-missing[b-b02un9yt5o] { border: 1px dashed rgba(248, 113, 113, 0.6); opacity: 0.85; }
.is-missing .run-level[b-b02un9yt5o] { color: #F87171; }
.is-missing .run-stars[b-b02un9yt5o] { color: #F87171; letter-spacing: 0; }
/* _content/Noovio.Pulse.Web/Components/Analysis/ScoreRing.razor.rz.scp.css */
.score-ring[b-3l4gzjkrw6] { position: relative; display: inline-grid; place-items: center; }

.score-ring circle[b-3l4gzjkrw6] { fill: none; stroke-width: 11; }
.score-ring .track[b-3l4gzjkrw6] { stroke: rgba(42, 54, 79, 0.8); }
.score-ring .value[b-3l4gzjkrw6] {
    stroke: var(--score-color);
    stroke-linecap: round;
    filter: drop-shadow(0 0 6px var(--score-color));
    transition: stroke-dasharray 0.6s ease-out;
}

.score-text[b-3l4gzjkrw6] { position: absolute; display: flex; flex-direction: column; align-items: center; line-height: 1; }
.score-text strong[b-3l4gzjkrw6] { font-family: var(--font-title); font-size: 2.3rem; color: var(--score-color); }
.score-text span[b-3l4gzjkrw6] { margin-top: 2px; font-size: 0.75rem; color: var(--text-faint); }
/* _content/Noovio.Pulse.Web/Components/Analysis/StatReviewList.razor.rz.scp.css */
.stat-review[b-9zcg3tkf31] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.stat-review li[b-9zcg3tkf31] {
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--stat);
}

.stat-head[b-9zcg3tkf31] { display: flex; align-items: center; gap: 8px; color: var(--stat); }
.stat-name[b-9zcg3tkf31] { font-weight: 600; color: var(--text); }
.stat-rank[b-9zcg3tkf31] {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    font-size: 0.68rem;
    font-weight: 700;
    color: var(--text-dim);
    border: 1px solid var(--line-strong);
}
.stat-action[b-9zcg3tkf31] { font-size: 0.78rem; font-weight: 600; color: var(--verdict); }
.stat-mine[b-9zcg3tkf31] { margin-left: auto; font-size: 1.25rem; line-height: 1; color: var(--stat); font-variant-numeric: tabular-nums; }

.stat-scale[b-9zcg3tkf31] { position: relative; height: 8px; margin: 14px 0 8px; border-radius: 4px; background: rgba(42, 54, 79, 0.6); }
.stat-band[b-9zcg3tkf31] { position: absolute; top: 0; bottom: 0; border-radius: 4px; background: color-mix(in srgb, var(--stat) 40%, transparent); }
.stat-median[b-9zcg3tkf31] { position: absolute; top: -3px; width: 3px; height: 14px; margin-left: -1.5px; border-radius: 2px; background: var(--stat); opacity: 0.8; }

/* Toi : losange blanc liseré au verdict, au-dessus de la réglette */
.stat-you[b-9zcg3tkf31] {
    position: absolute;
    top: -6px;
    width: 14px;
    height: 14px;
    margin-left: -7px;
    transform: rotate(45deg);
    border-radius: 3px;
    background: #fff;
    border: 3px solid var(--verdict);
    box-shadow: 0 0 10px var(--verdict);
}

.stat-range[b-9zcg3tkf31] { margin: 0; font-size: 0.74rem; color: var(--text-dim); }
.stat-next[b-9zcg3tkf31] { margin: 2px 0 0; font-size: 0.78rem; color: var(--text); }
.stat-next strong[b-9zcg3tkf31] { color: var(--stat); }
/* _content/Noovio.Pulse.Web/Components/Analysis/TalentChips.razor.rz.scp.css */
.talent-chips[b-m59o19kmhd] { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }

.talent-chips a[b-m59o19kmhd] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 3px 10px 3px 3px;
    border-radius: 8px;
    font-size: 0.8rem;
    color: var(--text);
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
}
.talent-chips a:hover[b-m59o19kmhd] { text-decoration: none; border-color: var(--line-strong); }
.talent-chips img[b-m59o19kmhd] { width: 24px; height: 24px; }
.talent-chips strong[b-m59o19kmhd] { font-size: 0.72rem; color: var(--text-faint); font-variant-numeric: tabular-nums; }
/* _content/Noovio.Pulse.Web/Components/Analysis/TrinketPlanPanel.razor.rz.scp.css */
.trinket-verdict[b-739qzgnanv] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 12px;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text);
}

.trinket-rows[b-739qzgnanv] { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 10px; }
.trinket-rows > li[b-739qzgnanv] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--verdict);
    min-width: 0;
}

.trinket-now[b-739qzgnanv], .trinket-target[b-739qzgnanv] { display: flex; align-items: center; gap: 10px; min-width: 0; }
.trinket-now > div[b-739qzgnanv], .trinket-target > div[b-739qzgnanv] { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.wow-icon[b-739qzgnanv] { width: 38px; height: 38px; border-color: #a335ee; }
.trinket-name[b-739qzgnanv] { font-weight: 700; color: #c99bff; }
.trinket-name.is-out[b-739qzgnanv] { color: var(--text-dim); }
.trinket-facts[b-739qzgnanv] { font-size: 0.76rem; color: var(--text-faint); font-variant-numeric: tabular-nums; }
.trinket-state[b-739qzgnanv] {
    flex: none;
    align-self: flex-start;
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    color: var(--verdict);
    border: 1px solid color-mix(in srgb, var(--verdict) 45%, transparent);
}

.trinket-target[b-739qzgnanv] { padding: 8px 10px; border-radius: 8px; background: color-mix(in srgb, var(--accent) 7%, transparent); border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent); }
.trinket-arrow[b-739qzgnanv] { font-size: 1.1rem; font-weight: 700; color: var(--accent-text); }
.trinket-source[b-739qzgnanv] { margin-top: 2px; font-size: 0.84rem; font-weight: 600; color: var(--accent-text); }

.trinket-play[b-739qzgnanv] { margin: 0; font-size: 0.86rem; color: var(--text); }
.trinket-effect[b-739qzgnanv] { margin: 0; font-size: 0.76rem; color: var(--text-faint); }

.trinket-title[b-739qzgnanv] { margin: 16px 0 6px; font-size: 0.82rem; font-weight: 700; color: var(--text); }
.trinket-pairs[b-739qzgnanv] { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 3px; font-size: 0.84rem; color: var(--text-dim); }
.trinket-pairs li[b-739qzgnanv] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.trinket-pairs li.is-worn[b-739qzgnanv] { color: var(--text); font-weight: 600; }
.pair-share[b-739qzgnanv] { min-width: 42px; font-weight: 700; color: var(--accent-text); font-variant-numeric: tabular-nums; }
.pair-mine[b-739qzgnanv] { font-size: 0.72rem; font-weight: 700; color: #34D399; }

.boss-hits[b-739qzgnanv] { margin-top: 16px; }
.boss-hits summary[b-739qzgnanv] { cursor: pointer; font-size: 0.82rem; font-weight: 700; color: var(--text); }
.boss-hits summary small[b-739qzgnanv] { margin-left: 6px; font-weight: 500; color: var(--text-faint); }
.hits-note[b-739qzgnanv] { margin: 6px 0 8px; font-size: 0.78rem; color: var(--text-dim); }
.hits-empty[b-739qzgnanv] { margin: 14px 0 0; }
.hits-table[b-739qzgnanv] { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.hits-table th[b-739qzgnanv], .hits-table td[b-739qzgnanv] { padding: 4px 8px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.hits-table tbody th[b-739qzgnanv] { width: 26%; font-weight: 600; color: var(--accent-text); }
.hits-table td[b-739qzgnanv] { color: var(--text-dim); }
.hits-table .hits-instance th[b-739qzgnanv] { padding-top: 12px; width: auto; font-weight: 700; color: var(--text); }
.hits-table .hits-instance small[b-739qzgnanv] { margin-left: 4px; font-size: 0.68rem; font-weight: 600; color: var(--text-faint); }

@media (max-width: 720px) {
    .hits-table tbody th[b-739qzgnanv] { width: 38%; }
}
/* _content/Noovio.Pulse.Web/Components/Analysis/VerdictIcon.razor.rz.scp.css */
.verdict-icon[b-2ou6dscj6i] {
    display: inline-grid;
    place-items: center;
    flex: none;
    border-radius: 50%;
    color: #0B0E14;
    background: var(--verdict);
    box-shadow: 0 0 10px color-mix(in srgb, var(--verdict) 45%, transparent);
}

.visually-hidden[b-2ou6dscj6i] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}
/* _content/Noovio.Pulse.Web/Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-9k4411vunw],
.components-reconnect-repeated-attempt-visible[b-9k4411vunw],
.components-reconnect-failed-visible[b-9k4411vunw],
.components-pause-visible[b-9k4411vunw],
.components-resume-failed-visible[b-9k4411vunw],
.components-rejoining-animation[b-9k4411vunw] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-9k4411vunw],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-9k4411vunw],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-9k4411vunw],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-9k4411vunw],
#components-reconnect-modal.components-reconnect-retrying[b-9k4411vunw],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-9k4411vunw],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-9k4411vunw],
#components-reconnect-modal.components-reconnect-failed[b-9k4411vunw],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-9k4411vunw] {
    display: block;
}


#components-reconnect-modal[b-9k4411vunw] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-9k4411vunw 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-9k4411vunw 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-9k4411vunw 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-9k4411vunw]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-9k4411vunw 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-9k4411vunw {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-9k4411vunw {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-9k4411vunw {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-9k4411vunw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-9k4411vunw] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-9k4411vunw] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-9k4411vunw] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-9k4411vunw] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-9k4411vunw] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-9k4411vunw] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-9k4411vunw 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-9k4411vunw] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-9k4411vunw {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* _content/Noovio.Pulse.Web/Components/Meta/GearSlotGrid.razor.rz.scp.css */
.slot-grid[b-rrxiq7himo] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 10px;
}

.slot-card[b-rrxiq7himo] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 12px 14px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    min-width: 0;
}
.slot-card:hover[b-rrxiq7himo] { border-color: var(--line-strong); }

.slot-head[b-rrxiq7himo] { display: flex; align-items: center; justify-content: space-between; }

.slot-ilvl[b-rrxiq7himo] {
    padding: 1px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--accent-alt);
    border: 1px solid color-mix(in srgb, var(--accent-alt) 30%, transparent);
}

.slot-alternatives[b-rrxiq7himo] { display: flex; flex-wrap: wrap; gap: 8px 10px; padding-left: 52px; }
/* _content/Noovio.Pulse.Web/Components/Meta/ItemUsage.razor.rz.scp.css */
.item-usage[b-7irp72oa95] {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

/* Bordure épique : la quasi-totalité du top est en objets épiques */
.item-icon[b-7irp72oa95] { width: 42px; height: 42px; border-color: #a335ee; box-shadow: 0 0 0 1px rgba(163, 53, 238, 0.5), 0 0 10px rgba(163, 53, 238, 0.25); }

.item-text[b-7irp72oa95] { display: flex; flex-direction: column; gap: 5px; min-width: 0; }
.item-text a[b-7irp72oa95] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
    color: #c99bff;
}

.share-bar[b-7irp72oa95] { display: block; height: 4px; border-radius: 2px; background: rgba(42, 54, 79, 0.7); overflow: hidden; }
.share-bar span[b-7irp72oa95] { display: block; height: 100%; border-radius: 2px; background: linear-gradient(90deg, var(--accent-deep), var(--accent)); }

.item-share[b-7irp72oa95] { font-weight: 700; font-variant-numeric: tabular-nums; color: var(--accent-text); }

/* Vignette */
.item-chip[b-7irp72oa95] { position: relative; display: block; width: 32px; height: 32px; }
.item-chip:hover[b-7irp72oa95] { text-decoration: none; }
.item-chip .wow-icon[b-7irp72oa95] { width: 32px; height: 32px; transition: transform 0.12s; }
.item-chip:hover .wow-icon[b-7irp72oa95] { transform: scale(1.1); box-shadow: 0 0 0 1px #a335ee, 0 0 10px rgba(163, 53, 238, 0.4); }

.chip-share[b-7irp72oa95] {
    position: absolute;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
    padding: 0 4px;
    border-radius: 5px;
    font-size: 0.6rem;
    font-weight: 700;
    line-height: 13px;
    white-space: nowrap;
    color: var(--text);
    background: #0B0E14;
    border: 1px solid var(--line-strong);
    font-variant-numeric: tabular-nums;
}
/* _content/Noovio.Pulse.Web/Components/Meta/StatGauges.razor.rz.scp.css */
/* --- Priorité : Maîtrise › Hâte › … -------------------------------------- */
.stat-priority[b-trazkx5j8c] {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0 0 18px;
    padding: 0;
}

.stat-pill[b-trazkx5j8c] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 5px 12px 5px 8px;
    border-radius: 999px;
    font-weight: 700;
    color: var(--stat);
    background: color-mix(in srgb, var(--stat) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--stat) 40%, transparent);
}
.stat-pill:first-child[b-trazkx5j8c] { font-size: 1.05rem; box-shadow: 0 0 14px color-mix(in srgb, var(--stat) 30%, transparent); }

.stat-sep[b-trazkx5j8c] { font-size: 1.3rem; line-height: 1; color: var(--text-faint); }

/* --- Valeur à viser par caractéristique ---------------------------------- */
.stat-targets[b-trazkx5j8c] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.stat-targets li[b-trazkx5j8c] {
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--stat);
}

.stat-head[b-trazkx5j8c] { display: flex; align-items: center; gap: 8px; color: var(--stat); }
.stat-name[b-trazkx5j8c] { font-weight: 600; color: var(--text); }
.stat-value[b-trazkx5j8c] { margin-left: auto; font-size: 1.35rem; line-height: 1; color: var(--stat); font-variant-numeric: tabular-nums; }

.stat-scale[b-trazkx5j8c] {
    position: relative;
    height: 8px;
    margin: 12px 0 6px;
    border-radius: 4px;
    background: rgba(42, 54, 79, 0.6);
}
.stat-band[b-trazkx5j8c] {
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 4px;
    background: color-mix(in srgb, var(--stat) 45%, transparent);
}
.stat-median[b-trazkx5j8c] {
    position: absolute;
    top: -4px;
    width: 4px;
    height: 16px;
    margin-left: -2px;
    border-radius: 2px;
    background: var(--stat);
    box-shadow: 0 0 8px var(--stat);
}

.stat-range[b-trazkx5j8c] { margin: 0; font-size: 0.74rem; color: var(--text-dim); }
.stat-note[b-trazkx5j8c] { margin: 12px 0 0; font-size: 0.74rem; }

@media (max-width: 520px) {
    .stat-targets[b-trazkx5j8c] { grid-template-columns: 1fr; }
}
/* _content/Noovio.Pulse.Web/Components/Meta/TalentBuildPanel.razor.rz.scp.css */
.build-main[b-kcg4wxoouf] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 14px;
    border-radius: 10px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--accent) 10%, transparent), color-mix(in srgb, var(--accent-alt-deep) 6%, transparent));
    border: 1px solid color-mix(in srgb, var(--accent) 30%, transparent);
}

.build-head[b-kcg4wxoouf] { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.build-head .eyebrow[b-kcg4wxoouf] { width: 100%; }
.build-figures[b-kcg4wxoouf] { display: flex; align-items: baseline; gap: 8px; margin-right: auto; }
.build-share[b-kcg4wxoouf] { font-family: var(--font-title); font-size: 1.7rem; line-height: 1; color: var(--accent-text); }

.build-actions[b-kcg4wxoouf] { display: flex; flex-wrap: wrap; gap: 8px; }

.build-alternatives[b-kcg4wxoouf] { list-style: none; margin: 12px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.build-alternatives li[b-kcg4wxoouf] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 6px 6px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
}
.build-alt-share[b-kcg4wxoouf] { min-width: 40px; font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }
.build-alt-actions[b-kcg4wxoouf] { display: flex; gap: 4px; margin-left: auto; }

.hero-trees[b-kcg4wxoouf] { margin-top: 18px; }
.hero-trees ul[b-kcg4wxoouf] { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.hero-trees li[b-kcg4wxoouf] { display: grid; grid-template-columns: minmax(150px, auto) 1fr 56px; align-items: center; gap: 12px; }
.hero-trees strong[b-kcg4wxoouf] { text-align: right; white-space: nowrap; color: var(--accent-alt); font-variant-numeric: tabular-nums; }

.share-bar[b-kcg4wxoouf] { display: block; height: 6px; border-radius: 3px; background: rgba(42, 54, 79, 0.7); overflow: hidden; }
.share-bar span[b-kcg4wxoouf] { display: block; height: 100%; background: linear-gradient(90deg, var(--accent-alt-deep), var(--accent-alt)); }
/* _content/Noovio.Pulse.Web/Components/Meta/TalentCalculatorDialog.razor.rz.scp.css */
.talent-modal[b-qeh6wjbpkd] {
    width: min(1480px, 100%);
    padding: 20px 22px;
    outline: none;
    border-color: color-mix(in srgb, var(--class-color) 35%, var(--line-strong));
}

.talent-modal .modal-head p[b-qeh6wjbpkd] { margin: 2px 0 0; }
.talent-modal-actions[b-qeh6wjbpkd] { display: flex; align-items: center; gap: 8px; margin-left: auto; }

.talent-legend[b-qeh6wjbpkd] { list-style: none; display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0 0 16px; padding: 0; font-size: 0.78rem; color: var(--text-dim); }
.talent-legend li[b-qeh6wjbpkd] { display: inline-flex; align-items: center; gap: 7px; }
.swatch[b-qeh6wjbpkd] { width: 14px; height: 14px; border-radius: 4px; border: 2px solid; background: #0B0E14; }
.swatch.is-core[b-qeh6wjbpkd] { border-color: var(--accent-bright); box-shadow: 0 0 6px color-mix(in srgb, var(--accent-bright) 60%, transparent); }
.swatch.is-common[b-qeh6wjbpkd] { border-color: var(--accent); }
.swatch.is-situational[b-qeh6wjbpkd] { border-color: var(--accent-alt); }
.swatch.is-unpicked[b-qeh6wjbpkd] { border-color: #3B4B6C; }
.swatch.is-match[b-qeh6wjbpkd] { border-color: #34D399; box-shadow: 0 0 6px rgba(52, 211, 153, 0.6); }
.swatch.is-picked[b-qeh6wjbpkd] { border-color: var(--accent-alt); }
.swatch.is-atypical[b-qeh6wjbpkd] { border-color: #FB923C; }
.swatch.is-missing[b-qeh6wjbpkd] { border: 2px dashed #F87171; }

/* Fond « parchemin d'acier » : chaque arbre dans son cadre, comme la fenêtre du jeu */
.talent-trees[b-qeh6wjbpkd] {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    overflow-x: auto;
    padding-bottom: 8px;
}

.tree-column[b-qeh6wjbpkd] {
    flex: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 14px 18px 22px;
    border-radius: 12px;
    background:
        radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--class-color) 10%, transparent), transparent 70%),
        rgba(11, 14, 20, 0.7);
    border: 1px solid var(--line);
}
.tree-column.is-hero[b-qeh6wjbpkd] {
    background:
        radial-gradient(120% 70% at 50% 0%, color-mix(in srgb, var(--accent-alt) 12%, transparent), transparent 70%),
        rgba(11, 14, 20, 0.7);
}

.tree-title[b-qeh6wjbpkd] {
    margin: 0;
    font-family: var(--font-title);
    font-size: 0.95rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--class-color);
}

.hero-switch[b-qeh6wjbpkd] { display: flex; flex-direction: column; gap: 4px; width: 100%; }
.hero-tab[b-qeh6wjbpkd] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 10px 4px 4px;
    border-radius: 8px;
    border: 1px solid var(--line);
    background: transparent;
    color: var(--text-dim);
    font: inherit;
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}
.hero-tab img[b-qeh6wjbpkd] { width: 24px; height: 24px; border-radius: 50%; }
.hero-tab strong[b-qeh6wjbpkd] { margin-left: auto; color: var(--text-faint); font-variant-numeric: tabular-nums; }
.hero-tab:hover[b-qeh6wjbpkd] { color: var(--text); }
.hero-tab.is-active[b-qeh6wjbpkd] { color: var(--accent-alt); border-color: color-mix(in srgb, var(--accent-alt) 45%, transparent); background: color-mix(in srgb, var(--accent-alt) 8%, transparent); }
.hero-tab.is-active strong[b-qeh6wjbpkd] { color: var(--accent-alt); }

.talent-note[b-qeh6wjbpkd] { margin: 12px 0 0; font-size: 0.75rem; }

@media (max-width: 720px) {
    .talent-modal[b-qeh6wjbpkd] { padding: 16px; }
    .talent-modal .modal-head[b-qeh6wjbpkd] { flex-wrap: wrap; }
    .talent-modal-actions[b-qeh6wjbpkd] { width: 100%; margin-left: 0; }
}
/* _content/Noovio.Pulse.Web/Components/Meta/TalentTreeView.razor.rz.scp.css */
.tree[b-8evr90wtse] { position: relative; flex: none; }

.tree-links[b-8evr90wtse] { position: absolute; inset: 0; overflow: visible; }
.tree-links line[b-8evr90wtse] { stroke: #2A364F; stroke-width: 3; stroke-linecap: round; }
.tree-links line.is-lit[b-8evr90wtse] { stroke: var(--accent); stroke-opacity: 0.75; filter: drop-shadow(0 0 3px color-mix(in srgb, var(--accent) 60%, transparent)); }

.node[b-8evr90wtse] {
    position: absolute;
    width: 38px;
    height: 38px;
    display: block;
    padding: 2px;
    background: #0B0E14;
    border: 2px solid #3B4B6C;
    transition: transform 0.12s, box-shadow 0.12s;
}
.node:hover[b-8evr90wtse] { transform: scale(1.12); z-index: 2; text-decoration: none; }
.node img[b-8evr90wtse] { width: 100%; height: 100%; display: block; object-fit: cover; }

/* Formes du jeu : carré (actif), rond (passif), octogone (choix) */
.kind-active[b-8evr90wtse], .kind-active img[b-8evr90wtse] { border-radius: 7px; }
.kind-passive[b-8evr90wtse], .kind-passive img[b-8evr90wtse] { border-radius: 50%; }
.kind-choice[b-8evr90wtse] { border: 0; padding: 4px; background: #3B4B6C; clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%); }
.kind-choice img[b-8evr90wtse] { clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%); }

/* Taux de sélection du top */
.is-core[b-8evr90wtse] { border-color: var(--accent-bright); box-shadow: 0 0 10px color-mix(in srgb, var(--accent-bright) 55%, transparent); }
.is-core.kind-choice[b-8evr90wtse] { background: var(--accent-bright); }
.is-common[b-8evr90wtse] { border-color: var(--accent); }
.is-common.kind-choice[b-8evr90wtse] { background: var(--accent); }
.is-situational[b-8evr90wtse] { border-color: var(--accent-alt); }
.is-situational.kind-choice[b-8evr90wtse] { background: var(--accent-alt); }
.is-situational img[b-8evr90wtse] { filter: saturate(0.6) brightness(0.8); }
.is-unpicked img[b-8evr90wtse] { filter: grayscale(1) brightness(0.45); }

/* Mode joueur : choix du joueur comparés au top */
.is-match[b-8evr90wtse] { border-color: #34D399; box-shadow: 0 0 10px rgba(52, 211, 153, 0.5); }
.is-match.kind-choice[b-8evr90wtse] { background: #34D399; }
.is-picked[b-8evr90wtse] { border-color: var(--accent-alt); }
.is-picked.kind-choice[b-8evr90wtse] { background: var(--accent-alt); }
.is-atypical[b-8evr90wtse] { border-color: #FB923C; box-shadow: 0 0 10px rgba(251, 146, 60, 0.5); }
.is-atypical.kind-choice[b-8evr90wtse] { background: #FB923C; }
.is-missing[b-8evr90wtse] { border: 2px dashed #F87171; box-shadow: 0 0 10px rgba(248, 113, 113, 0.45); }
.is-missing.kind-choice[b-8evr90wtse] { background: #F87171; }
.is-missing img[b-8evr90wtse] { filter: grayscale(0.7) brightness(0.6); }

.node-share[b-8evr90wtse] {
    position: absolute;
    right: -8px;
    bottom: -8px;
    min-width: 20px;
    padding: 0 4px;
    border-radius: 6px;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 15px;
    text-align: center;
    color: var(--accent-ink);
    background: var(--accent);
    font-variant-numeric: tabular-nums;
}
.is-core .node-share[b-8evr90wtse] { background: var(--accent-bright); color: var(--accent-bright-ink); }
.is-situational .node-share[b-8evr90wtse] { color: #0B0E14; background: var(--accent-alt); }

/* clip-path rogne les badges des octogones : on les remonte dans le nœud */
.kind-choice .node-share[b-8evr90wtse] { right: 1px; bottom: 1px; }
.node-choice[b-8evr90wtse] {
    position: absolute;
    left: 3px;
    top: 3px;
    padding: 0 3px;
    border-radius: 4px;
    font-size: 0.55rem;
    font-weight: 700;
    color: var(--text);
    background: rgba(11, 14, 20, 0.85);
}
/* _content/Noovio.Pulse.Web/Components/Pages/Account.razor.rz.scp.css */
.account-head[b-mpzl5pmpmu] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
}
.account-head h1[b-mpzl5pmpmu] { margin: 2px 0 4px; font-family: var(--font-title); font-size: 1.8rem; letter-spacing: 0.05em; color: var(--accent-alt); }
.account-head p[b-mpzl5pmpmu] { margin: 0; }
.account-actions[b-mpzl5pmpmu] { display: flex; gap: 8px; }

.section-heading[b-mpzl5pmpmu] {
    margin: 6px 0 0;
    font-family: var(--font-title);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent-text);
}
.section-heading small[b-mpzl5pmpmu] { margin-left: 10px; font-family: var(--font); font-size: 0.78rem; letter-spacing: 0; text-transform: none; }

.character-grid[b-mpzl5pmpmu] { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 12px; }

.character-card[b-mpzl5pmpmu] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--class-color) 30%, var(--line));
}
.character-card[b-mpzl5pmpmu]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--class-color);
    box-shadow: 0 0 12px var(--class-color);
}
.character-card.is-low[b-mpzl5pmpmu] { opacity: 0.6; }
.character-card.is-target[b-mpzl5pmpmu] {
    border-color: color-mix(in srgb, var(--class-color) 60%, var(--line));
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45), 0 0 22px color-mix(in srgb, var(--class-color) 22%, transparent);
}

.character-spec[b-mpzl5pmpmu] { width: 44px; height: 44px; border-radius: 9px; border: 2px solid var(--class-color); }
.character-text[b-mpzl5pmpmu] { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.character-text .muted[b-mpzl5pmpmu] { font-size: 0.8rem; }
.character-name[b-mpzl5pmpmu] { font-size: 1.05rem; color: var(--class-color); }
.character-actions[b-mpzl5pmpmu] { display: flex; flex-direction: column; gap: 6px; margin-left: auto; flex-shrink: 0; }
.btn-analyze[b-mpzl5pmpmu] { height: 36px; padding: 0 14px; }

.other-characters[b-mpzl5pmpmu] { padding: 12px 18px; }
.other-characters summary[b-mpzl5pmpmu] { cursor: pointer; color: var(--text-dim); font-weight: 600; }
.other-characters ul[b-mpzl5pmpmu] { list-style: none; margin: 10px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 6px; }
/* _content/Noovio.Pulse.Web/Components/Pages/AdminIngestion.razor.rz.scp.css */
.admin-head[b-skya240gw7] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
}
.admin-head h1[b-skya240gw7] { margin: 2px 0 6px; font-family: var(--font-title); font-size: 1.7rem; letter-spacing: 0.05em; color: var(--accent-text); }
.admin-head p[b-skya240gw7] { margin: 0; max-width: 720px; }

.admin-notice[b-skya240gw7] {
    margin: 0;
    padding: 10px 14px;
    border-radius: 10px;
    color: #A7F3D0;
    background: rgba(52, 211, 153, 0.1);
    border: 1px solid rgba(52, 211, 153, 0.35);
}

.meta-section[b-skya240gw7] { padding: 18px 20px; }
.section-title[b-skya240gw7] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0 0 14px;
    font-family: var(--font-title);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent-text);
}
.section-title small[b-skya240gw7] { font-family: var(--font); font-size: 0.75rem; letter-spacing: 0; text-transform: none; }

.runs[b-skya240gw7] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.run[b-skya240gw7] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 10px 14px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--run);
}
.status-pending[b-skya240gw7] { --run: var(--accent-alt); }
.status-running[b-skya240gw7] { --run: var(--accent); }
.status-succeeded[b-skya240gw7] { --run: #34D399; }
.status-failed[b-skya240gw7] { --run: #F87171; }

.run-status[b-skya240gw7] {
    flex: none;
    min-width: 92px;
    padding: 2px 8px;
    border-radius: 999px;
    font-size: 0.72rem;
    font-weight: 700;
    text-align: center;
    color: var(--run);
    border: 1px solid color-mix(in srgb, var(--run) 50%, transparent);
}
.run-text[b-skya240gw7] { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.run-text .muted[b-skya240gw7] { font-size: 0.8rem; }
.run-message[b-skya240gw7] { font-size: 0.78rem; color: var(--text-dim); font-family: var(--font-mono); overflow-wrap: anywhere; }

.admin-cmd[b-skya240gw7] {
    margin: 0 0 8px;
    padding: 12px 14px;
    overflow-x: auto;
    border-radius: 10px;
    font-family: var(--font-mono);
    font-size: 0.8rem;
    color: var(--text-dim);
    background: rgba(11, 14, 20, 0.7);
    border: 1px solid var(--line);
}

/* --- Avancement de l'ingestion ------------------------------------------- */
.progress-card[b-skya240gw7] { display: flex; flex-direction: column; gap: 12px; }

.progress-head[b-skya240gw7] { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; }
.progress-meta[b-skya240gw7] { font-size: 0.85rem; color: var(--text-dim); }
.progress-eta[b-skya240gw7] { display: flex; flex-direction: column; align-items: flex-end; margin-left: auto; line-height: 1.2; }
.progress-eta strong[b-skya240gw7] { font-family: var(--font-title); font-size: 1.3rem; color: var(--text); font-variant-numeric: tabular-nums; }
.progress-eta small[b-skya240gw7] { font-size: 0.78rem; color: var(--text-faint); }

.progress-track[b-skya240gw7] {
    position: relative;
    height: 12px;
    overflow: hidden;
    border-radius: 6px;
    background: rgba(42, 54, 79, 0.6);
    border: 1px solid var(--line);
}
.progress-fill[b-skya240gw7] {
    position: absolute;
    inset: 0 auto 0 0;
    border-radius: 6px;
    background: linear-gradient(90deg, var(--accent-deep), var(--run));
    box-shadow: 0 0 14px color-mix(in srgb, var(--run) 55%, transparent);
    transition: width 0.6s ease;
}
/* lecture du classement : pas encore de quoi mesurer, la barre balaie */
.progress-track.is-indeterminate .progress-fill[b-skya240gw7] { animation: sweep-b-skya240gw7 1.6s ease-in-out infinite; }
@keyframes sweep-b-skya240gw7 {
    from { left: -30%; }
    to { left: 100%; }
}
@media (prefers-reduced-motion: reduce) { .progress-track.is-indeterminate .progress-fill[b-skya240gw7] { animation: none; } }

.progress-percent[b-skya240gw7] { align-self: flex-end; margin-top: -6px; font-size: 0.8rem; font-weight: 700; color: var(--run); font-variant-numeric: tabular-nums; }

.progress-steps[b-skya240gw7] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; padding: 0; list-style: none; }
.progress-steps li[b-skya240gw7] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    border-left: 3px solid var(--line-strong);
}
.progress-steps li .muted[b-skya240gw7] { font-size: 0.8rem; font-variant-numeric: tabular-nums; }
.step-bar[b-skya240gw7] { display: block; height: 4px; margin: 6px 0 4px; overflow: hidden; border-radius: 2px; background: rgba(42, 54, 79, 0.7); }
.step-bar span[b-skya240gw7] { display: block; height: 100%; border-radius: 2px; background: var(--line-strong); transition: width 0.6s ease; }
.progress-steps li.is-current .step-bar span[b-skya240gw7] { background: var(--accent); box-shadow: 0 0 8px var(--accent-glow); }
.progress-steps li.is-done .step-bar span[b-skya240gw7] { background: #34D399; }
.progress-steps li.is-current[b-skya240gw7] { border-left-color: var(--accent); }
.progress-steps li.is-done[b-skya240gw7] { border-left-color: #34D399; }

.progress-specs[b-skya240gw7] { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.progress-specs li[b-skya240gw7] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 3px 10px 3px 3px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--text-faint);
    border: 1px solid var(--line);
    opacity: 0.55;
}
.progress-specs img[b-skya240gw7] { width: 26px; height: 26px; border-radius: 50%; filter: grayscale(0.8); }
.progress-specs li.is-done[b-skya240gw7] { opacity: 1; color: var(--class-color); border-color: color-mix(in srgb, var(--class-color) 45%, var(--line)); }
.progress-specs li.is-done img[b-skya240gw7] { filter: none; }
.progress-specs li.is-current[b-skya240gw7] {
    opacity: 1;
    color: var(--text);
    border-color: var(--class-color);
    box-shadow: 0 0 14px color-mix(in srgb, var(--class-color) 35%, transparent);
    animation: current-b-skya240gw7 1.4s ease-in-out infinite alternate;
}
.progress-specs li.is-current img[b-skya240gw7] { filter: none; }
@keyframes current-b-skya240gw7 { to { box-shadow: 0 0 4px color-mix(in srgb, var(--class-color) 15%, transparent); } }
@media (prefers-reduced-motion: reduce) { .progress-specs li.is-current[b-skya240gw7] { animation: none; } }

.progress-stale[b-skya240gw7] {
    margin: 0;
    padding: 10px 14px;
    border-radius: 10px;
    color: #FECACA;
    background: rgba(248, 113, 113, 0.1);
    border: 1px solid rgba(248, 113, 113, 0.35);
}
.progress-next[b-skya240gw7] { margin: 0; font-size: 0.8rem; }

@media (max-width: 640px) {
    .progress-steps[b-skya240gw7] { grid-template-columns: 1fr; }
    .progress-eta[b-skya240gw7] { align-items: flex-start; margin-left: 0; }
}
/* _content/Noovio.Pulse.Web/Components/Pages/CharacterReport.razor.rz.scp.css */
.back-link[b-afjbzv6z5m] { align-self: flex-start; font-size: 0.85rem; color: var(--text-dim); }

/* --- En-tête : portrait du personnage en fond, à droite ------------------ */
.report-hero[b-afjbzv6z5m] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 28px;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--class-color) 40%, var(--line));
}
.report-hero[b-afjbzv6z5m]::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--portrait, none) right center / cover no-repeat;
    opacity: 0.45;
    mask-image: linear-gradient(90deg, transparent 25%, black 80%);
}
.report-hero[b-afjbzv6z5m]::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--class-color);
    box-shadow: 0 0 18px var(--class-color);
}
.report-hero > *[b-afjbzv6z5m] { position: relative; z-index: 1; }

.report-identity[b-afjbzv6z5m] { display: flex; align-items: center; gap: 18px; }
.report-avatar[b-afjbzv6z5m] { border-radius: 14px; border: 2px solid var(--class-color); box-shadow: 0 0 20px color-mix(in srgb, var(--class-color) 45%, transparent); }
.report-identity h1[b-afjbzv6z5m] {
    margin: 2px 0 8px;
    font-family: var(--font-title);
    font-size: 2.3rem;
    letter-spacing: 0.05em;
    color: var(--class-color);
    text-shadow: 0 0 24px color-mix(in srgb, var(--class-color) 40%, transparent);
}

.report-chips[b-afjbzv6z5m] { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.chip[b-afjbzv6z5m] {
    display: inline-flex;
    align-items: baseline;
    gap: 6px;
    padding: 4px 12px;
    border-radius: 999px;
    font-weight: 700;
    background: rgba(11, 14, 20, 0.75);
    border: 1px solid var(--line);
    font-variant-numeric: tabular-nums;
}
.chip small[b-afjbzv6z5m] { font-size: 0.68rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-faint); }
.chip em[b-afjbzv6z5m] { font-style: normal; font-size: 0.75rem; }
.chip .is-up[b-afjbzv6z5m] { color: #34D399; }
.chip .is-down[b-afjbzv6z5m] { color: #F87171; }
.chip.is-warn[b-afjbzv6z5m] { color: #FBBF24; border-color: rgba(251, 191, 36, 0.5); }

.report-score[b-afjbzv6z5m] { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.btn-refresh[b-afjbzv6z5m] { height: 30px; padding: 0 10px; font-size: 0.75rem; font-weight: 500; color: var(--text-dim); }

/* --- Synthèse par domaine ------------------------------------------------ */
.area-tiles[b-afjbzv6z5m] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 10px; }
.area-tiles li[b-afjbzv6z5m] {
    border-radius: 12px;
    background: var(--panel);
    border: 1px solid var(--line);
    border-top: 3px solid var(--verdict);
}
.area-tiles li:hover[b-afjbzv6z5m] { border-color: var(--line-strong); border-top-color: var(--verdict); }
.area-tiles a[b-afjbzv6z5m] {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 2px 10px;
    padding: 12px 14px;
    color: inherit;
}
.area-tiles a:hover[b-afjbzv6z5m] { text-decoration: none; }
.area-tiles a[b-afjbzv6z5m]  .verdict-icon { grid-row: span 2; }
.area-name[b-afjbzv6z5m] { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-faint); }
.area-tiles strong[b-afjbzv6z5m] { color: var(--text); font-variant-numeric: tabular-nums; }

/* --- Navigation dans le rapport ------------------------------------------- */
/* Collée sous l'en-tête du site, lui aussi collant (environ 62 px) ; sur mobile il passe sur deux lignes, la navigation ne colle plus. */
.report-nav[b-afjbzv6z5m] {
    position: sticky;
    top: 62px;
    z-index: 5;
    display: flex;
    gap: 4px;
    padding: 6px;
    overflow-x: auto;
    border-radius: 10px;
    background: rgba(17, 22, 34, 0.94);
    border: 1px solid var(--line);
    backdrop-filter: blur(6px);
}
.report-nav a[b-afjbzv6z5m] {
    flex: none;
    padding: 4px 10px;
    border-radius: 7px;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--text-dim);
}
.report-nav a:hover[b-afjbzv6z5m] { color: var(--accent-text); background: var(--panel-2); text-decoration: none; }
[id][b-afjbzv6z5m] { scroll-margin-top: 120px; }

/* --- Plan d'action, par effort --------------------------------------------- */
.plan-groups[b-afjbzv6z5m] { display: flex; flex-direction: column; gap: 16px; }
.plan-title[b-afjbzv6z5m] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin: 0 0 8px; font-size: 0.9rem; font-weight: 700; color: var(--text); }
.plan-title small[b-afjbzv6z5m] { font-size: 0.75rem; font-weight: 500; color: var(--text-faint); }
.plan-count[b-afjbzv6z5m] {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    font-size: 0.72rem;
    color: #0B0E14;
    background: var(--accent);
}

/* --- Sections ------------------------------------------------------------ */
.meta-columns[b-afjbzv6z5m] { display: grid; grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); gap: 18px; }
.meta-section[b-afjbzv6z5m] { padding: 18px 20px; min-width: 0; }
.section-title[b-afjbzv6z5m] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 12px;
    margin: 0 0 16px;
    font-family: var(--font-title);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent-text);
}
.section-title small[b-afjbzv6z5m] { font-family: var(--font); font-size: 0.75rem; letter-spacing: 0; text-transform: none; }

.sheet-panel summary[b-afjbzv6z5m] { margin: 0; cursor: pointer; }
.sheet-panel[open] summary[b-afjbzv6z5m] { margin-bottom: 16px; }

.findings[b-afjbzv6z5m] { display: flex; flex-direction: column; gap: 8px; }
.strengths[b-afjbzv6z5m] { margin-top: 14px; }
.strengths summary[b-afjbzv6z5m] { display: flex; align-items: center; gap: 8px; cursor: pointer; color: var(--text-dim); font-weight: 600; margin-bottom: 8px; }

/* --- Talents ------------------------------------------------------------- */
.talent-summary[b-afjbzv6z5m] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; }
.similarity[b-afjbzv6z5m] { display: grid; grid-template-columns: auto 1fr; align-items: baseline; gap: 4px 10px; min-width: 220px; }
.similarity strong[b-afjbzv6z5m] { font-family: var(--font-title); font-size: 1.8rem; color: var(--accent-text); }
.similarity .share-bar[b-afjbzv6z5m] { grid-column: span 2; display: block; height: 6px; border-radius: 3px; background: rgba(42, 54, 79, 0.7); overflow: hidden; }
.similarity .share-bar span[b-afjbzv6z5m] { display: block; height: 100%; background: linear-gradient(90deg, var(--accent-deep), var(--accent)); }
.talent-actions[b-afjbzv6z5m] { display: flex; flex-wrap: wrap; gap: 8px; }

.chip-title[b-afjbzv6z5m] { margin: 18px 0 8px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; }
.chip-title.is-problem[b-afjbzv6z5m] { color: #F87171; }
.chip-title.is-improve[b-afjbzv6z5m] { color: #FB923C; }

/* --- Fiche complète ------------------------------------------------------ */
.sheet[b-afjbzv6z5m] { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; margin: 0; }
.sheet div[b-afjbzv6z5m] { padding: 8px 12px; border-radius: 9px; background: rgba(11, 14, 20, 0.55); border: 1px solid var(--line); }
.sheet dt[b-afjbzv6z5m] { font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-faint); }
.sheet dd[b-afjbzv6z5m] { margin: 2px 0 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.sheet small[b-afjbzv6z5m] { font-weight: 500; color: var(--text-faint); }

@media (max-width: 720px) {
    .report-nav[b-afjbzv6z5m] { position: static; }
    .report-hero[b-afjbzv6z5m] { padding: 18px; }
    .report-identity h1[b-afjbzv6z5m] { font-size: 1.7rem; }
    .meta-columns[b-afjbzv6z5m] { grid-template-columns: 1fr; }
}
/* _content/Noovio.Pulse.Web/Components/Pages/Home.razor.rz.scp.css */
/* --- Accroche ------------------------------------------------------------ */
.landing-hero[b-skjl1fnw5e] {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(340px, 0.75fr);
    align-items: center;
    gap: 32px 48px;
    padding: 28px 0 12px;
}

.landing-kicker[b-skjl1fnw5e] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 4px 12px 4px 10px;
    border-radius: 999px;
    border: 1px solid color-mix(in srgb, var(--accent) 35%, transparent);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
    color: var(--accent-text);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* pastille qui bat comme un pouls */
.pulse-dot[b-skjl1fnw5e] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--accent);
    box-shadow: 0 0 0 0 var(--accent-glow);
    animation: pulse-b-skjl1fnw5e 2s ease-out infinite;
}
@keyframes pulse-b-skjl1fnw5e {
    0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--accent) 60%, transparent); }
    70%, 100% { box-shadow: 0 0 0 9px color-mix(in srgb, var(--accent) 0%, transparent); }
}
@media (prefers-reduced-motion: reduce) { .pulse-dot[b-skjl1fnw5e] { animation: none; } }

.landing-title[b-skjl1fnw5e] {
    margin: 18px 0 14px;
    font-family: var(--font-title);
    font-size: clamp(2rem, 4.2vw, 3.4rem);
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: 0.03em;
    color: var(--text);
}
.landing-title em[b-skjl1fnw5e] {
    font-style: normal;
    background: linear-gradient(90deg, var(--accent-text), var(--accent-text-deep) 50%, var(--accent-alt));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.landing-lead[b-skjl1fnw5e] { max-width: 640px; margin: 0; font-size: 1.05rem; line-height: 1.6; color: var(--text-dim); }

.landing-actions[b-skjl1fnw5e] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.landing-actions[b-skjl1fnw5e]  .btn-compare { height: 46px; padding: 0 22px; font-size: 1rem; }
.landing-actions .btn-ghost[b-skjl1fnw5e] { height: 46px; color: var(--text-dim); }
.landing-actions .btn-ghost:hover[b-skjl1fnw5e] { color: var(--text); }

.landing-proof[b-skjl1fnw5e] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 20px;
    margin: 22px 0 0;
    padding: 0;
    list-style: none;
    font-size: 0.8rem;
    color: var(--text-faint);
}
.landing-proof li[b-skjl1fnw5e] { display: inline-flex; align-items: center; gap: 7px; }
.landing-proof li[b-skjl1fnw5e]::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--accent-alt);
    box-shadow: 0 0 6px var(--accent-alt);
}

/* --- Tableau de bord du dernier calcul ----------------------------------- */
.landing-board[b-skjl1fnw5e] {
    position: relative;
    padding: 20px;
    overflow: hidden;
    border-color: var(--line-strong);
    background:
        radial-gradient(360px 200px at 100% 0%, color-mix(in srgb, var(--accent-alt) 12%, transparent), transparent 70%),
        radial-gradient(320px 220px at 0% 100%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%),
        var(--panel);
}

.board-head[b-skjl1fnw5e] { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.board-live[b-skjl1fnw5e] { display: inline-flex; align-items: center; gap: 6px; font-size: 0.78rem; font-weight: 600; color: #34D399; }
.board-live[b-skjl1fnw5e]::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 8px currentColor; }

.board-kpis[b-skjl1fnw5e] { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
.board-kpis div[b-skjl1fnw5e] {
    padding: 12px 14px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.6);
    border: 1px solid var(--line);
}
.board-kpis dt[b-skjl1fnw5e] { font-size: 0.68rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-faint); }
.board-kpis dd[b-skjl1fnw5e] {
    margin: 4px 0 0;
    font-family: var(--font-title);
    font-size: 1.75rem;
    font-weight: 800;
    line-height: 1;
    color: var(--text);
    font-variant-numeric: tabular-nums;
}

.board-record[b-skjl1fnw5e] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    color: var(--text);
    border: 1px solid color-mix(in srgb, var(--class-color) 40%, var(--line));
    background: color-mix(in srgb, var(--class-color) 8%, rgba(11, 14, 20, 0.6));
    transition: border-color 0.15s;
}
.board-record:hover[b-skjl1fnw5e] { text-decoration: none; color: var(--text); border-color: var(--class-color); }
.board-record .wow-icon[b-skjl1fnw5e] { width: 36px; height: 36px; border-radius: 8px; border: 2px solid var(--class-color); }
.board-record-text[b-skjl1fnw5e] { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.board-record-text strong[b-skjl1fnw5e] { color: var(--class-color); }
.board-record-text .muted[b-skjl1fnw5e] { font-size: 0.75rem; }
.board-record-key[b-skjl1fnw5e] { margin-left: auto; font-family: var(--font-title); font-size: 1.6rem; font-weight: 800; color: var(--accent-text); text-shadow: 0 0 16px var(--accent-glow); }

/* --- Ce que contient une fiche ------------------------------------------- */
.landing-features[b-skjl1fnw5e] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }

.feature[b-skjl1fnw5e] {
    padding: 18px;
    border-radius: var(--radius);
    border: 1px solid var(--line);
    background: rgba(26, 34, 50, 0.5);
}
.feature h2[b-skjl1fnw5e] { margin: 12px 0 6px; font-size: 1rem; font-weight: 700; color: var(--text); }
.feature p[b-skjl1fnw5e] { margin: 0; font-size: 0.85rem; line-height: 1.5; color: var(--text-dim); }

.feature-icon[b-skjl1fnw5e] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: 10px;
    color: var(--stat);
    background: color-mix(in srgb, var(--stat) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--stat) 40%, transparent);
}
.feature-icon.is-talents[b-skjl1fnw5e] { --stat: #8B5CF6; }
.feature-icon.is-gear[b-skjl1fnw5e] { --stat: var(--accent-deep); }
.feature-icon.is-compare[b-skjl1fnw5e] { --stat: var(--accent-alt); }

/* --- Sections ------------------------------------------------------------ */
.landing-section[b-skjl1fnw5e] { display: flex; flex-direction: column; gap: 14px; margin-top: 14px; scroll-margin-top: 80px; }
.landing-section-head[b-skjl1fnw5e] { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 16px; }
.landing-section-head p[b-skjl1fnw5e] { margin: 0; }
.landing-heading[b-skjl1fnw5e] {
    margin: 0;
    font-family: var(--font-title);
    font-size: 1.35rem;
    letter-spacing: 0.06em;
    color: var(--accent-text);
}

/* --- Fiches des spécialisations ------------------------------------------ */
.spec-cards[b-skjl1fnw5e] {
    display: grid;
    /* six spécialisations : trois colonnes, puis deux, puis une */
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}

.spec-card[b-skjl1fnw5e] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px 20px;
    overflow: hidden;
    color: var(--text);
    transition: transform 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.spec-card[b-skjl1fnw5e]::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: var(--class-color);
    box-shadow: 0 0 14px var(--class-color);
}
.spec-card:hover[b-skjl1fnw5e], .spec-card:focus-within[b-skjl1fnw5e] {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--class-color) 55%, var(--line));
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.45), 0 0 24px color-mix(in srgb, var(--class-color) 18%, transparent);
}

.spec-card-identity[b-skjl1fnw5e] { display: flex; align-items: center; gap: 14px; color: var(--text); }
.spec-card-identity:hover[b-skjl1fnw5e] { text-decoration: none; color: var(--text); }
.spec-card-identity:focus-visible[b-skjl1fnw5e] { outline: none; }
.spec-card-identity > span[b-skjl1fnw5e] { display: flex; flex-direction: column; }
/* lien étiré : toute la carte ouvre la fiche */
.spec-card-identity[b-skjl1fnw5e]::after { content: ""; position: absolute; inset: 0; }
.spec-card-icon[b-skjl1fnw5e] {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    border: 2px solid var(--class-color);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 16px color-mix(in srgb, var(--class-color) 40%, transparent);
}
.spec-card-name[b-skjl1fnw5e] { font-family: var(--font-title); font-size: 1.5rem; letter-spacing: 0.05em; color: var(--class-color); }

.spec-card-facts[b-skjl1fnw5e] { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0; }
.spec-card-facts div[b-skjl1fnw5e] { padding: 6px 10px; border-radius: 8px; background: rgba(11, 14, 20, 0.55); border: 1px solid var(--line); }
.spec-card-facts dt[b-skjl1fnw5e] { font-size: 0.64rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-faint); }
.spec-card-facts dd[b-skjl1fnw5e] { margin: 0; font-size: 1.05rem; font-weight: 700; font-variant-numeric: tabular-nums; }

/* priorité des caractéristiques : la première nommée, les suivantes en icônes */
.spec-card-stats[b-skjl1fnw5e] { display: flex; align-items: center; gap: 6px; margin: 0; padding: 0; list-style: none; }
.spec-card-stats li[b-skjl1fnw5e] {
    position: relative;
    z-index: 1; /* infobulle native au-dessus du lien étiré */
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 26px;
    padding: 0 7px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    color: var(--stat);
    background: color-mix(in srgb, var(--stat) 12%, transparent);
    border: 1px solid color-mix(in srgb, var(--stat) 38%, transparent);
}
.spec-card-stats li:first-child[b-skjl1fnw5e] { padding: 0 10px 0 8px; }
.spec-card-stats li + li[b-skjl1fnw5e]::before { content: "›"; position: absolute; left: -6px; color: var(--text-faint); font-weight: 400; }

.spec-card-hero[b-skjl1fnw5e] { display: flex; align-items: center; gap: 8px; }
.spec-card-hero small[b-skjl1fnw5e] { font-size: 0.75rem; }

.spec-card-foot[b-skjl1fnw5e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(42, 54, 79, 0.6);
}
.spec-card-updated[b-skjl1fnw5e] { font-size: 0.75rem; }

/* --- Méthode ------------------------------------------------------------- */
.landing-steps[b-skjl1fnw5e] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 0; padding: 0; list-style: none; counter-reset: none; }
.landing-steps li[b-skjl1fnw5e] {
    position: relative;
    padding: 18px;
    border-radius: var(--radius);
    border: 1px solid var(--line);
    background: rgba(26, 34, 50, 0.5);
}
/* fil qui relie les étapes */
.landing-steps li:not(:last-child)[b-skjl1fnw5e]::after {
    content: "";
    position: absolute;
    top: 34px;
    right: -15px;
    width: 16px;
    height: 2px;
    background: linear-gradient(90deg, var(--accent), var(--accent-alt));
}
.landing-steps h3[b-skjl1fnw5e] { margin: 12px 0 6px; font-size: 1rem; color: var(--text); }
.landing-steps p[b-skjl1fnw5e] { margin: 0; font-size: 0.85rem; line-height: 1.5; color: var(--text-dim); }
.step-index[b-skjl1fnw5e] {
    display: grid;
    place-items: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-family: var(--font-title);
    font-weight: 800;
    color: var(--accent-ink);
    background: linear-gradient(135deg, var(--accent), var(--accent-deep));
    box-shadow: 0 0 14px var(--accent-glow);
}
.landing-steps li:last-child .step-index[b-skjl1fnw5e] { color: #fff; background: linear-gradient(135deg, var(--accent-alt), var(--accent-alt-deep)); box-shadow: 0 0 14px var(--accent-alt-glow); }

/* --- Écrans moyens et mobile --------------------------------------------- */
@media (max-width: 1100px) {
    .landing-hero[b-skjl1fnw5e] { grid-template-columns: 1fr; }
    .landing-features[b-skjl1fnw5e], .landing-steps[b-skjl1fnw5e] { grid-template-columns: repeat(2, 1fr); }
    .landing-steps li[b-skjl1fnw5e]::after { display: none; }
}
@media (max-width: 1040px) { .spec-cards[b-skjl1fnw5e] { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) {
    .landing-hero[b-skjl1fnw5e] { padding-top: 12px; }
    .spec-cards[b-skjl1fnw5e], .landing-features[b-skjl1fnw5e], .landing-steps[b-skjl1fnw5e] { grid-template-columns: 1fr; }
    .landing-actions[b-skjl1fnw5e] { flex-direction: column; }
}
/* _content/Noovio.Pulse.Web/Components/Pages/SpecOverview.razor.rz.scp.css */
/* --- En-tête de spécialisation ------------------------------------------- */
.spec-hero[b-iq49tz4md5] {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 18px 32px;
    padding: 22px 26px;
    overflow: hidden;
    border-color: color-mix(in srgb, var(--class-color) 40%, var(--line));
}

/* liseré à la couleur de classe, à gauche */
.spec-hero[b-iq49tz4md5]::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--class-color);
    box-shadow: 0 0 18px var(--class-color);
}

.spec-identity[b-iq49tz4md5] { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 22px; }

.spec-icon[b-iq49tz4md5] {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    border: 2px solid var(--class-color);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.6), 0 0 22px color-mix(in srgb, var(--class-color) 45%, transparent);
}

.hero-fact[b-iq49tz4md5] { display: flex; align-items: center; gap: 6px; }
.hero-fact img[b-iq49tz4md5] { border-radius: 50%; }

.spec-title h1[b-iq49tz4md5] {
    margin: 2px 0 0;
    font-family: var(--font-title);
    font-size: 2.2rem;
    letter-spacing: 0.06em;
    color: var(--class-color);
    text-shadow: 0 0 24px color-mix(in srgb, var(--class-color) 40%, transparent);
}

.hero-facts[b-iq49tz4md5] { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; }
.hero-facts div[b-iq49tz4md5] {
    min-width: 108px;
    padding: 8px 14px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.6);
    border: 1px solid var(--line);
}
.hero-facts dt[b-iq49tz4md5] { font-size: 0.68rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--text-faint); }
.hero-facts dd[b-iq49tz4md5] { margin: 2px 0 0; font-size: 1.1rem; font-weight: 700; color: var(--text); font-variant-numeric: tabular-nums; }
.hero-facts small[b-iq49tz4md5] { font-size: 0.75rem; font-weight: 500; color: var(--text-dim); }

/* --- Sections ------------------------------------------------------------ */
.meta-columns[b-iq49tz4md5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
    gap: 18px;
}

.meta-section[b-iq49tz4md5] { padding: 18px 20px; min-width: 0; }

.section-title[b-iq49tz4md5] {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 0 0 16px;
    font-family: var(--font-title);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--accent-text);
}
.section-title small[b-iq49tz4md5] { font-family: var(--font); font-size: 0.75rem; letter-spacing: 0; text-transform: none; }

/* --- Bijoux -------------------------------------------------------------- */
.trinket-columns[b-iq49tz4md5] { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.trinket-columns > div[b-iq49tz4md5] { display: flex; flex-direction: column; gap: 10px; min-width: 0; }

.trinket-head[b-iq49tz4md5] {
    margin: 0 0 2px;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.trinket-head.is-role[b-iq49tz4md5] { color: var(--accent-alt); }
.trinket-head.is-damage[b-iq49tz4md5] { color: var(--accent-text-deep); }

/* --- Embellissements ----------------------------------------------------- */
.embellishments[b-iq49tz4md5] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; counter-reset: combo; }
.embellishments li[b-iq49tz4md5] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    background: rgba(11, 14, 20, 0.55);
    border: 1px solid var(--line);
    counter-increment: combo;
}
.embellishments li[b-iq49tz4md5]::before { content: counter(combo); font-family: var(--font-title); color: var(--text-faint); }
.embellishments strong[b-iq49tz4md5] { margin-left: auto; color: var(--accent-text); font-variant-numeric: tabular-nums; }
.combo-names[b-iq49tz4md5] { display: flex; flex-wrap: wrap; gap: 6px; }
.combo-chip[b-iq49tz4md5] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 3px 10px 3px 3px;
    border-radius: 999px;
    font-size: 0.8rem;
    color: var(--text);
    background: color-mix(in srgb, var(--accent) 8%, transparent);
    border: 1px solid color-mix(in srgb, var(--accent) 28%, transparent);
}
.combo-chip:hover[b-iq49tz4md5] { text-decoration: none; color: var(--accent-text); border-color: var(--accent); }
.combo-chip img[b-iq49tz4md5] { width: 22px; height: 22px; border-radius: 50%; }
.combo-count[b-iq49tz4md5] { font-weight: 700; color: var(--accent-text); }

/* --- Top des joueurs (virtualisé) ---------------------------------------- */
.players-head[b-iq49tz4md5], .player-row[b-iq49tz4md5] {
    display: grid;
    grid-template-columns: 44px 1fr 64px 72px 64px;
    align-items: center;
    gap: 10px;
    padding: 0 12px;
    font-variant-numeric: tabular-nums;
}
.players-head span:nth-child(n+3)[b-iq49tz4md5], .player-row span:nth-child(n+3)[b-iq49tz4md5] { text-align: right; }

.players-head[b-iq49tz4md5] {
    padding-bottom: 8px;
    font-size: 0.7rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--text-faint);
    border-bottom: 1px solid var(--line);
}

.players[b-iq49tz4md5] { height: 420px; overflow-y: auto; }

.player-row[b-iq49tz4md5] { height: 38px; border-bottom: 1px solid rgba(42, 54, 79, 0.45); }
.player-row:hover[b-iq49tz4md5] { background: color-mix(in srgb, var(--accent) 4%, transparent); }
.player-rank[b-iq49tz4md5] { color: var(--text-faint); font-weight: 700; }
.player-name[b-iq49tz4md5] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.player-name a[b-iq49tz4md5] { font-weight: 600; color: var(--class-color); }
.player-name small[b-iq49tz4md5] { margin-left: 8px; font-size: 0.72rem; color: var(--text-faint); }
.player-key[b-iq49tz4md5] { font-weight: 700; color: var(--accent-text); }

@media (max-width: 720px) {
    .spec-hero[b-iq49tz4md5] { padding: 18px; }
    .spec-title h1[b-iq49tz4md5] { font-size: 1.7rem; }
    .meta-columns[b-iq49tz4md5] { grid-template-columns: 1fr; }
    .trinket-columns[b-iq49tz4md5] { grid-template-columns: 1fr; }
    .players-head[b-iq49tz4md5], .player-row[b-iq49tz4md5] { grid-template-columns: 32px 1fr 48px 60px; }
    .players-head span:last-child[b-iq49tz4md5], .player-row span:last-child[b-iq49tz4md5] { display: none; }
    .player-name small[b-iq49tz4md5] { display: none; }
}