@charset "UTF-8";
/* Analyser un mix ou un master — ne porte QUE le propre à cet outil
   Le commun (chapitres, zone de dépôt, exemple, étiquette, états) vient de
   outil-analyse-morceau.css, chargé avec lui : rien n'est redéfini deux fois.
--------------------------------------------------------------- */

/* Verdicts
--- */
.mx-liste{display:grid;gap:10px;margin-top:22px}
.mx-item{background:#fff;border-left:4px solid #c9c9c9;border-radius:0 8px 8px 0;padding:13px 16px;text-align:left}
.mx-item.ok{border-left-color:#2e7d32}
.mx-item.moy{border-left-color:#e0a33c}
.mx-item.ko{border-left-color:#c62828}
.mx-haut{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px}
.mx-haut b{font-size:15px}
.mx-haut span{font-size:19px;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.mx-item.ok .mx-haut span{color:#2e7d32}
.mx-item.moy .mx-haut span{color:#9a6212}
.mx-item.ko .mx-haut span{color:#c62828}
.mx-item p{margin:0;font-size:13.5px;line-height:1.6;color:#555}

/* Plateformes et spectre
--- */
.mx-sst{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:#8f8f8f;margin:26px 0 10px;padding:0;text-align:left}
.mx-plats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}
.mx-plats span{display:block;background:#fff;border-radius:8px;padding:11px 13px;text-align:left;font-size:12.5px;color:#666}
.mx-plats b{display:block;font-size:14px;color:#2b2b2b;margin-bottom:2px}
.mx-plats .baisse{color:#c62828}
.mx-plats .sous{color:#9a6212}
.mx-spectre{display:flex;align-items:flex-end;gap:8px;height:150px;background:#fff;border-radius:8px;padding:14px 14px 0}
.mx-spectre div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;text-align:center}
.mx-spectre i{display:block;background:#f95311;border-radius:4px 4px 0 0;min-height:3px}
.mx-spectre b{font-size:12px;font-weight:700;margin-top:5px}
.mx-spectre span{font-size:10.5px;color:#8f8f8f;line-height:1.25;padding-bottom:10px}
.mx-note{margin-top:12px}
.mx-ex{padding:26px 18px 18px}

/* Écoute en direct
--- */
.mx-lance{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}
.mx-lance label{font-size:15px}
.mx-lance select{max-width:280px;padding:11px 12px;border:1px solid #c9c9c9;border-radius:6px;background:#fff;font:inherit;font-size:14px;color:#2b2b2b}
.mx-lance .am-microinfo{flex-basis:100%}
.mx-direct{max-width:560px;margin:20px auto 0;background:#fff;border-radius:10px;padding:18px 20px;transition:opacity .2s}
.mx-direct.dormant{opacity:.45}
.mx-jauge{display:grid;grid-template-columns:110px 1fr 96px;align-items:center;gap:11px;margin-bottom:11px}
.mx-jauge>span{font-size:12.5px;color:#777;text-align:left}
.mx-jauge>i{display:block;height:12px;border-radius:6px;background:#e2e2e2;position:relative;overflow:hidden}
.mx-jauge>i::before{content:"";position:absolute;inset:0;width:var(--w,0);background:#2e7d32;border-radius:6px}
.mx-jauge>b{font-size:14px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.mx-jauge.moy>i::before{background:#e0a33c}
.mx-jauge.ko>i::before{background:#c62828}
.mx-maxi{margin:14px 0 0;font-size:12.5px;color:#777;text-align:center}
.mx-maxi b{color:#2b2b2b;font-variant-numeric:tabular-nums}

@media(max-width:560px){.mx-jauge{grid-template-columns:88px 1fr 84px;gap:8px}.mx-spectre span{font-size:9.5px}}