/* SORA Project v134 — clearer banner, denser profile and circle-aware status placement. */

.profile-section .container.profile-public-card {
  width:min(980px,calc(100% - 32px)) !important;
  max-width:980px !important;
}

.profile-section .profile-public-card .profile-banner {
  min-height:240px !important;
  background-size:cover !important;
  background-position:center 40% !important;
}

.profile-section .profile-public-card .profile-public-body {
  gap:12px !important;
  margin-top:-62px !important;
  padding:0 24px 20px !important;
}

.profile-section .profile-public-card .profile-topline {
  gap:18px !important;
}

.profile-section .profile-public-card .profile-level-panel {
  gap:12px !important;
  margin-top:8px !important;
}

.profile-section .profile-public-card .profile-level-main,
.profile-section .profile-public-card .profile-watch-card-v84 {
  min-height:0 !important;
  padding:12px !important;
}

.profile-section .profile-public-card .profile-watch-card-v84 {
  gap:9px !important;
}

.profile-section .profile-public-card .watch-card-icon {
  width:36px !important;
  height:36px !important;
  border-radius:11px !important;
}

.profile-section .profile-public-card .watch-metrics {
  gap:8px !important;
}

.profile-section .profile-public-card .watch-metric {
  padding:9px 11px !important;
}

.profile-section .profile-public-card .profile-actions {
  gap:8px !important;
}

.profile-section .profile-public-card .profile-bio {
  line-height:1.4 !important;
}

/* Position the dot on the circular frame, not in the square corner. */
.profile-public-card .avatar-presence .online-dot {
  z-index:3 !important;
  right:7px !important;
  bottom:7px !important;
  border:3px solid #081421 !important;
}

@media (max-width:760px) {
  .profile-section .container.profile-public-card {
    width:calc(100% - 20px) !important;
  }

  .profile-section .profile-public-card .profile-banner {
    min-height:185px !important;
  }

  .profile-section .profile-public-card .profile-public-body {
    margin-top:-44px !important;
    padding:0 16px 18px !important;
  }

  .profile-public-card .avatar-presence .online-dot {
    right:4px !important;
    bottom:4px !important;
  }
}