/* Styles d'origine des outils de « lombalgie-sciatique » (extraire-styles-outil.py), limités aux outils. */
.mspapp [data-origine]{--bleu:#1a5276;--bleu-clair:#2e86c1;--gris-bg:#f4f6f8;--gris-bord:#d5d8dc;--texte:#2c3e50;--vert:#27ae60;}
.mspapp [data-origine] .week-day.active{ background:var(--vert); border-color:#219a52; color:white; }
.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 .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 .15s; font-size:.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 .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:.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:.95rem; font-weight:700; cursor:pointer; margin-top:8px; transition:background .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:.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 .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:.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; }}