/* Modulo di creazione e chat: pulsanti con la stessa forma e altezza (quadrati arrotondati) e invio rotondo. */
.cmp-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:nowrap;margin-top:6px}
.tools{display:flex;align-items:center;gap:8px;min-width:0}
.tbtn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:42px;min-width:46px;padding:3px 8px;border:1px solid var(--g20);background:#fff;border-radius:12px;color:var(--g70);font:500 .84rem var(--body);cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s}
.tbtn:hover{border-color:var(--g40);color:var(--g100)}
.tbtn svg{flex:none}
.tbtn .tl{display:block;order:-1;font:600 .58rem/1 var(--head);letter-spacing:.02em;opacity:.85}
.tbtn[aria-pressed=true]{background:var(--blue-light);border-color:var(--blue-50);color:var(--blue-deep)}
.kinds{display:inline-flex;gap:6px}
.tsep{width:1px;height:22px;background:var(--g20);flex:none}
.kind-label{display:none;font:600 .82rem var(--head);color:var(--g60);white-space:nowrap}
.send{flex:none;width:42px;height:42px;border-radius:50%;border:0;background:var(--blue);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 18px -8px var(--blue);font-size:1rem;transition:background .15s}
.send:hover:not([disabled]){background:var(--blue-deep)}
.send:disabled{background:var(--g20);color:var(--g40);box-shadow:none;cursor:not-allowed}
@media(min-width:600px){
  .tbtn{flex-direction:row;gap:7px;min-width:42px;padding:0 11px}
  .tbtn .tl{order:0;font:500 .84rem var(--body);letter-spacing:0;opacity:1}
  .tbtn .tl.m-only{display:none}
  .kind-label{display:inline}
}

/* allegati */
.achips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}
.achips[hidden]{display:none}
.achip{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:38px;padding:0 6px 0 5px;border:1px solid var(--g20);border-radius:12px;background:var(--g10);font:500 .8rem var(--body);color:var(--g80)}
.achip img{width:28px;height:28px;border-radius:8px;object-fit:cover;flex:none}
.achip .ico{width:28px;height:28px;border-radius:8px;background:#fff;display:grid;place-items:center;font-size:.9rem;flex:none}
.achip b{font-weight:500;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.achip button{border:0;background:none;color:var(--g50);cursor:pointer;width:24px;height:24px;border-radius:50%;font-size:.75rem;flex:none}
.achip button:hover{background:var(--g20);color:var(--g100)}
.form-note{color:#b3261e;font-size:.8rem;margin:4px 2px 0;min-height:0}
.form-note:empty{display:none}