/* CUEVA Session History v652 — light session summary, not a payment card */
#historyDetailsModal .history-detail-hero{
  padding:0;
  border:1px solid #e1e2e5;
  border-top:4px solid #c99b2e;
  border-radius:20px;
  background:#fff;
  color:#222328;
  box-shadow:0 9px 26px rgba(24,25,28,.05);
}

#historyDetailsModal .history-detail-hero::after{display:none}

#historyDetailsModal .history-detail-hero-top{
  padding:14px 16px 0;
}

#historyDetailsModal .history-detail-type{
  border:1px solid #dbe5f8;
  background:#eef4ff;
  color:#3f64a4;
}

#historyDetailsModal .history-detail-type.booking{
  border-color:#d4eadc;
  background:#eef8f2;
  color:#2f7d51;
}

#historyDetailsModal .history-detail-complete{
  border:1px solid #d8eadf;
  background:#f1f8f4;
  color:#397854;
}

#historyDetailsModal .history-detail-complete i{color:#42a268}

#historyDetailsModal .history-detail-hero-main{
  margin:0 16px;
  padding:18px 0 16px;
  border-bottom:1px solid #e9eaec;
}

#historyDetailsModal .history-detail-hero small{color:#96999f}

#historyDetailsModal .history-detail-hero-main>div>strong{
  color:#202126;
}

#historyDetailsModal .history-detail-hero-total>strong{
  color:#9b7114!important;
}

#historyDetailsModal .history-detail-hero-customer{
  margin:14px 16px 0;
  padding:12px;
  border:1px solid #ececef;
  border-radius:14px;
  background:#f8f8f9;
}

#historyDetailsModal .history-detail-customer-icon{
  background:#f3ead5;
  color:#a87b14;
}

#historyDetailsModal .history-detail-hero-customer strong{color:#26272c}
#historyDetailsModal .history-detail-hero-customer div>span{color:#888b91}

#historyDetailsModal .history-detail-hero-meta{
  gap:8px;
  padding:11px 16px 15px;
}

#historyDetailsModal .history-detail-hero-meta>span{
  border:1px solid #e5e6e9;
  background:#fff;
  color:#666970;
}

#historyDetailsModal .history-detail-hero-meta i{color:#aa7e18}

@media(max-width:760px){
  #historyDetailsModal .history-detail-hero{
    padding:0;
    border-radius:19px;
  }
}