/* ---- Standards / constraints validation panel ---- */
.constraints-panel {
  padding: 0 18px 14px;
  border-bottom: 1px solid var(--line);
  flex: none;
}

.constraints-panel h3 {
  margin-bottom: 8px;
}

.constraints-summary {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  min-height: 1.2em;
}

.constraints-summary-ok {
  color: var(--accent-2);
}

.constraints-summary-warn {
  color: var(--amber-2);
}

.constraints-summary-error {
  color: #e0958c;
}

.constraints-issues {
  margin: 8px 0 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
  line-height: 1.45;
}

.constraints-issues[hidden] {
  display: none;
}

.constraints-errors .constraints-message {
  color: #e0958c;
}

.constraints-warnings .constraints-message {
  color: var(--amber-2);
}

.constraints-issues li {
  padding: 6px 0;
  border-top: 1px solid var(--line);
}

.constraints-issues li:first-child {
  border-top: none;
  padding-top: 0;
}

.constraints-path {
  display: block;
  margin-top: 2px;
  font-size: 10px;
  font-family: var(--font-mono);
  color: var(--muted);
}