.company-popover {
  inset: auto;
  margin: 0;
  width: min(480px, calc(100vw - 24px));
  max-height: min(560px, calc(100vh - 24px));
  padding: 16px 17px;
  border: 1px solid #263451;
  border-radius: 12px;
  background: #101a30;
  color: #dbe5f5;
  box-shadow: 0 22px 60px #07101f66;
}

.company-popover::backdrop {
  background: transparent;
}

.company-popover-head {
  display: grid;
  gap: 4px;
  margin-bottom: 10px;
  padding-right: 30px;
}

.company-popover-head strong {
  color: #7db4ff;
  font-size: 14px;
  line-height: 1.5;
}

.company-popover-head span {
  width: fit-content;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: #aab9d1;
  font-size: 10px;
  line-height: 1.5;
}

.company-popover-fields {
  grid-template-columns: 1fr;
  gap: 7px;
}

.company-popover-fields > div {
  min-height: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.company-popover-fields span {
  margin-bottom: 2px;
  color: #f1f5fb;
  font-size: 11px;
  font-weight: 650;
}

.company-popover-fields b {
  color: #c1cde0;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.65;
}

.company-popover-summary {
  color: #c1cde0;
  font-size: 10px;
  line-height: 1.8;
}

.company-popover-tags span {
  background: #1b2943;
  color: #bfcee5;
}

.company-popover-source {
  border-color: #354b70;
  background: #1a2a47;
  color: #9fc2ff;
}

.company-popover-source:hover {
  border-color: #668bc5;
  background: #223657;
}

@media (max-width: 520px) {
  .company-popover {
    padding: 16px 14px;
  }
}