.product-option-update {
  border-left: 5px solid var(--warn) !important;
  background: #fff7e8 !important;
}

.product-option-update .product-select-status {
  color: #a75b00;
}

.selector {
  grid-template-columns: 128px minmax(320px, 520px) minmax(240px, 1fr) auto;
}

.selector-actions {
  grid-column: 4;
}

.selector-update-warning {
  grid-column: 3;
  width: 100%;
  align-self: stretch;
  display: grid;
  align-content: center;
  gap: 4px;
  padding: 12px 14px;
  border: 2px solid #e86f16;
  background: #fff1df;
  color: #7f3600;
  text-align: left;
  cursor: pointer;
  box-shadow: 4px 4px 0 #e86f16;
}

.selector-update-warning:hover {
  background: #ffe5c6;
}

.selector-update-warning[hidden] {
  display: none;
}

.selector-update-warning b {
  font-size: 15px;
}

.selector-update-warning span {
  display: block;
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .selector { grid-template-columns: 1fr; }
  .selector-update-warning,
  .selector-actions { grid-column: 1; }
}

.published-card.download-update {
  border-left: 6px solid #e86f16;
  background: #fff1df;
}

.library-download-notice {
  display: inline-flex;
  margin-top: 9px;
  padding: 5px 9px;
  border: 1px solid currentColor;
  font-size: 12px;
  font-weight: 900;
}

.library-download-notice.needs-download {
  color: #b64f00;
  background: #ffe1bd;
}

.library-download-notice.downloaded {
  color: var(--ok);
  background: #edf8ef;
}