/* Карточки заказов на телефоне */
.orders-mobile{display:none!important}
.orders-desktop{display:block}

.order-mcard{
  background:#fff!important;
  border:1px solid #e5e0d8!important;
  border-radius:14px!important;
  padding:14px!important;
  margin:0 0 12px!important;
  box-shadow:0 4px 14px rgba(40,32,22,.06)!important;
}
.order-mcard-top{
  display:flex!important;
  justify-content:space-between!important;
  align-items:flex-start!important;
  gap:10px!important;
  margin-bottom:12px!important;
}
.order-mcard-no{font-size:17px!important;font-weight:800!important;color:#1c1c1b!important;line-height:1.25!important}
.order-mcard-meta{font-size:12px!important;color:#77736d!important;margin-top:4px!important}
.order-mcard-right{display:flex!important;align-items:center!important;gap:8px!important;flex-shrink:0!important}

.order-mcard-client{
  display:block!important;
  margin:0 0 12px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid #efe9e1!important;
}
.order-mcard-client b{
  display:block!important;
  font-size:15px!important;
  line-height:1.35!important;
  word-break:break-word!important;
  margin-bottom:4px!important;
}
.order-mcard-client span{
  display:block!important;
  font-size:13px!important;
  color:#77736d!important;
}

.order-mcard-line{
  display:block!important;
  margin:0 0 10px!important;
}
.order-mcard-line > span{
  display:block!important;
  color:#8a847c!important;
  font-size:11px!important;
  font-weight:600!important;
  text-transform:uppercase!important;
  letter-spacing:.04em!important;
  margin-bottom:3px!important;
}
.order-mcard-line > b{
  display:block!important;
  font-weight:600!important;
  font-size:14px!important;
  color:#2a2520!important;
  line-height:1.4!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
}

.order-mcard-money{
  display:flex!important;
  gap:8px!important;
  margin-top:12px!important;
  padding-top:12px!important;
  border-top:1px solid #efe9e1!important;
}
.order-mcard-money > div{
  flex:1!important;
  background:#faf8f5!important;
  border-radius:10px!important;
  padding:10px 6px!important;
  text-align:center!important;
}
.order-mcard-money span{
  display:block!important;
  font-size:11px!important;
  color:#8a847c!important;
  margin-bottom:4px!important;
}
.order-mcard-money b{
  display:block!important;
  font-size:14px!important;
  font-weight:800!important;
}
.order-mcard .dropdown-menu{right:0!important;left:auto!important}

@media screen and (max-width:900px){
  .orders-desktop,
  .orders-desktop.tablewrap,
  #orders .orders-desktop,
  #orders .tablewrap.orders-desktop{
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    overflow:hidden!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  .orders-mobile{
    display:block!important;
    visibility:visible!important;
  }
  #orders .card{padding:10px!important}
  #orders .tablewrap{max-height:none!important;overflow:visible!important;border:0!important}
  #orders>.stats{grid-template-columns:1fr 1fr!important}
  #orders .today-strip{grid-template-columns:1fr!important}
  #orders .today-metrics{flex-wrap:wrap!important;overflow:visible!important}
  #orders .orders-search{grid-template-columns:1fr!important}
  #orders .orders-search .new-order-inline,
  #orders .orders-search #filter{width:100%!important;min-width:0!important}
}

@media screen and (max-width:420px){
  .order-mcard-money{flex-direction:column!important}
}