/* ---- chat da equipe ---- */
.chat{display:flex;flex-direction:column;height:calc(100dvh - 168px - env(safe-area-inset-bottom,0px));min-height:380px;background:var(--surface);border-radius:22px;box-shadow:var(--lift);overflow:hidden;margin-top:6px}
.cm-head{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line);flex:none}
.cm-logo{border-radius:50%;box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--red-soft);background:#fff;flex:none}
.cm-ti{flex:1;min-width:0;display:grid;line-height:1.15}.cm-ti b{font-size:17px}.cm-ti small{color:var(--muted);font-size:12.5px}
.cm-add{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;background:linear-gradient(160deg,var(--red-hi),var(--red));box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 3px 0 var(--red-deep);flex:none}
.cm-add:active{transform:translateY(2px);box-shadow:0 1px 0 var(--red-deep)}
.cm-list{flex:1;overflow-y:auto;padding:12px 10px;display:flex;flex-direction:column;gap:8px;background:radial-gradient(circle,var(--line) 1px,transparent 1.4px) 0 0/26px 26px;overscroll-behavior:contain}
.cm-empty{margin:auto;text-align:center;color:var(--muted);font-size:14px;background:var(--surface);padding:12px 16px;border-radius:14px}
.cm-day{display:flex;justify-content:center;margin:4px 0}.cm-day span{font-size:11.5px;font-weight:700;color:var(--muted);background:var(--surface);padding:3px 10px;border-radius:999px;box-shadow:0 1px 0 var(--edge)}
.cm-row{display:flex;align-items:flex-end;gap:8px;max-width:100%}.cm-row.me{justify-content:flex-end}
.cm-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px;flex:none}
.cm-b{max-width:82%;min-width:78px;background:var(--surface-2);border-radius:18px 18px 18px 6px;padding:8px 12px 6px;box-shadow:0 1px 0 var(--edge),0 6px 14px -10px rgba(70,12,18,.25);overflow-wrap:anywhere}
.cm-row.me .cm-b{background:linear-gradient(160deg,var(--red-hi),var(--red));color:#fff;border-radius:18px 18px 6px 18px}
.cm-who{font-size:13px;font-weight:800;margin-bottom:2px}.cm-who em{font-style:normal;font-weight:600;font-size:11px;color:var(--muted);margin-left:4px}
.cm-t{font-size:15px;line-height:1.4}
.cm-m{display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:11px;opacity:.75;margin-top:3px}
.cm-del{opacity:.55;display:grid;place-items:center;width:20px;height:20px;border-radius:6px}.cm-del:hover,.cm-del:focus-visible{opacity:1}
.cm-aud{display:flex;align-items:center;gap:10px;min-width:220px}
.cm-play{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--red);color:#fff;box-shadow:0 2px 0 var(--red-deep)}
.cm-row.me .cm-play{background:#fff;color:var(--red);box-shadow:0 2px 0 rgba(0,0,0,.25)}
.cm-bar{flex:1;height:6px;border-radius:99px;background:color-mix(in srgb,currentColor 18%,transparent);overflow:hidden;min-width:60px}.cm-bar i{display:block;height:100%;width:0;background:var(--red);border-radius:99px}
.cm-row.me .cm-bar i{background:#fff}
.cm-dur{font-size:12.5px;font-variant-numeric:tabular-nums;min-width:32px;text-align:right}
.cm-spd{font-size:12px;font-weight:800;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,currentColor 14%,transparent)}
.cm-file{display:flex;align-items:center;gap:10px;text-align:left;width:100%;min-width:200px}.cm-file.busy{opacity:.6}
.cm-fi{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,currentColor 12%,transparent);flex:none}
.cm-fn{flex:1;min-width:0;display:grid}.cm-fn b{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-fn small{opacity:.75;font-size:12px}
.cm-img{border-radius:12px;overflow:hidden;cursor:zoom-in;min-width:140px}.cm-img img{display:block;max-width:100%;max-height:260px;border-radius:12px}
.cm-imgph{display:flex;align-items:center;gap:8px;padding:18px 12px;font-size:13px;opacity:.8}
.cm-comp{flex:none;border-top:1px solid var(--line);padding:10px;background:var(--surface)}
.cm-norm{display:flex;align-items:flex-end;gap:8px}.cm-recbar{display:none;align-items:center;gap:10px}
.cm-comp.recording .cm-norm{display:none}.cm-comp.recording .cm-recbar{display:flex}
.cm-ib{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--muted);box-shadow:0 2px 0 var(--edge)}
.cm-in{flex:1;min-width:0;min-height:46px;max-height:120px;resize:none;border-radius:16px;padding:12px 14px;line-height:1.3}
.cm-go{width:54px;height:46px;border-radius:16px;display:grid;place-items:center;color:#fff;flex:none;background:linear-gradient(160deg,var(--red-hi),var(--red));box-shadow:0 1px 0 rgba(255,255,255,.3) inset,0 3px 0 var(--red-deep)}
.cm-go:active{transform:translateY(2px);box-shadow:0 1px 0 var(--red-deep)}
.cm-dot{width:12px;height:12px;border-radius:50%;background:var(--bad)}.cm-rt{font-variant-numeric:tabular-nums;font-size:18px}.cm-rh{flex:1;color:var(--muted);font-size:13px}
@media (prefers-reduced-motion:no-preference){.cm-dot{animation:cmb 1s ease-in-out infinite}@keyframes cmb{50%{opacity:.25}}}