
.cgchat{--navy:#0A192F;--navy2:#112240;--ice:#E6F1FF;--muted:#8892B0;--gold:#FFD700;--em:#32CD32;--line:rgba(230,241,255,.12);
 background:radial-gradient(circle at 50% 0%,var(--navy2) 0%,var(--navy) 70%);color:var(--ice);
 font-family:'Segoe UI',system-ui,-apple-system,sans-serif;border-radius:18px;overflow:hidden;border:1px solid var(--line)}
.cgchat *{box-sizing:border-box}
.cgchat-wrap{display:grid;grid-template-columns:260px 1fr;min-height:620px}
.cgchat-side{border-right:1px solid var(--line);background:rgba(0,0,0,.18);padding:18px 14px;overflow-y:auto;max-height:720px}
.cgchat-side h3{font-size:.72rem;letter-spacing:1.2px;text-transform:uppercase;color:var(--muted);margin:18px 0 8px}
.cgchat-side h3:first-child{margin-top:0}
.cgchat-room{display:block;width:100%;text-align:left;background:none;border:1px solid transparent;color:var(--ice);
 padding:9px 12px;border-radius:10px;cursor:pointer;font-size:.92rem;font-family:inherit}
.cgchat-room:hover{background:rgba(255,255,255,.05)}
.cgchat-room.on{background:rgba(50,205,50,.14);border-color:rgba(50,205,50,.5);color:#fff}
.cgchat-room small{display:block;color:var(--muted);font-size:.74rem;margin-top:2px;line-height:1.25}
.cgchat-main{display:flex;flex-direction:column;max-height:720px}
.cgchat-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cgchat-head b{font-size:1.05rem;color:var(--gold)}
.cgchat-head span{display:block;color:var(--muted);font-size:.8rem;margin-top:2px}
.cgchat-flow{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;gap:14px;min-height:320px}
.cgchat-msg{display:flex;gap:12px;align-items:flex-start}
.cgchat-av{width:38px;height:38px;flex:0 0 38px;border-radius:50%;display:flex;align-items:center;justify-content:center;
 background:rgba(255,215,0,.12);border:1px solid rgba(255,215,0,.35);color:var(--gold);font-size:.78rem;font-weight:700}
.cgchat-body{flex:1;min-width:0}
.cgchat-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:.82rem}
.cgchat-meta b{font-size:.92rem}
.cgchat-tag{font-size:.68rem;color:var(--muted);border:1px solid var(--line);border-radius:20px;padding:1px 8px}
.cgchat-time{color:var(--muted);font-size:.72rem}
.cgchat-text{margin:5px 0 0;white-space:pre-wrap;word-wrap:break-word;color:#CCD6F6;line-height:1.5}
.cgchat-mine .cgchat-av{background:rgba(50,205,50,.12);border-color:rgba(50,205,50,.4);color:var(--em)}
.cgchat-hidden .cgchat-text{color:var(--muted);font-style:italic}
.cgchat-acts{display:flex;gap:10px;margin-top:6px;opacity:0;transition:opacity .2s}
.cgchat-msg:hover .cgchat-acts,.cgchat-msg:focus-within .cgchat-acts{opacity:1}
.cgchat-acts button{background:none;border:none;color:var(--muted);font-size:.74rem;cursor:pointer;padding:0;font-family:inherit;text-decoration:underline}
.cgchat-acts button:hover{color:var(--gold)}
.cgchat-file{display:inline-flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;border:1px solid var(--line);
 border-radius:10px;background:rgba(255,255,255,.03);color:var(--ice);text-decoration:none;font-size:.84rem;max-width:100%}
.cgchat-file:hover{border-color:rgba(255,215,0,.5)}
.cgchat-file em{color:var(--muted);font-style:normal;font-size:.75rem}
.cgchat-img{display:block;margin-top:8px;max-width:320px;max-height:240px;border-radius:10px;border:1px solid var(--line)}
.cgchat-foot{border-top:1px solid var(--line);padding:14px 20px;background:rgba(0,0,0,.15)}
.cgchat-nota{color:var(--muted);font-size:.76rem;margin:0 0 8px}
.cgchat-form{display:flex;gap:10px;align-items:flex-end}
.cgchat-form textarea{flex:1;resize:vertical;min-height:46px;max-height:160px;background:rgba(255,255,255,.04);border:1px solid var(--line);
 border-radius:12px;color:var(--ice);padding:12px 14px;font-family:inherit;font-size:.92rem;line-height:1.4}
.cgchat-form textarea:focus{outline:none;border-color:rgba(50,205,50,.6)}
.cgchat-btn{background:linear-gradient(135deg,#10B981,#059669);border:1px solid #34D399;color:#fff;font-weight:700;
 padding:12px 22px;border-radius:24px;cursor:pointer;font-family:inherit;font-size:.92rem;white-space:nowrap}
.cgchat-btn:hover{filter:brightness(1.08)}
.cgchat-btn[disabled]{opacity:.5;cursor:default;filter:none}
.cgchat-clip{background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--ice);border-radius:12px;
 padding:12px 14px;cursor:pointer;font-family:inherit;font-size:.92rem}
.cgchat-clip:hover{border-color:rgba(255,215,0,.5);color:var(--gold)}
.cgchat-pend{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.8rem;color:var(--muted)}
.cgchat-pend button{background:none;border:none;color:var(--muted);cursor:pointer;text-decoration:underline;font-family:inherit}
.cgchat-gate{padding:16px 20px;text-align:center;color:var(--muted);font-size:.9rem}
.cgchat-gate a{color:var(--gold);font-weight:600}
.cgchat-err{color:#FF9B9B;font-size:.82rem;margin:0 0 8px}
.cgchat-vuoto{color:var(--muted);text-align:center;margin:auto;font-size:.9rem;line-height:1.6}
.cgchat-guide{border:1px solid rgba(255,215,0,.3);background:rgba(255,215,0,.05);border-radius:12px;padding:12px;margin-bottom:10px}
.cgchat-guide h4{margin:0 0 8px;font-size:.78rem;text-transform:uppercase;letter-spacing:1px;color:var(--gold)}
.cgchat-guide button{display:block;width:100%;text-align:left;background:rgba(255,255,255,.03);border:1px solid var(--line);
 color:var(--ice);border-radius:9px;padding:8px 10px;margin-bottom:6px;cursor:pointer;font-family:inherit;font-size:.82rem}
.cgchat-guide button:hover{border-color:rgba(50,205,50,.5);background:rgba(50,205,50,.07)}
.cgchat-guide button:last-child{margin-bottom:0}
.cgchat-wiz{border:1px solid rgba(50,205,50,.45);background:rgba(50,205,50,.07);border-radius:14px;padding:16px 18px;margin:0 20px 14px}
.cgchat-wiz h4{margin:0;color:var(--em);font-size:1rem}
.cgchat-wiz .cgchat-step{color:var(--muted);font-size:.76rem;margin:2px 0 12px}
.cgchat-wiz label{display:block;font-size:.95rem;margin-bottom:6px}
.cgchat-wiz .cgchat-aiuto{color:var(--muted);font-size:.78rem;margin:0 0 8px}
.cgchat-wiz input[type=text],.cgchat-wiz textarea,.cgchat-wiz select{width:100%;background:rgba(255,255,255,.05);
 border:1px solid var(--line);border-radius:10px;color:var(--ice);padding:10px 12px;font-family:inherit;font-size:.92rem}
.cgchat-wiz .cgchat-row{display:flex;gap:10px;margin-top:12px;align-items:center}
.cgchat-wiz .cgchat-annulla{background:none;border:none;color:var(--muted);cursor:pointer;text-decoration:underline;font-family:inherit;font-size:.82rem}
.cgchat-ok{border:1px solid rgba(50,205,50,.5);background:rgba(50,205,50,.1);border-radius:12px;padding:12px 16px;margin:0 20px 14px;font-size:.9rem}
@media(max-width:760px){.cgchat-wrap{grid-template-columns:1fr}.cgchat-side{max-height:none;border-right:none;border-bottom:1px solid var(--line)}
 .cgchat-main{max-height:none}.cgchat-img{max-width:100%}}
