.recording-container{display:flex;align-items:center;gap:8px}.recording-indicator{display:flex;align-items:center;gap:8px;background:#dc35451a;padding:8px 12px;border-radius:20px;border:1px solid #dc3545}.recording-pulse{width:12px;height:12px;background:#dc3545;border-radius:50%;animation:pulse 1s infinite}.recording-time{color:#dc3545;font-weight:600;font-size:14px}.recording-stop-btn{border:none;transition:all .2s ease}.recording-stop-btn:hover{transform:scale(1.05)}.voice-preview-container{display:flex;align-items:center;gap:8px}.voice-note-container{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff1a;border-radius:20px;min-width:200px;max-width:300px}.voice-note-play-btn{width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.voice-note-play-btn:hover{transform:scale(1.05)}.voice-note-waveform{flex:1;height:4px;border-radius:2px;cursor:pointer;transition:all .2s ease}.voice-note-waveform:hover{opacity:.8}.voice-note-duration{font-size:12px;color:#ffffffb3;font-weight:500;white-space:nowrap}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@media (max-width: 576px){.voice-note-container{min-width:150px;max-width:250px}.recording-indicator{padding:6px 10px}.recording-time{font-size:12px}}.file-preview-container{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:8px 12px;border-radius:10px;max-width:300px;flex-wrap:nowrap;overflow:hidden}.file-preview-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.file-preview-image{flex-shrink:0}.file-details{display:flex;flex-direction:column;min-width:0;overflow:hidden}.file-name{font-size:12px;color:#ffffffe6;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.file-size{font-size:10px;color:#fff9}.file-attachment-btn{transition:all .2s ease}.file-attachment-btn:hover{transform:scale(1.05);background:#5a6268}.loading-screen{position:fixed;inset:0;z-index:1055;display:flex;align-items:center;justify-content:center;background:#fff}.loading-screen__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.loading-screen__logo{width:5rem;height:5rem;object-fit:contain;animation:pulse 1.6s ease-in-out infinite}.loading-screen__track{width:8rem;height:.375rem;overflow:hidden;border-radius:999px;background:#e5e7eb}.loading-screen__bar{width:40%;height:100%;border-radius:999px;background:#0d6efd;animation:loading-bar 1.2s ease-in-out infinite}@keyframes loading-bar{0%{transform:translate(-100%)}to{transform:translate(250%)}}