/* NEONODE / app — Chat (F4). Usa i token (§9). */
.nn-ch-schermo { min-height: 100vh; display: flex; flex-direction: column; box-sizing: border-box; color: var(--txt); }
.nn-ch-top { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border-bottom: 1px solid rgba(0,229,255,0.2); }
.nn-ch-back { background: transparent; border: 1px solid var(--cy); color: var(--cy); padding: 6px 10px; border-radius: 6px; cursor: pointer; font: inherit; }
.nn-ch-tit { font-size: 16px; font-weight: bold; flex: 1; display: flex; align-items: center; gap: 8px; }
.nn-ch-azione { background: transparent; border: 1px solid rgba(0,229,255,0.4); color: var(--txt); padding: 6px 10px; border-radius: 6px; cursor: pointer; font: inherit; }

.nn-ch-lista { display: flex; flex-direction: column; gap: 6px; padding: 12px 14px; }
.nn-ch-vuota { opacity: 0.6; font-size: 13px; padding: 8px 0; }
.nn-ch-riga { display: flex; align-items: center; gap: 10px; text-align: left; background: var(--surf); border: 1px solid rgba(0,229,255,0.2); color: var(--txt); padding: 11px 12px; cursor: pointer; font: inherit; }
.nn-ch-riga:hover { border-color: rgba(0,229,255,0.5); }
.nn-ch-nome { flex: 1; }
.nn-ch-luce { width: 9px; height: 9px; border-radius: 50%; background: #444; flex: none; }
.nn-ch-luce.on { background: var(--ok, #25FF8A); box-shadow: 0 0 8px var(--ok, #25FF8A); }

.nn-ch-mioqr { text-align: center; padding: 14px; border-bottom: 1px solid rgba(0,229,255,0.15); }
.nn-ch-sub { font-size: 12px; opacity: 0.75; margin-bottom: 10px; }
.nn-ch-qr { display: flex; justify-content: center; }
.nn-ch-qr img { background: #fff; padding: 8px; }
.nn-ch-cod { margin-top: 8px; font-weight: bold; letter-spacing: 1px; color: var(--cy, #00E5FF); }
.nn-ch-aggiungi { display: flex; gap: 8px; padding: 12px 14px; }
.nn-ch-aggiungi input { flex: 1; background: #0b0d14; color: var(--txt); border: 1px solid #1b2030; padding: 9px; border-radius: 6px; font: inherit; }
.nn-ch-btn { background: var(--cy); color: #001016; border: none; padding: 9px 14px; border-radius: 6px; cursor: pointer; font: inherit; font-weight: bold; }

.nn-ch-msgs { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.nn-ch-msg { max-width: 78%; padding: 8px 11px; border-radius: 10px; font-size: 14px; line-height: 1.4; word-break: break-word; }
.nn-ch-msg.altro { align-self: flex-start; background: var(--surf); border: 1px solid rgba(0,229,255,0.25); }
.nn-ch-msg.mio { align-self: flex-end; background: rgba(0,229,255,0.16); border: 1px solid rgba(0,229,255,0.5); }
.nn-ch-typing { min-height: 18px; padding: 0 14px; font-size: 12px; opacity: 0.7; font-style: italic; }
.nn-ch-input { display: flex; gap: 8px; padding: 12px 14px; border-top: 1px solid rgba(0,229,255,0.2); }
.nn-ch-input input { flex: 1; background: #0b0d14; color: var(--txt); border: 1px solid #1b2030; padding: 10px; border-radius: 6px; font: inherit; }