/* Chat Habib v18 inline recorder */
.record-v18-btn{width:38px;height:38px;border:0;background:transparent;border-radius:50%;display:grid;place-items:center;font-size:18px;cursor:pointer;color:inherit;flex:0 0 auto}.record-v18-btn:hover{background:rgba(20,122,115,.08)}
.inline-recorder-tray{margin:8px 12px 0;border:1px solid #dce5e1;border-radius:16px;background:#fff;box-shadow:0 8px 28px rgba(17,40,33,.08);overflow:hidden}.inline-recorder-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 8px}.inline-recorder-kind{display:flex;align-items:center;gap:10px}.inline-recorder-kind>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e9f6f2;font-size:20px}.inline-recorder-kind b{display:block;font-size:13px}.inline-recorder-kind small{display:block;margin-top:2px;color:#74817d;font-size:10px}.inline-recorder-x{border:0;background:#f0f3f2;width:32px;height:32px;border-radius:50%;font-size:20px;color:#56625e;cursor:pointer}
.inline-recorder-stage{min-height:120px;margin:0 12px;border-radius:14px;background:#f7faf9;display:flex;align-items:center;justify-content:center;gap:14px;padding:20px}.inline-recorder-stage.video-idle{background:linear-gradient(145deg,#17231f,#263a33);color:#fff}.inline-idle-icon{font-size:38px}.inline-idle-copy b{display:block;font-size:14px}.inline-idle-copy span{display:block;margin-top:4px;font-size:11px;opacity:.72}.inline-recorder-stage.recording-video{padding:0;background:#111}.inline-live-video{display:block;width:100%;max-height:360px;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.inline-recorder-stage.recording-voice{flex-direction:column;background:linear-gradient(180deg,#eef9f5,#fff)}.inline-voice-pulse{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#147a73;color:#fff;font-size:30px;animation:inlinePulse 1.5s infinite}@keyframes inlinePulse{0%{box-shadow:0 0 0 0 rgba(20,122,115,.28)}70%{box-shadow:0 0 0 20px rgba(20,122,115,0)}100%{box-shadow:0 0 0 0 rgba(20,122,115,0)}}
.inline-recorder-stage.draft{background:#f7faf9}.inline-recorder-stage.draft audio{width:min(420px,94%)}.inline-draft-video{display:block;width:100%;max-height:360px;object-fit:contain;background:#111;border-radius:12px}
.inline-recorder-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px 8px;font-size:11px;color:#66736f}.inline-recorder-status i{width:9px;height:9px;border-radius:50%;background:#9aa7a3}.inline-recorder-status strong{font-variant-numeric:tabular-nums;color:#34413d}.inline-recorder-status.is-recording i{background:#d92d2d;animation:inlineBlink 1s infinite}.inline-recorder-status.is-recording .inline-recorder-label{color:#c52d2d;font-weight:900}.inline-recorder-status.is-ready i{background:#168a68}.inline-recorder-status.is-ready .inline-recorder-label{color:#168a68;font-weight:900}@keyframes inlineBlink{50%{opacity:.3}}
.inline-recorder-actions{display:flex;gap:10px;padding:0 12px 12px}.inline-recorder-actions button{flex:1;min-height:46px;border:0;border-radius:13px;padding:11px 14px;font-weight:900;cursor:pointer}.inline-recorder-actions button:disabled{opacity:.55;cursor:wait}.inline-cancel,.inline-delete{background:#eef2f0;color:#34413d}.inline-rec{background:#dc2f2f!important;color:#fff!important;font-size:15px;box-shadow:0 4px 14px rgba(220,47,47,.25)}.inline-stop{background:#202b28;color:#fff}.inline-send{background:#147a73;color:#fff}
@media(max-width:720px){.record-v18-btn{width:34px;height:34px;font-size:17px}.inline-recorder-tray{margin:6px 8px 0;border-radius:14px}.inline-recorder-stage{min-height:104px;margin:0 8px;padding:16px}.inline-recorder-actions{padding:0 8px 8px}.inline-recorder-actions button{min-height:44px}.inline-live-video,.inline-draft-video{max-height:46vh}}
