/* TAIF V5 — Price Screen Mobile Force Single Row V5
   Forces every currency row to stay in one single horizontal line,
   while keeping name and flags flat (without card backgrounds). */

@media (max-width: 860px){
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__row{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-rows:unset !important;
    align-items:center !important;
    grid-template-areas:none !important;
    grid-template-columns:
      minmax(36px,.54fr)
      minmax(88px,1.62fr)
      minmax(48px,.74fr)
      minmax(24px,.30fr)
      minmax(48px,.74fr)
      minmax(48px,.74fr)
      minmax(24px,.30fr)
      minmax(48px,.74fr) !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    height:auto !important;
    padding:2px 1px !important;
    gap:2px !important;
    margin:0 !important;
    box-sizing:border-box !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__row > *{
    grid-row:1 !important;
    align-self:center !important;
    justify-self:stretch !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    height:32px !important;
    min-height:32px !important;
    max-height:32px !important;
    margin:0 !important;
    padding:0 2px !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__code{grid-column:1 !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__name{grid-column:2 !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__num--buy{grid-column:3 !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__flag{grid-column:4 !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__num--sell{grid-column:5 !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__num--dollar-buy{grid-column:6 !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__usd-flag{grid-column:7 !important;}
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__num--dollar-sell{grid-column:8 !important;}

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__name,
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__flag,
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__usd-flag{
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__name{
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-end !important;
    padding-inline:2px !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__name-main{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    font-size:10px !important;
    line-height:1 !important;
    text-align:right !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__flag,
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__usd-flag{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__flag-image,
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__usd-flag .price-screen__flag-image{
    width:18px !important;
    height:18px !important;
    min-width:18px !important;
    min-height:18px !important;
    max-width:18px !important;
    max-height:18px !important;
    display:block !important;
    border:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }
}

@media (max-width: 430px){
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__row{
    grid-template-columns:
      minmax(35px,.54fr)
      minmax(82px,1.58fr)
      minmax(46px,.74fr)
      minmax(23px,.30fr)
      minmax(46px,.74fr)
      minmax(46px,.74fr)
      minmax(23px,.30fr)
      minmax(46px,.74fr) !important;
    min-height:38px !important;
    gap:2px !important;
    padding:2px 1px !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__row > *{
    height:31px !important;
    min-height:31px !important;
    max-height:31px !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__name-main{
    font-size:9.6px !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__code,
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__num{
    font-size:9.4px !important;
  }

  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__flag-image,
  body.taif-mobile-mode .panel[data-view="price-screen"] .price-screen__usd-flag .price-screen__flag-image{
    width:17px !important;
    height:17px !important;
    min-width:17px !important;
    min-height:17px !important;
    max-width:17px !important;
    max-height:17px !important;
  }
}