
.cashdesk-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(360px,.9fr)!important;
  gap:16px!important;
}

.cashdesk-panel,.cashdesk-watch-panel{
  padding:20px!important;
  border-radius:22px!important;
}

.cashdesk-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin-bottom:16px!important;
}

.cashdesk-head h2,.cashdesk-watch-panel h2{
  margin:0!important;
  color:#f7fbff!important;
  font-size:23px!important;
  font-weight:950!important;
}

.cashdesk-head span{
  color:#aab5c7!important;
  font-size:14px!important;
  font-weight:850!important;
}

.cashdesk-order-card{
  border:1px solid rgba(148,163,184,.12)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.025)!important;
  padding:16px!important;
  margin-bottom:14px!important;
}

.cashdesk-target-row{
  display:grid!important;
  grid-template-columns:50px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin-bottom:14px!important;
}

.cashdesk-avatar{
  width:48px!important;
  height:48px!important;
  border-radius:999px!important;
  object-fit:cover!important;
  background:#343642!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#111827!important;
  font-weight:950!important;
}

.cashdesk-avatar.fallback{
  background:#ffd057!important;
}

.cashdesk-target-main b{
  display:block!important;
  color:#f7fbff!important;
  font-size:16px!important;
  font-weight:950!important;
  margin-bottom:3px!important;
}

.cashdesk-holding-link{
  display:block!important;
  width:fit-content!important;
  max-width:100%!important;
  border:0!important;
  background:transparent!important;
  color:#f7fbff!important;
  font-size:16px!important;
  font-weight:950!important;
  margin:0 0 3px!important;
  padding:0!important;
  text-align:left!important;
  cursor:pointer!important;
}

.cashdesk-holding-link:hover{
  color:#ffffff!important;
  text-decoration:underline!important;
}

.cashdesk-target-main span{
  display:block!important;
  color:#aab5c7!important;
  font-size:13px!important;
  font-weight:750!important;
}

.cashdesk-ratio-bar{
  width:180px!important;
  height:7px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  overflow:hidden!important;
  margin:7px 0 4px!important;
}

.cashdesk-ratio-bar i{
  display:block!important;
  height:100%!important;
  border-radius:999px!important;
  background:#51f273!important;
}

.cashdesk-target-price{
  text-align:right!important;
}

.cashdesk-target-price b{
  display:block!important;
  color:#f7fbff!important;
  font-size:16px!important;
  font-weight:950!important;
  margin-bottom:4px!important;
}

.cashdesk-target-price span{
  color:#aab5c7!important;
  font-size:13px!important;
  font-weight:850!important;
}

