/* Compact sell inputs; loaded after the existing T styles. */
#sellManager .sell-entry input {
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
  min-height: 42px;
  padding: 9px 12px;
}
#sellManager .sell-entry input::placeholder {
  font-size: 12px;
  font-weight: 400;
}
#sellManager .sell-percent-field input {
  padding: 9px 8px;
}
#sellManager .sell-percent-field > span {
  font-size: 12px;
}
#sellManager #sellPercentApply {
  min-height: 42px;
  padding: 9px 14px;
}

/* Keep each sell card wide enough for its inline fields. */
#sellManager .sell-layout {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
}
#sellManager .sell-price-row,
#sellManager .sell-entry .sell-amount-row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}
#sellManager .sell-price-row > label {
  margin: 0;
  font-size: 13px;
  white-space: nowrap;
}
#sellManager .sell-amount-row > span {
  white-space: nowrap;
}
#sellManager .sell-price-row > input,
#sellManager .sell-amount-row > input {
  margin: 0;
}
#sellManager .sell-percent-row {
  flex-wrap: nowrap;
}
#sellManager .sell-percent-field {
  min-width: 0;
}
#sellManager .sell-percent-hint[hidden] {
  display: none;
}

/* Buy sits below the existing sell card and keeps its USDT terms visible. */
#sellManager .buy-entry {
  margin: 18px 0 22px;
  padding: 18px;
  border: 1px solid rgba(36, 190, 163, .45);
  border-radius: 14px;
  background: rgba(13, 80, 78, .17);
}
#sellManager .buy-entry h3 { margin: 0 0 8px; }
#sellManager .buy-entry .sell-price-row,
#sellManager .buy-entry .sell-amount-row {
  display: grid;
  grid-template-columns: minmax(142px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  margin: 12px 0;
}
#sellManager .buy-entry input {
  min-width: 0;
  min-height: 42px;
  padding: 9px 12px;
  font-size: 13px;
}
#sellManager .buy-entry .sell-percent-row { flex-wrap: wrap; }
#sellManager .buy-entry .sell-percent-row input { width: min(130px, 38vw); }
#sellManager .buy-book-head { display:flex; justify-content:space-between; gap:12px; padding:15px 10px 7px; border-top:1px solid rgba(36,190,163,.35); }
#sellManager .buy-book-head span { text-align:right; }
#sellManager .buy-row { color:#72e6c5; }
#sellManager .buy-row::before { background:rgba(29,176,139,.17); }
#sellManager .buy-position { border-color:rgba(36,190,163,.5); }
#sellManager [hidden] { display:none!important; }
#sellManager #progress-sell[data-state="done"] { display:none!important; }
#sellManager .sell-book-head,
#sellManager .sell-book .sell-row:not(.buy-row) {
  display:grid!important;
  grid-template-columns:minmax(0,1.06fr) minmax(0,.92fr) minmax(0,1fr);
  gap:4px;
  align-items:center;
}
#sellManager .sell-book-head > :nth-child(n+2),
#sellManager .sell-book .sell-row:not(.buy-row) > :nth-child(n+2) { text-align:right; }
#sellManager .sell-book .sell-row:not(.buy-row) { font-size:13px; font-variant-numeric:tabular-nums; }
#sellManager .sell-book .sell-row:not(.buy-row) > span { min-width:0; white-space:nowrap; }
#sellManager .sell-book-head { font-size:11px; line-height:1.25; }
#sellManager .sell-tabs button { flex:1 1 0; min-width:0; white-space:nowrap; }
@media(max-width:390px) {
  #sellManager .buy-entry .sell-price-row,
  #sellManager .buy-entry .sell-amount-row { grid-template-columns:1fr; gap:5px; }
  #sellManager .sell-book-head,
  #sellManager .sell-book .sell-row:not(.buy-row) { gap:2px; padding-left:3px; padding-right:3px; }
  #sellManager .sell-book .sell-row:not(.buy-row) { font-size:11px; }
  #sellManager .sell-tabs button { font-size:11px; padding:8px 3px; }
}

/* PJ-r11: English heading labels need a second mobile line at 360px. */
@media (max-width: 640px) {
  #sellManager .sell-heading { flex-wrap: wrap; justify-content: flex-start; }
  #sellManager .sell-heading > div { min-width: 0; max-width: 100%; }
  #sellManager .sell-heading-actions { flex-wrap: wrap; max-width: 100%; }
}