/* NHỊP V2.90 — Nhịp AI: ô soạn tin 2 tầng (chữ ở trên · công cụ ở dưới), đính kèm, micro, nút Dừng, sao chép/PDF */
.aix .aix-f{position:relative}
.aix .aix-box{flex-direction:column;align-items:stretch;gap:2px;padding:8px 8px 8px 14px;border-radius:22px;position:relative}
.aix .aix-f textarea.aix-q{flex:none;width:100%;min-height:26px;padding:6px 6px 4px 0!important;line-height:1.45}
.aix .aix-f textarea.aix-q::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.aix .aix-f textarea.aix-q{overflow-y:auto;max-height:160px}
.aix .aix-tools{display:flex;align-items:center;gap:6px;padding-top:2px}
.aix .aix-tb{flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface2,transparent);color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .15s,color .15s,transform .1s}
.aix .aix-tb:active{transform:scale(.92)}
.aix .aix-tb[aria-expanded="true"]{background:var(--green);color:#fff;border-color:var(--green)}
.aix .aix-tb[aria-expanded="true"] svg{transform:rotate(45deg)}
.aix .aix-tb svg{transition:transform .15s}
.aix .aix-mic.on{background:#e5484d;border-color:#e5484d;color:#fff;animation:aixPulse 1.2s infinite}
@keyframes aixPulse{0%{box-shadow:0 0 0 0 #e5484d66}70%{box-shadow:0 0 0 10px #e5484d00}100%{box-shadow:0 0 0 0 #e5484d00}}
.aix .aix-lt{flex:1;min-width:0;font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px}
.aix .aix-f.listening .aix-box{border-color:#e5484d;box-shadow:0 0 0 3px #e5484d22}
.aix .aix-send{margin-left:auto}
.aix .aix-send .i-stop{display:none}
.aix .aix-f.busy .aix-send .i-go{display:none}
.aix .aix-f.busy .aix-send .i-stop{display:block}
.aix .aix-f.busy .aix-send{background:#2b3a42;opacity:1;animation:aixPulse 1.6s infinite;box-shadow:0 0 0 0 #2b3a4255}
.aix .aix-f:not(.can):not(.busy) .aix-send{opacity:.45}
.aix .aix-f.drop .aix-box{border-color:var(--green);border-style:dashed;background:#0eb8890f}
/* thanh tệp đính kèm */
.aix .aix-att{display:flex;gap:8px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}
.aix .aix-att::-webkit-scrollbar{display:none}
.aix .aix-att[hidden]{display:none}
.aix-chip{flex:none;display:flex;align-items:center;gap:8px;max-width:220px;padding:5px 4px 5px 5px;border:1px solid var(--line);border-radius:13px;background:var(--surface2,#f3f7f6)}
.aix-chip.bad{border-color:#e5484d;background:#e5484d12}
.aix-chip img,.aix-chip i{width:40px;height:40px;border-radius:9px;flex:none;object-fit:cover}
.aix-chip i{font-style:normal;display:grid;place-items:center;font-size:20px;background:var(--surface)}
.aix-chip>span{min-width:0;display:flex;flex-direction:column;line-height:1.25}
.aix-chip b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.aix-chip small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}
.aix-chip button{flex:none;width:26px;height:26px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}
/* menu đính kèm */
.aix .aix-menu{position:absolute;left:8px;bottom:56px;z-index:6;min-width:230px;padding:6px;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:0 12px 32px #0f2a3a2e;display:flex;flex-direction:column}
.aix .aix-menu[hidden]{display:none}
.aix .aix-menu button{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:var(--text);padding:11px 12px;border-radius:11px;font-size:14.5px;text-align:left;cursor:pointer}
.aix .aix-menu button:active,.aix .aix-menu button:hover{background:var(--surface2,#eef4f3)}
.aix .aix-menu small{display:block;color:var(--muted);font-size:11.5px}
/* bong bóng */
.bubble.user .aix-ua{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.bubble.user .aix-ua span{font-size:12px;padding:3px 8px;border-radius:10px;background:#ffffff2e;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aix-wait{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.aix-stop,.aix-stopped button{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;padding:5px 12px;font-size:12.5px;cursor:pointer;margin-left:auto}
.aix-stopped{display:flex;align-items:center;gap:10px;color:var(--muted)!important;font-style:italic}
.aix .bubble blockquote.aix-bq{margin:8px 0;padding:6px 12px;border-left:3px solid var(--green);background:var(--surface2,#f2faf8);border-radius:0 8px 8px 0}
.aix .bubble code{font-family:inherit;font-weight:600;font-size:.95em;padding:1px 5px;border-radius:4px;background:var(--surface2,#eef1f2)}
.aix-acts button:disabled{opacity:.6}
@media(prefers-reduced-motion:reduce){.aix .aix-mic.on,.aix .aix-f.busy .aix-send{animation:none}}