.v2-shell .sales-board {
  display: grid !important;
  gap: 14px !important;
  overflow: hidden !important;
}

.v2-shell .sales-board > .panel-title {
  align-items: center !important;
  background:
    linear-gradient(135deg, rgba(217, 75, 93, 0.13), rgba(20, 217, 146, 0.08)),
    rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 8px !important;
  margin: 0 !important;
  padding: 16px !important;
}

.v2-shell .sales-board > .panel-title h2 {
  font-size: clamp(26px, 2vw, 36px) !important;
  line-height: 1.05 !important;
}

.v2-shell .sales-metrics {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(5, minmax(150px, 1fr)) !important;
}

.v2-shell .sales-metric {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-left: 0 !important;
  border-radius: 8px !important;
  min-height: 102px !important;
  padding: 14px !important;
}

.v2-shell .sales-metric strong {
  color: #ffffff !important;
  display: block !important;
  font-size: clamp(18px, 1.45vw, 26px) !important;
  line-height: 1.14 !important;
  margin-top: 12px !important;
  overflow-wrap: anywhere !important;
}

.v2-shell .sales-insight-line {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.095) !important;
  border-radius: 8px !important;
  color: #dce2eb !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  margin: 0 !important;
  padding: 10px 12px !important;
}

.v2-shell .price-advice-card {
  background:
    linear-gradient(135deg, rgba(36, 91, 214, 0.14), rgba(20, 217, 146, 0.08)),
    rgba(255, 255, 255, 0.045) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 8px !important;
  padding: 12px !important;
}

.v2-shell .price-advice-card[hidden] {
  display: none !important;
}

.v2-shell .price-advice-card strong {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

.v2-shell .price-advice-card p {
  color: #aeb8c6 !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.v2-shell .price-advice-card button {
  justify-self: start !important;
  min-height: 34px !important;
  padding: 7px 11px !important;
}

.v2-shell .seller-profiles,
.v2-shell .seller-targets-panel,
.v2-shell .sales-deals-panel {
  background: rgba(5, 7, 10, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 12px !important;
  padding: 14px !important;
}

.v2-shell .seller-targets-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

.v2-shell .seller-target-card {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 12px !important;
  padding: 13px !important;
}

.v2-shell .seller-target-header {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
}

.v2-shell .seller-target-header strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.v2-shell .seller-target-header span:not(.seller-avatar) {
  color: #9fa9b8 !important;
  display: block !important;
  font-size: 12px !important;
  margin-top: 3px !important;
}

.v2-shell .target-progress {
  display: grid !important;
  gap: 7px !important;
}

.v2-shell .target-progress > div {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
}

.v2-shell .target-progress span {
  color: #aab3c1 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

.v2-shell .target-progress strong {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.v2-shell .target-bar {
  background: rgba(255, 255, 255, 0.085) !important;
  border-radius: 999px !important;
  display: block !important;
  height: 9px !important;
  overflow: hidden !important;
}

.v2-shell .target-bar span {
  background: linear-gradient(90deg, #d94b5d, #14d992) !important;
  display: block !important;
  height: 100% !important;
  min-width: 4px !important;
}

.v2-shell .seller-profiles-grid {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
}

.v2-shell .seller-profile-card {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.025)),
    rgba(10, 12, 15, 0.28) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  display: grid !important;
  gap: 14px !important;
  padding: 14px !important;
}

.v2-shell .seller-profile-card.is-top-seller {
  border-color: rgba(255, 196, 87, 0.35) !important;
}

.v2-shell .seller-profile-header {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
}

.v2-shell .seller-rank-label {
  color: #ffc457 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

.v2-shell .seller-profile-header h3 {
  color: #ffffff !important;
  font-size: 18px !important;
  margin: 2px 0 0 !important;
}

.v2-shell .seller-profile-header p {
  color: #aab3c1 !important;
  font-size: 12px !important;
  margin: 4px 0 0 !important;
}

.v2-shell .seller-profile-stats {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.v2-shell .seller-profile-stats div {
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px !important;
  padding: 10px !important;
}

.v2-shell .seller-profile-stats span {
  color: #9fa9b8 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.v2-shell .seller-profile-stats strong {
  color: #ffffff !important;
  display: block !important;
  font-size: 14px !important;
  margin-top: 6px !important;
  overflow-wrap: anywhere !important;
}

.v2-shell .seller-badges,
.v2-shell .sales-row-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.v2-shell .seller-badge {
  background: rgba(217, 75, 93, 0.14) !important;
  border: 1px solid rgba(217, 75, 93, 0.28) !important;
  border-radius: 999px !important;
  color: #ffc8d0 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  padding: 5px 8px !important;
}

.v2-shell .seller-badge.compact {
  font-size: 10px !important;
  padding: 4px 7px !important;
}

.v2-shell .sales-table {
  min-width: 840px !important;
}

.v2-shell .sales-seller-cell {
  align-items: center !important;
  display: flex !important;
  gap: 12px !important;
}

.v2-shell .sales-rank,
.v2-shell .sales-count-pill,
.v2-shell .commission-cell span {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.075) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  color: #ffffff !important;
  display: inline-flex !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  justify-content: center !important;
  min-height: 34px !important;
  min-width: 42px !important;
  padding: 7px 10px !important;
}

.v2-shell .commission-cell span {
  background: rgba(20, 217, 146, 0.12) !important;
  border-color: rgba(20, 217, 146, 0.24) !important;
}

.v2-shell .sales-deals-list {
  display: grid !important;
  gap: 8px !important;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
}

.v2-shell .sales-deal-card {
  align-items: center !important;
  background: rgba(255, 255, 255, 0.055) !important;
  border: 1px solid rgba(255, 255, 255, 0.09) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: 10px minmax(0, 1fr) auto !important;
  padding: 12px !important;
}

.v2-shell .sales-deal-marker {
  background: #14d992 !important;
  border-radius: 999px !important;
  height: 34px !important;
  width: 4px !important;
}

.v2-shell .sales-deal-card strong {
  color: #ffffff !important;
  font-size: 13px !important;
}

.v2-shell .sales-deal-meta {
  color: #9fa9b8 !important;
  display: block !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}

.v2-shell .sales-deal-profit {
  color: #77efbd !important;
  white-space: nowrap !important;
}

.v2-shell #adminPanel .audit-toolbar {
  display: grid !important;
  gap: 10px !important;
  grid-template-columns: minmax(220px, 1fr) minmax(170px, 0.35fr) !important;
  margin-bottom: 10px !important;
}

.v2-shell #adminPanel .audit-toolbar label {
  color: var(--admin-muted) !important;
  display: grid !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  gap: 6px !important;
}

.v2-shell #adminPanel .audit-row {
  align-items: center !important;
  background: #ffffff !important;
  border: 1px solid var(--admin-soft-line) !important;
  border-radius: 10px !important;
  color: var(--admin-text) !important;
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: 104px minmax(0, 1fr) minmax(120px, auto) !important;
  padding: 12px !important;
}

.v2-shell #adminPanel .audit-action-pill {
  background: #f3f5f8 !important;
  border: 1px solid #dde3eb !important;
  border-radius: 8px !important;
  color: #313947 !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  padding: 7px 8px !important;
  text-align: center !important;
}

