/* Compact preflight card for production-safe artwork ordering. */
#ghboard .gh-production-guardrails {
  margin: 16px 0 0;
  border: 1px solid #d6e0ea;
  border-radius: 6px;
  background: rgba(255, 255, 255, .94);
  color: var(--gh-ink);
}

#ghboard .gh-production-guardrails summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 11px 13px;
  cursor: pointer;
  list-style: none;
}

#ghboard .gh-production-guardrails summary::-webkit-details-marker { display: none; }

#ghboard .gh-production-guardrails summary > span { display: flex; flex-direction: column; gap: 2px; }
#ghboard .gh-production-guardrails summary strong { font-size: 12px; font-weight: 700; }
#ghboard .gh-production-guardrails summary small { color: var(--gh-muted); font-size: 10px; }
#ghboard .gh-production-guardrails summary > b {
  flex: 0 0 auto;
  padding: 5px 7px;
  color: #1c7a42;
  background: #e9f8ef;
  border-radius: 3px;
  font-size: 9px;
  letter-spacing: .45px;
}
#ghboard .gh-production-guardrails summary > b[data-state="warning"] { color: #885d00; background: #fff5d9; }
#ghboard .gh-production-guardrails summary > b[data-state="danger"] { color: #a12626; background: #ffeded; }
#ghboard .gh-production-guardrails[open] summary { border-bottom: 1px solid #e3e9ef; }

#ghboard .guardrail-body { padding: 12px 13px 13px; }
#ghboard .guardrail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}
#ghboard .guardrail-grid > div { min-width: 0; padding: 8px; background: #f6f8fb; border: 1px solid #e4eaf0; }
#ghboard .guardrail-grid small { display: block; margin-bottom: 4px; color: var(--gh-muted); font-size: 9px; letter-spacing: .45px; }
#ghboard .guardrail-grid strong { display: block; font-size: 11px; line-height: 1.25; overflow-wrap: anywhere; }
#ghboard .guardrail-status { margin-top: 10px; padding: 9px 10px; color: #1c7a42; background: #f0fbf4; border-left: 3px solid #32a45d; font-size: 11px; line-height: 1.35; }
#ghboard .guardrail-status[data-state="warning"] { color: #885d00; background: #fff9e9; border-left-color: #e4b423; }
#ghboard .guardrail-status[data-state="danger"] { color: #a12626; background: #fff2f2; border-left-color: #d64545; }
#ghboard .guardrail-footnote { margin: 9px 0 0; color: var(--gh-muted); font-size: 10px; line-height: 1.4; }

@media (max-width: 720px) {
  #ghboard .guardrail-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 430px) {
  #ghboard .gh-production-guardrails summary { align-items: flex-start; }
  #ghboard .guardrail-grid { grid-template-columns: 1fr; }
}