.recording-dialog{z-index:1400}.recording-content{min-height:400px}.recording-info{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-left:4px solid #1976d2;border-radius:8px;padding:16px}.recording-instructions{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px}.recorded-actions{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.recorded-actions .MuiList-root{background:#fafafa;border-radius:4px}.recorded-actions .MuiListItem-root{border-bottom:1px solid #f0f0f0;margin-bottom:4px}.recorded-actions .MuiListItem-root:last-child{border-bottom:none;margin-bottom:0}.recording-dialog .MuiDialogTitle-root{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.recording-dialog .MuiDialogTitle-root .MuiChip-root{background:#fff3;color:#fff}.recording-dialog .MuiDialogActions-root{background:#f8f9fa;padding:16px 24px}.recording-status-recording{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.recorded-actions .MuiListItemIcon-root{min-width:36px}.recorded-actions .MuiSvgIcon-root{font-size:18px}.recording-content .MuiLinearProgress-root{border-radius:3px;height:6px}@media (max-width:600px){.recording-dialog .MuiDialog-paper{margin:16px;width:calc(100% - 32px)}.recording-content{min-height:300px}}.chat-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.chat-container{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column;height:80vh;max-height:700px;max-width:800px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.chat-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #ffffff1a;color:#fff;justify-content:space-between;padding:20px}.chat-header,.chat-header-info{align-items:center;display:flex}.chat-header-info{gap:12px}.chat-bot-icon{background:#fff3;border-radius:8px;padding:8px}.chat-header h3{font-size:18px;font-weight:600;margin:0}.chat-header p{font-size:14px;margin:0;opacity:.9}.chat-close-btn{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px;transition:background .2s}.chat-close-btn:hover{background:#ffffff4d}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.message{animation:fadeIn .3s ease-out;display:flex;gap:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.message.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.bot .message-avatar{background:#f3f4f6;color:#6b7280}.message-content{flex:1 1;max-width:70%}.message.user .message-content{text-align:right}.message-text{background:#f9fafb;border-radius:12px;color:#374151;font-size:14px;line-height:1.5;padding:12px 16px}.message.user .message-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message-text.loading{align-items:center;display:flex;font-style:italic;gap:8px}.loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.generated-code-actions{margin-top:12px}.download-code-btn{align-items:center;background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:background .2s}.download-code-btn:hover{background:#059669}.message-timestamp{color:#9ca3af;font-size:12px;margin-top:4px}.message.user .message-timestamp{text-align:right}.chat-input-container{background:#f9fafb;border-top:1px solid #e5e7eb;padding:20px}.chat-input-wrapper{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;padding:4px;transition:border-color .2s}.chat-input-wrapper:focus-within{border-color:#667eea}.chat-input{background:#0000;border:none;flex:1 1;font-size:14px;outline:none;padding:12px 16px}.chat-input::placeholder{color:#9ca3af}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px;transition:opacity .2s}.chat-send-btn:disabled{cursor:not-allowed;opacity:.5}.chat-send-btn:not(:disabled):hover{opacity:.9}.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.suggestion-btn{background:#fff;border:1px solid #d1d5db;border-radius:20px;color:#6b7280;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s}.chat-suggestion-btn:hover{background:#e3f2fd;transform:translateY(-1px)}.chat-suggestion-btn.record-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;font-weight:600}.chat-suggestion-btn.record-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.chat-container{border-radius:12px;height:90vh;width:95%}.chat-header,.chat-input-container,.chat-messages{padding:16px}.message-content{max-width:85%}.chat-suggestions{flex-direction:column}.suggestion-btn{text-align:center}}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#a8a8a8}