.call-overlay,.chat-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.call-overlay-content,.chat-overlay-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:90vw;max-height:90vh;width:800px;display:flex;flex-direction:column;overflow:hidden}.call-overlay-header,.chat-overlay-header{padding:20px;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;align-items:center;background:#f5f8fa}.call-overlay-header h3,.chat-overlay-header h3{margin:0;color:#2b90d9;font-size:18px}.call-overlay-close,.chat-overlay-close{background:none;border:none;font-size:24px;cursor:pointer;color:#657786;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.call-overlay-close:hover,.chat-overlay-close:hover{color:#e74c3c}.call-overlay-body,.chat-overlay-body{padding:20px;overflow-y:auto;flex:1}.fixed-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.fixed-modal{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:90vw;max-height:90vh;width:600px;display:flex;flex-direction:column;overflow:hidden}.fixed-modal-header{padding:20px;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;align-items:center;background:#f5f8fa}.fixed-modal-header h3{margin:0;color:#2b90d9;font-size:18px}.fixed-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#657786;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.fixed-modal-close:hover{color:#e74c3c}.fixed-modal-content{padding:20px;overflow-y:auto;flex:1}.call-modal-content{display:flex;flex-direction:column;gap:20px}.call-info-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.communication-buttons{display:flex;gap:8px;margin-top:12px;padding:10px 0;flex-wrap:nowrap;overflow-x:auto;width:100%}.communication-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #e1e8ed;border-radius:6px;background:#fff;cursor:pointer;font-size:13px;transition:all .2s;flex-shrink:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content}.communication-button:hover{background:#f8f9fa;border-color:#2b90d9;transform:translateY(-1px)}.communication-button__text{white-space:nowrap}.call-button{border-color:#10b981;color:#10b981}.call-button:hover:not(:disabled){background:#10b981;color:#fff}.video-call-button{border-color:#3b82f6;color:#3b82f6}.video-call-button:hover:not(:disabled){background:#3b82f6;color:#fff}.chat-button{border-color:#8b5cf6;color:#8b5cf6}.chat-button:hover:not(:disabled){background:#8b5cf6;color:#fff}.teklif-button-container{margin-top:10px}.teklif-button{background:#ff6b35;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .2s;width:100%;display:flex;align-items:center;justify-content:center;gap:6px}.teklif-button:hover{background:#e55a2b;transform:translateY(-1px)}.premium-panel{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e1e8ed;border-radius:8px;padding:15px;box-shadow:0 4px 12px #0000001a;z-index:1000;margin-top:5px}.premium-modal__whatsapp-button{background:#25d366;color:#fff;border:none;padding:10px 15px;border-radius:6px;cursor:pointer;margin-top:10px;font-size:14px}.premium-modal__whatsapp-button:hover{background:#128c7e}.premium-button{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:gold;border:1px solid #ffc400;border-radius:4px;cursor:pointer;font-size:12px;margin:0 2px}.premium-button:hover{background:#ffed4a}.loading{text-align:center;color:#718096;font-style:italic}.call-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.call-overlay-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:90vw;max-height:90vh;width:500px;display:flex;flex-direction:column;overflow:hidden}.call-overlay-header{padding:20px;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;align-items:center;background:#f5f8fa}.call-overlay-body{padding:30px;text-align:center}.remote-video{width:100%;max-height:400px;background:#000;border-radius:8px}.local-video{position:absolute;bottom:20px;right:20px;width:150px;height:100px;background:#000;border-radius:8px;border:2px solid #fff}.audio-call-controls{text-align:center;padding:40px}.caller-info{margin-bottom:30px}.caller-name{font-size:24px;font-weight:700;margin-bottom:10px}.call-status{font-size:16px;color:#666}.webrtc-audio-element{position:fixed!important;bottom:20px!important;right:20px!important;z-index:10000!important;background:#fff!important;padding:10px!important;border-radius:5px!important;box-shadow:0 2px 10px #0000004d!important;border:1px solid #ddd!important}.webrtc-notification{position:fixed!important;top:20px!important;left:50%!important;transform:translate(-50%)!important;background:#4caf50!important;color:#fff!important;padding:10px 20px!important;border-radius:5px!important;z-index:10001!important;box-shadow:0 2px 10px #0000004d!important;text-align:center!important}.webrtc-notification.error{background:#f44!important}.webrtc-notification button{margin-left:10px!important;background:none!important;border:none!important;color:#fff!important;cursor:pointer!important}.webrtc-notification small{display:block!important;margin-top:5px!important;opacity:.9!important}@media (max-width: 768px){.fixed-modal{width:95vw;max-height:85vh}.call-info-section{grid-template-columns:1fr}.communication-buttons{gap:6px;padding:8px 0}.communication-button{padding:8px 10px;font-size:12px;flex:1;min-width:0}.communication-button__icon{font-size:14px}.communication-button__text{font-size:11px}.local-video{width:120px;height:90px;bottom:10px;right:10px}.call-overlay-content,.chat-overlay-content{width:95vw;max-height:90vh}}@media (max-width: 480px){.communication-buttons{gap:4px}.communication-button{padding:6px 8px;font-size:11px}.communication-button__icon{font-size:12px}.communication-button__text{font-size:10px}.teklif-button{padding:8px 12px;font-size:12px}}@media (max-width: 320px){.communication-button__text{display:none}.communication-button{padding:8px;min-width:40px}}.login-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.login-modal{background:#fff;border-radius:12px;padding:0;max-width:400px;width:90%;box-shadow:0 10px 25px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.login-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e8ed}.login-modal-header h2{margin:0;font-size:18px;font-weight:600;color:#2d3748}.login-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#718096;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%}.login-modal-close:hover{background-color:#f7fafc;color:#2d3748}.login-modal-content{padding:24px}.login-modal-content p{margin:0 0 20px;color:#4a5568;line-height:1.5;text-align:center}.login-modal-buttons{display:flex;flex-direction:column;gap:12px}.login-modal-button{padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.signin-button{background-color:#3182ce;color:#fff}.signin-button:hover{background-color:#2c5aa0}.signup-button{background-color:#f7fafc;color:#3182ce;border:2px solid #3182ce}.signup-button:hover{background-color:#edf2f7}.premium-panel-fixed{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:15px 20px;border-radius:10px;box-shadow:0 4px 20px #0000004d;animation:slideDown .3s ease-out;min-width:300px;max-width:90vw;text-align:center}.premium-panel-content{display:flex;flex-direction:column;gap:10px;align-items:center}.premium-panel-message{font-weight:500;font-size:14px}.premium-panel-whatsapp-button{background:#25d366;color:#fff;border:none;padding:8px 16px;border-radius:20px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:13px}.premium-panel-whatsapp-button:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 2px 10px #25d36666}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width: 768px){.premium-panel-fixed{top:10px;left:10px;right:10px;transform:none;max-width:none;margin:0 auto}}.premium-panel-action-button{background-color:#3182ce!important;color:#fff!important;border:none!important;padding:10px 16px!important;border-radius:6px!important;cursor:pointer!important;font-weight:600!important}