.v2-shell #adminPanel .audit-row.action-price .audit-action-pill {
  background: #eef5ff !important;
  border-color: #cfe0ff !important;
  color: #245bd6 !important;
}

.v2-shell #adminPanel .audit-row.action-sold .audit-action-pill,
.v2-shell #adminPanel .audit-row.action-created .audit-action-pill {
  background: #e8fff5 !important;
  border-color: #b9f2d8 !important;
  color: #08794f !important;
}

.v2-shell #adminPanel .audit-row.action-deleted .audit-action-pill {
  background: #fff0f2 !important;
  border-color: #ffc7cf !important;
  color: #bd243a !important;
}

.v2-shell #adminPanel .audit-row-main {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.v2-shell #adminPanel .audit-row-main strong {
  color: var(--admin-text) !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}

.v2-shell #adminPanel .audit-message,
.v2-shell #adminPanel .audit-meta {
  color: var(--admin-muted) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}

.v2-shell #adminPanel .audit-change {
  color: #111827 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  text-align: right !important;
  white-space: nowrap !important;
}

@media (max-width: 1050px) {
  .v2-shell .sales-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 700px) {
  .v2-shell .sales-metrics,
  .v2-shell .seller-profile-stats,
  .v2-shell #adminPanel .audit-toolbar,
  .v2-shell #adminPanel .audit-row {
    grid-template-columns: 1fr !important;
  }

  .v2-shell #adminPanel .audit-change {
    text-align: left !important;
    white-space: normal !important;
  }
}

