.audio-composer{padding:10px 0 8px;border-top:1px solid #d7e2e9;margin-top:10px;color:#27465b;min-width:0}
.audio-composer[hidden],.audio-composer [hidden]{display:none!important}
.audio-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.audio-tool,.audio-stop,.audio-cancel,.audio-send{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;padding:9px 12px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:pointer;border:1px solid #c8d8e3;background:#e9f1f6;color:#234c67}
.audio-tool svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.audio-tool:hover:not(:disabled),.audio-cancel:hover:not(:disabled){background:#dbe9f2}.audio-tool:disabled,.audio-send:disabled,.audio-cancel:disabled{opacity:.5;cursor:not-allowed}
.audio-limit{font-size:11px;color:#627a8d}.audio-draft{max-width:600px;background:#fff;border:1px solid #bdd1df;border-radius:10px;padding:12px;margin-top:10px;box-shadow:0 3px 10px #17374e08}
.audio-draft-title{display:flex;gap:10px;justify-content:space-between;font-size:13px;overflow-wrap:anywhere}.audio-draft-title strong{min-width:0}.audio-draft-title span{white-space:nowrap;color:#bd3246;font-variant-numeric:tabular-nums}
.audio-draft audio{display:block;width:100%;height:40px;margin:10px 0}.audio-draft-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;margin-top:10px}.audio-send{background:#007da6;border-color:#007da6;color:#fff}.audio-stop{background:#fff0f2;border-color:#efbcc5;color:#a5273b}.audio-cancel{background:#f4f7fa}
.audio-status{font-size:11px;line-height:1.45;margin:8px 0 0;color:#61798b}.audio-status[data-error="1"]{color:#a22336;font-weight:600}.audio-composer[data-recording="1"] .audio-draft{border-color:#d77382}.message-bubble audio{display:block;width:min(100%,360px);max-width:100%;height:40px;margin:9px 0}.message-bubble:has(audio){min-width:min(310px,90%)}
@media(max-width:600px){.audio-tool{padding:9px 10px;font-size:12px}.audio-limit{flex-basis:100%}.audio-draft{padding:10px}.audio-draft-actions{justify-content:stretch}.audio-draft-actions button{flex:1}.message-bubble:has(audio){min-width:0;width:90%}}

.audio-composer[data-has-draft="1"] .audio-tools{display:none}
.crm-workspace .composer-wrap:has(.audio-composer[data-has-draft="1"]:not([hidden])){max-height:65dvh;overflow-y:auto}
@media(max-width:600px){.crm-workspace .composer-wrap:has(.audio-composer[data-has-draft="1"]:not([hidden])) .message-composer textarea{min-height:45px;height:45px}}
.message-media{max-width:100%;margin-top:8px}.message-media img,.message-media video{display:block;max-width:100%;max-height:320px;border-radius:9px;object-fit:contain}.message-media img{width:auto;min-height:50px}.media-links{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;margin:8px 0}.media-links a{text-decoration:underline;overflow-wrap:anywhere}.message-bubble .media-error,.message-bubble .media-legacy{display:block;font-size:12px;line-height:1.45;margin:8px 0;max-width:360px}.message-bubble .media-error[hidden]{display:none}.message-bubble.own .media-links a,.message-bubble.own .media-error{color:#fff}.message-bubble:not(.own) .media-links a{color:#005d83}.message-bubble .media-legacy{opacity:.8}

/* v23: compact in-place audio recorder; existing colors/layout unchanged */
#point-v19-audio .audio-composer{margin:0;padding:4px 0;border:0}
#point-v19-audio .audio-tools{display:none!important}
#point-v19-audio .audio-draft{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:none;margin:0;padding:6px 8px;box-shadow:none;border-radius:8px}
#point-v19-audio .audio-draft-title{display:flex;align-items:center;gap:8px;flex:0 1 auto;font-size:12px}
#point-v19-audio #audio-timer{font-variant-numeric:tabular-nums}
#point-v19-audio .audio-draft audio:not([hidden]){flex:1 1 180px;width:auto;min-width:120px;height:32px;margin:0}
#point-v19-audio .audio-draft-actions{display:flex;align-items:center;gap:5px;flex:0 1 auto;margin:0}
#point-v19-audio .audio-draft-actions button{padding:6px 9px;font-size:11px}
#point-v19-audio .audio-status{margin:3px 0 0;font-size:10px}
@media(max-width:600px){#point-v19-audio .audio-draft{padding:5px;gap:5px}#point-v19-audio .audio-draft-actions button{flex:0 1 auto}}

/* v26: only composer layout; keep the existing colors and controls. */
.point-v26-file-area:not([hidden]){display:flex;align-items:center;gap:8px;min-width:0;padding:5px 8px;font-size:12px;border:1px solid #d7e2e9;border-radius:8px;margin:4px 0}
.point-v26-file-area span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.point-v26-file-area button{padding:2px 8px;background:transparent;color:inherit;border:0;font-size:18px}
.point-v18-compose-row.point-v26-audio-active #message-body,
.point-v18-compose-row.point-v26-audio-active #point-v18-plus,
.point-v18-compose-row.point-v26-audio-active #point-v19-mic,
.point-v18-compose-row.point-v26-audio-active #send-message{display:none!important}
.point-v18-compose-row #point-v19-audio:not([hidden]){display:flex;flex:1 1 auto;min-width:0;align-items:center}
.point-v18-compose-row #point-v19-audio .audio-composer{width:100%;min-width:0}
.point-v18-compose-row #point-v19-audio .audio-draft:not([hidden]){width:100%;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.point-v18-compose-row #point-v19-audio .audio-status{display:none}
#message-body{max-height:240px;overflow-y:auto;resize:none}

/* v27: audio recorder occupies the message input row, not a second panel. */
.crm-workspace .point-v18-compose-row.point-v26-audio-active #point-v19-audio:not([hidden]){display:flex!important;flex:1 1 auto;min-width:0}
.crm-workspace .point-v18-compose-row #point-v19-audio .audio-draft:not([hidden]){max-width:none;width:100%;min-height:40px}
.crm-workspace .point-v18-compose-row #point-v19-audio{margin:0;padding:0;border:0;background:transparent;max-height:none;overflow:visible}

/* v30: voice recorder replaces textarea in the SAME row; no second panel. */
body.crm-workspace .point-v18-compose-row.point-v26-audio-active{align-items:center;min-height:44px;}
body.crm-workspace .point-v18-compose-row.point-v26-audio-active > :not(#point-v19-audio){display:none!important;}
body.crm-workspace .point-v18-compose-row.point-v26-audio-active > #point-v19-audio{display:block!important;position:static!important;flex:1 1 100%;width:100%;min-width:0;margin:0!important;padding:0!important;background:transparent!important;border:0!important;overflow:visible!important;max-height:none!important;}
body.crm-workspace #point-v19-audio .audio-composer{width:100%;padding:0!important;margin:0!important;border:0!important;}
body.crm-workspace #point-v19-audio .audio-draft:not([hidden]){display:flex!important;align-items:center;flex-wrap:nowrap!important;gap:7px;width:100%;max-width:none;padding:5px 8px;min-height:44px;margin:0;background:#f7f9fc;border:1px solid #d7e2e9;border-radius:9px;}
body.crm-workspace #point-v19-audio .audio-draft-title{display:flex;flex:0 0 auto;align-items:center;gap:6px;min-width:0;}
body.crm-workspace #point-v19-audio .audio-draft-title strong{font-size:11px;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;}
body.crm-workspace #point-v19-audio #audio-timer{color:#d34250;font-size:12px;font-weight:700;white-space:nowrap;}
body.crm-workspace #point-v19-audio .audio-draft-actions{display:flex;flex:0 0 auto;align-items:center;gap:4px;flex-wrap:nowrap;margin:0 0 0 auto;}
body.crm-workspace #point-v19-audio .audio-draft-actions button{min-height:32px;padding:5px 8px;font-size:11px;white-space:nowrap;}
body.crm-workspace #point-v19-audio #audio-preview:not([hidden]){display:block;flex:1 1 160px;width:100%;min-width:80px;max-width:300px;height:32px;margin:0;}
body.crm-workspace #point-v19-audio .audio-status{display:none!important;}
@media(max-width:760px){body.crm-workspace #point-v19-audio .audio-draft:not([hidden]){flex-wrap:wrap!important;}body.crm-workspace #point-v19-audio .audio-draft-actions{margin-left:auto;}}