/* xbtitFM Welcome UI Pack */
.welcome-ui-shell{
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(22,22,22,.92), rgba(9,9,9,.96));
  box-shadow:
    0 18px 45px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.05);
}
.welcome-ui-shell .row{
  display:flex;
  flex-wrap:wrap;
  gap:24px;
}
.welcome-ui-col{
  min-width:280px;
  flex:1 1 420px;
}
.welcome-ui-col-right{
  max-width:520px;
}
.welcome-ui-header{
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:14px;
}
.welcome-ui-title,
.welcome-ui-panel-title{
  font-size:20px;
  font-weight:700;
  line-height:1.2;
  margin:0 0 6px 0;
}
.welcome-ui-userline{
  font-size:18px;
  font-weight:700;
}
.welcome-ui-user{
  text-decoration:none;
}
.welcome-ui-rankline{
  font-size:15px;
  opacity:.95;
}
.welcome-ui-rank-label{
  font-weight:700;
  opacity:.8;
}
.welcome-ui-body{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.welcome-ui-metrics{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:2px;
}
.welcome-ui-metric{
  display:inline-flex;
  align-items:center;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
.welcome-ui-metric:empty{
  display:none;
}
.welcome-ui-metric-up{ color:#4be35f; }
.welcome-ui-metric-down{ color:#ff6868; }
.welcome-ui-metric-ratio{ color:#70b9ff; }
.welcome-ui-metric-hnr{ color:#ffcf6a; }

.welcome-ui-body > a.welcome-ui-link,
.welcome-ui-links-row > a.welcome-ui-link{
  margin-right:8px;
  margin-bottom:8px;
}
.welcome-ui-links-row{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.welcome-ui-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 11px;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
  text-decoration:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
.welcome-ui-link:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.08);
}
.welcome-ui-link-admin{
  background:rgba(80,110,255,.14);
  border-color:rgba(80,110,255,.25);
}
.welcome-ui-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  padding:1px 6px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  font-size:12px;
  font-weight:700;
}
.welcome-ui-panel-stats{
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);
}
.welcome-ui-panel-stats b{
  font-weight:700;
}
.welcome-ui-panel-subline{
  margin-top:10px;
  font-weight:700;
}
.welcome-ui-panel-body select{
  margin-top:10px;
  border-radius:8px;
}
@media (max-width: 900px){
  .welcome-ui-shell{
    padding:14px;
  }
  .welcome-ui-title,
  .welcome-ui-panel-title{
    font-size:18px;
  }
}