/* CUEVA Session History v653 — matching status colour and honest duration labels */
#historyDetailsModal .history-detail-hero{
  --session-tone:#4aa36c;
  --session-tone-soft:#eef8f2;
  --session-tone-border:#d4eadc;
  border-top-color:var(--session-tone);
}

#historyDetailsModal .history-detail-hero.tone-green{
  --session-tone:#4aa36c;
  --session-tone-soft:#eef8f2;
  --session-tone-border:#d4eadc;
}

#historyDetailsModal .history-detail-hero.tone-gold{
  --session-tone:#d2a12d;
  --session-tone-soft:#fff8e8;
  --session-tone-border:#efdfb4;
}

#historyDetailsModal .history-detail-hero.tone-red{
  --session-tone:#d3493e;
  --session-tone-soft:#fff1ef;
  --session-tone-border:#f0cbc7;
}

#historyDetailsModal .history-detail-hero-total>strong{
  color:var(--session-tone)!important;
}

#historyDetailsModal .history-detail-customer-icon{
  background:var(--session-tone-soft);
  color:var(--session-tone);
}

#historyDetailsModal .history-detail-hero-meta i{
  color:var(--session-tone);
}

#historyDetailsModal .history-detail-hero-meta>span{
  min-height:32px;
}

#historyDetailsModal .history-detail-hero-meta .history-detail-overtime{
  border-color:#f0cbc7;
  background:#fff1ef;
  color:#b9362c;
}

#historyDetailsModal .history-detail-hero-meta .history-detail-overtime i{
  color:#d3493e;
}

@media(max-width:430px){
  #historyDetailsModal .history-detail-hero-meta{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  #historyDetailsModal .history-detail-hero-meta>span{
    min-width:0;
    padding:7px 9px;
    line-height:1.25;
  }
  #historyDetailsModal .history-detail-hero-meta .history-detail-planned,
  #historyDetailsModal .history-detail-hero-meta .history-detail-overtime{
    grid-column:1/-1;
  }
}