.get-item-code-panel {
  width: min(920px, 96vw);
  max-height: 92vh;
  overflow-y: auto;
}
.get-item-code-summary {
  margin-top: 12px;
}
.get-item-code-preview-wrap {
  margin-top: 12px;
  max-height: 320px;
  overflow: auto;
}
.get-item-code-preview-wrap table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12.5px;
}
.get-item-code-preview-wrap th,
.get-item-code-preview-wrap td {
  border: 1px solid #dbe6ec;
  padding: 4px 8px;
  text-align: left;
  white-space: nowrap;
}
.get-item-code-preview-wrap tr.get-item-code-bad td {
  background: #fdecec;
}


.get-item-code-guide {
  margin: 10px 0 4px;
  border: 1px solid #dbe6ec;
  border-radius: 6px;
  background: #f6fafc;
  font-size: 12.5px;
}
.get-item-code-guide > summary {
  cursor: pointer;
  padding: 8px 12px;
  font-weight: 600;
  color: #2b5563;
  list-style: revert;
}
.get-item-code-guide-body {
  padding: 4px 12px 12px;
}
.get-item-code-guide-body p { margin: 8px 0 4px; }
.get-item-code-guide-body ul { margin: 6px 0 0; padding-left: 18px; }
.get-item-code-guide-body code {
  background: #eef3f6;
  padding: 1px 4px;
  border-radius: 4px;
}
.get-item-code-guide-table {
  border-collapse: collapse;
  margin: 4px 0 6px;
}
.get-item-code-guide-table th,
.get-item-code-guide-table td {
  border: 1px solid #cdd9e0;
  padding: 3px 10px;
  text-align: center;
}


.get-item-code-req { color: #c0392b; font-weight: 700; }


.get-item-code-summary[hidden],
.get-item-code-preview-wrap[hidden] { display: none !important; }


.get-item-code-panel { position: relative; }
.get-item-code-close { position: absolute; top: 10px; right: 10px; }