/* =========================================================================== BSS//CORE — lo stile della scheda ASSISTENTE, e solo di quella. ⚠️ PERCHE' UN TERZO FOGLIO. Le convenzioni dicono «lo stile sta nei due fogli in `stile/`», e il posto in cui si dichiarano i fogli e' `index.html`. Quei tre file sono in mano ad altri mentre questo viene scritto, quindi lo stile nuovo sta qui e lo aggancia `app/assistente.js` (`assicuraFoglio()`). ⭐ Quando `index.html` si libera, la riga giusta e' un `` accanto agli altri due, e `assicuraFoglio()` diventa inutile (il controllo sul `link` gia' presente la rende innocua in ogni caso). 🔴 SOLO VARIABILI DEL TEMA. Nessun colore scritto a mano: i token sono quelli di `base.css` (`--line`, `--muted`, `--warn`, `--state`, ...), e il cliente riconosce la propria azienda dai colori. ⚠️ NIENTE RETE VERSO FUORI: nessun `@import`, nessun `url()` esterno. =========================================================================== */ /* ------------------------------- il bottone «come funziona» ------------------------------- Sta nella testa della chat, fra il titolo e l'etichetta del motore. */ .chat-testa .chat-guida-apri{ margin-left:auto; background:transparent; border:1px solid var(--line-2); color:var(--muted); font:10px var(--f-mono); letter-spacing:.08em; padding:4px 7px; cursor:pointer; white-space:nowrap; } .chat-testa .chat-guida-apri:hover{color:var(--fg);border-color:var(--state)} /* ⚠️ Col bottone in mezzo, l'etichetta del motore non ha piu' bisogno di spingersi da sola a destra: due `margin-left:auto` di fila lascerebbero il bottone attaccato al titolo. */ .chat-testa .chat-guida-apri + .motore{margin-left:0} /* 🔴 Il motore FINTO si vede. L'etichetta diceva «QWEN-LOCALE» mentre ogni risposta portava `finto-deterministico`: adesso dice il vero, e quando il vero e' «nessun modello configurato» lo marca invece di sussurrarlo. */ .chat-testa .motore.motore-finto{color:var(--warn);border-color:var(--warn)} /* --------------------------------- il pannello della guida --------------------------------- Un riquadro che scorre, sopra il diario. Il contenuto lo genera il registro degli strumenti: qui c'e' solo la forma. */ .chat .chat-guida{ border-bottom:1px solid var(--line); padding:10px 16px 12px; overflow:auto; max-height:52%; font-size:13px; } .chat-guida-testa{ display:flex;align-items:baseline;gap:10px; padding-bottom:6px;margin-bottom:8px; border-bottom:1px solid var(--line); } .chat-guida-testa b{font:600 12px var(--f-display);letter-spacing:.08em} .chat-guida-chiudi{ margin-left:auto;background:transparent;border:1px solid var(--line-2); color:var(--muted);font:10px var(--f-mono);letter-spacing:.08em; padding:3px 6px;cursor:pointer; } .chat-guida-chiudi:hover{color:var(--fg);border-color:var(--state)} .chat-guida-regole{margin:0 0 10px;padding-left:16px} .chat-guida-regole li{margin:0 0 5px;color:var(--fg);line-height:1.45} .chat-guida-sezione{ font:500 10.5px var(--f-mono);letter-spacing:.1em;color:var(--muted); text-transform:uppercase;margin:12px 0 6px; } .chat-guida-gruppo{margin:0 0 9px} .chat-guida-modulo{font:500 10px var(--f-mono);letter-spacing:.12em;color:var(--state)} .chat-guida-gruppo ul,.chat-guida-negati{margin:3px 0 0;padding-left:14px} .chat-guida-gruppo li,.chat-guida-negati li{margin:0 0 6px;line-height:1.4} .chat-guida-nome{font:11.5px var(--f-mono);color:var(--fg)} .chat-guida-dice{display:block;color:var(--muted);font-size:12px;line-height:1.4} .chat-guida-marca{ display:inline-block;margin-right:6px; border:1px solid var(--line-2);color:var(--warn); font:10px var(--f-mono);letter-spacing:.06em;padding:1px 5px; } /* ---------------------------------- i suggerimenti a rotazione ---------------------------------- Una riga sola fra il diario e la casella: ruota, e non occupa la pagina. */ .chat .proposte{ display:flex;align-items:center;gap:8px; padding:7px 16px;border-top:1px solid var(--line); min-width:0; } .proposte-etichetta{ font:500 9.5px var(--f-mono);letter-spacing:.14em;color:var(--dim); white-space:nowrap; } .proposte-conta{font:10px var(--f-mono);color:var(--dim);margin-left:auto;white-space:nowrap} .proposta{ background:var(--panel-2);border:1px solid var(--line-2);color:var(--fg); font:12px var(--f-body);text-align:left; padding:4px 9px;border-radius:9px;cursor:pointer; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0; } .proposta:hover{border-color:var(--state);color:var(--state)} .proposta.piccola{font-size:11.5px;padding:2px 7px;border-radius:7px} /* -------------------------- un avviso del gestionale, non un turno -------------------------- 🔴 Questa classe esiste per non far somigliare un rifiuto dell'API a una risposta dell'assistente. Niente bordo del parlante e niente bolla: e' un avviso del programma, allineato a tutta larghezza, col colore degli stati che non vanno. Il `detail` dentro si mostra cosi' come arriva. */ .msg.avviso-sistema{ align-self:stretch;max-width:100%; border:1px dashed var(--warn); padding:8px 10px; } .msg.avviso-sistema .chi-sistema{ display:block;font:500 10px var(--f-mono);letter-spacing:.14em; color:var(--warn);margin-bottom:4px; } .msg.avviso-sistema .corpo{color:var(--fg);font-size:13.5px} .msg.avviso-sistema .chi-sistema-nota{ display:block;margin-top:6px;font:11px/1.45 var(--f-body);color:var(--muted); } /* La vista campo alza la scala del testo: la riga dei suggerimenti sta su due righe invece di tagliare il suggerimento a metà. */ @media (max-width:900px){ .chat .proposte{flex-wrap:wrap} .proposta{white-space:normal} .proposte-conta{margin-left:0} } /* ⭐ Elenchi e paragrafi dentro una risposta (2026-11-06): `dom.comeTesto` adesso produce
    ,