/* CUEVA Session History v651 — polished session details sheet */
#historyDetailsModal .history-modal-card{
  width:min(680px,100%);
  border-radius:26px;
  background:#f7f7f8;
}

#historyDetailsModal .history-modal-head{
  min-height:78px;
  padding:16px 20px;
  border-bottom:1px solid #e7e8ea;
  background:rgba(255,255,255,.97);
}

#historyDetailsModal .history-modal-head small{
  color:#9c7415;
  font-size:10px;
  letter-spacing:.16em;
}

#historyDetailsModal .history-modal-head h3{
  margin-top:5px;
  font-size:24px;
  font-weight:950;
  letter-spacing:-.03em;
}

#historyDetailsModal .history-modal-head button{
  width:44px;
  height:44px;
  flex-basis:44px;
  background:#f1f2f4;
  font-size:28px;
}

#historyDetailsModal .history-modal-body{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  padding:14px 16px calc(22px + env(safe-area-inset-bottom));
}

#historyDetailsModal .history-detail-hero{
  position:relative;
  grid-column:1/-1;
  overflow:hidden;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(145deg,#111216 0%,#1c1d22 100%);
  color:#fff;
  box-shadow:0 14px 30px rgba(17,18,22,.14);
}

#historyDetailsModal .history-detail-hero::after{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-86px;
  top:-92px;
  border:1px solid rgba(210,165,56,.24);
  border-radius:50%;
  box-shadow:0 0 0 26px rgba(210,165,56,.035),0 0 0 52px rgba(210,165,56,.025);
  pointer-events:none;
}

#historyDetailsModal .history-detail-hero-top,
#historyDetailsModal .history-detail-hero-main,
#historyDetailsModal .history-detail-hero-customer,
#historyDetailsModal .history-detail-hero-meta{
  position:relative;
  z-index:1;
}

#historyDetailsModal .history-detail-hero-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}

#historyDetailsModal .history-detail-type,
#historyDetailsModal .history-detail-complete{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  gap:6px;
  padding:0 11px;
  border-radius:999px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

#historyDetailsModal .history-detail-type{background:#edf3ff;color:#4165a6}
#historyDetailsModal .history-detail-type.booking{background:#eaf7ef;color:#2d7f52}
#historyDetailsModal .history-detail-complete{background:rgba(255,255,255,.09);color:#dfe2e6}
#historyDetailsModal .history-detail-complete i{color:#63c68a}

#historyDetailsModal .history-detail-hero-main{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:20px 0 17px;
  border-bottom:1px solid rgba(255,255,255,.12);
}

#historyDetailsModal .history-detail-hero small,
#historyDetailsModal .history-detail-staff-card small{
  display:block;
  color:#9b9da4;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}

#historyDetailsModal .history-detail-hero-main>div>strong{
  display:block;
  margin-top:5px;
  color:#fff;
  font-size:24px;
  font-weight:950;
  line-height:1.1;
  letter-spacing:-.03em;
}

#historyDetailsModal .history-detail-hero-total{text-align:right}
#historyDetailsModal .history-detail-hero-total>strong{font-size:29px!important}

#historyDetailsModal .history-detail-hero-customer{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:11px;
  align-items:center;
  padding:15px 0 13px;
}

#historyDetailsModal .history-detail-customer-icon{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  border-radius:13px;
  background:rgba(210,165,56,.14);
  color:#d6aa42;
  font-size:15px;
}

#historyDetailsModal .history-detail-hero-customer strong{
  display:block;
  margin-top:3px;
  color:#fff;
  font-size:14px;
  font-weight:900;
}

#historyDetailsModal .history-detail-hero-customer div>span{
  display:block;
  margin-top:2px;
  color:#aeb0b6;
  font-size:10px;
  font-weight:700;
}

#historyDetailsModal .history-detail-hero-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

#historyDetailsModal .history-detail-hero-meta>span{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:9px;
  background:rgba(255,255,255,.055);
  color:#c9cbd0;
  font-size:9px;
  font-weight:800;
}

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

#historyDetailsModal .history-section-title{
  margin:8px 2px 1px;
  padding:8px 1px 2px;
  color:#25262b;
  font-size:10px;
  letter-spacing:.12em;
}

#historyDetailsModal .history-detail-row{
  min-height:72px;
  padding:13px 14px;
  border:1px solid #e4e5e8;
  border-radius:16px;
  background:#fff;
  box-shadow:0 4px 14px rgba(30,31,35,.025);
}

#historyDetailsModal .history-detail-row span{font-size:8px;letter-spacing:.09em}
#historyDetailsModal .history-detail-row strong{margin-top:7px;font-size:13px;font-weight:900}
#historyDetailsModal .history-detail-row.money strong{font-size:15px}