/* Sales clarity final layer */
.v2-shell #salesPage .sales-board {
  align-items: stretch !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.018)),
    var(--panel) !important;
  display: grid !important;
  gap: 16px !important;
  grid-template-areas:
    "salesHero salesHero"
    "salesMetrics salesMetrics"
    "salesInsight salesInsight"
    "salesFun salesFun"
    "salesTargets salesDeals"
    "salesProfiles salesProfiles"
    "salesTable salesTable"
    "salesEmpty salesEmpty" !important;
  grid-template-columns: minmax(320px, 0.95fr) minmax(360px, 1.05fr) !important;
  padding: 18px !important;
}

.v2-shell #salesPage .sales-board > .panel-title {
  grid-area: salesHero !important;
}

.v2-shell #salesPage .sales-metrics {
  grid-area: salesMetrics !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

.v2-shell #salesPage .sales-insight-line {
  grid-area: salesInsight !important;
}

.v2-shell #salesPage .sales-funbar {
  grid-area: salesFun !important;
}

.v2-shell #salesPage .seller-targets-panel {
  grid-area: salesTargets !important;
}

.v2-shell #salesPage .sales-deals-panel {
  grid-area: salesDeals !important;
}

.v2-shell #salesPage .seller-profiles {
  grid-area: salesProfiles !important;
}

.v2-shell #salesPage .compact-table-wrap {
  grid-area: salesTable !important;
}

.v2-shell #salesPage #salesLeaderboardEmpty {
  grid-area: salesEmpty !important;
}

.v2-shell #salesPage .sales-board > .panel-title {
  background:
    linear-gradient(135deg, rgba(215, 43, 65, 0.22), rgba(20, 217, 146, 0.12)),
    #11151d !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  gap: 14px !important;
}

.v2-shell #salesPage .sales-board > .panel-title h2 {
  color: #ffffff !important;
  font-size: clamp(30px, 2.6vw, 44px) !important;
}

.v2-shell #salesPage .period-toggle {
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 8px !important;
  padding: 4px !important;
}

.v2-shell #salesPage .period-toggle button {
  border-radius: 6px !important;
  font-weight: 950 !important;
  min-height: 34px !important;
}

.v2-shell #salesPage .period-toggle button.active {
  background: #ffffff !important;
  color: #161a22 !important;
}

.v2-shell #salesPage .sales-metric {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.04)),
    #11151d !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  min-height: 118px !important;
  padding: 16px !important;
}

.v2-shell #salesPage .sales-metric span {
  color: #b9c3d1 !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  text-transform: uppercase !important;
}

.v2-shell #salesPage .sales-metric strong {
  color: #ffffff !important;
  font-size: clamp(19px, 1.65vw, 29px) !important;
  margin-top: 14px !important;
}

.v2-shell #salesPage .sales-metric:nth-child(2),
.v2-shell #salesPage .sales-metric:nth-child(5) {
  background:
    linear-gradient(180deg, rgba(20, 217, 146, 0.14), rgba(255, 255, 255, 0.04)),
    #11151d !important;
}

.v2-shell #salesPage .sales-insight-line {
  background: #141922 !important;
  border-color: rgba(255, 255, 255, 0.13) !important;
  color: #f3f6fb !important;
  font-size: 14px !important;
  min-height: 42px !important;
}

.v2-shell #salesPage :where(.seller-targets-panel, .seller-profiles, .sales-deals-panel) {
  background: #10141c !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: none !important;
}

.v2-shell #salesPage .seller-profiles-title {
  align-items: end !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
  padding-bottom: 10px !important;
}

.v2-shell #salesPage .seller-profiles-title h3 {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
}

.v2-shell #salesPage .seller-profiles-title span {
  color: #b6c0cf !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-align: right !important;
}

.v2-shell #salesPage .seller-targets-grid,
.v2-shell #salesPage .sales-deals-list {
  grid-template-columns: 1fr !important;
}

.v2-shell #salesPage .seller-profiles-grid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
}

.v2-shell #salesPage .seller-target-card,
.v2-shell #salesPage .seller-profile-card,
.v2-shell #salesPage .sales-deal-card {
  background: #171c26 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

.v2-shell #salesPage .target-bar {
  background: rgba(255, 255, 255, 0.14) !important;
  height: 11px !important;
}

.v2-shell #salesPage .compact-table-wrap {
  background: #10141c !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 8px !important;
}

.v2-shell #salesPage .sales-table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  min-width: 900px !important;
}

.v2-shell #salesPage .sales-table th {
  background: #191f2a !important;
  color: #dce4ef !important;
  font-size: 12px !important;
  font-weight: 950 !important;
  padding: 14px !important;
  position: sticky !important;
  text-transform: uppercase !important;
  top: 0 !important;
  z-index: 1 !important;
}

