/* CUEVA Session History v649 — Session Mix content alignment */
@media(max-width:820px){
  .session-history-page #historyBreakdown .history-mix-card{
    display:grid!important;
    grid-template-columns:40px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    grid-template-areas:
      "icon spacer value"
      "copy copy copy"!important;
    gap:9px 8px!important;
    align-content:center!important;
    align-items:center!important;
    min-height:96px!important;
    padding:12px!important;
  }
  .session-history-page #historyBreakdown .history-mix-card>i{
    grid-area:icon!important;
    width:40px!important;
    height:40px!important;
    align-self:center!important;
  }
  .session-history-page #historyBreakdown .history-mix-card>strong{
    grid-area:value!important;
    align-self:center!important;
    justify-self:end!important;
    color:#24252a!important;
    font-size:18px!important;
    line-height:1!important;
    font-weight:900!important;
  }
  .session-history-page #historyBreakdown .history-mix-card>div{
    grid-area:copy!important;
    display:block!important;
    min-width:0!important;
    padding-top:1px!important;
    text-align:left!important;
  }
  .session-history-page #historyBreakdown .history-mix-card>div>span{
    display:block!important;
    margin:0!important;
    color:#292a2f!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:900!important;
  }
  .session-history-page #historyBreakdown .history-mix-card>div>small{
    display:block!important;
    margin-top:3px!important;
    overflow:visible!important;
    color:#92949a!important;
    font-size:7px!important;
    line-height:1.25!important;
    font-weight:700!important;
    text-overflow:clip!important;
    white-space:normal!important;
  }
  .session-history-page #historyBreakdown .history-mix-card>div>small b{
    margin-right:2px!important;
    color:#65686f!important;
    font-size:8px!important;
    font-weight:900!important;
  }

  .session-history-page #historySalesCard{
    grid-template-columns:40px minmax(0,1fr) auto!important;
    grid-template-rows:auto!important;
    grid-template-areas:"icon copy value"!important;
    min-height:78px!important;
  }
  .session-history-page #historySalesCard>div{
    align-self:center!important;
    padding:0!important;
  }
  .session-history-page #historySalesCard>strong{
    align-self:center!important;
    font-size:17px!important;
    white-space:nowrap!important;
  }
}

@media(max-width:360px){
  .session-history-page #historyBreakdown .history-mix-card{padding:10px!important}
  .session-history-page #historyBreakdown .history-mix-card>strong{font-size:16px!important}
  .session-history-page #historyBreakdown .history-mix-card>div>span{font-size:9px!important}
}