/* BITBANK_MY_ORDERS_HOME_LAYOUT_V817 */
/* /my-orders использует каркас home.html. Здесь только внутренности правой карточки. */

.my-orders-exchange-v817{
  display:flex !important;
  align-items:stretch !important;
  justify-content:stretch !important;
  overflow:hidden !important;
}

.my-orders-exchange-v817 [data-my-orders-root]{
  width:100% !important;
  min-height:100% !important;
  display:flex !important;
}

.my-orders-exchange-v817 .mo-card{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:32px 34px 28px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

.my-orders-exchange-v817 .mo-card.is-detail{
  width:100% !important;
  max-width:none !important;
  padding:32px 34px 28px !important;
}

.my-orders-exchange-v817 .mo-kicker{
  margin:0 0 10px !important;
  color:#62e6ff !important;
  font-size:14px !important;
  font-weight:950 !important;
  letter-spacing:.01em !important;
}

.my-orders-exchange-v817 .mo-card h1{
  margin:0 0 12px !important;
  color:#fff !important;
  font-size:30px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
}

.my-orders-exchange-v817 .mo-card.is-detail h1{
  font-size:28px !important;
  margin-bottom:8px !important;
}

.my-orders-exchange-v817 .mo-muted{
  margin:0 0 18px !important;
  color:rgba(235,240,255,.76) !important;
  font-size:14px !important;
  line-height:1.42 !important;
}

.my-orders-exchange-v817 .mo-list{
  display:grid !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
}

.my-orders-exchange-v817 .mo-empty{
  min-height:38px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.045) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:rgba(235,240,255,.84) !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.my-orders-exchange-v817 .mo-row{
  width:100% !important;
  min-height:34px !important;
  padding:4px 8px 4px 12px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.105) !important;
  background:rgba(255,255,255,.045) !important;
  display:grid !important;
  grid-template-columns:62px minmax(0,1fr) 90px 22px !important;
  gap:8px !important;
  align-items:center !important;
  color:#fff !important;
  cursor:pointer !important;
  font:inherit !important;
  text-align:left !important;
}

.my-orders-exchange-v817 .mo-row:hover{
  border-color:rgba(115,230,255,.28) !important;
  background:rgba(255,255,255,.065) !important;
}

.my-orders-exchange-v817 .mo-id{
  color:#fff !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

.my-orders-exchange-v817 .mo-line{
  min-width:0 !important;
  max-width:190px !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:rgba(235,240,255,.82) !important;
  font-size:12px !important;
}

.my-orders-exchange-v817 .mo-badge{
  min-width:86px !important;
  min-height:22px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:10.8px !important;
  font-weight:900 !important;
  border:1px solid rgba(255,255,255,.16) !important;
  color:#fff !important;
  background:rgba(255,255,255,.06) !important;
}

.my-orders-exchange-v817 .mo-badge.is-done{
  color:#a8ffd2 !important;
  background:rgba(24,160,88,.16) !important;
  border-color:rgba(73,255,157,.32) !important;
}

.my-orders-exchange-v817 .mo-badge.is-cancelled{
  color:#ffb1b1 !important;
  background:rgba(186,36,36,.17) !important;
  border-color:rgba(255,99,99,.34) !important;
}

.my-orders-exchange-v817 .mo-badge.is-pending{
  color:#dce6ff !important;
  background:rgba(125,142,184,.14) !important;
  border-color:rgba(184,199,234,.22) !important;
}

.my-orders-exchange-v817 .mo-open{
  width:20px !important;
  height:20px !important;
  border-radius:999px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:rgba(255,255,255,.055) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

.my-orders-exchange-v817 .mo-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  margin-top:12px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  min-width:0 !important;
}

.my-orders-exchange-v817 .mo-pager{
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

.my-orders-exchange-v817 .mo-arrow{
  width:28px !important;
  height:28px !important;
  border-radius:10px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:950 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
}

.my-orders-exchange-v817 .mo-arrow:disabled{
  opacity:.42 !important;
  cursor:default !important;
}

.my-orders-exchange-v817 .mo-page-num{
  min-width:46px !important;
  text-align:center !important;
  font-size:12.5px !important;
  font-weight:800 !important;
  color:rgba(235,240,255,.86) !important;
}

.my-orders-exchange-v817 .mo-small-btn{
  min-height:30px !important;
  padding:0 13px !important;
  border-radius:11px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.055) !important;
  color:#fff !important;
  text-decoration:none !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12px !important;
  font-weight:900 !important;
}

.my-orders-exchange-v817 .mo-detail-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:8px !important;
  margin-top:12px !important;
}

.my-orders-exchange-v817 .mo-detail-item{
  min-height:48px !important;
  border-radius:12px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  background:rgba(255,255,255,.045) !important;
  padding:9px 11px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  gap:5px !important;
}

.my-orders-exchange-v817 .mo-detail-item span{
  color:rgba(230,236,255,.68) !important;
  font-size:11px !important;
}

.my-orders-exchange-v817 .mo-detail-item strong{
  color:#fff !important;
  font-size:13px !important;
  line-height:1.2 !important;
}

.my-orders-exchange-v817 .mo-extra{
  margin-top:10px !important;
  border-radius:12px !important;
  border:1px solid rgba(115,230,255,.18) !important;
  background:rgba(115,230,255,.055) !important;
  padding:10px 11px !important;
  color:rgba(235,240,255,.86) !important;
  line-height:1.35 !important;
}

.my-orders-exchange-v817 .mo-extra strong{
  display:block !important;
  font-size:12.5px !important;
  margin-bottom:4px !important;
}

.my-orders-exchange-v817 .mo-extra a{
  color:#78ecff !important;
  font-weight:900 !important;
}

