/* مربع الكتابة الموحّد (المحادثات + المساعد الذكي): مرفقات، تسجيل صوتي، إملاء */
.cmp{display:flex;flex-direction:column;gap:6px;padding:8px 10px;border-top:1px solid var(--line);background:var(--card)}
.cmp.cmp-over,.cmp-over .cmp{outline:2px dashed var(--teal);outline-offset:-4px;background:color-mix(in srgb,var(--teal-l) 50%,var(--card))}
.cmp-row{display:flex;align-items:flex-end;gap:6px}
.cmp-ta{flex:1;min-width:0;resize:none;font:inherit;line-height:1.5;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--ink);max-height:160px;min-height:42px}
.cmp-ta:focus{outline:none;border-color:var(--teal);box-shadow:var(--focus)}
.cmp-b,.cmp-send{flex:none;display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--teal-d);cursor:pointer;transition:background .12s,border-color .12s}
.cmp-b:hover{background:var(--teal-l);border-color:var(--teal)}
.cmp-b .ic,.cmp-send .ic{width:20px;height:20px}
.cmp-b.on{background:#d6455d;border-color:#d6455d;color:#fff;animation:cmpPulse 1.2s infinite}
.cmp-send{background:var(--teal);border-color:var(--teal);color:#fff}
.cmp-send:hover{filter:brightness(1.08)}
.cmp-send:disabled{opacity:.5;cursor:progress}
.cmp.busy .cmp-send .ic{animation:spin .8s linear infinite}
.cmp-files{display:flex;flex-wrap:wrap;gap:6px}
.cmp-chip{position:relative;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;padding:4px 30px 4px 6px;background:var(--zebra);max-width:260px}
[dir=rtl] .cmp-chip{padding:4px 6px 4px 30px}
.cmp-chip img{width:48px;height:48px;object-fit:cover;border-radius:8px}
.cmp-chip audio{height:34px;max-width:230px}
.cmp-chip.audio{padding-block:2px}
.cmp-fi{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;background:var(--teal-l);color:var(--teal-d)}
.cmp-fn{display:flex;flex-direction:column;min-width:0;font-size:12.5px}
.cmp-fn small{color:var(--mute);font-size:11px}
.cmp-fn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cmp-x{position:absolute;top:4px;inset-inline-end:4px;width:22px;height:22px;border-radius:50%;border:0;background:var(--card);color:var(--bad);cursor:pointer;display:grid;place-items:center;box-shadow:var(--sh-1)}
.cmp-x .ic{width:13px;height:13px}
.cmp-rec{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 4px}
.cmp-dot{width:12px;height:12px;border-radius:50%;background:#d6455d;animation:cmpPulse 1.1s infinite}
.cmp-tm{font-variant-numeric:tabular-nums;min-width:42px}
.cmp-lvl{display:flex;align-items:center;gap:2px;height:28px}
.cmp-lvl i{display:block;width:4px;height:4px;border-radius:2px;background:var(--teal);transition:height .08s}
.cmp-hint{color:var(--mute);font-size:11.5px}
.cmp.compact .cmp-b,.cmp.compact .cmp-send{width:38px;height:38px}
@keyframes cmpPulse{50%{opacity:.45}}
.att-img img{max-width:240px;max-height:220px;border-radius:10px;display:block;margin:4px 0;object-fit:cover}
.att-audio audio{height:38px;max-width:270px;margin:4px 0;display:block}
.msg .att-audio audio,.chat-msg .att-audio audio{width:260px}
@media (max-width:600px){.cmp-chip{max-width:100%}.cmp-b,.cmp-send{width:40px;height:40px}}