/* ═══════════════════════════════════════════════════════════════
   calc-tooltip.css — Infobulle expliquant le calcul d'une valeur
   (PV, PM, points alloués/dépensés, sorts, recettes…).
   Pilotée par data-tip-html sur l'élément déclencheur.
   ═══════════════════════════════════════════════════════════════ */

[data-tip-html] {
    cursor: help;
    border-bottom: 1px dotted #888;
}
.calc-tip {
    position: absolute;
    z-index: 11000;
    background: #2a2a2a;
    color: #eee;
    border-radius: 6px;
    padding: 8px 10px;
    font-size: 0.82em;
    line-height: 1.45;
    box-shadow: 0 4px 16px rgba(0,0,0,0.3);
    max-width: 380px;
    pointer-events: none;
}
.calc-tip-titre {
    font-weight: bold;
    font-size: 1.08em;
    color: #fff;
    margin-bottom: 5px;
    padding-bottom: 4px;
    border-bottom: 1px solid #555;
}
.calc-tip-liste {
    list-style: none;
    margin: 0;
    padding: 0;
}
.calc-tip-liste li {
    padding: 1px 0;
    display: flex;
    gap: 6px;
}
.calc-tip-val {
    font-family: ui-monospace, monospace;
    font-weight: bold;
    min-width: 32px;
    text-align: right;
    flex-shrink: 0;
}
.calc-tip-val-pos { color: #81c784; }
.calc-tip-val-neg { color: #e57373; }
.calc-tip-source { flex: 1 1 auto; }
.calc-tip-type {
    font-size: 0.85em;
    color: #aaa;
    font-style: italic;
}
.calc-tip-vide {
    font-style: italic;
    color: #aaa;
}
.calc-tip-section {
    margin-top: 6px;
    padding-top: 4px;
    border-top: 1px dashed #555;
}
.calc-tip-section-titre {
    font-weight: bold;
    color: #ccc;
    margin-bottom: 2px;
}
.calc-tip-total {
    margin-top: 6px;
    padding-top: 4px;
    border-top: 1px solid #555;
    font-weight: bold;
    color: #fff;
    font-size: 0.95em;
}