/* Location: /www/wwwroot/payorget.com/app/Modules/Admin/GeneralSettings/Assets/css/bot-verification-ui.css */
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;}
.verify-container{width:100%;max-width:400px;animation:fadeIn 0.5s ease;}
.verify-card{background:#fff;border-radius:12px;box-shadow:0 15px 50px rgba(0,0,0,0.3);overflow:hidden;}
.verify-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:30px 25px;text-align:center;}
.logo{font-size:20px;font-weight:700;margin-bottom:15px;letter-spacing:1px;}
.verify-header h1{font-size:22px;font-weight:600;margin-bottom:8px;}
.verify-header p{font-size:13px;opacity:0.9;}
.verify-body{padding:30px 25px;position:relative;min-height:250px;}
.challenge-question{font-size:16px;font-weight:600;color:#2d3748;margin-bottom:25px;text-align:center;}
.challenge-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.option-btn{background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;padding:16px;font-size:28px;font-weight:600;cursor:pointer;transition:all 0.3s ease;color:#2d3748;}
.option-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,0.1);}
.option-btn:active{transform:translateY(0);box-shadow:none;}
.challenge-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;}
.color-btn,.image-btn{background:#f7fafc;border:3px solid #e2e8f0;border-radius:10px;padding:16px;font-size:32px;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;}
.color-btn:hover,.image-btn:hover{background:#edf2f7;border-color:#cbd5e0;transform:scale(1.05);}
.color-btn.selected,.image-btn.selected{background:#667eea;border-color:#667eea;transform:scale(1.05);box-shadow:0 4px 10px rgba(102,126,234,0.4);}
.color-btn.selected .color-emoji,.color-btn.selected .image-emoji,.image-btn.selected .color-emoji,.image-btn.selected .image-emoji{transform:scale(1.15);}
.pattern-reference{margin-bottom:25px;display:flex;justify-content:center;}
.reference-box{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:20px 30px;border-radius:10px;font-size:40px;font-weight:700;box-shadow:0 6px 16px rgba(102,126,234,0.3);}
.submit-btn{width:100%;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:10px;padding:14px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.3s ease;text-transform:uppercase;letter-spacing:1px;}
.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,0.4);}
.submit-btn:disabled{opacity:0.5;cursor:not-allowed;}
#loading-overlay,#success-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,0.98);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;}
.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:spin 0.8s linear infinite;margin-bottom:15px;}
#loading-overlay p,#success-overlay p{font-size:15px;color:#2d3748;font-weight:600;}
.success-icon{width:65px;height:65px;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:700;margin-bottom:15px;animation:scaleIn 0.5s ease;}
.verify-footer{background:#f7fafc;padding:16px 25px;border-top:1px solid #e2e8f0;}
.security-badges{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;}
.badge{font-size:11px;color:#718096;display:flex;align-items:center;gap:4px;}
.error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid #f56565;border-radius:10px;padding:25px;text-align:center;box-shadow:0 6px 16px rgba(245,101,101,0.3);z-index:20;animation:shake 0.5s ease;}
.error-message span{font-size:40px;margin-bottom:8px;display:block;}
.error-message p{font-size:15px;color:#2d3748;font-weight:600;}
.challenge-options-footer{margin-top:20px;display:flex;flex-direction:column;gap:12px;padding-top:15px;border-top:1px solid #e2e8f0;}
.remember-device-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#4a5568;cursor:pointer;user-select:none;}
.remember-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#667eea;}
.retry-btn{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 16px;font-size:13px;color:#4a5568;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;gap:6px;}
.retry-btn:hover{background:#edf2f7;border-color:#cbd5e0;}
.retry-btn:disabled{opacity:0.6;cursor:not-allowed;}
.retry-btn svg{flex-shrink:0;}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes spin{to{transform:rotate(360deg);}}
@keyframes scaleIn{from{transform:scale(0);}to{transform:scale(1);}}
@keyframes shake{0%,100%{transform:translate(-50%,-50%);}25%{transform:translate(-48%,-50%);}75%{transform:translate(-52%,-50%);}}
@media(max-width:600px){.verify-header{padding:25px 20px;}.verify-header h1{font-size:20px;}.verify-body{padding:25px 20px;min-height:220px;}.challenge-question{font-size:15px;margin-bottom:20px;}.challenge-options{gap:10px;}.option-btn{padding:14px;font-size:22px;}.challenge-grid{grid-template-columns:repeat(4,1fr);gap:10px;}.color-btn,.image-btn{padding:14px;font-size:28px;}.reference-box{padding:16px 24px;font-size:32px;}.submit-btn{padding:12px;font-size:14px;}}