/* Frontend compatibility + UX upgrades (scoped) */

/* FB-like Register */
.tdx-auth-wrap{display:flex;justify-content:center;align-items:flex-start;padding:40px 16px}
.tdx-auth-card{max-width:420px;width:100%;background:#fff;border:1px solid #dddfe2;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);overflow:hidden}
.tdx-auth-head{padding:16px 16px 10px;border-bottom:1px solid #dadde1;text-align:center}
.tdx-auth-head h2{margin:0;font-size:22px;font-weight:700;color:#1c1e21}
.tdx-auth-head p{margin:6px 0 0;color:#606770;font-size:14px}
.tdx-auth-body{padding:16px}
.tdx-auth-row{display:flex;gap:10px}
.tdx-auth-row .tdx-field{flex:1}
.tdx-field{margin-bottom:10px}
.tdx-field input,.tdx-field select{width:100%;padding:10px 12px;border:1px solid #ccd0d5;border-radius:6px;background:#f5f6f7;font-size:15px}
.tdx-field input:focus,.tdx-field select:focus{outline:none;border-color:#2E9BDA;box-shadow:0 0 0 3px rgba(46,155,218,.15);background:#fff}
.tdx-auth-label{font-size:12px;color:#606770;margin:8px 0 6px}
.tdx-auth-gender{display:flex;gap:10px}
.tdx-auth-gender label{flex:1;display:flex;justify-content:space-between;align-items:center;border:1px solid #ccd0d5;border-radius:6px;padding:9px 10px;background:#f5f6f7;font-size:14px;color:#1c1e21}
.tdx-auth-gender input{margin-left:10px}
.tdx-auth-submit{margin-top:12px}
.tdx-auth-submit button{width:100%;border:0;border-radius:6px;background:#00a400;color:#fff;font-size:17px;font-weight:700;padding:10px 12px;cursor:pointer}
.tdx-auth-submit button:hover{filter:brightness(.95)}
.tdx-auth-small{font-size:12px;color:#606770;line-height:1.35;margin-top:10px}
.tdx-auth-errors,.tdx-auth-success{margin-bottom:12px;padding:10px 12px;border-radius:6px;font-size:14px}
.tdx-auth-errors{background:#fff1f0;border:1px solid #ffccc7;color:#a8071a}
.tdx-auth-success{background:#f6ffed;border:1px solid #b7eb8f;color:#237804}

/* Purchase download modal */
.tdx-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:99999;display:none;align-items:center;justify-content:center;padding:20px}
.tdx-modal{max-width:420px;width:100%;background:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.3);overflow:hidden}
.tdx-modal header{padding:14px 16px;border-bottom:1px solid #eee;font-weight:700}
.tdx-modal .tdx-modal-body{padding:16px;color:#222;font-size:14px}
.tdx-modal .tdx-modal-actions{display:flex;gap:10px;padding:16px;border-top:1px solid #eee}
.tdx-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:10px 12px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-weight:700}
.tdx-btn-primary{background:#2E9BDA;color:#fff}
.tdx-btn-outline{background:#fff;border-color:#ccd0d5;color:#1c1e21}

/* Dashboard embed genealogy (collapsible) */
.tdx-section{background:#fff;border:1px solid #e6e8ef;border-radius:14px;padding:14px;margin-top:16px}
.tdx-section h3{margin:0 0 10px;font-size:16px}
.tdx-collapse-toggle{display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}
.tdx-collapse-content{display:none;margin-top:12px}