.v2-shell #salesPage .sales-table td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  color: #f5f7fb !important;
  padding: 15px 14px !important;
}

.v2-shell #salesPage .sales-table .car-name {
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}

.v2-shell #salesPage .sales-table .car-note {
  color: #aeb8c6 !important;
}

.v2-shell #salesPage .sales-rank {
  background: #232a37 !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
}

.v2-shell #salesPage .sales-count-pill {
  background: rgba(59, 156, 255, 0.16) !important;
  border-color: rgba(59, 156, 255, 0.28) !important;
}

.v2-shell #salesPage .commission-cell span {
  background: rgba(20, 217, 146, 0.16) !important;
  border-color: rgba(20, 217, 146, 0.3) !important;
  color: #a7f7d5 !important;
}

body.v2-shell.theme-light #salesPage .sales-board {
  background: #ffffff !important;
  border-color: var(--line) !important;
}

body.v2-shell.theme-light #salesPage .sales-board > .panel-title {
  background: linear-gradient(135deg, #fff2f4, #edf8f3) !important;
  border-color: var(--line) !important;
}

body.v2-shell.theme-light #salesPage .sales-board > .panel-title h2,
body.v2-shell.theme-light #salesPage .sales-metric strong,
body.v2-shell.theme-light #salesPage .seller-profiles-title h3,
body.v2-shell.theme-light #salesPage .seller-target-header strong,
body.v2-shell.theme-light #salesPage .target-progress strong,
body.v2-shell.theme-light #salesPage .seller-profile-header h3,
body.v2-shell.theme-light #salesPage .seller-profile-stats strong,
body.v2-shell.theme-light #salesPage .sales-table .car-name,
body.v2-shell.theme-light #salesPage .sales-deal-card strong {
  color: #111827 !important;
}

body.v2-shell.theme-light #salesPage :where(.sales-metric, .seller-targets-panel, .seller-profiles, .sales-deals-panel, .seller-target-card, .seller-profile-card, .sales-deal-card, .compact-table-wrap) {
  background: #ffffff !important;
  border-color: var(--line) !important;
}

body.v2-shell.theme-light #salesPage .sales-insight-line {
  background: #f8fafc !important;
  border-color: var(--line) !important;
  color: #18202c !important;
}

body.v2-shell.theme-light #salesPage .seller-profiles-title span,
body.v2-shell.theme-light #salesPage .seller-target-header span:not(.seller-avatar),
body.v2-shell.theme-light #salesPage .target-progress span,
body.v2-shell.theme-light #salesPage .seller-profile-header p,
body.v2-shell.theme-light #salesPage .seller-profile-stats span,
body.v2-shell.theme-light #salesPage .sales-table .car-note,
body.v2-shell.theme-light #salesPage .sales-deal-meta {
  color: #667085 !important;
}

body.v2-shell.theme-light #salesPage .sales-table th {
  background: #f3f6fa !important;
  color: #475467 !important;
}

body.v2-shell.theme-light #salesPage .sales-table td {
  border-bottom-color: var(--line) !important;
  color: #111827 !important;
}

/* Sales fun layer */
.v2-shell #salesPage .sales-funbar {
  display: grid !important;
  gap: 12px !important;
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 0.8fr) !important;
}

.v2-shell #salesPage .mystery-bonus-card,
.v2-shell #salesPage .sale-sound-card {
  background:
    linear-gradient(135deg, rgba(255, 196, 87, 0.12), rgba(59, 156, 255, 0.09)),
    #121720 !important;
  border: 1px solid rgba(255, 255, 255, 0.13) !important;
  border-radius: 8px !important;
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  padding: 14px !important;
}

.v2-shell #salesPage .mystery-bonus-card {
  grid-template-columns: minmax(0, 1fr) minmax(220px, 0.65fr) !important;
}

.v2-shell #salesPage .sale-sound-card {
  align-content: space-between !important;
}

.v2-shell #salesPage .mystery-bonus-card h3,
.v2-shell #salesPage .sale-sound-card h3 {
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.15 !important;
  margin: 4px 0 0 !important;
}

.v2-shell #salesPage .mystery-bonus-card p,
.v2-shell #salesPage .sale-sound-card p,
.v2-shell #salesPage .mystery-bonus-card small {
  color: #aeb8c6 !important;
  display: block !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.45 !important;
  margin: 6px 0 0 !important;
  overflow-wrap: anywhere !important;
}

