/* Source preview geometry mapped to real local draft states only.
   No replacement player, fabricated waveform, timing or delivery status. */
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]){padding:16px 16px 12px 17px;column-gap:12px;row-gap:0}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-audio-shell{grid-template-columns:54px minmax(0,1fr) 46px;column-gap:18px;row-gap:0;padding:18px 16px 7px;margin-bottom:25px}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-audio-play{align-self:start;margin-top:2px}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr88-audio-track{position:relative;top:7px}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-audio-time{align-self:center;position:relative;top:-1px;font:400 15px/20px NBR88,Arial,sans-serif;font-variant-numeric:tabular-nums}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-playback-rate{position:relative;isolation:isolate;min-width:46px;min-height:44px;padding:4px 10px;border:0;background:transparent;font:400 14px/18px NBR88,Arial,sans-serif;font-variant-numeric:tabular-nums}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-playback-rate:before{content:'';position:absolute;inset:7px 0;border:1px solid #d2dceb;border-radius:12px;background:#eef5ff;z-index:-1;pointer-events:none}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-voice-control{flex:1 1 145px;max-width:100%;min-height:56px;padding:10px 8px;border-radius:10px;font-size:16px;overflow-wrap:anywhere}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-voice-discard{font-size:14.8px;gap:12px;padding-left:12px}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-voice-discard .nbr88-control-label{position:relative;left:-1px;top:1px}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-voice-send .nbr88-control-label{position:relative;left:-1px}
/* Preserve the native range and its keyboard/disabled behavior. Apply the
   source oval/stem thumb only when a real recording has been decoded. */
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr88-decoded input{--seek-thumb:radial-gradient(ellipse 10px 12px at center,#005be4 94%,transparent 100%) center/20px 36px no-repeat,linear-gradient(#005be4,#005be4) center/6px 30px no-repeat,radial-gradient(circle 3px at 50% 3px,#005be4 88%,transparent 100%) top/20px 6px no-repeat,radial-gradient(circle 3px at 50% 3px,#005be4 88%,transparent 100%) bottom/20px 6px no-repeat}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr88-decoded input::-webkit-slider-thumb{width:20px;height:36px;margin-top:-16px;border-radius:0;background:var(--seek-thumb)}
#nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr88-decoded input::-moz-range-thumb{width:20px;height:36px;border-radius:0;background:var(--seek-thumb)}
@media(min-width:361px) and (max-width:420px){
 #nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-voice-discard{gap:8px;padding-left:8px;padding-right:8px}
}
@media(max-width:360px){
 #nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-audio-shell{grid-template-columns:48px minmax(0,1fr) 46px;column-gap:10px;padding-left:10px;padding-right:10px}
 #nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-audio-play{width:48px;height:48px;min-width:48px}
 #nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr88-audio-track{top:4px}
 #nbr-first-party-chat[data-design=v88] .nbr-chat-voice-composer:is([data-state=preview],[data-state=sending]) .nbr-chat-voice-control{flex-basis:120px;font-size:14px}
}