#components-reconnect-modal { display: none; position: fixed; inset: 0; z-index: 10000; padding: 20px; background: rgba(0, 0, 0, .7); align-items: center; justify-content: center; }
#components-reconnect-modal.components-reconnect-show,
#components-reconnect-modal.components-reconnect-failed,
#components-reconnect-modal.components-reconnect-rejected { display: flex; }
#components-reconnect-modal .reconnect-card { background: #fff; color: #222; padding: 28px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,.2); text-align: center; width: 100%; max-width: 380px; }
#components-reconnect-modal h2 { font-size: 20px; line-height: 1.4; margin: 0 0 12px; color: #222; }
#components-reconnect-modal p { font-size: 15px; line-height: 1.5; margin: 0 0 20px; color: #444; }
#components-reconnect-modal .reconnect-progress,
#components-reconnect-modal .reconnect-failed,
#components-reconnect-modal .reconnect-rejected,
#components-reconnect-modal .reconnect-reload { display: none; }
#components-reconnect-modal.components-reconnect-show .reconnect-progress,
#components-reconnect-modal.components-reconnect-failed .reconnect-failed,
#components-reconnect-modal.components-reconnect-rejected .reconnect-rejected { display: block; }
#components-reconnect-modal.components-reconnect-failed .reconnect-reload,
#components-reconnect-modal.components-reconnect-rejected .reconnect-reload { display: inline-block; }
#components-reconnect-modal button { background: #1769aa; color: #fff; border: 0; border-radius: 6px; padding: 10px 16px; font: inherit; cursor: pointer; margin: 4px; }
#components-reconnect-modal button:focus-visible { outline: 3px solid #222; outline-offset: 3px; }
#components-reconnect-modal .reconnect-spinner { width: 44px; height: 44px; margin: 0 auto 20px; border: 4px solid #ddd; border-top-color: #1769aa; border-radius: 50%; animation: fooddelivery-reconnect-spin 1s linear infinite; }
@keyframes fooddelivery-reconnect-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { #components-reconnect-modal .reconnect-spinner { animation: none; } }