/* CUEVA Session History v647 — final mobile layout override */
.session-history-page .history-breakdown[hidden],
.session-history-page .history-mix-card[hidden]{display:none!important}
.session-history-page .history-mobile-card-cell{display:none!important}

@media(max-width:820px){
  .session-history-page .history-table-card,
  .session-history-page .table-wrapper,
  .session-history-page .history-table,
  .session-history-page .history-table tbody{
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
  }

  .session-history-page .history-breakdown,
  .session-history-page .history-breakdown[data-visible-cards]{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    padding:15px!important;
  }
  .session-history-page .history-breakdown[hidden]{display:none!important}
  .session-history-page .history-breakdown-head{grid-column:1/-1!important;padding:0 1px 7px!important}
  .session-history-page .history-breakdown[data-visible-cards="1"] .history-mix-card{grid-column:1/-1!important}
  .session-history-page .history-breakdown[data-visible-cards="3"] .history-mix-card:last-child{grid-column:1/-1!important}
  .session-history-page .history-mix-card{
    display:grid!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-areas:"icon value" "copy copy"!important;
    gap:8px 9px!important;
    min-height:94px!important;
    align-items:center!important;
    padding:12px!important;
    border:1px solid #e8e8eb!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,#fff 0%,#f8f8f9 100%)!important;
  }
  .session-history-page .history-mix-card[hidden]{display:none!important}
  .session-history-page .history-mix-card>i{grid-area:icon!important;width:38px!important;height:38px!important;border-radius:12px!important}
  .session-history-page #historyBookingCard>i{background:#eaf7ee!important;color:#238054!important}
  .session-history-page #historyWalkinCard>i{background:#eaf1ff!important;color:#4669ab!important}
  .session-history-page #historySalesCard>i{background:#fff4d9!important;color:#a97909!important}
  .session-history-page .history-mix-card>strong{grid-area:value!important;justify-self:end!important;font-size:17px!important;font-weight:900!important}
  .session-history-page .history-mix-card>div{grid-area:copy!important;display:grid!important;gap:2px!important;min-width:0!important}
  .session-history-page .history-mix-card>div>span{font-size:10px!important;font-weight:900!important}
  .session-history-page .history-mix-card small{font-size:7px!important;line-height:1.3!important;white-space:normal!important}

  .session-history-page .history-session-row{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  .session-history-page .history-table .history-session-row>td:nth-child(-n+15){display:none!important}
  .session-history-page .history-table .history-session-row>.history-mobile-card-cell{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    overflow:visible!important;
  }
  .session-history-page .history-table .history-session-row>.history-mobile-card-cell::before,
  .session-history-page .history-table .history-session-row>.history-mobile-card-cell::after{display:none!important;content:none!important}
  .session-history-page .history-mobile-session-card{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    padding:15px!important;
    border:1px solid #e4e5e8!important;
    border-left:4px solid #4aa36c!important;
    border-radius:20px!important;
    background:#fff!important;
    box-shadow:0 10px 28px rgba(20,21,25,.055)!important;
  }
  .session-history-page .history-session-row.discount .history-mobile-session-card{border-left-color:#d2a12d!important}
  .session-history-page .history-session-row.full-discount .history-mobile-session-card,
  .session-history-page .history-session-row.overtime-review .history-mobile-session-card{border-left-color:#d3493e!important}
  .session-history-page .history-mobile-session-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:12px!important}
  .session-history-page .history-mobile-session-head>div{display:grid!important;gap:3px!important;min-width:0!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:.12em!important}
  .session-history-page .history-mobile-session-head strong{overflow:hidden!important;color:#212227!important;font-size:17px!important;font-weight:900!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .session-history-page .history-mobile-session-total{text-align:right!important}
  .session-history-page .history-mobile-session-total strong{font-size:20px!important}
  .session-history-page .history-mobile-session-meta{display:flex!important;min-height:42px!important;align-items:center!important;justify-content:space-between!important;gap:9px!important;margin-top:7px!important;padding:8px 0 11px!important;border-bottom:1px solid #eceef0!important}
  .session-history-page .history-mobile-session-meta>span:last-child{display:flex!important;min-width:0!important;align-items:center!important;gap:5px!important;overflow:hidden!important;color:#898c92!important;font-size:8px!important;font-weight:750!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .session-history-page .history-mobile-customer{display:block!important;padding:12px 0!important;border-bottom:1px solid #eceef0!important}
  .session-history-page .history-mobile-customer>div{display:grid!important;gap:2px!important}
  .session-history-page .history-mobile-customer strong{color:#292a2f!important;font-size:13px!important;font-weight:900!important}
  .session-history-page .history-mobile-customer span{color:#94969c!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.3fr!important;gap:8px!important;padding:12px 0!important}
  .session-history-page .history-mobile-session-metrics>div{display:grid!important;min-width:0!important;gap:3px!important;padding-right:8px!important;border-right:1px solid #eceef0!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:#33343a!important;font-size:10px!important;font-weight:900!important}
  .session-history-page .history-mobile-session-metrics span{color:#999ba0!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-bottom: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:7px!important;padding:0 10px!important;border-radius:11px!important;background:#f7f7f8!important}
  .session-history-page .history-mobile-money-strip b{color:#34353a!important;font-size:9px!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;overflow-x:auto!important}
  .session-history-page .history-mobile-session-card>.history-detail-btn{display:flex!important;width:100%!important;min-height:46px!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:0 15px!important;border:0!important;border-radius:13px!important;background:#17181c!important;color:#fff!important;font-size:10px!important;font-weight:900!important}

  .session-history-page .history-empty-row{display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
  .session-history-page .history-empty-row>td{display:block!important;width:100%!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
  .session-history-page .history-empty-row>td::before,
  .session-history-page .history-empty-row>td::after{display:none!important;content:none!important}
  .session-history-page .history-empty-state{display:flex!important;min-height:190px!important;width:100%!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:7px!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;overflow:visible!important}
  .session-history-page .history-empty-state>span{display:grid!important;width:52px!important;height:52px!important;margin:0 0 5px!important;place-items:center!important;border-radius:16px!important;background:#f7f1e4!important;color:#ac7b10!important;font-size:17px!important}
  .session-history-page .history-empty-state>strong{display:block!important;color:#222328!important;font-size:15px!important;font-weight:900!important}
  .session-history-page .history-empty-state>p{display:block!important;max-width:260px!important;margin:0!important;color:#92949a!important;font-size:10px!important;font-weight:650!important;line-height:1.45!important}
}