.quote-accuracy-summary {
  display: grid;
  gap: 5px;
  margin-top: 12px;
  padding: 13px 15px;
  border: 1px solid #dce3ec;
  border-radius: 13px;
  background: #f8fafc;
  color: #344054;
  line-height: 1.6;
}
.quote-accuracy-summary strong { color: #172033; font-size: 13px; }
.quote-accuracy-summary span { font-size: 11px; }
.quote-accuracy-summary.is-applied { border-color: rgba(15, 159, 110, .28); background: #f1fbf7; }
.quote-accuracy-summary.is-reference { border-color: rgba(37, 99, 235, .22); background: #f4f8ff; }
.quote-accuracy-summary.is-learning { border-style: dashed; }
.quote-cost-lines {
  grid-column: 1 / -1;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}
.quote-cost-lines-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  border-bottom: 1px solid var(--line);
  background: #f8fafc;
}
.quote-cost-lines-head strong { font-size: 12px; }
.quote-cost-lines-head span { color: var(--muted); font-size: 10px; }
.quote-cost-lines-scroll { overflow-x: auto; }
.quote-cost-lines table { width: 100%; min-width: 650px; margin: 0; border-collapse: collapse; }
.quote-cost-lines th,
.quote-cost-lines td { padding: 9px 10px; border-bottom: 1px solid #edf0f3; font-size: 11px; text-align: left; }
.quote-cost-lines th { color: #647184; background: #fbfcfd; font-size: 10px; white-space: nowrap; }
.quote-cost-lines tbody tr:last-child td { border-bottom: 0; }
.quote-option-values .quote-page-price {
  display: block;
  margin-top: 3px;
  color: #2563eb;
  font-size: 9px;
  font-weight: 750;
  line-height: 1.25;
  white-space: nowrap;
}
.quote-option-values input:checked + span .quote-page-price { color: #dbeafe; }
.quote-option-group[data-quote-group="page_count"] .quote-option-values span {
  align-items: flex-start;
  flex-direction: column;
  min-width: 92px;
}
.quote-cost-lines td:nth-last-child(-n+3) { font-variant-numeric: tabular-nums; white-space: nowrap; }
.quote-cost-line-category { font-weight: 850; color: #1769c7; }
.quote-cost-line-note { display: block; margin-top: 2px; color: var(--muted); font-size: 9px; }
.quote-direct-product-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 16px;
  border: 1px solid #d7e2ee;
  border-radius: 12px;
  background: #f8fbff;
}
.quote-direct-product-bar > div {
  min-width: 0;
}
.quote-direct-product-bar span,
.quote-direct-product-bar strong {
  display: block;
}
.quote-direct-product-bar span {
  margin-bottom: 3px;
  color: #667085;
  font-size: 12px;
  font-weight: 700;
}
.quote-direct-product-bar strong {
  overflow: hidden;
  color: #17202d;
  font-size: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.quote-direct-product-bar .btn {
  flex: none;
}
.quote-product-chooser {
  margin-top: 12px;
  padding: 14px;
  border: 1px solid #d7e2ee;
  border-radius: 12px;
  background: #fff;
}
@media (max-width: 640px) {
  .quote-direct-product-bar {
    align-items: stretch;
    flex-direction: column;
  }
  .quote-direct-product-bar .btn {
    width: 100%;
  }
}
