/* Styles d'origine des outils de « gonarthrose » (extraire-styles-outil.py), limités aux outils. */
.mspapp [data-origine]{--bleu:#1a5276;--bleu-clair:#2e86c1;--gris-bg:#f4f6f8;--gris-bord:#d5d8dc;--texte:#2c3e50;--turquoise:#1abc9c;}
.mspapp [data-origine] .score-tab.active{
    background: var(--bleu);
    color: white;
    border-color: var(--bleu);
  }
.mspapp [data-origine] .score-panel.active{ display: block; }
.mspapp [data-origine] .score-form{ max-width: 780px; }
.mspapp [data-origine] .score-question{
    background: var(--gris-bg);
    border-radius: 10px;
    padding: 16px 20px;
    margin-bottom: 12px;
    border-left: 4px solid var(--bleu-clair);
  }
.mspapp [data-origine] .score-question label{ font-weight: 600; display: block; margin-bottom: 10px; font-size: 0.95rem; }
.mspapp [data-origine] .radio-group{ display: flex; flex-direction: column; gap: 6px; }
.mspapp [data-origine] .radio-option{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.9rem;
    transition: background 0.15s;
  }
.mspapp [data-origine] .radio-option:hover{ background: #d5e8f7; }
.mspapp [data-origine] .radio-option input[type="radio"]{ accent-color: var(--bleu-clair); transform: scale(1.2); }
.mspapp [data-origine] .score-result{
    margin-top: 20px;
    display: none;
    background: linear-gradient(135deg, var(--bleu) 0%, var(--bleu-clair) 100%);
    color: white;
    border-radius: 12px;
    padding: 24px;
    text-align: center;
  }
.mspapp [data-origine] .score-result.show{ display: block; }
.mspapp [data-origine] .score-result .score-num{
    
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1;
  }
.mspapp [data-origine] .score-result .score-label{ font-size: 1.2rem; margin-top: 6px; font-weight: 600; }
.mspapp [data-origine] .score-result .score-interp{ font-size: 0.95rem; margin-top: 10px; opacity: 0.9; }
.mspapp [data-origine] .btn-calc{
    background: var(--turquoise);
    color: white;
    border: none;
    padding: 12px 28px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    margin-top: 12px;
    transition: background 0.2s;
  }
.mspapp [data-origine] .btn-calc:hover{ background: #17a589; }
.mspapp [data-origine] .btn-reset{
    background: var(--gris-bord);
    color: var(--texte);
    border: none;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    margin-top: 12px;
    margin-left: 10px;
    transition: background 0.2s;
  }