.hp-insight-panel:not([hidden]) { display: grid; gap: 12px; min-width: 0; }
.ai-parts-check {
  border: 1px solid #dce4e0;
  border-radius: 12px;
  background: #fff;
  color: #233d34;
  min-width: 0;
}
.ai-parts-check.is-review { border-color: #e8c979; background: #fffaf0; color: #795414; }
.ai-parts-check.is-mismatch { border-color: #dfa99f; background: #fff6f3; color: #943c2b; }
.ai-parts-check > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
  padding: 12px;
  list-style: none;
  cursor: pointer;
}
.ai-parts-check > summary::-webkit-details-marker { display: none; }
.ai-parts-check > summary:focus-visible { outline: 2px solid #13796c; outline-offset: 3px; border-radius: 12px; }
.ai-parts-check > summary strong { flex: 1; font-size: 14px; line-height: 1.4; overflow-wrap: anywhere; }
.ai-parts-icon { display: grid; place-items: center; width: 23px; height: 23px; flex: 0 0 23px; border-radius: 50%; border: 1px solid currentColor; font-size: 14px; font-weight: 800; }
.ai-parts-chevron { transition: transform .15s ease; }
.ai-parts-check[open] .ai-parts-chevron { transform: rotate(180deg); }
.ai-parts-brief { display: grid; gap: 10px; padding: 0 14px 14px; color: #293c34; font-size: 14px; line-height: 1.5; overflow-wrap: anywhere; }
.ai-parts-brief p { margin: 0; }
.ai-parts-brief p > span { display: block; color: #667b71; font-size: 11px; font-weight: 700; margin-bottom: 2px; }
.ai-parts-next { font-weight: 650; }
.ai-parts-notice { margin: 0; padding: 0 2px; color: #66521e; font-size: 13px; line-height: 1.5; }
.ai-parts-state { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; color: #63746b; font-size: 13px; line-height: 1.4; }
.ai-parts-state .hp-ai-retry-button { margin: 0; flex-shrink: 0; }
.hp-source-details > .hp-parts-list { margin-top: 12px; }
@media (prefers-reduced-motion: reduce) { .ai-parts-chevron { transition: none; } }