.offer-maintenance-data {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.offer-maintenance-data em {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border-radius: 7px;
  background: #eef7f8;
  color: #52717d;
  font-size: 9px;
  font-style: normal;
}

.offer-maintenance-data b {
  color: #184f61;
  font-weight: 800;
}

.offer-line.is-maintenance {
  align-items: start;
}

.offer-article-search {
  margin-bottom: 9px;
  padding-left: 36px !important;
  background: #fff
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23667085' stroke-width='1.8'%3E%3Ccircle cx='7' cy='7' r='4.5'/%3E%3Cpath d='m10.5 10.5 4 4'/%3E%3C/svg%3E")
    no-repeat 11px center !important;
}

.offer-article-results {
  display: flex;
  max-height: 285px;
  flex-direction: column;
  gap: 6px;
  overflow-y: auto;
  padding: 3px;
  border-radius: 10px;
  background: #f8fafb;
}

.offer-article-result {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  width: 100%;
  padding: 11px 12px;
  border: 1px solid #e1e7eb;
  border-radius: 9px;
  background: #fff;
  color: inherit;
  text-align: left;
  cursor: pointer;
}

.offer-article-result:hover,
.offer-article-result.is-selected {
  border-color: #5b91a3;
  background: #edf7f9;
  box-shadow: 0 0 0 2px rgba(52, 113, 135, .08);
}

.offer-article-result span,
.offer-article-result strong,
.offer-article-result small {
  display: block;
}

.offer-article-result small {
  margin-top: 3px;
  color: #667085;
  line-height: 1.35;
}

.offer-article-result > b {
  flex: 0 0 auto;
  color: #245f74;
}

.offer-article-empty {
  padding: 25px 15px;
  color: #667085;
  text-align: center;
}