/* Talenta — stile del modulo The Herbalist (2026-08-22). Il foglio base è style.css.
   Verde foglia (#4c8c3f/#2f5d28): distinto dal verde smeraldo di Plutarco e dal teal
   di Creso, così nella Home le tre card non si confondono. */

/* ---- card «Nuovo consulto» in evidenza nel cruscotto ---- */
.h-apri{border-color:var(--hc1);
  background:linear-gradient(135deg,color-mix(in srgb,var(--hc1) 12%,var(--card)),var(--card) 70%)}
.h-apri .hc-testa b{font-size:20px}
.h-apri p{min-height:0}
.h-apri .hc-chips button{background:linear-gradient(135deg,var(--hc1),var(--hc2));color:#fff;
  border-color:transparent;font-size:14px;padding:9px 18px}
.h-apri .hc-chips button:hover{color:#fff;filter:brightness(1.08)}

/* ---- dispensa: le erbe come pastiglie, si leggono a colpo d'occhio ---- */
.h-chips{display:flex;flex-wrap:wrap;gap:7px}
.h-erba{display:inline-block;padding:5px 11px;border-radius:999px;font-size:13px;
  border:1px solid color-mix(in srgb,#4c8c3f 45%,var(--line));
  background:color-mix(in srgb,#4c8c3f 10%,var(--card));color:var(--fg)}
.h-spesa{margin-top:10px;font-size:13px;color:var(--muted)}
.h-dispensa-mini .hc-chips{margin-top:10px}

/* ---- righe della dispensa: nome, dettagli, azioni in coda ---- */
.h-voce{align-items:center}
.h-voce .h-azioni{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.h-voce .btn{font-size:12px;padding:4px 9px}

/* ---- form di aggiunta: su telefono i campi vanno a 16px, sotto iOS zooma ---- */
.h-aggiungi .h-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.h-aggiungi input{flex:1 1 170px;font-size:16px;padding:10px 12px;border:1px solid var(--line);
  border-radius:10px;background:var(--bg);color:var(--fg);font-family:inherit}
.h-aggiungi input:focus{outline:2px solid #4c8c3f;outline-offset:-1px}
.h-btn{border:0;background:linear-gradient(135deg,#4c8c3f,#2f5d28);color:#fff;border-radius:10px;
  padding:0 18px;height:42px;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.h-btn:disabled{opacity:.5;cursor:progress}

/* ---- terapie in corso ---- */
.h-terapia{align-items:center}
.h-terapia .h-fatta{margin-left:auto;font-size:12px;padding:4px 10px}

/* ---- consulti: ogni riga è un bottone, si apre a tutta pagina (2026-08-22) ---- */
.h-consulto-riga{align-items:center}
.h-consulto-riga.cliccabile{cursor:pointer;border-radius:10px;padding-left:8px;padding-right:8px;
  margin-left:-8px;margin-right:-8px}
.h-consulto-riga.cliccabile:hover{background:color-mix(in srgb,#4c8c3f 8%,transparent)}
.h-consulto-riga .h-azioni{display:flex;gap:6px;margin-left:auto}
.h-consulto-riga .btn{font-size:12px;padding:4px 9px;white-space:nowrap}
.h-cestino{border-color:color-mix(in srgb,#a50e0e 35%,var(--line))}
.h-cestino:hover{background:color-mix(in srgb,#a50e0e 10%,transparent);color:#a50e0e;
  border-color:#a50e0e}
/* la scheda sotto la conversazione archiviata: il consulto in chiaro */
.h-scheda-consulto{margin-top:12px}
.h-scheda-consulto p{margin:8px 0 0;line-height:1.5}
.h-no{color:var(--fg)}
.h-terapia-testo{color:var(--muted)}
/* le frasi da ripetersi sono la cosa che la persona si porta via: si vedono */
.h-frasi{margin:10px 0 0;display:flex;flex-direction:column;gap:6px}
.h-frase{padding:9px 13px;border-radius:10px;font-size:14.5px;line-height:1.45;
  border-left:3px solid #4c8c3f;background:color-mix(in srgb,#4c8c3f 8%,var(--card))}

.h-fonti{margin:18px 0 6px;font-size:12.5px;color:var(--muted);line-height:1.6}

/* ---- vista consulto: chat a tutta pagina, mobile first ---- */
.h-shell{height:100%}
.h-shell .hl-invio textarea{font-size:16px;line-height:1.45;min-height:64px;max-height:35vh;overflow-y:auto}
#h-allega,#h-mic{background:var(--bg);color:var(--muted);border:1px solid var(--line);
  border-radius:10px;padding:9px 11px;font-size:15px;cursor:pointer}
#h-allega:hover,#h-mic:hover{border-color:#4c8c3f;color:#4c8c3f}
#h-mic.rec{background:#d93025;color:#fff;border-color:#d93025;animation:pulsa 1.1s infinite}
#h-invia{border:0;background:linear-gradient(135deg,#4c8c3f,#2f5d28);color:#fff;border-radius:10px;
  padding:0 18px;height:41px;font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
#h-invia:disabled{opacity:.5;cursor:progress}
#h-pulisci{border:1px solid var(--line);background:var(--bg);color:var(--muted);
  border-radius:999px;padding:5px 10px;font-size:15px;cursor:pointer}
#h-pulisci:hover{border-color:#4c8c3f;color:#4c8c3f}
#h-pulisci:disabled{opacity:.5;cursor:progress}

/* ---- Talenta v3 (23/09/2026) ---- */
/* cruscotto: la dispensa in una riga */
.h-dispensa-riga{display:flex;align-items:center;gap:12px;cursor:pointer;padding:12px 16px}
.h-dispensa-riga:hover{border-color:#4c8c3f}
.h-disp-ico{font-size:24px;flex:none}
.h-disp-testo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;font-size:14.5px}
.h-disp-testo i{font-style:normal}
.h-disp-testo .h-spesa{margin-top:2px}
.h-dispensa-riga .btn{flex:none;pointer-events:none}
/* consulto: su Mac il saluto iniziale sta al centro del riquadro vuoto */
@media(min-width:1021px){
  .h-shell .msg.benvenuto:only-child{align-self:center;margin:auto 0;text-align:center;max-width:540px;
    font-size:15px;padding:14px 22px;border-radius:16px}
}
/* dispensa su iPhone: un solo campo «Aggiungi erba», gli altri compaiono al focus */
@media(max-width:600px){
  .h-form:not(.aperta) #h-forma,.h-form:not(.aperta) #h-quantita{display:none}
  .h-form #h-nome{flex:1 1 100%}
  .h-form .h-btn{margin-left:auto}
}

/* ---- vista Consulto a due riquadri (Matteo dall'iPad, 24/09/2026) ----
   1. «Conversazione», comprimibile, con la chat alta almeno il doppio di prima;
   2. «Soluzioni»: Correzione Dialogo Interiore + Terapia in Aiuto, e la nota «non siamo medici»
      in piccolo in fondo. La pagina scorre: la chat non occupa più da sola tutto lo schermo. */
.h-shell{height:auto;max-width:960px}
.h-blocco{padding:0;overflow:hidden;margin-bottom:14px}
.h-blocco-testa{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);
  background:color-mix(in srgb,#4c8c3f 6%,var(--card))}
.h-blocco-tit{border:0;background:none;font:inherit;font-size:15.5px;font-weight:700;color:var(--fg);
  cursor:pointer;padding:2px 0;display:inline-flex;align-items:center;gap:6px}
.h-blocco-tit.statico{cursor:default}
.h-blocco-ico{font-size:13px;color:var(--muted);width:14px;display:inline-block}
.h-blocco-corpo{padding:12px 14px 14px;display:flex;flex-direction:column}
.h-blocco.chiusa .h-blocco-corpo{display:none}
.h-conversazione .cons-msgs{height:62vh;min-height:420px;max-height:none;margin-bottom:10px}
.h-conversazione .sub{margin-bottom:8px}
.h-sol-tema{font-size:13px;color:var(--muted);margin-bottom:10px}
.h-sol-stato{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;font-size:11.5px;font-weight:600;
  background:color-mix(in srgb,#4c8c3f 14%,transparent);color:#2f5d28}
.h-sol-griglia{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.h-sol-blocco{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--bg);min-width:0}
.h-sol-blocco h3{margin:0 0 8px;font-size:14.5px;color:#2f5d28}
.h-sol-blocco p{margin:6px 0 0;line-height:1.5;overflow-wrap:anywhere}
.h-sol-blocco .h-frasi{margin-top:10px}
.h-sol-blocco .h-chips{margin-top:10px}
.h-sol-vuoto{color:var(--muted);font-size:14px;line-height:1.5}
.h-disclaimer{margin:14px 0 0;font-size:11.5px;line-height:1.45;color:var(--muted);opacity:.85}
@media(prefers-color-scheme:dark){.h-sol-blocco h3,.h-sol-stato{color:#8fd07f}}
@media(max-width:1020px){
  .h-conversazione .cons-msgs{height:56vh;min-height:320px}
  .h-sol-griglia{grid-template-columns:1fr}
}