/* Vertical commission forest: global management above independent referral trees. */
.pyramid-panel{overflow:hidden}.pyramid-header{padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ece5e5}.pyramid-header h2{font-size:18px;letter-spacing:-.035em;color:#352b2e}.pyramid-header p{margin-top:7px;font-size:11px;color:#8d7e83;line-height:1.8}.pyramid-toolbar{display:flex;align-items:center;justify-content:space-between;padding:11px 22px;background:#fff;gap:15px;border-bottom:1px solid #ebe4e4}.pyramid-toolbar>label{display:flex;gap:8px;align-items:center;color:#a27d83;min-width:0}.pyramid-toolbar>label .icon{width:16px;height:16px}.pyramid-toolbar select{border:0;background:#fff;font-size:11px;color:#6a4e58;max-width:290px;padding:7px 24px 7px 0}.pyramid-zoom{display:flex;align-items:center;gap:5px;font-size:11px;flex-shrink:0}.pyramid-zoom>button{border:1px solid #e7dddd;border-radius:6px;background:#fff;width:30px;height:30px;font-size:19px;color:#95767f;display:flex;align-items:center;justify-content:center}.pyramid-zoom>button:hover:not(:disabled){background:#fff0ed;color:#ab090a;border-color:#d9a3a4}.pyramid-zoom>span{font-size:10px;color:#7f6a72;min-width:39px;text-align:center;font-variant-numeric:tabular-nums}.pyramid-zoom>.pyramid-fit{font-size:10px;width:auto;padding:0 11px;margin-left:7px;background:#faf7f6;color:#77515c}.pyramid-viewport{height: min(72vh,760px);min-height:480px;width:100%;overflow:auto;overscroll-behavior:contain;background-color:#faf9f8;background-image:radial-gradient(#d3c6c8 .8px,transparent .8px);background-size:19px 19px;position:relative;scrollbar-color:#cbb9bd #f8f3f3;scrollbar-width:thin}.pyramid-viewport:focus-visible{outline:2px solid #c97877;outline-offset:-2px}.pyramid-stage{position:relative;margin:0 auto;flex-shrink:0}.pyramid-canvas{position:absolute;left:0;top:0;transform-origin:top left}.pyramid-lines{position:absolute;inset:0;pointer-events:none;overflow:visible}.pyramid-lines path{fill:none;stroke-linejoin:round;stroke-linecap:round}.global-connector{stroke:#bbb0b3;stroke-width:1.4;stroke-dasharray:5 5}.direct-connector{stroke:#b7595d;stroke-width:1.5}.connector-label-bg{fill:#faf9f8}.connector-label{fill:#a04853;font-size:9px;font-family:Poppins,Arial,sans-serif;text-anchor:middle}.pyramid-manager{position:absolute;width:350px;height:110px;border-radius:16px 0 16px 0;background:#171315;border:1px solid #231d20;box-shadow:0 6px 18px #3210200c;display:flex;align-items:center;gap:12px;padding:18px 20px;color:#fff}.pyramid-manager-avatar{width:39px;height:44px;border-radius:9px 0 9px 0;background:#ab090a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pyramid-manager-avatar .icon{width:22px;height:22px}.pyramid-manager>div{align-self:flex-start;padding-top:1px;min-width:0}.pyramid-manager>div>span{font-size:8px;letter-spacing:.09em;color:#e6a09f;display:block;white-space:nowrap}.pyramid-manager>div>strong{font-size:14px;display:block;margin-top:6px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px}.pyramid-manager>div>small{position:absolute;left:20px;bottom:13px;font-size:9px;color:#b8a8ae;white-space:nowrap}.pyramid-manager>b{font-family:Inter,Arial,sans-serif;font-weight:600;position:absolute;right:20px;bottom:33px;font-size:21px;letter-spacing:-.04em;background:#171315;padding-left:7px}.pyramid-node{position:absolute;width:226px;height:198px}.pyramid-person{padding:0;display:block;background:#fff;border:1px solid #e0d4d6;border-radius:11px;width:226px;height:154px;text-align:left;overflow:hidden;box-shadow:0 3px 10px #3c162007}.pyramid-person:hover{border-color:#bb6064;box-shadow:0 4px 13px #ab090a0f}.pyramid-person.selected{border-color:#ab090a;box-shadow:0 0 0 3px #ab090a10}.pyramid-person-top{display:flex;align-items:center;gap:8px;padding:12px 13px;border-bottom:1px solid #efe6e6;min-height:57px}.pyramid-person-top>.network-avatar{width:30px;height:30px;font-size:10px}.pyramid-person-top>span:nth-child(2){min-width:0;flex:1}.pyramid-person-top strong{display:block;font-size:12px;color:#442d36;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:127px}.pyramid-person-top small{font-size:9px;color:#9a848d;display:block;margin-top:2px}.pyramid-rate{background:#faece9;color:#b13338;border-radius:5px;font-family:Inter,Arial,sans-serif;font-size:12px;padding:5px;font-weight:600;flex-shrink:0}.pyramid-person-value{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 13px;height:61px}.pyramid-person-value small{font-size:9px;color:#a18b94;line-height:1.6;max-width:67px}.pyramid-person-value strong{font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:600;color:#3c2932;letter-spacing:-.04em;white-space:nowrap}.pyramid-person-total{display:flex;align-items:center;justify-content:space-between;background:#fcf9f8;padding:10px 13px;border-top:1px solid #eee4e6;font-size:9px;color:#9e7c89;height:35px}.pyramid-person-total strong{font-family:Inter,Arial,sans-serif;font-size:12px;color:#3c7750;white-space:nowrap}.pyramid-node-actions{height:42px;position:relative;display:flex;align-items:center;justify-content:center;padding-top:9px}.pyramid-add{background:#fff;color:#ab090a;display:flex;align-items:center;justify-content:center;border:1px solid #c97676;box-shadow:0 2px 7px #951a1910;border-radius:50%;width:29px;height:29px;position:relative;z-index:1;padding:0}.pyramid-add .icon{width:16px;height:16px}.pyramid-add:hover{background:#ab090a;color:#fff;box-shadow:0 3px 10px #a8272733}.pyramid-add:before{content:'';position:absolute;left:13px;top:-10px;height:9px;border-left:1px solid #bb6b70;pointer-events:none}.pyramid-collapse{position:absolute;left:calc(50% + 25px);top:17px;border:0;border-radius:4px;background:#faf9f8;padding:3px 5px;display:flex;align-items:center;gap:4px;color:#9b7886;white-space:nowrap;font-size:8px}.pyramid-collapse:hover{color:#ab090a;background:#f9e9e6}.pyramid-collapse .icon{width:10px;height:10px;transform:rotate(180deg)}.pyramid-collapse.is-collapsed .icon{transform:none}.pyramid-junction{width:6px;height:6px;background:#bd787b;border-radius:50%;margin-top:-4px}.pyramid-new-root{position:absolute;width:226px;height:154px;border:1px dashed #cda6ab;border-radius:11px;background:#fffaf9;color:#9d6570;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:15px}.pyramid-new-root:hover{background:#fbeae7;border-color:#ab090a;color:#ab090a}.pyramid-new-root>span{width:28px;height:28px;border:1px solid #dcbabc;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff}.pyramid-new-root .icon{width:17px;height:17px}.pyramid-new-root strong{font-size:12px;font-weight:500}.pyramid-new-root small{font-size:9px;line-height:1.7;color:#a28a92}.pyramid-new-root em{font-size:8px;font-style:normal;color:#b3939d}.pyramid-legend{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:16px 22px;font-size:9px;color:#947982;border-top:1px solid #e8e0e1;background:#fff}.pyramid-legend>span{display:flex;align-items:center;gap:7px}.pyramid-legend i{display:inline-block;width:22px}.legend-global{border-top:1.5px dashed #b9b0b3}.legend-direct{border-top:1.5px solid #b7595d}.pyramid-legend b{font-weight:500;color:#ab090a;background:#fff0ed;border-radius:4px;font-size:9px;padding:2px 5px}.pyramid-detail-actions{display:flex;flex-direction:column;gap:12px;padding-top:23px;margin-top:23px;border-top:1px solid #eee1e5}.pyramid-detail-actions .primary-button,.pyramid-detail-actions .secondary-button{font-size:12px}
@media(max-width:760px){.pyramid-header{padding:19px;flex-wrap:wrap;gap:13px}.pyramid-header h2{font-size:17px}.pyramid-header p{font-size:10px}.pyramid-toolbar{padding:12px 16px;flex-wrap:wrap;gap:9px}.pyramid-toolbar>label{width:100%;font-size:11px}.pyramid-toolbar select{max-width:calc(100% - 24px);width:100%}.pyramid-zoom{width:100%;justify-content:flex-start}.pyramid-zoom>.pyramid-fit{margin-left:auto}.pyramid-viewport{height:620px;min-height:0;max-height:75vh}.pyramid-legend{padding:16px;gap:12px;align-items:flex-start;flex-direction:column}.pyramid-stage{margin:0}.pyramid-detail-actions .primary-button,.pyramid-detail-actions .secondary-button{font-size:11px}}