/* ============================================================
   NWC — Historical Overloads view inside Consumables
   Cards/tags/notes reuse the lb-* classes from lockboxes.css and the
   cnsm-section-* heads from consumables.html.
   ============================================================ */
#overloads-controls[hidden],
#overloads-view[hidden] {
  display: none !important;
}

.ovh-section .cnsm-section-head { flex-wrap: wrap; }
.ovh-tag-companion {
  color: #c4d4ff;
  border-color: rgba(196,212,255,0.3);
  background: rgba(196,212,255,0.06);
}
.ovh-facts {
  color: var(--text-secondary);
  font-size: 0.86rem;
  line-height: 1.5;
  margin: -0.4rem 0 0.6rem;
}
.ovh-facts strong { color: var(--text-primary); }
.ovh-note {
  color: var(--text-muted);
  font-size: 0.84rem;
  font-style: italic;
  line-height: 1.5;
  margin: 0 0 0.85rem;
}

.ovh-condition {
  color: var(--text-muted);
  font-size: 0.8rem;
  font-style: italic;
  margin: -0.15rem 0 0.5rem;
}
.ovh-effect {
  display: grid;
  grid-template-columns: 4.6rem 1fr;
  gap: 0.6rem;
  padding: 0.4rem 0;
  border-top: 1px solid var(--border-default);
  font-size: 0.86rem;
  line-height: 1.5;
}
.ovh-effect:first-of-type { border-top: 0; padding-top: 0.1rem; }
.ovh-effect-single { grid-template-columns: 1fr; }
.ovh-effect-label {
  color: var(--text-primary);
  font-size: 0.74rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding-top: 0.12rem;
}
.ovh-effect-text { color: var(--text-secondary); overflow-wrap: anywhere; }