/* DS1: original thin CSS geometry, no SVG or font-dependent check glyphs. */
.cm-meta .ds-status{display:inline-block;position:relative;width:18px;height:16px;flex:0 0 18px;color:#4da263;vertical-align:middle;margin-left:1px}
.ds-status i,.ds-status b{position:absolute;display:block;box-sizing:border-box;font-weight:normal}
.ds-status[data-state=sent] i,.ds-status[data-state=read] i{width:7px;height:13px;left:4px;top:-1px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(43deg);border-radius:.6px}
.ds-status[data-state=read]{width:23px;flex-basis:23px}
.ds-status[data-state=read] b{width:5px;height:13px;left:12px;top:-1px;border:solid currentColor;border-width:0 1.5px 1.5px 0;transform:rotate(43deg);border-radius:.6px}
.ds-status[data-state=sending] i{width:12px;height:12px;border:1.3px solid currentColor;border-radius:50%;left:3px;top:2px}
.ds-status[data-state=sending] b{width:4px;height:4px;left:9px;top:5px;border:solid currentColor;border-width:0 0 1.2px 1.2px;transform-origin:0 100%;animation:ds-clock 1.8s linear infinite}
.ds-status[data-state=error]{color:#ce5252}
.ds-status[data-state=error] i{width:13px;height:13px;border:1.3px solid currentColor;border-radius:50%;left:2px;top:1px}
.ds-status[data-state=error] b{left:7.6px;top:4px;width:1.5px;height:4px;background:currentColor;box-shadow:0 5px currentColor}
@keyframes ds-clock{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.ds-status[data-state=sending] b{animation:none}}

/* DS2: smaller blue delivery checks, inset close to the bubble edge. */
.cm-meta .ds-status[data-state=sent],.cm-meta .ds-status[data-state=read]{color:#189fda;width:14px;height:14px;flex-basis:14px;margin-left:0}
.cm-meta .ds-status[data-state=read]{width:19px;flex-basis:19px}
.cm-meta .ds-status[data-state=sent] i,.cm-meta .ds-status[data-state=read] i{width:5.5px;height:10px;left:4px;top:0;border-width:0 1.3px 1.3px 0}
.cm-meta .ds-status[data-state=read] b{width:4px;height:10px;left:10px;top:0;border-width:0 1.3px 1.3px 0}
.staff-message-bubble .cm-meta:has(.ds-status[data-state=sent]),.staff-message-bubble .cm-meta:has(.ds-status[data-state=read]){transform:translateX(8px)}