.cashdesk-target-price span.good{color:#51f273!important}
.cashdesk-target-price span.bad{color:#5d94ff!important}

.cashdesk-controls{
  display:grid!important;
  grid-template-columns:180px 38px repeat(4,minmax(110px,1fr))!important;
  gap:8px!important;
  align-items:center!important;
}

.cashdesk-controls input{
  width:100%!important;
  height:48px!important;
  border:1px solid rgba(148,163,184,.14)!important;
  border-radius:12px!important;
  background:#080a12!important;
  color:#fff!important;
  font-size:16px!important;
  font-weight:850!important;
  padding:0 12px!important;
  box-sizing:border-box!important;
}

.cashdesk-step{
  display:grid!important;
  gap:4px!important;
}

.cashdesk-step button{
  height:22px!important;
  padding:0!important;
}

.cashdesk-controls button,.cashdesk-quick button{
  min-height:48px!important;
  border:0!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.055)!important;
  color:#f7fbff!important;
  font-size:15px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.cashdesk-controls button.buy{background:rgba(81,242,115,.15)!important;color:#75ff94!important}
.cashdesk-controls button.sell{background:rgba(255,104,104,.13)!important;color:#ff8989!important}
.cashdesk-controls button:disabled{opacity:.45!important;cursor:not-allowed!important}

.cashdesk-quick{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:10px!important;
}

.cashdesk-quick button{
  min-height:40px!important;
  padding:0 14px!important;
}

.cashdesk-quick span{
  color:#9da8bd!important;
  font-size:13px!important;
  font-weight:800!important;
}

.cashdesk-status{
  min-height:20px!important;
  margin-top:10px!important;
  color:#aab5c7!important;
  font-size:14px!important;
  font-weight:850!important;
}

.cashdesk-status.good{color:#51f273!important}
.cashdesk-status.bad{color:#ff7777!important}

.cashdesk-holding-list,.cashdesk-watch-list{
  display:grid!important;
  gap:0!important;
}

.cashdesk-holding-item,.cashdesk-watch-item{
  width:100%!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  border:0!important;
  border-bottom:1px solid rgba(148,163,184,.10)!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  padding:13px 0!important;
  cursor:pointer!important;
}

.cashdesk-holding-item:hover,.cashdesk-watch-item:hover{
  background:rgba(255,255,255,.03)!important;
}

.cashdesk-holding-item.selected,.cashdesk-watch-item.selected{
  background:rgba(81,242,115,.08)!important;
  border-left:3px solid #51f273!important;
  padding-left:10px!important;
}

.cashdesk-holding-main b,.cashdesk-watch-main b{
  display:block!important;
  color:#f7fbff!important;
  font-size:15px!important;
  font-weight:950!important;
  margin-bottom:4px!important;
}

.cashdesk-holding-main span,.cashdesk-watch-main span{
  display:block!important;
  color:#aab5c7!important;
  font-size:13px!important;
  font-weight:750!important;
}

.cashdesk-watch-main em{
  display:block!important;
  font-style:normal!important;
  margin-top:3px!important;
  color:#aab5c7!important;
  font-size:13px!important;
  font-weight:850!important;
}

.cashdesk-watch-main em.good,.cashdesk-holding-value span.good{color:#ff6f6f!important}
.cashdesk-watch-main em.bad,.cashdesk-holding-value span.bad{color:#5d94ff!important}

.cashdesk-holding-value{
  text-align:right!important;
}

.cashdesk-holding-value b{
  display:block!important;
  color:#f7fbff!important;
  font-size:14px!important;
  font-weight:950!important;
  margin-bottom:4px!important;
}

.cashdesk-holding-value span{
  color:#aab5c7!important;
  font-size:12.5px!important;
  font-weight:900!important;
}

.cashdesk-star{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:38px!important;
  height:38px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.045)!important;
  color:#ffc857!important;
  font-size:16px!important;
}

.cashdesk-empty{
  border:1px solid rgba(148,163,184,.12)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.025)!important;
  padding:16px!important;
  color:#aab5c7!important;
  font-size:14px!important;
  font-weight:850!important;
}

@media(max-width:1200px){
  .cashdesk-layout{grid-template-columns:1fr!important}
  .cashdesk-controls{grid-template-columns:1fr 40px repeat(2,1fr)!important}
}


/* cashdesk holding/favorite layout correction */
.cashdesk-stock-list{
  display:grid!important;
  gap:14px!important;
}

.cashdesk-stock-row{
  border-bottom:1px solid rgba(148,163,184,.12)!important;
  padding-bottom:16px!important;
  margin-bottom:2px!important;
}

.cashdesk-stock-row:last-child{
  border-bottom:0!important;
}

.cashdesk-stock-row.buy-candidate{
  border:1px solid rgba(81,242,115,.20)!important;
  border-radius:16px!important;
  padding:14px!important;
  background:rgba(81,242,115,.045)!important;
}

.cashdesk-watch-panel h2{
  margin-bottom:16px!important;
}

.cashdesk-star.active{
  color:#ffc857!important;
}


/* cashdesk favorite navigation + small arrow buttons */
.cashdesk-step{
  width:30px!important;
  align-self:stretch!important;
}

.cashdesk-step button{
  height:22px!important;
  min-height:22px!important;
  width:30px!important;
  border-radius:8px!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1!important;
}

.cashdesk-watch-item{
  cursor:pointer!important;
}

.cashdesk-watch-item:hover .cashdesk-watch-main b{
  color:#75ff94!important;
}

.cashdesk-watch-item.selected{
  border-left:0!important;
  background:transparent!important;
  padding-left:0!important;
}

.cashdesk-watch-item:active{
  transform:translateY(1px);
}


/* cashdesk favorite item split: name navigates, star removes */
.cashdesk-watch-item{
  cursor:default!important;
}

.cashdesk-watch-link{
  grid-column:1 / 3!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  border:0!important;
  background:transparent!important;
  color:inherit!important;
  text-align:left!important;
  padding:0!important;
  cursor:pointer!important;
}

.cashdesk-watch-link:hover .cashdesk-watch-main b{
  color:#75ff94!important;
}

.cashdesk-watch-item .cashdesk-star{
  grid-column:3!important;
  border:0!important;
  cursor:pointer!important;
}

.cashdesk-watch-item .cashdesk-star:disabled{
  opacity:.45!important;
  cursor:wait!important;
}


/* cashdesk qty input spinner cleanup */
.cashdesk-controls input[type="number"]::-webkit-outer-spin-button,
.cashdesk-controls input[type="number"]::-webkit-inner-spin-button{
  -webkit-appearance:none!important;
  margin:0!important;
}

.cashdesk-controls input[type="number"]{
  appearance:textfield!important;
  -moz-appearance:textfield!important;
}


/* solid cashdesk sell button */
.cashdesk-controls button.sell{
  background:#ff5f73!important;
  color:#120407!important;
  border:0!important;
}

.cashdesk-controls button.sell:hover{
  background:#ff7182!important;
}



/* === cashdesk soft sell + hide top summary === */
.cashdesk-head-right,
.cashdesk-header-right,
.cashdesk-header-meta,
.cashdesk-head-meta,
.cashdesk-top-right,
.cashdesk-top-meta,
.cashdesk-summary-inline,
.cashdesk-summary-meta,
.cashdesk-balance-inline,
.cashdesk-inline-balance,
.cashdesk-asset-inline{
  display:none !important;
}

.cashdesk-controls .sell,
.cashdesk-item-actions .sell,
.cashdesk-action-row .sell,
.cashdesk-trade-row .sell,
.cashdesk button.sell,
.cashdesk .trade-action.sell{
  background: rgba(255, 102, 122, 0.72) !important;
  border: 1px solid rgba(255, 140, 156, 0.34) !important;
  color: #18080c !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.cashdesk-controls .sell:hover,
.cashdesk-item-actions .sell:hover,
.cashdesk-action-row .sell:hover,
.cashdesk-trade-row .sell:hover,
.cashdesk button.sell:hover,
.cashdesk .trade-action.sell:hover{
  background: rgba(255, 102, 122, 0.82) !important;
  border-color: rgba(255, 155, 169, 0.42) !important;
  color: #18080c !important;
}

.cashdesk-controls .sell:disabled,
.cashdesk-item-actions .sell:disabled,
.cashdesk-action-row .sell:disabled,
.cashdesk-trade-row .sell:disabled,
.cashdesk button.sell:disabled,
.cashdesk .trade-action.sell:disabled{
  background: rgba(255, 102, 122, 0.32) !important;
  border-color: rgba(255, 140, 156, 0.18) !important;
  color: rgba(24, 8, 12, 0.72) !important;
}



/* solid cashdesk buy button */
.cashdesk-controls button.buy,
.cashdesk button.buy,
.cashdesk .trade-action.buy{
  background:#5fee7a!important;
  color:#06140a!important;
  border:0!important;
  box-shadow:none!important;
  opacity:1!important;
}

.cashdesk-controls button.buy:hover,
.cashdesk button.buy:hover,
.cashdesk .trade-action.buy:hover{
  background:#72f58a!important;
  color:#06140a!important;
}

.cashdesk-controls button.buy:disabled,
.cashdesk button.buy:disabled,
.cashdesk .trade-action.buy:disabled{
  background:rgba(95,238,122,.42)!important;
  color:rgba(6,20,10,.72)!important;
}

/* V-Grow mobile compact cashdesk 20260708 */
@media (max-width: 760px) {
  .cashdesk-panel,
  .cashdesk-section,
  .cashdesk-card,
  .cashdesk-box {
    border-radius: 14px !important;
  }

  .cashdesk-panel {
    padding: 10px !important;
    gap: 10px !important;
  }

  .cashdesk-panel .panel-head,
  .cashdesk-head,
  .cashdesk-header {
    margin-bottom: 8px !important;
    gap: 6px !important;
  }

  .cashdesk-panel h2,
  .cashdesk-title {
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  .cashdesk-panel .hint,
  .cashdesk-desc,
  .cashdesk-help,
  .cashdesk-note {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }

  .cashdesk-grid,
  .cashdesk-summary,
  .cashdesk-actions,
  .cashdesk-form,
  .cashdesk-list {
    gap: 8px !important;
  }

  .cashdesk-grid,
  .cashdesk-summary {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .cashdesk-card,
  .cashdesk-box,
  .cashdesk-summary-card,
  .cashdesk-balance-card {
    padding: 10px !important;
    min-height: 0 !important;
  }

  .cashdesk-label,
  .cashdesk-card-label,
  .cashdesk-summary-label {
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    margin-bottom: 4px !important;
  }

  .cashdesk-value,
  .cashdesk-card-value,
  .cashdesk-summary-value {
    font-size: 15px !important;
    line-height: 1.2 !important;
    word-break: keep-all !important;
  }

  .cashdesk-form,
  .cashdesk-action-form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
  }

  .cashdesk-panel input,
  .cashdesk-panel select,
  .cashdesk-panel button,
  .cashdesk-input,
  .cashdesk-select,
  .cashdesk-btn,
  .cashdesk-action-btn {
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }

  .cashdesk-panel textarea {
    min-height: 64px !important;
    border-radius: 11px !important;
    padding: 9px 10px !important;
    font-size: 12px !important;
  }

  .cashdesk-panel table {
    font-size: 11px !important;
  }

  .cashdesk-panel th,
  .cashdesk-panel td {
    padding: 7px 6px !important;
  }

  .cashdesk-history,
  .cashdesk-history-list {
    gap: 6px !important;
  }

  .cashdesk-history-row,
  .cashdesk-row,
  .cashdesk-item {
    padding: 8px !important;
    border-radius: 11px !important;
    gap: 5px !important;
  }

  .cashdesk-history-row *,
  .cashdesk-row *,
  .cashdesk-item * {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .cashdesk-history-row strong,
  .cashdesk-row strong,
  .cashdesk-item strong {
    font-size: 12px !important;
  }
}

/* V-Grow mobile cashdesk row compact 20260708 */
@media (max-width: 760px) {
  .cashdesk-layout {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
  }

  .cashdesk-panel,
  .cashdesk-watch-panel {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10px !important;
    border-radius: 16px !important;
    overflow-x: hidden !important;
  }

  .cashdesk-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  .cashdesk-head h2 {
    font-size: 16px !important;
    line-height: 1.2 !important;
    letter-spacing: -0.04em !important;
  }

  .cashdesk-head [data-cashdesk-refresh] {
    width: auto !important;
    min-width: 68px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 10px !important;
    border-radius: 12px !important;
    font-size: 12px !important;
  }

  .cashdesk-stock-list {
    display: grid !important;
    gap: 10px !important;
  }

  .cashdesk-stock-row {
    padding: 12px 0 14px !important;
    border-bottom: 1px solid rgba(148,163,184,.14) !important;
  }

  .cashdesk-stock-row:first-child {
    padding-top: 2px !important;
  }

  .cashdesk-stock-row:last-child {
    border-bottom: 0 !important;
  }

  .cashdesk-target-row {
    display: grid !important;
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 9px !important;
  }

  .cashdesk-avatar {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 999px !important;
  }

  .cashdesk-target-main {
    min-width: 0 !important;
  }

  .cashdesk-holding-link {
    display: block !important;
    max-width: 100% !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #f7fbff !important;
    font-size: 13.5px !important;
    font-weight: 950 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .cashdesk-target-main span {
    display: block !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    color: #a9b8d2 !important;
  }

  .cashdesk-ratio-bar {
    width: 100% !important;
    max-width: 170px !important;
    height: 6px !important;
    margin: 5px 0 4px !important;
    border-radius: 999px !important;
  }

  .cashdesk-target-price {
    min-width: 86px !important;
    max-width: 118px !important;
    text-align: right !important;
  }

  .cashdesk-target-price b {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }

  .cashdesk-target-price span {
    display: block !important;
    margin-top: 3px !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    word-break: keep-all !important;
  }

  .cashdesk-controls {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      "qty qty"
      "maxbuy maxsell"
      "buy sell" !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }

  .cashdesk-controls input {
    grid-area: qty !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 58px 0 12px !important;
    border-radius: 11px !important;
    font-size: 13px !important;
  }

  .cashdesk-step {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 3px !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 30px !important;
    min-height: 30px !important;
    margin: 0 !important;
  }

  .cashdesk-step button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 13.5px !important;
    min-height: 13.5px !important;
    padding: 0 !important;
    border-radius: 7px !important;
    font-size: 9px !important;
    line-height: 1 !important;
  }









  .cashdesk-controls button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    border-radius: 11px !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
  }

  .cashdesk-controls button.buy,
  .cashdesk-controls button.sell {
    font-size: 13px !important;
    font-weight: 950 !important;
  }

  .cashdesk-quick {
    display: block !important;
    margin-top: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
  }



  .cashdesk-quick span {
    display: block !important;
    width: 100% !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    color: #9fb1cc !important;
    white-space: normal !important;
  }

  .cashdesk-status {
    margin-top: 5px !important;
    min-height: 0 !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
  }

  .cashdesk-watch-panel {
    margin-top: 10px !important;
  }

  .cashdesk-watch-panel h2 {
    font-size: 15px !important;
    margin-bottom: 8px !important;
  }

  .cashdesk-watch-list {
    gap: 7px !important;
  }

  .cashdesk-watch-item {
    grid-template-columns: minmax(0, 1fr) 34px !important;
    padding: 8px !important;
    border-radius: 12px !important;
  }

  .cashdesk-watch-link {
    grid-template-columns: 36px minmax(0, 1fr) !important;
    gap: 8px !important;
  }

  .cashdesk-watch-link .cashdesk-avatar {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
  }

  .cashdesk-watch-main b {
    font-size: 12.5px !important;
  }

  .cashdesk-watch-main span,
  .cashdesk-watch-main em {
    font-size: 10.5px !important;
  }

  .cashdesk-watch-item .cashdesk-star {
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }
}

/* V-Grow mobile cashdesk tighter stepper fix 20260708 */
@media (max-width: 760px) {
  .cashdesk-panel,
  .cashdesk-watch-panel {
    padding: 8px !important;
    border-radius: 14px !important;
  }

  .cashdesk-head {
    margin-bottom: 8px !important;
  }

  .cashdesk-head h2 {
    font-size: 15px !important;
  }

  .cashdesk-head [data-cashdesk-refresh] {
    height: 32px !important;
    min-height: 32px !important;
    min-width: 64px !important;
    padding: 0 10px !important;
    font-size: 11.5px !important;
    border-radius: 11px !important;
  }

  .cashdesk-stock-list {
    gap: 8px !important;
  }

  .cashdesk-stock-row {
    padding: 10px 0 12px !important;
  }

  .cashdesk-target-row {
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    gap: 7px !important;
    margin-bottom: 7px !important;
  }

  .cashdesk-avatar {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .cashdesk-holding-link {
    margin-bottom: 2px !important;
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .cashdesk-target-main span {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }

  .cashdesk-ratio-bar {
    max-width: 150px !important;
    height: 5px !important;
    margin: 4px 0 3px !important;
  }

  .cashdesk-target-price {
    min-width: 82px !important;
  }

  .cashdesk-target-price b {
    font-size: 13px !important;
    line-height: 1.15 !important;
  }

  .cashdesk-target-price span {
    margin-top: 2px !important;
    font-size: 10.5px !important;
    line-height: 1.15 !important;
  }

  .cashdesk-controls {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-areas:
      "qty qty"
      "maxbuy maxsell"
      "buy sell" !important;
    gap: 6px !important;
    margin: 0 !important;
  }

  .cashdesk-controls input {
    grid-area: qty !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 46px 0 10px !important;
    font-size: 12.5px !important;
    border-radius: 10px !important;
  }

  .cashdesk-step {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;

    display: grid !important;
    grid-template-rows: 1fr 1fr !important;
    gap: 2px !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;

    margin: 0 !important;
    z-index: 3 !important;
  }

  .cashdesk-step button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;

    padding: 0 !important;
    margin: 0 !important;
    border-radius: 6px !important;

    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    text-indent: 0 !important;
    overflow: hidden !important;
  }

  .cashdesk-step button span {
    display: inline !important;
  }

  .cashdesk-controls [data-row-max-buy] {
    grid-area: maxbuy !important;
  }

  .cashdesk-controls [data-row-max-sell] {
    grid-area: maxsell !important;
  }

  .cashdesk-controls [data-order-side="buy"] {
    grid-area: buy !important;
  }

  .cashdesk-controls [data-order-side="sell"] {
    grid-area: sell !important;
  }

  .cashdesk-controls button {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
    border-radius: 10px !important;
  }

  .cashdesk-controls button.buy,
  .cashdesk-controls button.sell {
    height: 36px !important;
    min-height: 36px !important;
    font-size: 12.5px !important;
  }

  .cashdesk-quick {
    margin-top: 4px !important;
  }

  .cashdesk-quick button {
    display: none !important;
  }

  .cashdesk-quick span {
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }

  .cashdesk-status {
    margin-top: 4px !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }
}

/* V-Grow mobile cashdesk stepper overflow final 20260708 */
@media (max-width: 760px) {
  .cashdesk-controls {
    position: relative !important;
  }

  .cashdesk-controls .cashdesk-step {
    position: absolute !important;
    top: 4px !important;
    right: 4px !important;
    z-index: 5 !important;

    display: grid !important;
    grid-template-rows: 12px 12px !important;
    gap: 2px !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    height: 26px !important;
    min-height: 26px !important;
    max-height: 26px !important;

    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
  }

  .cashdesk-controls .cashdesk-step button,
  .cashdesk-panel .cashdesk-controls .cashdesk-step button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;

    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;

    padding: 0 !important;
    margin: 0 !important;
    border-radius: 6px !important;

    font-size: 8.5px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    overflow: hidden !important;
  }

  .cashdesk-controls > button {
    height: 34px !important;
    min-height: 34px !important;
  }

  .cashdesk-controls > button.buy,
  .cashdesk-controls > button.sell {
    height: 36px !important;
    min-height: 36px !important;
  }
}
