/* chat_dock.css — la barra delle chat e le bolle «giovani» (22-09-2026, punto 5)
   Bolle tonde con la coda, ambra per le tue e viola per le sue, testo più grande e più morbido.
   Sta a parte dal tema perché vive su tutte le pagine, anche quelle pubbliche. */
.mtc-dock{position:fixed;right:136px;bottom:0;z-index:9000;display:flex;align-items:flex-end;gap:12px;pointer-events:none}
.mtc-dock>*{pointer-events:auto}
.mtc-dock-barra{width:212px;background:#ffaa00;border:1px solid #d99200;border-bottom:none;border-radius:10px 10px 0 0;box-shadow:0 -6px 22px rgba(0,0,0,.28);position:relative}
.mtc-dock-tit{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:#14110d;font:700 11px/1 JetBrains Mono,Consolas,monospace;letter-spacing:.16em;padding:13px 40px 13px 14px;cursor:pointer;text-align:left}
.mtc-dock-min{position:absolute;right:8px;top:8px;width:24px;height:24px;border-radius:6px;border:1px solid rgba(20,17,13,.28);background:transparent;color:#14110d;cursor:pointer;font:700 14px/1 sans-serif}
.mtc-dock-min:hover{background:rgba(20,17,13,.1);border-color:rgba(20,17,13,.5)}
.mtc-dock-lista{position:absolute;bottom:100%;left:0;width:100%;max-height:44vh;overflow-y:auto;background:#12120f;border:1px solid #2a2a24;border-radius:10px 10px 0 0;margin-bottom:4px}
.mtc-dock-voce{display:flex;align-items:center;gap:9px;width:100%;background:none;border:none;border-bottom:1px solid #1e1e18;color:#e8e6e0;padding:10px 12px;cursor:pointer;text-align:left;font:400 13px/1.3 inherit}
.mtc-dock-voce:hover{background:#181814}
.mtc-dock-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mtc-dock-av{width:26px;height:26px;border-radius:50%;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#1f6b4a,#5fd6a8);color:#12120f;font:700 12px/1 JetBrains Mono,Consolas,monospace}
.mtc-dock-pal{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#e0402f;color:#fff;font:700 11px/20px JetBrains Mono,Consolas,monospace;text-align:center}
.mtc-dock-pal.sm{position:static;min-width:18px;height:18px;line-height:18px;font-size:10.5px}
/* 22-09-2026: la pallina stava esattamente dove sta Richard e si confondevano. Ora sta alla
   sua SINISTRA (86px = il suo ingombro più un respiro), e la barra intera si sposta con lei. */
.mtc-dock-bolla{position:fixed;right:136px;bottom:43px;z-index:9000;width:54px;height:54px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(140deg,#1f6b4a,#5fd6a8);box-shadow:0 6px 20px rgba(0,0,0,.34)}
.mtc-dock-ico{font-size:22px;color:#ffffff;line-height:1}
/* la finestra */
.mtc-chat{width:296px;height:404px;display:flex;flex-direction:column;background:#12120f;border:1px solid #2a2a24;border-bottom:none;border-radius:10px 10px 0 0;box-shadow:0 -6px 22px rgba(0,0,0,.3);overflow:hidden}
.mtc-chat.mob{position:fixed;inset:0;width:100%;height:100%;border-radius:0;border:none}
.mtc-chat-top{display:flex;align-items:center;gap:9px;padding:10px 12px;border-bottom:1px solid #22221c;background:#15150f}
.mtc-chat-nome{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8e6e0;font:600 13.5px/1.2 inherit}
.mtc-chat-x{background:none;border:none;color:#8b8680;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}
.mtc-chat-x:hover{color:#e0402f}
.mtc-chat-corpo{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:8px;background:#0e0e0b}
/* LE BOLLE: tonde, con la coda, e più grandi di prima. Le tue in ambra, le sue in viola. */
.mtc-bolla{max-width:82%;padding:9px 13px;border-radius:17px;font:400 14.5px/1.5 -apple-system,Segoe UI,Roboto,sans-serif;position:relative;word-break:break-word}
.mtc-bolla.mia{align-self:flex-end;background:#1f6b4a;color:#ffffff;border-bottom-right-radius:5px}
.mtc-bolla.sua{align-self:flex-start;background:#23231e;color:#e8e6e0;border-bottom-left-radius:5px}
.mtc-bolla.mia::after{content:"";position:absolute;right:-5px;bottom:0;width:10px;height:10px;background:#1f6b4a;clip-path:polygon(0 0,100% 100%,0 100%)}
.mtc-bolla.sua::after{content:"";position:absolute;left:-5px;bottom:0;width:10px;height:10px;background:#23231e;clip-path:polygon(100% 0,100% 100%,0 100%)}
.mtc-chat-scrivi{display:flex;gap:8px;align-items:flex-end;padding:9px 10px;border-top:1px solid #22221c;background:#15150f}
.mtc-chat-scrivi textarea{flex:1;min-height:36px;max-height:96px;resize:none;background:#0e0e0b;border:1px solid #2a2a24;border-radius:18px;color:#e8e6e0;padding:9px 13px;font:400 14px/1.4 inherit;outline:none}
.mtc-chat-scrivi textarea:focus{border-color:#1f6b4a}
.mtc-chat-scrivi button{width:36px;height:36px;flex:0 0 auto;border-radius:50%;border:none;cursor:pointer;background:#1f6b4a;color:#ffffff;font-size:15px}
.mtc-chat-scrivi button:disabled{opacity:.35;cursor:default}
@media(max-width:760px){.mtc-dock{right:12px;left:0;justify-content:flex-end;padding-right:0}.mtc-dock-bolla{right:12px;bottom:130px}.mtc-dock-barra{width:170px}}
@media print{.mtc-dock,.mtc-dock-bolla{display:none}}

/* ── PUNTO 5: reazioni, risposta a un messaggio, «sta scrivendo» (22-09-2026) ──────────────
   I due tastini stanno FUORI dalla bolla e compaiono passandoci sopra: dentro, su una chat
   stretta 296px, rubavano lo spazio al testo. Sul telefono non c'è il passaggio del mouse,
   quindi il doppio tocco sulla bolla apre le faccine. */
.mtc-riga{display:flex;flex-direction:column;position:relative}
.mtc-riga.mia{align-items:flex-end}
.mtc-riga.sua{align-items:flex-start}
.mtc-riga .mtc-bolla{align-self:auto}
.mtc-cit{display:block;border-left:3px solid rgba(255,255,255,.45);padding:2px 0 2px 8px;margin:0 0 5px;font-size:12.5px;opacity:.85;line-height:1.35}
.mtc-riga.sua .mtc-cit{border-left-color:#5fd6a8}
.mtc-cit b{display:block;font-size:11px;letter-spacing:.04em;opacity:.9}
.mtc-reaz{display:inline-block;margin:5px -4px -2px 6px;background:rgba(0,0,0,.22);border-radius:10px;padding:1px 7px;font-size:12.5px;line-height:1.5}
.mtc-azioni{display:none;gap:4px;margin:2px 2px 0}
.mtc-riga:hover .mtc-azioni{display:flex}
.mtc-azioni button{width:22px;height:22px;border-radius:50%;border:1px solid #2a2a24;background:#15150f;color:#8b8680;font-size:11px;line-height:1;cursor:pointer;padding:0}
.mtc-azioni button:hover{color:#5fd6a8;border-color:#3a4a40}
.mtc-facce{display:flex;gap:2px;background:#15150f;border:1px solid #2a2a24;border-radius:16px;padding:3px 5px;margin-top:3px}
.mtc-facce button{background:none;border:none;font-size:16px;line-height:1;cursor:pointer;padding:2px 3px;border-radius:50%}
.mtc-facce button:hover{background:#23231e;transform:scale(1.18)}
.mtc-scrive{display:flex;align-items:center;gap:4px;color:#8b8680;font:400 12px/1 inherit;padding:2px 4px}
.mtc-scrive i{width:5px;height:5px;border-radius:50%;background:#5fd6a8;display:inline-block;animation:mtcPunti 1.1s infinite}
.mtc-scrive i:nth-child(2){animation-delay:.16s}
.mtc-scrive i:nth-child(3){animation-delay:.32s}
@keyframes mtcPunti{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
.mtc-risp{display:flex;align-items:center;gap:8px;padding:7px 11px;background:#15150f;border-top:1px solid #22221c;font:400 12.5px/1.4 inherit;color:#b9b4ab}
.mtc-risp span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-left:3px solid #5fd6a8;padding-left:8px}
.mtc-risp b{color:#5fd6a8;margin-right:5px}
.mtc-risp button{background:none;border:none;color:#8b8680;font-size:17px;cursor:pointer;line-height:1}