/* DaNet 5.284 TEST — stable voice UI + microphone permission help UI only */
.chatComposer{grid-template-columns:44px 44px minmax(0,1fr) auto!important}
.chatVoiceButton5250{padding:9px 8px!important;font-size:19px!important;min-width:0!important;white-space:nowrap}
.chatVoiceButton5250.recording5250{font-size:15px!important;font-weight:900!important;background:#b91c1c!important;color:#fff!important}
.chatComposer.voiceRecordingMode5251{grid-template-columns:1fr!important}
.chatComposer.voiceRecordingMode5251>:not(.chatVoiceButton5250){display:none!important}
.chatComposer.voiceRecordingMode5251>.chatVoiceButton5250{grid-column:1/-1!important;width:100%!important;min-height:44px!important}
.chatComposer.voicePreviewMode5251{display:none!important}
.chatVoicePanel5250{padding:10px;background:#fff;border-top:1px solid #e2e8f0}
.voiceRecordingRow5250,.voicePreviewRow5250{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.voiceRecordingDot5250{width:10px;height:10px;border-radius:50%;background:#dc2626;display:inline-block;animation:danetVoicePulse5250 1s ease-in-out infinite}
.voiceRecordingHint5251{margin-left:auto;font-size:12px;font-weight:800;color:#64748b}
.voicePreviewTitle5251{font-size:12px;font-weight:800;color:#475569;margin-bottom:7px}
.voicePreviewAudio5250{height:40px;max-width:520px;flex:1 1 280px;min-width:220px}
.voicePreviewActions5251{display:flex;gap:8px;margin-left:auto}
.voicePreviewActions5251 button{min-width:110px}
.chatVoicePlayer5250{display:grid;grid-template-columns:38px minmax(110px,190px) 38px;gap:8px;align-items:center;min-height:42px;width:min(280px,72vw)}
.chatVoicePlay5250{width:38px;height:38px;border-radius:50%;padding:0!important;display:grid;place-items:center;font-size:15px;line-height:1}
.chatVoiceProgress5250{width:100%;margin:0!important;accent-color:currentColor}
.chatVoiceDuration5250{font-size:11px;font-weight:800;color:#64748b;text-align:right;font-variant-numeric:tabular-nums}
.chatVoiceAudio5250{display:none!important}
@keyframes danetVoicePulse5250{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}
@media(max-width:650px){
  .chatComposer{grid-template-columns:42px 42px minmax(0,1fr)!important}
  .chatComposer>button[onclick^="sendChatMessage"],.chatComposer>.chatSendButton{grid-column:1/-1!important;width:100%!important}
  .chatVoicePlayer5250{grid-template-columns:38px minmax(100px,1fr) 36px;width:min(270px,76vw)}
  .voiceRecordingHint5251{width:100%;margin-left:19px}
  .voicePreviewAudio5250{flex-basis:100%;max-width:none;width:100%;min-width:0}
  .voicePreviewActions5251{width:100%;margin-left:0}
  .voicePreviewActions5251 button{flex:1;min-width:0}
}
@media(prefers-reduced-motion:reduce){.voiceRecordingDot5250{animation:none!important}}

.voiceRecordingTop5252{display:flex;align-items:center;gap:8px;min-height:24px}
.voiceRecordingWave5252{display:block;width:100%;height:42px;margin:7px 0 3px;color:#334155;background:transparent;border:0}
@media(max-width:650px){.voiceRecordingWave5252{height:38px}}

/* DaNet 5.275 — visual-only smooth mobile playback progress.
   The native range remains the real seek control; playback/loading are unchanged. */
.chatVoiceProgressShell5275{position:relative;width:100%;min-width:0;display:flex;align-items:center}
.chatVoiceProgressVisual5275{display:none}
@media(max-width:650px){
  .chatVoiceProgressShell5275{height:30px;overflow:visible}
  .chatVoiceProgressShell5275>.chatVoiceProgress5250{position:absolute;inset:0;width:100%;height:30px;margin:0!important;opacity:0;z-index:4;cursor:pointer}
  .chatVoiceProgressVisual5275{display:block;position:absolute;left:0;right:0;top:50%;height:4px;transform:translateY(-50%);pointer-events:none;z-index:2;color:currentColor}
  .chatVoiceProgressRail5275,.chatVoiceProgressFill5275{position:absolute;inset:0;border-radius:999px}
  .chatVoiceProgressRail5275{background:rgba(100,116,139,.28)}
  .chatVoiceProgressFill5275{background:currentColor;transform:scaleX(0);transform-origin:left center;will-change:transform}
  .chatVoiceProgressThumb5275{position:absolute;left:0;top:50%;width:12px;height:12px;border-radius:50%;background:currentColor;transform:translate3d(0,-50%,0);will-change:transform;box-shadow:0 1px 2px rgba(15,23,42,.2)}
}
\n\n/* DaNet 5.284 — informational microphone-permission help; no recording behavior changes. */\n.chatMicHelpRow5284{padding:0 10px 8px 59px;background:#fff;text-align:left}\n.chatMicHelpLink5284{appearance:none!important;border:0!important;background:transparent!important;color:#64748b!important;padding:2px 0!important;margin:0!important;min-height:0!important;font-size:11px!important;font-weight:750!important;line-height:1.3!important;text-decoration:underline;text-underline-offset:2px;box-shadow:none!important;cursor:pointer}\n.chatMicHelpLink5284:hover{color:#334155!important;background:transparent!important}\n.micHelpBox5284{max-width:520px}\n.micHelpBody5284{margin-top:14px;color:#1e293b;font-size:14px;line-height:1.5}\n.micHelpDevice5284{font-size:15px;margin-bottom:8px}\n.micHelpSteps5284{margin:0;padding-left:22px}\n.micHelpSteps5284 li{margin:5px 0}\n.micHelpNote5284{margin-top:12px;padding:10px 11px;border-radius:10px;background:#f8fafc;color:#475569}\n@media(max-width:650px){.chatMicHelpRow5284{padding-left:57px;padding-bottom:7px}.micHelpBox5284{width:min(94vw,520px)}}\n
/* DaNet 5.285 — microphone help close button visibility fix only. */
.micHelpBox5284 .supportModalHead>div{min-width:0}
.micHelpClose5284{flex:0 0 auto!important;min-width:88px!important;width:auto!important;max-width:none!important;white-space:nowrap!important;padding:8px 12px!important;overflow:visible!important;text-overflow:clip!important}