.my-orders-exchange-v817 .mo-extra small{
  font-size:10.8px !important;
  word-break:break-all !important;
}

.my-orders-exchange-v817 .mo-actions{
  display:flex !important;
  justify-content:center !important;
  margin-top:12px !important;
}

.my-orders-exchange-v817 .mo-close{
  min-height:34px !important;
  padding:0 20px !important;
  border-radius:14px !important;
  border:0 !important;
  background:linear-gradient(100deg,#df2cca 0%,#7d36ff 54%,#61dbff 125%) !important;
  color:#fff !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:12.8px !important;
  font-weight:950 !important;
  text-decoration:none !important;
}

@media(max-width:820px){
  .my-orders-exchange-v817 .mo-card,
  .my-orders-exchange-v817 .mo-card.is-detail{
    padding:20px 16px !important;
  }

  .my-orders-exchange-v817 .mo-row{
    grid-template-columns:62px minmax(0,1fr) 20px !important;
  }

  .my-orders-exchange-v817 .mo-badge{
    display:none !important;
  }

  .my-orders-exchange-v817 .mo-line{
    max-width:none !important;
  }

  .my-orders-exchange-v817 .mo-detail-grid{
    grid-template-columns:1fr !important;
  }
}


/* BITBANK_MY_ORDERS_7_ROWS_FIT_V818 */
/* Правый блок остаётся как обменник, внутри показываем 7 строк и прижимаем навигацию вниз. */

.my-orders-exchange-v817,
.my-orders-exchange-v818{
  overflow:hidden !important;
}

.my-orders-exchange-v817 [data-my-orders-root],
.my-orders-exchange-v818 [data-my-orders-root]{
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  display:flex !important;
}

.my-orders-exchange-v817 .mo-card,
.my-orders-exchange-v818 .mo-card{
  height:100% !important;
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
}

.my-orders-exchange-v817 .mo-list,
.my-orders-exchange-v818 .mo-list{
  flex:0 0 auto !important;
  gap:7px !important;
}

.my-orders-exchange-v817 .mo-row,
.my-orders-exchange-v818 .mo-row{
  min-height:36px !important;
}

.my-orders-exchange-v817 .mo-footer,
.my-orders-exchange-v818 .mo-footer{
  margin-top:auto !important;
  padding-top:14px !important;
}

.my-orders-exchange-v817 .mo-card.is-detail,
.my-orders-exchange-v818 .mo-card.is-detail{
  justify-content:flex-start !important;
}

.my-orders-exchange-v817 .mo-card.is-detail .mo-actions,
.my-orders-exchange-v818 .mo-card.is-detail .mo-actions{
  margin-top:14px !important;
}
/* /BITBANK_MY_ORDERS_7_ROWS_FIT_V818 */


/* V905_MY_ORDERS_HEAD_COMPACT */
.my-orders-exchange-v817 .mo-kicker,
.my-orders-exchange-v818 .mo-kicker{
  display:none !important;
}

.my-orders-exchange-v817 .mo-card,
.my-orders-exchange-v818 .mo-card{
  padding-top:22px !important;
}

.my-orders-exchange-v817 .mo-card h1,
.my-orders-exchange-v818 .mo-card h1{
  margin:0 0 8px 0 !important;
  font-size:36px !important;
  line-height:1.06 !important;
  font-weight:700 !important;
  letter-spacing:-.015em !important;
}

.my-orders-exchange-v817 .mo-card.is-detail h1,
.my-orders-exchange-v818 .mo-card.is-detail h1{
  font-size:30px !important;
  font-weight:700 !important;
}

.my-orders-exchange-v817 .mo-muted,
.my-orders-exchange-v818 .mo-muted{
  margin:0 0 20px 0 !important;
  font-size:15px !important;
  line-height:1.35 !important;
  opacity:.82 !important;
}

.my-orders-exchange-v817 .mo-list,
.my-orders-exchange-v818 .mo-list{
  margin-top:0 !important;
}

@media(max-width:820px){
  .my-orders-exchange-v817 .mo-card,
  .my-orders-exchange-v818 .mo-card{
    padding-top:18px !important;
  }

  .my-orders-exchange-v817 .mo-card h1,
  .my-orders-exchange-v818 .mo-card h1{
    font-size:31px !important;
    line-height:1.08 !important;
  }

  .my-orders-exchange-v817 .mo-muted,
  .my-orders-exchange-v818 .mo-muted{
    font-size:14px !important;
    margin-bottom:16px !important;
  }
}
/* /V905_MY_ORDERS_HEAD_COMPACT */


/* V906_MY_ORDERS_TITLE_25_SMALLER */
.my-orders-exchange-v817 .mo-card h1,
.my-orders-exchange-v818 .mo-card h1{
  font-size:27px !important;
  line-height:1.08 !important;
  font-weight:650 !important;
  letter-spacing:-.01em !important;
  margin:0 0 7px 0 !important;
}

.my-orders-exchange-v817 .mo-card.is-detail h1,
.my-orders-exchange-v818 .mo-card.is-detail h1{
  font-size:24px !important;
  line-height:1.1 !important;
  font-weight:650 !important;
}

@media(max-width:820px){
  .my-orders-exchange-v817 .mo-card h1,
  .my-orders-exchange-v818 .mo-card h1{
    font-size:24px !important;
    line-height:1.1 !important;
  }

  .my-orders-exchange-v817 .mo-card.is-detail h1,
  .my-orders-exchange-v818 .mo-card.is-detail h1{
    font-size:22px !important;
  }
}
/* /V906_MY_ORDERS_TITLE_25_SMALLER */