.security-code-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;animation:-global-scOverlayFadeIn .3s ease;pointer-events:auto}.security-code-overlay .sc-overlay-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.security-code-overlay .sc-overlay-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:-global-scOverlaySlideIn .3s ease;width:100%;height:100%;pointer-events:none}.security-code-overlay .sc-overlay-popup{background:#fff;border:4px solid #f97316;border-radius:20px;padding:32px;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:0 20px 60px #0006;max-width:90vw;max-height:90vh;overflow:auto;pointer-events:auto}.security-code-overlay .sc-popup-logo-section{display:flex;justify-content:center}.security-code-overlay .sc-popup-logo{width:160px;height:auto;-o-object-fit:contain;object-fit:contain}.security-code-overlay .sc-overlay-qr-image{width:100%;max-width:500px;height:auto;max-height:500px;border-radius:12px;background:#fff;padding:12px;border:2px solid #e2e8f0;box-shadow:0 4px 12px #0000001a}.security-code-overlay .sc-datetime-card{background:#fff;border:3px solid #f97316;border-radius:16px;padding:16px 28px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:0 8px 24px #0000004d;pointer-events:auto;margin-top:12px;min-width:280px}.security-code-overlay .sc-datetime-row{display:flex;align-items:center;justify-content:center;gap:20px;width:100%}.security-code-overlay .sc-time-en{font-size:28px;font-weight:700;color:#1e293b;font-family:Segoe UI,monospace;letter-spacing:1px}.security-code-overlay .sc-time-ar{font-size:28px;font-weight:700;color:#f97316;font-family:Segoe UI,monospace;direction:rtl;letter-spacing:1px}.security-code-overlay .sc-date-en{font-size:18px;font-weight:600;color:#475569}.security-code-overlay .sc-date-ar{font-size:18px;font-weight:600;color:#f97316;direction:rtl}.security-code-overlay .sc-scroll-card{background:#fff;border:3px solid #f97316;border-radius:16px;padding:14px 0;overflow:hidden;pointer-events:auto;margin-top:12px;width:90vw;max-width:700px}.security-code-overlay .sc-scroll-item{font-size:24px;font-weight:700;color:#1e293b;direction:rtl;flex-shrink:0}.security-code-overlay .sc-overlay-close{position:fixed;top:20px;right:20px;width:48px;height:48px;background:#f97316;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;box-shadow:0 4px 12px #f9731666;z-index:100000;pointer-events:auto}.security-code-overlay .sc-overlay-close:hover{transform:scale(1.15) rotate(90deg);box-shadow:0 8px 20px #f9731699;background:#ea580c}.security-code-overlay .sc-overlay-close:active{transform:scale(.95) rotate(90deg)}@keyframes scOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes scOverlaySlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 768px){.security-code-overlay .sc-overlay-popup{max-width:85vw;padding:24px}.security-code-overlay .sc-overlay-qr-image{max-width:400px;max-height:400px}.security-code-overlay .sc-popup-logo{width:130px}.security-code-overlay .sc-overlay-close{width:44px;height:44px;top:16px;right:16px}.security-code-overlay .sc-datetime-card{padding:12px 20px;min-width:240px}.security-code-overlay .sc-time-en,.security-code-overlay .sc-time-ar{font-size:22px}.security-code-overlay .sc-date-en,.security-code-overlay .sc-date-ar{font-size:15px}.security-code-overlay .sc-scroll-card{max-width:85vw;padding:10px 0}.security-code-overlay .sc-scroll-item{font-size:20px}}@media (max-width: 480px){.security-code-overlay{padding:12px}.security-code-overlay .sc-overlay-popup{max-width:95vw;padding:20px;gap:16px;border:3px solid #f97316}.security-code-overlay .sc-overlay-qr-image{max-width:300px;max-height:300px;padding:8px}.security-code-overlay .sc-popup-logo{width:110px}.security-code-overlay .sc-overlay-close{width:40px;height:40px;top:12px;right:12px}.security-code-overlay .sc-datetime-card{padding:10px 16px;min-width:200px;margin-top:8px}.security-code-overlay .sc-time-en,.security-code-overlay .sc-time-ar{font-size:18px}.security-code-overlay .sc-date-en,.security-code-overlay .sc-date-ar{font-size:13px}.security-code-overlay .sc-datetime-row{gap:12px}.security-code-overlay .sc-scroll-card{max-width:95vw;padding:8px 0;margin-top:8px}.security-code-overlay .sc-scroll-item{font-size:16px}}