:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-message-files{display:flex;flex-direction:column;align-items:flex-start;gap:14px;direction:rtl}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message{box-sizing:border-box;width:min(100%,370px);padding:14px 15px 10px;border-radius:19px 19px 5px 19px;border:1px solid #dce7fb;background:linear-gradient(135deg,#edf5ff,#f6f9ff);color:#284974;box-shadow:0 3px 14px #1769ff08;--to-progress:0%}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message audio{width:100%;height:40px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message.is-enhanced>audio{display:none}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-ui[hidden]{display:none!important}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-ui{display:flex;align-items:center;gap:12px;direction:rtl}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-content{flex:1;min-width:0}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-toggle{display:grid!important;place-items:center;width:48px!important;height:48px!important;min-width:48px!important;margin:0!important;padding:12px!important;border:0!important;border-radius:50%!important;background:#1769ff!important;color:white!important;cursor:pointer;box-shadow:0 4px 12px #1769ff25!important;flex-shrink:0}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-toggle svg{width:24px;height:24px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-toggle .to-pause-icon{display:none}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .is-playing .to-player-toggle .to-play-icon{display:none}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .is-playing .to-player-toggle .to-pause-icon{display:block}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-toggle:disabled{opacity:.6;cursor:wait}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600;line-height:1.5}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-speed{margin:0!important;padding:2px 7px!important;border:0!important;border-radius:6px!important;background:#e1ecff!important;color:#3874d4!important;min-width:36px!important;font:inherit!important;font-size:10px!important;cursor:pointer;direction:ltr;box-shadow:none!important}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-wave{height:31px;position:relative;direction:ltr;margin:5px 0;overflow:hidden}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-wave-base,:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-wave-fill{position:absolute;inset:0;background-color:#c2d5f4;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'%3E%3Cg stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M2 12v6M8 7v16M14 10v10M20 3v24M26 8v14M32 12v6M38 5v20M44 10v10M50 1v28M56 9v12'/%3E%3C/g%3E%3C/svg%3E");mask-repeat:repeat-x;mask-position:center;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='30' viewBox='0 0 60 30'%3E%3Cg stroke='black' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M2 12v6M8 7v16M14 10v10M20 3v24M26 8v14M32 12v6M38 5v20M44 10v10M50 1v28M56 9v12'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-repeat:repeat-x;-webkit-mask-position:center}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-wave-fill{background-color:#1769ff;clip-path:inset(0 calc(100% - var(--to-progress)) 0 0)}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-wave input[type=range]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;opacity:0;cursor:pointer;direction:ltr;z-index:1}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-wave:focus-within{outline:2px solid #1769ff;outline-offset:1px;border-radius:4px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-wave input:disabled{cursor:default}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-meta{display:flex;align-items:center;gap:8px;color:#7891b1;font-size:10px;line-height:1.5}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-meta time{font:inherit;font-variant-numeric:tabular-nums;color:#44688e}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-meta>a{margin-inline-start:auto;display:grid;place-items:center;width:23px;height:23px;border-radius:6px;background:#e4edfb;color:#5887ca;text-decoration:none}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-meta svg{width:14px;height:14px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-date{display:block;text-align:end;direction:ltr;color:#8b9eb7;font-size:9px;margin-top:7px;font-variant-numeric:tabular-nums}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-status{display:block;font-size:10px;color:#a45541;line-height:1.8}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-status:empty{display:none}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .is-loading .to-player-toggle{box-shadow:0 0 0 4px #1769ff20!important}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-attachment-card{display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:100%;padding:10px;border:1px solid #e2eafa;border-radius:14px;background:#fbfdff}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-attachment-card .to-attachment-image img{display:block;max-width:240px;width:auto;max-height:250px;object-fit:contain;border-radius:9px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-attachment-card .to-file-link{margin:0;padding:6px 9px;font-size:11px;max-width:100%;overflow-wrap:anywhere}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-attachment-card .to-file-date{font-size:10px;color:#8b9eb7}.to-connection-help code{display:inline-block;overflow-wrap:anywhere}
@media(max-width:480px){:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message{width:100%;padding:11px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-ui{gap:9px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-player-toggle{width:43px!important;height:43px!important;min-width:43px!important}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-attachment-card .to-attachment-image img{max-width:100%}}
/* Shared sent/local player: the play button stays on the left in RTL chats. */
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-ui{direction:ltr!important;flex-direction:row!important}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-content{direction:rtl}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-toggle{border-radius:50%!important;aspect-ratio:1;transform:none!important}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-toggle>svg{display:block;width:23px;height:23px;transform:none!important}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-toggle .to-pause-icon{display:none}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message.is-playing .to-player-toggle .to-play-icon{display:none}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message.is-playing .to-player-toggle .to-pause-icon{display:block}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview[hidden]{display:none!important}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview{box-sizing:border-box;max-width:calc(100% - 28px);width:350px;margin:13px 14px 12px;padding:12px 14px;border:1px solid #dce8fa;border-radius:15px;background:#edf5ff;box-shadow:0 3px 12px #1769ff06}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview.is-enhanced>audio{display:none!important}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview>audio{width:100%;margin:0;height:38px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview .to-player-heading{font-size:11px;color:#6283ad}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview .to-player-toggle{display:grid!important;place-items:center;width:44px!important;min-width:44px!important;height:44px!important;padding:10px!important;margin:0!important;border:0!important;background:#1769ff!important;color:#fff!important;box-shadow:0 3px 10px #1769ff20!important}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview .to-player-speed{display:inline-flex;align-items:center;justify-content:center;font-size:10px!important;min-width:31px!important;height:23px!important;padding:2px 7px!important;margin:0!important;background:#dceaff!important;color:#4f7dbe!important;border:0!important;border-radius:6px!important}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview .to-player-meta{font-size:10px;color:#8fa5c1}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview .to-player-meta time{font-size:10px;letter-spacing:0}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview .to-player-wave{height:30px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview .to-player-status{font-size:10px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview .to-player-ui[hidden]{display:none!important}
@media(max-width:480px){:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview{width:calc(100% - 24px);max-width:calc(100% - 24px);margin:12px;padding:11px}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-recorder .to-recorded-preview .to-player-toggle{width:41px!important;height:41px!important;min-width:41px!important}}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-wave input[type=range]{opacity:0!important;background:transparent!important;border:0!important;box-shadow:none!important;outline:none!important;padding:0!important;margin:0!important}
/* First paint uses the final custom layout; no native control flashes on reload. */
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message>audio{display:none!important}:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message:not(.is-loading) .to-player-toggle:disabled{opacity:1}

/* Compact messenger voice: one bubble, left play control, slim waveform. */
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message{width:280px;max-width:100%;min-width:0;padding:6px 0 0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-ui{gap:10px!important}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-toggle{width:44px!important;height:44px!important;min-width:44px!important;max-width:44px!important;min-height:44px!important;max-height:44px!important;padding:11px!important;border-radius:50%!important;clip-path:circle(50%);background:linear-gradient(145deg,#28b5ed,#168ee1)!important;box-shadow:none!important;transform:none!important}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-heading{display:none!important}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-content{direction:ltr!important}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-wave{height:22px!important;margin:0 0 4px!important}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-wave-base{background-color:#bdcdd8;opacity:.65}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-wave-fill{background-color:#159ee1}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-meta{font-size:10px!important;line-height:1.5;gap:6px;min-height:15px}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-meta>span{display:none!important}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-meta time{color:#8b9eac!important;font-size:10px!important}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-meta>a{width:17px;height:17px;background:transparent!important;color:#8eafc5}
:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message .to-player-date{margin-top:2px;font-size:9px}
:is(#ticket-one-guest,.tg-admin-room) .tg-message:has(.to-voice-message){padding:9px 12px 6px;max-width:min(90%,315px);border-radius:19px 19px 19px 5px;background:#fff;border-color:#e4eaf0}
:is(#ticket-one-guest,.tg-admin-room) .tg-message.is-out:has(.to-voice-message){background:#e4f4ff;border-color:#d6eaf8;border-radius:19px 19px 5px 19px}
:is(#ticket-one-guest,.tg-admin-room) .tg-message:has(.to-voice-message)>small{margin-top:2px;text-align:right;font-size:9px;line-height:1.4}
@media(max-width:380px){:is(.ht,.to-panel,.tg-widget,.tg-admin-room) .to-voice-message{width:245px}}