.new-onboarding .brl {
  display: flex;
  flex-direction: column;
  gap: 6px;
  opacity: 0;
  transform: translateY(14px);
  transition: opacity .6s .65s, transform .6s .65s;
}
.new-onboarding .s.a .brl { opacity: 1; transform: translateY(0) }

.new-onboarding .brc {
  padding: 12px 14px;
  border: 1.5px solid var(--border);
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all .2s;
  background: var(--white);
}
.new-onboarding .brc:hover { border-color: var(--border-hover) }
.new-onboarding .brc.sel { border-color: var(--coral); background: var(--coral-glow) }

.new-onboarding .bri {
  width: auto;
  height: 32px;
  flex-shrink: 0;
  object-fit: contain;
}

.new-onboarding .brt {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-hint);
  min-width: 44px;
  flex-shrink: 0;
  white-space: nowrap;
}
.new-onboarding .brc.sel .brt { color: var(--coral) }

.new-onboarding .brd { font-size: 13.5px; color: var(--text-secondary); line-height: 1.35; flex: 1 }

/* Mixed order sub-section */
.new-onboarding .mixed-order {
  margin-top: 14px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height .3s ease, opacity .3s ease;
}
.new-onboarding .mixed-order.show { max-height: 200px; opacity: 1 }
.new-onboarding .mixed-order-title { font-size: 14px; font-weight: 700; color: var(--text-primary); margin-bottom: 10px }
.new-onboarding .mixed-row { margin-bottom: 10px }
.new-onboarding .mixed-row label {
  font-size: 12px;
  font-weight: 600;
  color: var(--text-hint);
  text-transform: uppercase;
  letter-spacing: .03em;
  margin-bottom: 4px;
  display: block;
}
.new-onboarding .mixed-row select {
  width: 100%;
  padding: 10px 14px;
  border: 1.5px solid var(--border);
  border-radius: 10px;
  font-family: var(--font-b);
  font-size: 14px;
  background: var(--white);
  color: var(--text-primary);
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6,9 12,15 18,9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  cursor: pointer;
}
.new-onboarding .mixed-row select:focus { border-color: var(--coral); outline: none }