.bar-top{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;gap:10px;margin:4px 0 13px}
.bar-top small{color:#b8954e;font-size:9px;font-weight:900;letter-spacing:.12em}
.bar-top h2{margin:3px 0 0;font-size:20px}
.bar-back,.bar-refresh{width:38px;height:38px;border:1px solid rgba(212,168,76,.18);border-radius:12px;background:#111416;color:#d5b361}
.bar-back{font-size:25px}.bar-refresh{font-size:18px}

.bar-summary,.bar-metrics,.bar-line-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.bar-summary>div,.bar-metrics>div,.bar-line-summary>div{padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#0b0e0f}
.bar-summary span,.bar-metrics span,.bar-line-summary span{display:block;color:#737a7e;font-size:8px}
.bar-summary b,.bar-metrics b,.bar-line-summary b{display:block;margin-top:4px;color:#d9b663;font-size:12px}

.bar-title{display:flex;justify-content:space-between;align-items:end;margin:18px 2px 8px}
.bar-title b{font-size:12px}
.bar-title span{color:#70777b;font-size:8px}

.bar-qual{margin-top:7px;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:linear-gradient(145deg,#131617,#090b0c)}
.bar-qual-head{display:flex;justify-content:space-between;align-items:center}
.bar-qual-head b{font-size:15px}.bar-qual-head strong{color:#d9b663;font-size:17px}
.bar-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}
.bar-qual label{display:block}
.bar-qual label span{display:block;margin-bottom:5px;color:#747b7f;font-size:8px}
.bar-qual input,.bar-search input{box-sizing:border-box;width:100%;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#07090a;color:#e7e9ea;outline:none}
.bar-percent{margin-top:7px}
.bar-save{width:100%;height:38px;margin-top:9px;border:1px solid rgba(212,168,76,.2);border-radius:11px;background:rgba(212,168,76,.08);color:#deb968;font-weight:900}

.bar-search{display:grid;grid-template-columns:1fr auto;gap:7px}
.bar-search button{padding:0 15px;border:1px solid rgba(212,168,76,.2);border-radius:11px;background:rgba(212,168,76,.08);color:#deb968;font-weight:900}

.bar-user,.bar-search-user,.bar-member{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;margin-top:7px;padding:12px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#0b0e0f;color:#e6e8e9;text-align:left}
.bar-rank{display:flex;align-items:center;justify-content:center;flex:0 0 29px;width:29px;height:29px;border-radius:10px;background:rgba(212,168,76,.08);color:#d8b45f;font-weight:900}
.bar-user-main,.bar-user-value,.bar-search-user>div,.bar-member>div{display:flex;flex-direction:column;gap:3px}
.bar-user-main{flex:1}
.bar-user-value,.bar-member>div:last-child{text-align:right;align-items:flex-end}
.bar-user span,.bar-search-user span,.bar-member span{color:#737a7e;font-size:8px}
.bar-user-value b,.bar-search-user strong,.bar-member>div:last-child b{color:#d9b663;font-size:10px}

.bar-profile{padding:15px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,#131617,#090b0c)}
.bar-profile small{color:#a58849;font-size:8px;font-weight:900}
.bar-profile h3{margin:6px 0 3px;font-size:19px}
.bar-profile p{margin:0;color:#777e82;font-size:9px}
.bar-level{display:inline-block;margin-top:10px;padding:6px 9px;border-radius:999px;background:rgba(212,168,76,.08);color:#d9b663;font-size:8px;font-weight:900}

.bar-metrics{margin-top:8px}

.bar-lines{display:flex;gap:6px;overflow-x:auto;margin-top:15px;scrollbar-width:none}
.bar-lines button{flex:1;min-width:48px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0c0f10;color:#7f868a;font-size:9px}
.bar-lines button.active{border-color:rgba(212,168,76,.25);background:rgba(212,168,76,.08);color:#d7b462}
.bar-lines small{display:block;margin-top:2px;font-size:7px}

.bar-line-summary{margin-top:8px}
.bar-empty{padding:25px 12px;color:#777e82;text-align:center;font-size:10px}
.bar-return{margin:10px;border:1px solid rgba(212,168,76,.18);border-radius:11px;background:#111416;color:#d5b361;padding:10px 14px}

/* THE_BULL_REFERRAL_FULL_PROFILE_V1 */
.bar-full-profile{
  width:100%;
  margin-top:12px;
  min-height:44px;
  border:1px solid rgba(212,175,55,.35);
  border-radius:12px;
  background:rgba(212,175,55,.08);
  color:#d4af37;
  font-weight:700;
}

.bar-member-values{
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:2px;
}

.bar-member-values small{
  display:block;
  font-size:10px;
  opacity:.65;
  white-space:nowrap;
}


/* THE_BULL_REF_TOP_RICH_V1 */
.bar-user-rich{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
}
.bar-user-rich .bar-user-main{min-width:0}
.bar-user-arrow{
  color:#d9b663;
  font-size:20px;
}
.bar-user-stats{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
  width:100%;
  margin-top:8px;
}
.bar-user-stats div{
  padding:8px;
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.bar-user-stats span{
  display:block;
  margin-bottom:3px;
  font-size:8px;
  color:#737a7e;
}
.bar-user-stats b{
  font-size:10px;
  color:#d9b663;
}