.wiki table.devogram-software-versions {
  inline-size: 100% !important;
  width: 100% !important;
  table-layout: fixed;
}

.wiki table.devogram-software-versions thead,
.wiki table.devogram-software-versions thead tr,
.wiki table.devogram-software-versions tbody,
.wiki table.devogram-software-versions tbody tr {
  inline-size: 100%;
  width: 100%;
}

.wiki table.devogram-software-versions thead.devogram-software-versions-header {
  display: table-header-group;
  background-color: var(--oc-gray-2);
}

.wiki table.devogram-software-versions th,
.wiki table.devogram-software-versions td {
  overflow-wrap: anywhere;
}

.devogram-software-update-indicator {
  display: inline-block;
  margin-inline-start: .35em;
  inline-size: .65rem;
  block-size: .65rem;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  background-color: currentColor;
}

.devogram-software-update-indicator.required {
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.devogram-software-update-indicator.required {
  color: #b00;
}

.devogram-software-update-indicator.recommended {
  color: #c60;
}

.devogram-software-update-indicator.ok {
  color: #080;
  border-radius: 50%;
}

.wiki-page.new.devogram-missing-wiki-page {
  color: #777;
}

.devogram-inline-icon-link.devogram-missing-wiki-page,
.devogram-inline-icon-link.devogram-missing-wiki-page:hover {
  color: #777;
}

.devogram-inline-icon {
  margin-inline-end: .25em;
  vertical-align: text-bottom;
}

svg.icon-svg.devogram-inline-icon {
  inline-size: var(--devogram-icon-size);
  block-size: var(--devogram-icon-size);
}

svg.icon-svg.devogram-inline-icon {
  stroke: currentColor;
}

.devogram-software-select {
  min-width: 30em;
  max-width: 100%;
}

.devogram-favicon-preview {
  margin-block: 1em;
}

.devogram-favicon-preview-image {
  display: block;
  inline-size: 64px;
  block-size: 64px;
  object-fit: contain;
  border: 1px solid var(--oc-gray-5);
  padding: 8px;
  background: var(--oc-white);
}

.wiki-modal-content {
  max-block-size: 75vh;
  overflow: auto;
  padding: .5em;
}

.ui-dialog.devogram-modal-color-blue {
  border: 2px solid blue;
}

.ui-dialog.devogram-modal-color-blue .ui-dialog-titlebar {
  background-color: blue;
  color: white;
}

.ui-dialog.devogram-modal-color-red {
  border: 2px solid red;
}

.ui-dialog.devogram-modal-color-red .ui-dialog-titlebar {
  background-color: red;
  color: white;
}

.devogram-modal-edit-link {
  position: absolute;
  inset-inline-end: 2.4em;
  inset-block-start: 50%;
  display: block;
  inline-size: 20px;
  block-size: 20px;
  margin: 0;
  padding: 0;
  transform: translateY(-50%);
}