/* CUEVA Session History v648 — standalone mobile cards */
.session-history-page .history-mobile-list{display:none}

@media(max-width:820px){
  .session-history-page .table-wrapper{display:none!important}
  .session-history-page .history-mobile-list{
    display:grid!important;
    width:100%!important;
    gap:18px!important;
  }
  .session-history-page .history-mobile-day-group{display:grid!important;gap:10px!important;width:100%!important}
  .session-history-page .history-mobile-day-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:0 5px!important;
  }
  .session-history-page .history-mobile-day-head strong{color:#24252a!important;font-size:14px!important;font-weight:900!important}
  .session-history-page .history-mobile-day-head span{color:#96989e!important;font-size:9px!important;font-weight:800!important}
  .session-history-page .history-mobile-day-cards{display:grid!important;gap:11px!important;width:100%!important}

  .session-history-page .history-mobile-session-card{
    position:relative!important;
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:16px!important;
    overflow:hidden!important;
    border:1px solid #e4e5e8!important;
    border-left:4px solid #45a56e!important;
    border-radius:19px!important;
    background:#fff!important;
    box-shadow:0 9px 25px rgba(21,22,25,.05)!important;
  }
  .session-history-page .history-mobile-session-card.discount{border-left-color:#d3a22b!important}
  .session-history-page .history-mobile-session-card.full-discount,
  .session-history-page .history-mobile-session-card.overtime-review{border-left-color:#d3493e!important}
  .session-history-page .history-mobile-session-head{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:14px!important;
    align-items:start!important;
    padding-bottom:13px!important;
    border-bottom:1px solid #eceef0!important;
  }
  .session-history-page .history-mobile-resource,
  .session-history-page .history-mobile-session-total{display:grid!important;min-width:0!important;gap:4px!important}
  .session-history-page .history-mobile-session-head small,
  .session-history-page .history-mobile-customer small,
  .session-history-page .history-mobile-session-metrics small,
  .session-history-page .history-mobile-money-strip small{
    color:#a0a2a7!important;
    font-size:7px!important;
    font-weight:900!important;
    letter-spacing:.13em!important;
  }
  .session-history-page .history-mobile-resource>strong{
    overflow:hidden!important;
    color:#222328!important;
    font-size:18px!important;
    line-height:1.15!important;
    font-weight:900!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  .session-history-page .history-mobile-resource .history-session-type{
    justify-self:start!important;
    min-height:25px!important;
    margin-top:5px!important;
    padding:5px 10px!important;
    font-size:7px!important;
  }
  .session-history-page .history-mobile-session-total{text-align:right!important}
  .session-history-page .history-mobile-session-total>strong{color:#222328!important;font-size:21px!important;line-height:1.1!important;font-weight:900!important;white-space:nowrap!important}
  .session-history-page .history-mobile-session-total>span{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:5px!important;margin-top:5px!important;color:#92949a!important;font-size:7.5px!important;font-weight:750!important;white-space:nowrap!important}

  .session-history-page .history-mobile-customer{
    display:grid!important;
    gap:3px!important;
    padding:12px 0!important;
    border-bottom:1px solid #eceef0!important;
  }
  .session-history-page .history-mobile-customer>strong{color:#2a2b30!important;font-size:13px!important;font-weight:900!important}
  .session-history-page .history-mobile-customer>span{color:#97999f!important;font-size:8px!important;font-weight:700!important}

  .session-history-page .history-mobile-session-metrics{
    display:grid!important;
    grid-template-columns:.8fr .9fr 1.25fr!important;
    gap:0!important;
    padding:12px 0!important;
  }
  .session-history-page .history-mobile-session-metrics>div{display:grid!important;min-width:0!important;gap:4px!important;padding:0 10px!important;border-right:1px solid #eceef0!important}
  .session-history-page .history-mobile-session-metrics>div:first-child{padding-left:0!important}
  .session-history-page .history-mobile-session-metrics>div:last-child{padding-right:0!important;border-right:0!important}
  .session-history-page .history-mobile-session-metrics strong,
  .session-history-page .history-mobile-session-metrics span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .session-history-page .history-mobile-session-metrics strong{color:#36373c!important;font-size:10px!important;font-weight:900!important}
  .session-history-page .history-mobile-session-metrics span{color:#9b9da2!important;font-size:7px!important;font-weight:700!important}

  .session-history-page .history-mobile-money-strip{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important;margin:0 0 10px!important}
  .session-history-page .history-mobile-money-strip>span{display:flex!important;min-width:0!important;min-height:38px!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;padding:0 10px!important;border-radius:11px!important;background:#f7f7f8!important}
  .session-history-page .history-mobile-money-strip>span:only-child{grid-column:1/-1!important}
  .session-history-page .history-mobile-money-strip b{color:#33343a!important;font-size:10px!important;font-weight:900!important;white-space:nowrap!important}
  .session-history-page .history-mobile-session-card>.history-op-badges{display:flex!important;gap:5px!important;margin:0 0 10px!important;padding:0!important;overflow-x:auto!important;scrollbar-width:none!important}
  .session-history-page .history-mobile-session-card>.history-op-badges:empty{display:none!important}
  .session-history-page .history-mobile-session-card .history-op-badge{flex:0 0 auto!important;min-height:25px!important;padding:6px 9px!important;font-size:7px!important}

  .session-history-page .history-mobile-detail-btn{
    display:grid!important;
    grid-template-columns:18px 1fr 18px!important;
    width:100%!important;
    min-height:45px!important;
    align-items:center!important;
    gap:8px!important;
    margin:0!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:13px!important;
    background:#17181c!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:900!important;
    text-align:center!important;
  }
  .session-history-page .history-mobile-detail-btn::before,
  .session-history-page .history-mobile-detail-btn::after{display:none!important;content:none!important}
  .session-history-page .history-mobile-detail-btn i{color:#fff!important;font-size:10px!important;opacity:.9!important}
  .session-history-page .history-mobile-detail-btn i:last-child{justify-self:end!important}

  .session-history-page .history-mobile-empty,
  .session-history-page .history-mobile-loading{
    display:flex!important;
    min-height:190px!important;
    width:100%!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:8px!important;
    padding:28px 22px!important;
    border:1px solid #e6e7e9!important;
    border-radius:20px!important;
    background:#fff!important;
    text-align:center!important;
    box-shadow:0 9px 26px rgba(24,25,28,.035)!important;
  }
  .session-history-page .history-mobile-empty>span{display:grid!important;width:52px!important;height:52px!important;margin-bottom:4px!important;place-items:center!important;border-radius:16px!important;background:#f7f1e4!important;color:#ac7b10!important;font-size:17px!important}
  .session-history-page .history-mobile-empty>strong{color:#222328!important;font-size:15px!important;font-weight:900!important}
  .session-history-page .history-mobile-empty>p{max-width:260px!important;margin:0!important;color:#92949a!important;font-size:10px!important;font-weight:650!important;line-height:1.45!important}
  .session-history-page .history-mobile-loading{min-height:120px!important;color:#8d8f95!important;font-size:10px!important;font-weight:800!important}
}