/* Styles d'origine des outils de « coxarthrose » (extraire-styles-outil.py), limités aux outils. */
.mspapp [data-origine]{--bleu:#1a5276;--bleu-clair:#2e86c1;--gris-bg:#f4f6f8;--gris-bord:#d5d8dc;--texte:#2c3e50;}
.mspapp [data-origine] .score-tab.active{ color: var(--bleu); border-bottom-color: var(--bleu-clair); background: white; }
.mspapp [data-origine] .score-panel.show{ display: block; animation: fadeIn 0.25s; }
.mspapp [data-origine] .score-form{ max-width: 720px; }
.mspapp [data-origine] .radio-group{ display: flex; flex-direction: column; gap: 6px; }
.mspapp [data-origine] .radio-option{ display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-radius: 7px; cursor: pointer; transition: background 0.15s; font-size: 0.88rem; }
.mspapp [data-origine] .radio-option:hover{ background: var(--gris-bg); }
.mspapp [data-origine] .radio-option input{ margin-top: 2px; flex-shrink: 0; }
.mspapp [data-origine] .score-result{ display: none; background: linear-gradient(135deg, #eaf2fb, #e8f8f5); border-radius: 12px; padding: 20px 24px; margin-top: 20px; border: 2px solid var(--bleu-clair); text-align: center; }
.mspapp [data-origine] .score-result.show{ display: block; animation: fadeIn 0.3s; }
.mspapp [data-origine] .score-num{  font-size: 2.5rem; font-weight: 700; color: var(--bleu); }
.mspapp [data-origine] .score-label{ font-size: 1.05rem; font-weight: 700; margin: 6px 0; }
.mspapp [data-origine] .score-interp{ font-size: 0.9rem; color: #555; max-width: 500px; margin: 0 auto; line-height: 1.5; }
.mspapp [data-origine] .btn-calc{ background: var(--bleu); color: white; border: none; padding: 12px 28px; border-radius: 8px; font-size: 0.95rem; font-weight: 700; cursor: pointer; margin-top: 8px; transition: background 0.2s; }
.mspapp [data-origine] .btn-calc:hover{ background: var(--bleu-clair); }
.mspapp [data-origine] .btn-reset{ background: var(--gris-bg); color: var(--texte); border: 1px solid var(--gris-bord); padding: 10px 20px; border-radius: 8px; font-size: 0.9rem; cursor: pointer; margin-top: 8px; margin-left: 10px; }
.mspapp [data-origine] .progress-bar-wrap{ background: #e0e0e0; border-radius: 20px; height: 14px; margin: 10px 0 4px; overflow: hidden; }
.mspapp [data-origine] .progress-bar-fill{ height: 100%; border-radius: 20px; transition: width 0.6s; }
.mspapp [data-origine] .vas-row{ display: grid; grid-template-columns: 160px 1fr 40px; align-items: center; gap: 12px; margin-bottom: 14px; }
.mspapp [data-origine] .vas-row label{ font-size: 0.88rem; font-weight: 600; }
.mspapp [data-origine] .vas-row input[type=range]{ width: 100%; }
.mspapp [data-origine] .vas-row .val{ font-weight: 700; font-size: 1rem; color: var(--bleu); text-align: center; }
@media (max-width: 600px){.mspapp [data-origine] .vas-row{ grid-template-columns: 120px 1fr 36px; }}