.referral-tree-card{padding:0;overflow:hidden;margin-bottom:24px}.referral-tree-card>.card-head{padding:24px 26px 20px;margin:0;align-items:center;gap:18px;flex-wrap:wrap}.referral-tree-card>.card-head p{margin-top:6px}.tree-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tree-zoom{display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#15101e}.tree-zoom .icon-button{padding:7px 11px;font-size:18px;line-height:1}.tree-zoom output{min-width:42px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums;color:#c8badb}.tree-viewport{height:560px;max-height:75vh;min-height:380px;overflow:auto;overscroll-behavior:contain;border-block:1px solid var(--line);background:radial-gradient(circle,#34284270 .8px,transparent 1px) 0 0/20px 20px,#0c0a12;scrollbar-color:#4b375f #100d17;position:relative}.tree-space{position:relative;min-width:100%;min-height:100%}.tree-canvas{position:absolute;top:32px;left:28px;width:max-content;transform-origin:top left}.tree-roots,.tree-children{display:flex;justify-content:center;margin:0;padding:0;list-style:none;width:max-content}.tree-branch{display:flex;flex-direction:column;align-items:center;position:relative;flex:none;padding:0 16px;list-style:none}.tree-children{position:relative;padding-top:26px}.tree-children::before{content:'';position:absolute;top:0;left:50%;height:26px;border-left:1px solid #72518e}.tree-children>.tree-branch{padding-top:32px}.tree-children>.tree-branch::before,.tree-children>.tree-branch::after{content:'';position:absolute;top:0;right:50%;width:50%;height:32px;border-top:1px solid #72518e}.tree-children>.tree-branch::after{right:auto;left:50%;border-left:1px solid #72518e}.tree-children>.tree-branch:first-child::before,.tree-children>.tree-branch:last-child::after{border:0}.tree-children>.tree-branch:last-child::before{border-right:1px solid #72518e;border-radius:0 13px 0 0}.tree-children>.tree-branch:first-child::after{border-radius:13px 0 0 0}.tree-children>.tree-branch:only-child::before{display:none}.tree-children>.tree-branch:only-child::after{border-top:0;border-left:1px solid #72518e;border-radius:0}.tree-node{width:244px;position:relative;border:1px solid #34293f;border-radius:22px;background:linear-gradient(150deg,#1c1625,#121017);padding:17px;box-shadow:0 12px 28px #0003;z-index:1}.tree-node-self{border-color:#a482d0;box-shadow:0 0 0 3px #8e65b72e,0 14px 36px #0004}.tree-node-head{display:flex;align-items:center;gap:10px}.tree-avatar{position:relative;flex:none}.tree-avatar .avatar{width:38px;height:38px;border-radius:13px;font-size:12px}.tree-status-dot{position:absolute;left:-3px;top:-3px;width:10px;height:10px;border:2px solid #19131f;border-radius:50%;background:#81738d;box-shadow:0 0 0 2px #32253d}.tree-status-dot.active,.tree-status-dot.eligible{background:#7fd4ae}.tree-status-dot.scheduled{background:#d6bd81}.tree-member{min-width:0;flex:1}.tree-member h3{font-family:'DM Sans',sans-serif;font-size:12px;font-weight:700;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-member small{display:block;font-size:9px;color:#978ba6;margin-top:3px;font-weight:600;white-space:nowrap}.tree-toggle,.tree-leaf{height:30px;min-width:32px;border-radius:15px;display:grid;place-items:center;background:#2c203f;color:#c6a1fa;flex:none}.tree-toggle{border:1px solid #46305f;font-size:19px;line-height:1}.tree-toggle:hover{background:#3a2854}.tree-leaf{background:#211a2b;color:#a28fb5}.tree-node-plan{display:flex;align-items:center;justify-content:space-between;margin:12px 0 9px;font-size:9px;letter-spacing:.25px;color:#b29ac9}.tree-node-plan span:last-child{color:#867994}.tree-node-metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.tree-node-metrics>div{border:1px solid #30263c;border-radius:14px;background:#21192d8c;padding:12px 10px}.tree-node-metrics span{display:block;color:#9d91a9;font-size:9px;font-weight:500;margin-bottom:4px}.tree-node-metrics strong{display:block;font-size:13px;letter-spacing:-.2px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.tree-node-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:17px}.tree-node-footer>span{display:flex;align-items:center;gap:5px;border:1px solid #30253e;border-radius:15px;padding:6px 7px;font-size:9px;font-weight:600;white-space:nowrap}.tree-node-footer svg{color:#b28bd7}.tree-status{color:#b2a6bd}.tree-status.active,.tree-status.eligible{color:#91d6bd}.tree-status.scheduled{color:#dcc491}.tree-depth-limit{margin-top:10px;text-align:center;font-size:9px;color:#9888a8}.referral-tree-card>.footnote{margin:0;padding:14px 26px 18px}.tree-message{width:300px;text-align:center;padding:45px 20px;color:var(--muted);font-size:12px}.tree-message .button,.tree-branch-message .button{margin-top:14px}.tree-branch-message{width:220px;padding:22px;border:1px dashed #584269;border-radius:16px;background:#18111f;color:#b8a7c8;font-size:11px;text-align:center}.tree-more{margin-top:52px}.tree-empty{max-width:260px;text-align:center;white-space:normal;margin:24px auto;color:#a294ad;font-size:12px;line-height:1.8}
.tree-start-note{display:grid;gap:4px;margin-top:12px;padding:10px;border:1px solid #4b3b39;border-radius:10px;background:#30251b50;font-size:9px;color:#c5b6a1}.tree-start-note strong{font-size:10px;font-weight:500;color:#e1cfae}.tree-start-note small{font-size:9px;color:#ae9c8b}
@media(max-width:680px){.referral-tree-card>.card-head{padding:20px 18px 16px}.tree-toolbar{gap:7px;width:100%}.tree-toolbar>.button{padding:8px 10px}.tree-viewport{height:540px;max-height:72vh}.referral-tree-card>.footnote{padding:14px 18px}.tree-node{width:232px;padding:15px}.tree-branch{padding-inline:12px}.tree-node-metrics strong{font-size:12px}}