/* A single in-panel choice for order types on perpetuals and stocks. */
#phone .v20-type-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 10px 0 12px;
  min-height: 48px;
}
#phone .v20-type-row > span {
  color: var(--cp-muted);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}
#phone .v20-type-switch {
  display: flex;
  gap: 3px;
  min-width: 0;
  padding: 3px;
  border: 1px solid var(--cp-border);
  border-radius: 15px;
  background: var(--cp-soft);
}
#phone .v20-type-switch button {
  flex: 1 1 0;
  min-width: 0;
  min-height: 44px;
  padding: 6px 7px;
  border-radius: 12px;
  color: var(--cp-muted);
  font-size: 12px;
  font-weight: 650;
  white-space: nowrap;
  transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}
#phone .v20-type-switch button[aria-pressed="true"] {
  background: var(--cp-card);
  color: var(--cp-accent);
  box-shadow: 0 1px 5px #12271B15;
}
#phone[data-theme="dark"] .v20-type-switch button[aria-pressed="true"] {
  background: var(--cp-tint);
  box-shadow: none;
}
@media (max-width: 350px) {
  #phone .v20-type-row { grid-template-columns: 1fr; gap: 6px; }
}
@media (prefers-reduced-motion: reduce) {
  #phone .v20-type-switch button { transition: none !important; }
}