/* Page styles for register.html — served as an EXTERNAL stylesheet on purpose.
   Some content-filtering extensions (AdGuard-family HTML filtering) strip or
   corrupt large inline <style> blocks on cold (non-cached) page loads, which
   rendered these pages unstyled until a manual reload. External same-origin
   stylesheets are not affected. Do not inline this back. */
/* "How to choose?" account-type helper tooltip (Company vs Personal). */
        .acct-help-wrap { position: relative; }
        .acct-help-btn { background: none; border: none; color: var(--accent); cursor: pointer; font-size: 0.82rem; font-family: inherit; display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.25rem 0.4rem; }
        .acct-help-btn:hover { text-decoration: underline; }
        .acct-help-btn svg { width: 15px; height: 15px; }
        .acct-help-pop { display: none; position: absolute; left: 50%; transform: translateX(-50%); top: calc(100% + 6px); width: min(360px, 90vw); background: var(--bg-card, #fff); color: var(--text-main, #1a1a1a); border: 1px solid var(--border-light, #e5e5e5); border-radius: 10px; box-shadow: var(--shadow-lg, 0 10px 30px rgba(0,0,0,.18)); padding: 0.9rem 1rem; text-align: left; font-size: 0.85rem; line-height: 1.5; z-index: 50; }
        .acct-help-pop p { margin: 0 0 0.6rem; }
        .acct-help-pop p:last-child { margin-bottom: 0; }
        .acct-help-wrap.open .acct-help-pop, .acct-help-wrap:hover .acct-help-pop { display: block; }

/* Mobile: the generic full-screen product-modal rule in style.css
   (.modal-content { width/height/max-width 100% !important }) also captured
   this page's two small dialogs, turning "Check Your Email" and
   "Registration Complete" into edge-to-edge white sheets. Restore them as
   centred cards (register.css loads after style.css; IDs out-specify it). */
@media (max-width: 768px) {
    #verificationModal .modal-content,
    #pendingApprovalModal .modal-content {
        width: 92% !important;
        height: auto !important;
        max-width: 420px !important;
        max-height: 90vh !important;
        margin: auto !important;
        border-radius: 12px !important;
    }
    /* long emails must wrap inside the 420px card */
    #verifyEmailDisplay { word-break: break-word; }
}