/* Compact resolved confirmation history */

.confirmation-list-polished {
  display: grid;
  gap: 10px;
}

.confirmation-list-polished .confirmation-active-item {
  margin: 0;
}

.confirmation-history-compact {
  overflow: hidden;
  margin-top: 2px;
  border: 1px solid #d9e2ec;
  border-radius: 10px;
  background: #fff;
}

.confirmation-history-compact > summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 11px 14px;
  cursor: pointer;
  list-style: none;
  background: #f8fafc;
}

.confirmation-history-compact > summary::-webkit-details-marker {
  display: none;
}

.confirmation-history-summary-copy {
  display: flex;
  align-items: baseline;
  gap: 8px;
}

.confirmation-history-summary-copy strong {
  color: #263b53;
  font-size: .82rem;
}

.confirmation-history-summary-copy small {
  color: #7a899a;
  font-size: .7rem;
}

.confirmation-history-chevron {
  color: #60758b;
  font-size: .9rem;
  transition: transform .15s ease;
}

.confirmation-history-compact[open]
.confirmation-history-chevron {
  transform: rotate(180deg);
}

.confirmation-history-compact-body {
  border-top: 1px solid #e6ebf1;
}

.confirmation-history-item.driver-follow-up-item {
  margin: 0 !important;
  padding: 9px 13px !important;
  min-height: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #edf1f5 !important;
  border-radius: 0 !important;
  background: #fff !important;
  box-shadow: none !important;
}

.confirmation-history-item.driver-follow-up-item:last-child {
  border-bottom: 0 !important;
}

.confirmation-history-item strong {
  font-size: .78rem;
}

.confirmation-history-item span {
  font-size: .68rem;
}

.confirmation-history-item p {
  margin: 5px 0 0 !important;
  color: #51657b;
  font-size: .74rem;
  line-height: 1.35;

  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 700px) {
  .confirmation-history-summary-copy {
    display: grid;
    gap: 1px;
  }
}