/* iRento v3.5.1 UI111 — premium member dashboard and dedicated full network tree. */
.ui111-home,
.ui111-network-page{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* -------------------------------------------------------------------------
   Member Home — simple, energetic and unmistakably iRento.
   ---------------------------------------------------------------------- */
.ui111-home{
  --ui111-ink:#172033;
  --ui111-muted:#748095;
  --ui111-line:#e1e6f1;
  --ui111-indigo:#4f46e5;
  --ui111-violet:#6754e8;
  --ui111-blue:#315be8;
  min-height:calc(100vh - var(--member-top));
  padding:14px 0 38px;
  background:
    radial-gradient(circle at 9% 4%,rgba(103,84,232,.10),transparent 24%),
    radial-gradient(circle at 92% 9%,rgba(49,91,232,.09),transparent 26%),
    linear-gradient(180deg,#f3f5ff 0,#f8f9fc 420px,#f8f9fc 100%);
}
.ui111-home .home-dashboard-shell{width:min(1280px,100%);padding-inline:16px}
.ui111-home .home-command-card{
  position:relative;
  background:
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.12),transparent 23%),
    radial-gradient(circle at 48% 115%,rgba(129,140,248,.30),transparent 34%),
    linear-gradient(128deg,#312e81 0%,#4f46e5 51%,#315be8 100%);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 20px 44px rgba(49,46,129,.19);
}
.ui111-home .home-command-card:before{opacity:.42;border-color:rgba(255,255,255,.055)}
.ui111-home .home-kicker{color:#d8dcff;font-weight:650}
.ui111-home .home-command-copy h1{font-weight:700;letter-spacing:-.035em}
.ui111-home .home-command-copy p{color:#eef0ff;font-weight:400}

.ui111-home .home-account-chip{
  gap:8px;
  min-height:38px;
  padding:8px 12px;
  border-radius:999px;
  font-size:11px;
  font-weight:600;
  letter-spacing:0;
  box-shadow:none;
}
.ui111-home .home-account-chip.is-full-verified{
  border:1px solid rgba(255,255,255,.28);
  background:linear-gradient(135deg,#0f9f78 0%,#159c93 42%,#2779d9 100%);
  color:#fff;
  box-shadow:0 9px 22px rgba(8,125,106,.20);
}
.ui111-home .home-account-chip.is-user-verified{
  border-color:rgba(255,255,255,.25);
  background:linear-gradient(135deg,#5b5ee9,#315be8);
  color:#fff;
}
.ui111-home .home-account-chip.is-pending{
  border-color:rgba(255,255,255,.20);
  background:rgba(255,255,255,.12);
  color:#f3f4ff;
}
.ui111-home .home-account-chip .member-icon{width:17px!important;height:17px!important}

.ui111-home .home-finance-card{
  border-color:rgba(255,255,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.ui111-home .home-finance-card.is-earnings{
  background:linear-gradient(145deg,rgba(82,103,231,.94),rgba(49,91,232,.91));
}
.ui111-home .home-finance-card.is-credits{
  background:linear-gradient(145deg,rgba(103,84,232,.96),rgba(79,70,229,.92));
}
@media(hover:hover) and (pointer:fine){
  .ui111-home .home-finance-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.40);box-shadow:0 13px 26px rgba(18,24,73,.14)}
}

.ui111-home .ui111-summary-grid{grid-template-columns:minmax(0,.9fr) minmax(340px,1.35fr) minmax(0,.9fr);gap:11px}
.ui111-home .home-summary-card{
  position:relative;
  overflow:hidden;
  border-color:#e0e5f0;
  box-shadow:0 8px 24px rgba(28,37,69,.045);
}
.ui111-home .home-summary-card:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;
  width:3px;
  background:linear-gradient(180deg,#6366f1,#315be8);
  opacity:.72;
}
.ui111-home .home-summary-card:nth-child(3):before{background:linear-gradient(180deg,#8b5cf6,#6754e8)}
.ui111-home .home-summary-card.is-network{
  grid-template-columns:46px minmax(104px,.7fr) minmax(180px,1.25fr) 18px;
  border-color:#d9dcff;
  background:
    radial-gradient(circle at 86% 15%,rgba(99,102,241,.10),transparent 25%),
    linear-gradient(135deg,#fff 0%,#f7f7ff 100%);
}
.ui111-home .home-summary-card.is-network:before{width:4px;background:linear-gradient(180deg,#6754e8,#315be8);opacity:1}
.ui111-home .home-summary-card.is-network .home-summary-icon{background:linear-gradient(145deg,#ece9ff,#e4edff);color:#4f46e5}
.ui111-home .home-summary-copy small{font-weight:550}
.ui111-home .home-summary-copy strong{font-weight:700}
.ui111-home .home-summary-copy em{color:#7f8b9e}

.ui111-mini-tree{
  position:relative;
  display:grid;
  grid-template-rows:26px 9px 30px 13px;
  align-items:center;
  min-width:180px;
  padding:3px 8px 1px;
}
.ui111-tree-root{
  display:grid;place-items:center;
  width:42px;height:25px;margin:auto;
  border-radius:999px;
  background:linear-gradient(135deg,#4f46e5,#315be8);
  color:#fff;
  font-size:8px;font-style:normal;font-weight:650;
  box-shadow:0 5px 12px rgba(79,70,229,.17);
}
.ui111-tree-line{position:relative;width:1px;height:9px;margin:auto;background:#cdd4e7}
.ui111-tree-line:after{content:"";position:absolute;left:-46px;top:8px;width:93px;height:1px;background:#cdd4e7}
.ui111-tree-branches{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding:0 22px}
.ui111-tree-branches b{
  position:relative;
  display:grid;place-items:center;
  width:28px;height:28px;margin:auto;
  border-radius:50%;
  font-size:7px;font-weight:650;
}
.ui111-tree-branches b:before{content:"";position:absolute;left:50%;top:-8px;width:1px;height:8px;background:#cdd4e7}
.ui111-tree-branches b.is-filled{background:linear-gradient(145deg,#6754e8,#315be8);color:#fff;box-shadow:0 5px 12px rgba(79,70,229,.13)}
.ui111-tree-branches b.is-open{border:1px dashed #b8c1d3;background:#fff;color:#9aa5b6}
.ui111-tree-level-two{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;padding:0 7px}
.ui111-tree-level-two i{display:block;width:8px;height:8px;margin:auto;border-radius:50%}
.ui111-tree-level-two i.is-filled{background:#6670e9;box-shadow:0 0 0 3px #eef0ff}
.ui111-tree-level-two i.is-open{border:1px dashed #c5ccda;background:#fff}

.ui111-home .ui111-quick-card,
.ui111-home .ui111-recent{border-color:#e0e5f0;background:rgba(255,255,255,.94);box-shadow:0 8px 25px rgba(28,37,69,.04)}
.ui111-home .home-card-heading>div>span{color:#6065e8;font-weight:650}
.ui111-home .home-card-heading h2{font-weight:650}
.ui111-home .home-quick-grid>a{position:relative;overflow:hidden;background:#fbfcff;border-color:#e6e9f1}
.ui111-home .home-quick-grid>a:nth-child(1)>span:first-child{background:#eef2ff;color:#4f46e5}
.ui111-home .home-quick-grid>a:nth-child(2)>span:first-child{background:#edf4ff;color:#315be8}
.ui111-home .home-quick-grid>a:nth-child(3)>span:first-child{background:#f1efff;color:#6754e8}
.ui111-home .home-quick-grid>a:nth-child(4)>span:first-child{background:#eef1ff;color:#5363df}
.ui111-home .home-quick-grid strong{font-weight:600}
.ui111-home .home-quick-grid small{color:#8490a2}

/* -------------------------------------------------------------------------
   My Network — one dedicated, genuine tree workspace.
   ---------------------------------------------------------------------- */
.ui111-network-page{
  min-height:calc(100vh - var(--member-top));
  padding:16px 0 42px;
  background:
    radial-gradient(circle at 92% 4%,rgba(49,91,232,.08),transparent 26%),
    radial-gradient(circle at 8% 7%,rgba(103,84,232,.08),transparent 24%),
    linear-gradient(180deg,#f3f5ff,#f8f9fc 430px);
}
.ui111-network-page .network-growth-shell{width:min(1380px,100%);padding-inline:18px}
.ui111-network-hero{
  align-items:center;
  padding:24px 26px;
  background:
    radial-gradient(circle at 83% 3%,rgba(255,255,255,.12),transparent 24%),
    linear-gradient(126deg,#312e81,#4f46e5 55%,#315be8);
  box-shadow:0 18px 42px rgba(49,46,129,.16);
}
.ui111-network-hero h1{max-width:780px;font-size:32px;font-weight:700}
.ui111-network-hero p{max-width:760px;font-size:13px;font-weight:400;color:#edf0ff}
.ui111-network-page .network-growth-back{font-weight:550}

.ui111-network-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:11px}
.ui111-network-stats article{position:relative;overflow:hidden;padding:15px 16px;border-color:#e0e5f0;box-shadow:0 7px 22px rgba(22,31,63,.035)}
.ui111-network-stats article:after{content:"";position:absolute;right:-23px;bottom:-32px;width:72px;height:72px;border-radius:50%;background:linear-gradient(145deg,rgba(99,102,241,.09),rgba(49,91,232,.02))}
.ui111-network-stats span{font-weight:600}
.ui111-network-stats strong{font-size:23px;font-weight:700}
.ui111-network-stats small{font-size:10px;font-weight:400}

.ui111-tree-panel{padding:18px;border-color:#dfe4f0;box-shadow:0 9px 28px rgba(25,34,68,.045)}
.ui111-network-page .network-growth-panel-head>div>span{font-weight:650}
.ui111-network-page .network-growth-panel-head h2{font-weight:650}
.ui111-network-page .network-growth-panel-head p{font-weight:400}
.ui111-network-page .network-depth-picker a{font-weight:550}
.ui111-network-page .network-depth-picker a.active{border-color:#aeb9ff;background:linear-gradient(135deg,#eef0ff,#e8efff);color:#4338ca}

.ui111-tree-canvas{
  overflow:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  scrollbar-color:#b7c0d9 #f2f4f8;
  padding:20px 16px 28px;
  border:1px solid #e7eaf3;
  background:
    radial-gradient(circle at 50% 0,rgba(99,102,241,.055),transparent 38%),
    linear-gradient(180deg,#fcfcff,#f8f9fc);
}
.ui111-network-page .ui111-full-tree,
.ui111-network-page .ui111-full-tree ul{display:flex!important;justify-content:center!important;position:relative!important;margin:0!important;padding-top:20px!important;padding-left:0!important;list-style:none!important}
.ui111-network-page .ui111-full-tree>li{padding-top:0!important}
.ui111-network-page .ui111-full-tree .network-growth-item{position:relative!important;padding:20px 8px 0!important;text-align:center!important}
.ui111-network-page .ui111-full-tree .network-growth-children{margin-left:0!important;border-left:0!important}
.ui111-network-page .ui111-full-tree .network-growth-children:before{display:block!important;content:""!important;position:absolute!important;top:0!important;left:50%!important;width:1px!important;height:20px!important;background:#cfd6e5!important}
.ui111-network-page .ui111-full-tree .network-growth-children>.network-growth-item:before,
.ui111-network-page .ui111-full-tree .network-growth-children>.network-growth-item:after{display:block!important;content:""!important;position:absolute!important;top:0!important;right:50%!important;width:50%!important;height:20px!important;border-top:1px solid #cfd6e5!important}
.ui111-network-page .ui111-full-tree .network-growth-children>.network-growth-item:after{left:50%!important;right:auto!important;border-left:1px solid #cfd6e5!important}
.ui111-network-page .ui111-full-tree .network-growth-children>.network-growth-item:first-child:before{border:0!important}
.ui111-network-page .ui111-full-tree .network-growth-children>.network-growth-item:last-child:after{border:0!important}
.ui111-network-page .ui111-full-tree .network-growth-children>.network-growth-item:last-child:before{border-right:1px solid #cfd6e5!important;border-radius:0 5px 0 0!important}
.ui111-network-page .ui111-full-tree .network-growth-children>.network-growth-item:first-child:after{border-radius:5px 0 0 0!important}
.ui111-network-page .network-growth-node{min-width:168px;max-width:188px;border-color:#dfe4ef;border-radius:13px;box-shadow:0 6px 16px rgba(25,34,68,.04)}
.ui111-network-page .network-growth-node.is-root{border-color:#bfc8ff;background:linear-gradient(135deg,#f3f2ff,#eef4ff);box-shadow:0 8px 20px rgba(79,70,229,.09)}
.ui111-network-page .network-growth-node-copy strong{font-weight:600}
.ui111-network-page .network-growth-node-copy small{font-weight:550}
.ui111-tree-hint{display:none;align-items:center;gap:8px;margin:10px 2px 0;color:#7e899b}
.ui111-tree-hint span{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#eef1ff;color:#4f46e5;font-weight:650}
.ui111-tree-hint p{margin:0;font-size:10px;font-weight:400}

.ui111-network-invite{margin-top:11px;border-color:#e0e5f0;box-shadow:0 7px 22px rgba(22,31,63,.035)}
.ui111-network-page .network-growth-invite-copy h2{font-weight:650}
.ui111-network-page .network-growth-invite-copy p{font-weight:400}
.ui111-network-page .network-growth-invite-field input{font-size:13px}
.ui111-network-access{gap:10px;margin-top:11px}
.ui111-network-access article{border-color:#e0e5f0;box-shadow:0 6px 20px rgba(22,31,63,.03)}
.ui111-network-access h3{font-weight:600}
.ui111-network-access p{font-weight:400}

@media(max-width:1000px){
  .ui111-home .ui111-summary-grid{grid-template-columns:1fr 1.25fr}
  .ui111-home .ui111-summary-grid .home-summary-card:last-child{grid-column:1/-1}
}

@media(max-width:760px){
  .ui111-home{padding-top:10px}
  .ui111-home .home-dashboard-shell{padding-inline:8px}
  .ui111-home .home-command-card{padding:18px 16px;border-radius:21px}
  .ui111-home .home-command-copy h1{font-size:28px}
  .ui111-home .home-command-copy p{font-size:12px;line-height:1.45}
  .ui111-home .home-account-chip{min-height:36px;margin-top:13px;padding:7px 11px;font-size:10px}
  .ui111-home .ui111-summary-grid{grid-template-columns:1fr;gap:8px}
  .ui111-home .ui111-summary-grid .home-summary-card:last-child{grid-column:auto}
  .ui111-home .home-summary-card{min-height:80px;padding:12px 12px 12px 14px}
  .ui111-home .home-summary-card.is-network{grid-template-columns:40px minmax(92px,.72fr) minmax(150px,1.2fr) 14px;min-height:108px}
  .ui111-home .home-summary-card.is-network .home-summary-icon{width:40px;height:40px}
  .ui111-mini-tree{min-width:145px;grid-template-rows:23px 8px 27px 11px;padding-inline:2px}
  .ui111-tree-root{width:38px;height:23px;font-size:7px}
  .ui111-tree-branches{gap:31px;padding-inline:13px}
  .ui111-tree-branches b{width:25px;height:25px}
  .ui111-tree-line:after{left:-37px;width:75px}
  .ui111-home .home-quick-grid{grid-template-columns:1fr 1fr}

  .ui111-network-page{padding:10px 0 30px}
  .ui111-network-page .network-growth-shell{padding-inline:8px}
  .ui111-network-hero{align-items:flex-start;padding:19px 17px;border-radius:20px}
  .ui111-network-hero h1{font-size:27px}
  .ui111-network-hero p{font-size:11px;line-height:1.5}
  .ui111-network-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .ui111-network-stats article{padding:11px 10px;border-radius:14px}
  .ui111-network-stats span{font-size:8px}
  .ui111-network-stats strong{font-size:20px}
  .ui111-network-stats small{font-size:8px;line-height:1.35}
  .ui111-tree-panel{padding:12px;border-radius:16px}
  .ui111-network-page .network-growth-panel-head{gap:10px}
  .ui111-network-page .network-growth-panel-head h2{font-size:18px}
  .ui111-network-page .network-growth-panel-head p{font-size:10px}
  .ui111-network-page .network-depth-picker{justify-content:flex-start}
  .ui111-tree-canvas{margin-top:12px;padding:14px 8px 21px}
  .ui111-tree-hint{display:flex}
  .ui111-network-invite{grid-template-columns:1fr;gap:12px;padding:14px;border-radius:16px}
  .ui111-network-page .network-growth-invite-field{grid-template-columns:1fr auto}
  .ui111-network-access{grid-template-columns:1fr;gap:7px}
}

@media(max-width:430px){
  .ui111-home .home-finance-grid{grid-template-columns:1fr 1fr}
  .ui111-home .home-finance-card{min-height:101px;padding:12px}
  .ui111-home .home-finance-card span{font-size:8px}
  .ui111-home .home-finance-card strong{font-size:18px}
  .ui111-home .home-finance-card small{font-size:8px}
  .ui111-home .home-summary-card.is-network{grid-template-columns:38px minmax(0,1fr) 138px 12px;gap:8px}
  .ui111-home .home-summary-copy strong{font-size:19px}
  .ui111-home .home-summary-copy em{font-size:8px}
  .ui111-home .home-quick-grid{gap:7px}
  .ui111-home .home-quick-grid>a{min-height:68px;padding:9px}
  .ui111-home .home-quick-grid strong{font-size:10px}
  .ui111-home .home-quick-grid small{font-size:8px}
  .ui111-network-page .network-growth-invite-field{grid-template-columns:1fr}
  .ui111-network-page .network-growth-invite-field .btn{width:100%}
}

@media(max-width:360px){
  .ui111-home .home-finance-grid{grid-template-columns:1fr}
  .ui111-home .home-summary-card.is-network{grid-template-columns:38px minmax(0,1fr) 12px;min-height:152px}
  .ui111-home .home-summary-card.is-network .ui111-mini-tree{grid-column:1/-1;width:100%;min-width:0;margin-top:3px}
  .ui111-home .home-summary-card.is-network>.home-summary-arrow{grid-column:3;grid-row:1/3}
  .ui111-home .home-quick-grid{grid-template-columns:1fr}
  .ui111-network-stats{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  .ui111-home .home-finance-card,.ui111-home .home-summary-card{transition:none}
}