#historyDetailsModal .history-detail-row.grand-total{
  border-color:#24252a;
  background:#202126;
}
#historyDetailsModal .history-detail-row.grand-total span{color:#aaaeb5}
#historyDetailsModal .history-detail-row.grand-total strong{color:#fff;font-size:17px}

#historyDetailsModal .history-detail-row.collected{
  border-color:#cfe8d9;
  background:#f3faf6;
}
#historyDetailsModal .history-detail-row.collected span{color:#4d8f69}
#historyDetailsModal .history-detail-row.collected strong{color:#247748;font-size:16px}

#historyDetailsModal .history-detail-row.payment-method strong::before{
  content:"\f09d";
  margin-right:7px;
  color:#b1841d;
  font-family:"Font Awesome 6 Free";
  font-weight:900;
}

#historyDetailsModal .history-payment-list{
  overflow:hidden;
  border:1px solid #e4e5e8;
  border-radius:16px;
  background:#fff;
}

#historyDetailsModal .history-payment-row{
  min-height:66px;
  padding:12px 14px;
  border:0;
  border-bottom:1px solid #eceef0;
  border-radius:0;
  background:#fff;
}
#historyDetailsModal .history-payment-row:last-child{border-bottom:0}
#historyDetailsModal .history-payment-row>strong{font-size:14px}

#historyDetailsModal .history-adjustment-list{gap:8px}
#historyDetailsModal .history-adjustment-card{
  min-height:88px;
  padding:14px;
  border-radius:16px;
}
#historyDetailsModal .history-adjustment-card>strong{font-size:16px}

#historyDetailsModal .history-detail-staff-card{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  overflow:hidden;
  border:1px solid #e4e5e8;
  border-radius:16px;
  background:#fff;
}

#historyDetailsModal .history-detail-staff-card>div{
  position:relative;
  min-width:0;
  padding:14px 12px 14px 48px;
}
#historyDetailsModal .history-detail-staff-card>div+div{border-left:1px solid #eceef0}
#historyDetailsModal .history-detail-staff-card div>span{
  position:absolute;
  left:12px;
  top:50%;
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  transform:translateY(-50%);
  border-radius:9px;
  background:#f6efdf;
  color:#a87b14;
  font-size:10px;
}
#historyDetailsModal .history-detail-staff-card strong{
  display:block;
  overflow:hidden;
  margin-top:5px;
  color:#292a2f;
  font-size:13px;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}

#historyDetailsModal .history-activity-disclosure{
  width:100%;
  margin-top:8px;
  border-radius:16px;
  box-shadow:0 4px 14px rgba(30,31,35,.025);
}

#historyDetailsModal .history-activity-disclosure>summary{
  min-height:58px;
  padding:13px 44px 13px 15px;
}

@media(max-width:760px){
  #historyDetailsModal.history-modal{align-items:flex-end;padding:0}
  #historyDetailsModal .history-modal-card{
    width:100%;
    max-height:92dvh;
    border-radius:26px 26px 0 0;
  }
  #historyDetailsModal .history-modal-head{min-height:72px;padding:13px 18px}
  #historyDetailsModal .history-modal-head h3{font-size:21px}
  #historyDetailsModal .history-modal-body{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:12px 14px calc(22px + env(safe-area-inset-bottom))!important}
  #historyDetailsModal .history-detail-hero{padding:16px;border-radius:20px}
  #historyDetailsModal .history-detail-hero-main{padding:17px 0 14px}
  #historyDetailsModal .history-detail-hero-main>div>strong{font-size:21px}
  #historyDetailsModal .history-detail-hero-total>strong{font-size:25px!important}
  #historyDetailsModal .history-section-title{grid-column:1/-1!important}
  #historyDetailsModal .history-detail-row{min-height:68px;padding:12px!important;border-radius:15px!important}
  #historyDetailsModal .history-detail-row.wide,
  #historyDetailsModal .history-payment-list,
  #historyDetailsModal .history-adjustment-list,
  #historyDetailsModal .history-detail-staff-card,
  #historyDetailsModal .history-activity-disclosure{grid-column:1/-1!important}
}

@media(max-width:370px){
  #historyDetailsModal .history-detail-hero-main{gap:10px}
  #historyDetailsModal .history-detail-hero-main>div>strong{font-size:19px}
  #historyDetailsModal .history-detail-hero-total>strong{font-size:22px!important}
  #historyDetailsModal .history-detail-staff-card{grid-template-columns:1fr}
  #historyDetailsModal .history-detail-staff-card>div+div{border-top:1px solid #eceef0;border-left:0}
}