/* Compact cash entry: no horizontal scroll, comfortable tap targets on mobile. */
@media screen and (min-width: 821px) {
  .cash-shell { max-width: 1660px; padding-inline: clamp(14px,2vw,28px); }
  .cash-header { padding-block: 11px; }
  .cash-head { padding-block: 16px 18px; }
  .cash-head h1 { font-size: clamp(28px,2.7vw,37px); margin: 4px 0 6px; }
  .cash-head p { line-height: 1.35; }
  .cash-note-mark { transform: scale(.76); transform-origin: right center; }
  .cash-layout { grid-template-columns: minmax(0, 1.35fr) minmax(310px,.92fr); gap: 12px; }
  .cash-card { padding: 14px 17px; border-radius: 15px; }
  .cash-card-title { margin-bottom: 11px; }
  .cash-card h2 { font-size: 19px; margin-top: 2px; }
  .cash-row { grid-template-columns: minmax(0,1.5fr) minmax(72px,98px) minmax(80px,.65fr); gap: 9px; padding: 2px 0; min-height: 36px; }
  .cash-pill { min-width: 56px; padding: 3px 6px; font-size: 12px; }
  .cash-row input { padding: 4px 8px; min-height: 28px; }
  .cash-row output { font-size: 13px; }
  .cash-row small { font-size: 10px; }
  .cash-card-foot { margin-top: 9px; padding: 8px 10px; }
  .cash-right { gap: 10px; }
  .cash-right .cash-card { padding: 15px 18px; }
  .cash-shell footer { margin: 12px 0; padding: 10px 0; }
}
@media screen and (min-width: 2000px) {
  .cash-shell { max-width: 1880px; }
  .cash-row { min-height: 46px; }
  .cash-card { padding: 19px 23px; }
}