/* iRento v3.5.7 UI117 — balanced Agent Network tree and surprise completion celebration. */
.ui117-network-page .ui117-tree-card{padding:20px 18px 18px}
.ui117-network-page .ui117-section-head{padding-bottom:4px}
.ui117-network-page .ui117-section-head p{max-width:620px}
.ui117-network-page .ui117-root{margin:14px auto 16px}
.ui117-tree-stage{display:grid;gap:10px}
.ui117-tree-row{position:relative;padding:12px;border:1px solid #e5e9f3;border-radius:17px;background:linear-gradient(180deg,#fdfdff,#f8f9fd);overflow:hidden}
.ui117-tree-row:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;background:radial-gradient(circle at 12% 0,rgba(103,84,232,.055),transparent 24%),radial-gradient(circle at 90% 100%,rgba(49,91,232,.045),transparent 25%)}
.ui117-tree-row.is-active{border-color:#d7dcfb;background:linear-gradient(180deg,#fff,#f8f9ff)}
.ui117-row-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}
.ui117-row-head strong,.ui117-row-head small{display:block}
.ui117-row-head strong{font-size:11.5px;font-weight:650;color:#20283b}
.ui117-row-head small{margin-top:1px;font-size:8.5px;color:#8b96a8}
.ui117-row-head>span{max-width:52%;padding:5px 8px;border-radius:999px;background:#f0f2f7;color:#7b8699;font-size:8px;line-height:1.25;text-align:right}
.ui117-node-grid{position:relative;z-index:1;display:grid;align-items:start;justify-items:center;gap:8px}
.ui117-node-grid.level1{grid-template-columns:repeat(2,minmax(0,1fr));padding:2px 8% 1px}
.ui117-node-grid.level2{grid-template-columns:repeat(4,minmax(0,1fr));padding:1px 2%}
.ui117-node-cell{display:grid;place-items:center;min-width:0;width:100%}
.ui117-tree-row.is-level1:after,.ui117-tree-row.is-level2:after{content:"";position:absolute;left:50%;top:54px;bottom:12px;width:1px;background:linear-gradient(180deg,transparent,#e3e6f1 22%,#e3e6f1 78%,transparent);pointer-events:none}
.ui117-branch-labels{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}
.ui117-branch-labels button{appearance:none;min-width:0;padding:8px 10px;border:1px solid #e1e5f0;border-radius:12px;background:#fff;color:#354056;text-align:left;font-family:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.ui117-branch-labels button:first-child{background:linear-gradient(90deg,#f7f5ff,#fff)}
.ui117-branch-labels button:last-child{background:linear-gradient(90deg,#fff,#f2f6ff)}
.ui117-branch-labels button.is-active{border-color:#cbd2ff;box-shadow:inset 0 0 0 1px #e5e7ff;cursor:default}
.ui117-branch-labels button:not(.is-active):hover{border-color:#cfd5ff;transform:translateY(-1px)}
.ui117-branch-labels b,.ui117-branch-labels small{display:block}
.ui117-branch-labels b{font-size:9.5px;font-weight:650}
.ui117-branch-labels small{margin-top:2px;font-size:8px;color:#7f8ba0}
.ui117-level3-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ui117-level3-branch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:9px 4px 6px;border:1px solid #eceef5;border-radius:13px}
.ui117-level3-branch.is-left{background:linear-gradient(90deg,#faf8ff,#fff)}
.ui117-level3-branch.is-right{background:linear-gradient(90deg,#fff,#f6f9ff)}
.ui117-tree-stage .ui116-dot>span{width:38px;height:38px}
.ui117-tree-stage .ui116-dot.is-locked>span{width:34px;height:34px}
.ui117-tree-stage .ui116-dot>i{font-size:7.5px;max-width:64px}
.ui117-tree-stage .is-level2 .ui116-dot>i,.ui117-tree-stage .is-level3 .ui116-dot>i{display:none}
.ui117-tree-stage .is-level3 .ui116-dot>span{width:30px;height:30px;font-size:8px}
.ui117-tree-stage .is-level3 .ui116-dot.is-locked>span{width:29px;height:29px}
.ui117-legend{margin-top:13px}

/* Completion reward remains hidden until it is actually earned. */
.ui117-celebration{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;opacity:1;transition:opacity .18s ease}
.ui117-celebration.is-closing{opacity:0}
.ui117-celebration-backdrop{position:absolute;inset:0;border:0;background:rgba(31,29,75,.66);backdrop-filter:blur(7px)}
.ui117-celebration-card{position:relative;overflow:hidden;width:min(430px,100%);padding:28px 22px 22px;border:1px solid rgba(255,255,255,.38);border-radius:26px;background:radial-gradient(circle at 82% 10%,rgba(255,255,255,.22),transparent 26%),linear-gradient(135deg,#3730a3,#5d4ce4 48%,#315be8);box-shadow:0 30px 90px rgba(24,25,69,.35);color:#fff;text-align:center;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.ui117-celebration-mark{position:relative;z-index:2;display:grid;place-items:center;width:58px;height:58px;margin:0 auto 13px;border-radius:19px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);color:#ffe083;font-size:26px;box-shadow:0 13px 26px rgba(19,22,72,.22)}
.ui117-celebration-kicker{position:relative;z-index:2;display:block;color:#dfe4ff;font-size:9px;font-weight:650;letter-spacing:.11em;text-transform:uppercase}
.ui117-celebration-card h2{position:relative;z-index:2;margin:6px 0 0;font-size:27px;line-height:1.08;font-weight:700;letter-spacing:-.03em}
.ui117-celebration-card p{position:relative;z-index:2;margin:9px 0 0;color:#edf0ff;font-size:12px;line-height:1.45}
.ui117-celebration-card>strong{position:relative;z-index:2;display:block;margin-top:16px;font-size:23px;font-weight:700;color:#ffe083}
.ui117-celebration-card>small{position:relative;z-index:2;display:block;margin-top:3px;color:#dce3ff;font-size:9.5px}
.ui117-celebration-primary{position:relative;z-index:2;width:100%;min-height:48px;margin-top:20px;border:0;border-radius:14px;background:#fff;color:#4438c8;font-family:inherit;font-size:13px;font-weight:650;cursor:pointer;box-shadow:0 10px 24px rgba(14,18,66,.22)}
.ui117-confetti{position:absolute;inset:0;pointer-events:none}
.ui117-confetti i{position:absolute;width:7px;height:14px;border-radius:3px;background:#ffe083;animation:ui117-confetti-fall 2.8s ease-in-out infinite}
.ui117-confetti i:nth-child(2n){background:#9be7ff}.ui117-confetti i:nth-child(3n){background:#fff}.ui117-confetti i:nth-child(4n){background:#b7a6ff}
.ui117-confetti i:nth-child(1){left:7%;top:-8%;animation-delay:.05s}.ui117-confetti i:nth-child(2){left:15%;top:-4%;animation-delay:.5s}.ui117-confetti i:nth-child(3){left:23%;top:-9%;animation-delay:.9s}.ui117-confetti i:nth-child(4){left:31%;top:-6%;animation-delay:.3s}.ui117-confetti i:nth-child(5){left:39%;top:-10%;animation-delay:1.2s}.ui117-confetti i:nth-child(6){left:47%;top:-5%;animation-delay:.7s}.ui117-confetti i:nth-child(7){left:55%;top:-9%;animation-delay:1.45s}.ui117-confetti i:nth-child(8){left:63%;top:-3%;animation-delay:.15s}.ui117-confetti i:nth-child(9){left:71%;top:-7%;animation-delay:1s}.ui117-confetti i:nth-child(10){left:79%;top:-11%;animation-delay:.6s}.ui117-confetti i:nth-child(11){left:87%;top:-6%;animation-delay:1.35s}.ui117-confetti i:nth-child(12){left:93%;top:-9%;animation-delay:.35s}.ui117-confetti i:nth-child(13){left:34%;top:-13%;animation-delay:1.65s}.ui117-confetti i:nth-child(14){left:68%;top:-12%;animation-delay:1.8s}
@keyframes ui117-confetti-fall{0%{transform:translateY(-15px) rotate(0deg);opacity:0}12%{opacity:1}100%{transform:translateY(430px) rotate(620deg);opacity:0}}
.ui117-celebration-open{overflow:hidden}

@media(max-width:760px){
  .ui117-network-page .ui117-tree-card{padding:16px 11px 15px}
  .ui117-network-page .ui117-section-head p{font-size:10.5px}
  .ui117-tree-stage{gap:8px}
  .ui117-tree-row{padding:10px 8px;border-radius:15px}
  .ui117-row-head{margin-bottom:8px}
  .ui117-row-head>span{max-width:55%;font-size:7.3px;padding:4px 6px}
  .ui117-node-grid.level1{padding-inline:5%}
  .ui117-node-grid.level2{padding-inline:0;gap:3px}
  .ui117-tree-stage .ui116-dot>span{width:35px;height:35px}
  .ui117-tree-stage .ui116-dot.is-locked>span{width:31px;height:31px}
  .ui117-level3-grid,.ui117-branch-labels{gap:5px}
  .ui117-level3-branch{gap:1px;padding:8px 2px 5px}
  .ui117-tree-stage .is-level3 .ui116-dot>span{width:27px;height:27px}
  .ui117-tree-stage .is-level3 .ui116-dot.is-locked>span{width:26px;height:26px}
  .ui117-celebration-card{padding:25px 17px 18px;border-radius:22px}
  .ui117-celebration-card h2{font-size:24px}
}
@media(max-width:390px){
  .ui117-row-head>span{max-width:48%;font-size:6.8px}
  .ui117-tree-stage .ui116-dot>i{display:none}
  .ui117-tree-stage .ui116-dot>span{width:32px;height:32px}
  .ui117-tree-stage .ui116-dot.is-locked>span{width:29px;height:29px}
  .ui117-tree-stage .is-level3 .ui116-dot>span{width:24px;height:24px}
  .ui117-tree-stage .is-level3 .ui116-dot.is-locked>span{width:23px;height:23px}
  .ui117-branch-labels button{padding:7px 8px}
  .ui117-branch-labels b{font-size:8.8px}
  .ui117-branch-labels small{font-size:7.2px}
}
@media(prefers-reduced-motion:reduce){.ui117-confetti i{animation:none}.ui117-celebration,.ui117-branch-labels button,.ui117-tree-stage .ui116-dot>span{transition:none!important}}