/* Optional demo: remove this stylesheet and cad-change-impact.js to revert. */
.cad-change-notice {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  max-height: 0;
  padding: 0 9px;
  overflow: hidden;
  opacity: 0;
  border-left: 4px solid #c8954d;
  background: #f0ddb9;
  color: #24343c;
  font: 700 11px/1.2 "Arial Narrow", Arial, sans-serif;
  letter-spacing: .09em;
  transform: translateY(-7px);
  transition: max-height .3s, padding .3s, margin .3s, opacity .3s, transform .3s;
}
.cad-change-notice.is-visible { max-height: 68px; margin: 6px 0 4px; padding: 10px 11px; opacity: 1; transform: translateY(0); }
.cad-change-notice span:last-child { color: #9a6b33; text-align: right; }
.cad-change-step-affected { padding-left: 7px; box-shadow: inset 2px 0 #c8954d; background: #fbf1df; }
.cad-change-step-updated { padding: 5px 7px; box-shadow: inset 2px 0 #c8954d; background: #f9edda; }
.cad-change-step-updated del { display: block; color: #8a9793; font-size: 11px; font-weight: 400; }
.cad-change-step-updated ins { display: block; color: #0d554b; font-size: 13px; font-weight: 600; text-decoration: none; animation: cad-change-write .9s ease-out both; }
@keyframes cad-change-write { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.sop-build-status.cad-change-review { color: #9a6b33; }
.sop-build-cad.cad-change-source-active { border-color: #d3a052; animation: cad-change-source-pulse 1.5s ease-in-out infinite; }
@keyframes cad-change-source-pulse { 50% { box-shadow: inset 0 0 0 2px #d3a052; } }
.cad-change-cad-badge { position: absolute; top: 9px; right: 10px; z-index: 2; padding: 6px 8px; background: #e4b96e; color: #24343c; font: 700 10px/1 Arial, sans-serif; letter-spacing: .1em; }
.cad-change-cad-badge[hidden] { display: none; }
@media (max-width: 620px) { .cad-change-notice { flex-wrap: wrap; gap: 3px; } .cad-change-notice span:last-child { text-align: left; } }
@media (prefers-reduced-motion: reduce) { .cad-change-notice { transition: none; } .sop-build-cad.cad-change-source-active, .cad-change-step-updated ins { animation: none; } }