/* Vchat 0.56.3 — scoped, testable rich messaging composer */
.vchat-frontend-app #vchat-record-audio svg,
.vchat-frontend-app .vchat-audio-play svg,
.vchat-frontend-app .vchat-message-reply-action svg,
.vchat-frontend-app .vchat-rich-stage-icon svg,
.vchat-frontend-app .vchat-rich-reply-icon svg,
.vchat-frontend-app .vchat-rich-stage-cancel svg{width:18px;height:18px;display:block}
.vchat-frontend-app #vchat-record-audio{font-size:0!important;display:inline-grid!important;place-items:center!important}
.vchat-frontend-app #vchat-record-audio.is-recording{background:#fff0f3!important;color:#d34061!important;box-shadow:0 0 0 3px rgba(211,64,97,.10)!important}
.vchat-frontend-app .vchat-message-reply-action{display:grid!important;place-items:center!important;font-size:0!important}
.vchat-frontend-app .vchat-message-reply-action svg{width:15px;height:15px}
.vchat-frontend-app .vchat-audio-play{display:grid!important;place-items:center!important;font-size:0!important}
.vchat-frontend-app .vchat-rich-attachment-preview{display:grid;grid-template-columns:auto minmax(0,1fr) 34px auto;align-items:center;gap:10px;margin:0 0 8px;padding:10px 11px;border:1px solid #e5e0f2;border-radius:14px;background:#fff;color:#2c2741;box-shadow:0 8px 24px rgba(38,29,75,.05)}
.vchat-frontend-app .vchat-rich-attachment-preview[hidden]{display:none!important}
.vchat-frontend-app .vchat-rich-stage-media{width:48px;height:48px;border-radius:12px;background:#f2effb;display:grid;place-items:center;overflow:hidden;color:#6653d2}
.vchat-frontend-app .vchat-rich-stage-media img{width:100%;height:100%;object-fit:cover;display:block}
.vchat-frontend-app .vchat-rich-stage-media audio{width:48px;height:38px;max-width:48px}
.vchat-frontend-app .vchat-rich-stage-copy{min-width:0}.vchat-frontend-app .vchat-rich-stage-copy small,.vchat-frontend-app .vchat-rich-stage-copy strong,.vchat-frontend-app .vchat-rich-stage-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vchat-frontend-app .vchat-rich-stage-copy small{font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.06em;color:#6653d2}.vchat-frontend-app .vchat-rich-stage-copy strong{margin-top:2px;font-size:11px}.vchat-frontend-app .vchat-rich-stage-copy span{margin-top:2px;font-size:8px;color:#8d879b}
.vchat-frontend-app .vchat-rich-stage-cancel{width:32px!important;height:32px!important;padding:0!important;border:0!important;border-radius:9px!important;background:#f5f3fa!important;color:#7c758a!important;display:grid!important;place-items:center!important}
.vchat-frontend-app .vchat-rich-stage-send{height:34px!important;padding:0 13px!important;border:0!important;border-radius:10px!important;background:#6653d2!important;color:#fff!important;font-size:9px!important;font-weight:850!important}
.vchat-frontend-app .vchat-rich-stage-send:disabled{opacity:.55!important}
.vchat-frontend-app #vchat-reply-preview .vchat-rich-reply-icon{width:30px;height:30px;border-radius:9px;background:#e9e4ff;color:#6653d2;display:grid;place-items:center;flex:0 0 30px}
.vchat-frontend-app #vchat-reply-preview [data-rich-cancel-reply]{display:grid!important;place-items:center!important;font-size:0!important}
.vchat-frontend-app .vchat-rich-record-stop{margin-left:auto!important;height:30px!important;padding:0 11px!important;border:0!important;border-radius:9px!important;background:#d34061!important;color:#fff!important;font-size:8px!important;font-weight:850!important}
.vchat-frontend-app .vchat-audio-message{min-width:210px}.vchat-frontend-app .vchat-audio-message audio{display:none!important}
@media(max-width:720px){.vchat-frontend-app .vchat-rich-attachment-preview{grid-template-columns:44px minmax(0,1fr) 32px}.vchat-frontend-app .vchat-rich-stage-send{grid-column:1/-1;width:100%!important}.vchat-frontend-app .vchat-rich-stage-media{width:44px;height:44px}}


/* 0.56.4 — reply cancel control: explicit icon contrast and geometry */
.vchat-frontend-app #vchat-reply-preview [data-rich-cancel-reply]{
  width:32px!important;height:32px!important;min-width:32px!important;flex:0 0 32px!important;
  padding:0!important;border:1px solid #ddd6f4!important;border-radius:10px!important;
  background:#eee9ff!important;color:#5f4dcc!important;box-shadow:none!important;
  display:grid!important;place-items:center!important;opacity:1!important;visibility:visible!important;
}
.vchat-frontend-app #vchat-reply-preview [data-rich-cancel-reply]:hover{background:#e4ddff!important;color:#4e3cbd!important;border-color:#cfc4f4!important}
.vchat-frontend-app #vchat-reply-preview [data-rich-cancel-reply] svg{width:15px!important;height:15px!important;display:block!important;color:inherit!important;opacity:1!important;visibility:visible!important}
.vchat-frontend-app #vchat-reply-preview [data-rich-cancel-reply] svg path,
.vchat-frontend-app #vchat-reply-preview [data-rich-cancel-reply] svg line,
.vchat-frontend-app #vchat-reply-preview [data-rich-cancel-reply] svg polyline{stroke:currentColor!important;fill:none!important;stroke-width:2!important}