.v2-shell #salesPage .mystery-bonus-progress {
  align-content: center !important;
  display: grid !important;
  gap: 9px !important;
}

.v2-shell #salesPage .mystery-bonus-progress > div {
  align-items: center !important;
  display: flex !important;
  gap: 10px !important;
  justify-content: space-between !important;
}

.v2-shell #salesPage .mystery-bonus-progress span {
  color: #dce4ef !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.v2-shell #salesPage .mystery-bonus-progress strong {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.v2-shell #salesPage #mysteryBonusBar {
  background: linear-gradient(90deg, #ffc457, #14d992) !important;
}

.v2-shell #salesPage .sale-sound-card button {
  justify-self: start !important;
  min-height: 38px !important;
}

.v2-shell #salesPage .sale-sound-card button.active {
  background: rgba(20, 217, 146, 0.16) !important;
  border-color: rgba(20, 217, 146, 0.34) !important;
  color: #d5ffef !important;
}

.v2-shell #salesPage .seller-level-pill {
  background: rgba(255, 196, 87, 0.14) !important;
  border: 1px solid rgba(255, 196, 87, 0.3) !important;
  border-radius: 999px !important;
  color: #ffe1a0 !important;
  display: inline-flex !important;
  font-size: 10px !important;
  font-weight: 950 !important;
  margin-top: 5px !important;
  padding: 4px 7px !important;
  text-transform: uppercase !important;
}

.v2-shell #salesPage .seller-level-next {
  color: #8f9aaa !important;
  display: block !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  margin-top: 4px !important;
}

.v2-shell #salesPage .seller-badge.level-bronze,
.v2-shell #salesPage .level-bronze .seller-level-pill {
  background: rgba(197, 125, 68, 0.16) !important;
  border-color: rgba(197, 125, 68, 0.34) !important;
  color: #ffd4ac !important;
}

.v2-shell #salesPage .seller-badge.level-silver,
.v2-shell #salesPage .level-silver .seller-level-pill {
  background: rgba(190, 205, 222, 0.16) !important;
  border-color: rgba(190, 205, 222, 0.34) !important;
  color: #e9f3ff !important;
}

.v2-shell #salesPage .seller-badge.level-gold,
.v2-shell #salesPage .level-gold .seller-level-pill {
  background: rgba(255, 196, 87, 0.18) !important;
  border-color: rgba(255, 196, 87, 0.38) !important;
  color: #ffe6ad !important;
}

.v2-shell #salesPage .seller-badge.level-diamond,
.v2-shell #salesPage .level-diamond .seller-level-pill {
  background: rgba(93, 214, 255, 0.18) !important;
  border-color: rgba(93, 214, 255, 0.42) !important;
  color: #dff7ff !important;
}

body.v2-shell.theme-light #salesPage :where(.mystery-bonus-card, .sale-sound-card) {
  background: linear-gradient(135deg, #fff7e8, #eef7ff) !important;
  border-color: var(--line) !important;
}

body.v2-shell.theme-light #salesPage :where(.mystery-bonus-card h3, .sale-sound-card h3, .mystery-bonus-progress strong) {
  color: #111827 !important;
}

body.v2-shell.theme-light #salesPage :where(.mystery-bonus-card p, .sale-sound-card p, .mystery-bonus-card small, .seller-level-next) {
  color: #667085 !important;
}

body.v2-shell.theme-light #salesPage .mystery-bonus-progress span {
  color: #475467 !important;
}

@media (max-width: 1180px) {
  .v2-shell #salesPage .sales-board {
    grid-template-areas:
      "salesHero"
      "salesMetrics"
      "salesInsight"
      "salesFun"
      "salesTargets"
      "salesDeals"
      "salesProfiles"
      "salesTable"
      "salesEmpty" !important;
    grid-template-columns: 1fr !important;
  }

  .v2-shell #salesPage .sales-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .v2-shell #salesPage .sales-funbar,
  .v2-shell #salesPage .mystery-bonus-card {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 680px) {
  .v2-shell #salesPage .sales-board {
    gap: 12px !important;
    padding: 12px !important;
  }

  .v2-shell #salesPage .sales-board > .panel-title,
  .v2-shell #salesPage .seller-profiles-title {
    align-items: stretch !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  .v2-shell #salesPage .seller-profiles-title span {
    text-align: left !important;
  }

  .v2-shell #salesPage .sales-metrics,
  .v2-shell #salesPage .seller-profiles-grid {
    grid-template-columns: 1fr !important;
  }

  .v2-shell #salesPage .sales-metric {
    min-height: 88px !important;
  }
}