/* EMO TRANSLATOR */
.emo-translator{background:var(--white);border-radius:var(--r-lg);padding:16px;box-shadow:var(--shadow);}
.emo-translator h3{font-size:15px;font-weight:800;margin-bottom:2px;}
.emo-translator .sub{font-size:10px;color:var(--text-soft);font-weight:600;margin-bottom:11px;}
.emo-grid{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:9px;}
.emo-btn{padding:6px 10px;border-radius:10px;border:2.5px solid var(--border);background:var(--bg);color:var(--text-soft);cursor:pointer;font:700 10px 'Nunito',sans-serif;transition:all .15s;}
.emo-btn.sel{transform:scale(1.06);}
.emo-btn[data-e="angry"].sel,.emo-btn[data-e="frustrated"].sel{background:#fef2f2;border-color:var(--rose);color:var(--rose);}
.emo-btn[data-e="sad"].sel,.emo-btn[data-e="lonely"].sel{background:var(--ocean-pale);border-color:var(--ocean);color:var(--ocean);}
.emo-btn[data-e="scared"].sel,.emo-btn[data-e="confused"].sel{background:var(--violet-pale);border-color:var(--violet);color:var(--violet);}
.emo-btn[data-e="overwhelmed"].sel{background:var(--coral-pale);border-color:var(--coral);color:var(--coral);}
.emo-btn[data-e="happy"].sel,.emo-btn[data-e="calm"].sel,.emo-btn[data-e="proud"].sel{background:var(--grass-pale);border-color:var(--grass);color:var(--grass);}
.emo-btn[data-e="tired"].sel{background:#f1f5f9;border-color:#94a3b8;color:#475569;}
.emo-btn[data-e="excited"].sel{background:var(--sun-pale);border-color:var(--sun);color:var(--sun);}
.intensity-track{display:flex;gap:5px;margin-bottom:9px;}
.int-dot{flex:1;height:28px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font:700 9px 'Nunito',sans-serif;color:var(--text-soft);background:var(--bg);border:2px solid var(--border);transition:all .15s;}
.int-dot.active{background:var(--ocean);color:var(--white);border-color:var(--ocean);}


/* Etichette guida dei passi (1. intensità → 2. emozione) */
.emo-step-label{font:800 12px 'Nunito',sans-serif;color:var(--text-soft);margin:4px 2px 6px;}
/* Evidenzia l'intensità se si prova a scegliere l'emozione prima */
@keyframes emoIntPulse{0%,100%{box-shadow:0 0 0 0 rgba(46,157,216,0);}50%{box-shadow:0 0 0 4px rgba(46,157,216,.45);}}
.intensity-track.emo-need-int{border-radius:10px;animation:emoIntPulse .5s ease-in-out 3;}