/* D4: read-only helper styles, isolated from the legacy factory card. */
[data-factory-automation] {
  box-sizing: border-box;
  min-width: 0;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid #6a8778;
  border-radius: 9px;
  background: #101918;
  color: #edf4ef;
  overflow-wrap: anywhere;
}

[data-factory-automation] * { box-sizing: border-box; min-width: 0; }
[data-factory-automation] .factory-automation-next > span {
  display: block;
  margin-bottom: 5px;
  color: #a5ddb7;
  font-size: 14px;
  font-weight: 800;
}

[data-factory-automation] h4 { margin: 0 0 8px; color: #ffffff; font-size: 21px; line-height: 1.35; }
[data-factory-automation] h5 { margin: 0 0 7px; color: #f0f6f1; font-size: 17px; line-height: 1.4; }
[data-factory-automation] p { margin: 0; color: #d0ddd5; font-size: 14px; line-height: 1.6; }
[data-factory-automation] > div,
[data-factory-automation] > details { margin-top: 12px; }
[data-factory-automation] .factory-automation-boundary { margin-top: 10px; padding: 10px 12px; border-left: 3px solid #e1bc72; background: #29261f; color: #f2e2c3; }
[data-factory-automation] .factory-automation-next { padding: 14px; border: 1px solid #739d7d; border-radius: 7px; background: #192b22; }
[data-factory-automation] ul { display: grid; gap: 6px; margin: 0; padding-left: 23px; }
[data-factory-automation] li { padding-left: 2px; line-height: 1.5; }
[data-factory-automation] li strong { display: block; color: #f5f8f4; font-size: 14px; }
[data-factory-automation] li > span { display: block; color: #d0ddd5; font-size: 14px; }
[data-factory-automation] summary { min-height: 44px; padding: 10px 12px; border: 1px solid #63786c; border-radius: 6px; background: #15231c; color: #e9f6ee; font-size: 14px; font-weight: 800; line-height: 1.5; cursor: pointer; }
[data-factory-automation] summary:focus-visible { outline: 3px solid #a5ddb7; outline-offset: 3px; }
[data-factory-automation] details > p,
[data-factory-automation] details > ul { margin-top: 10px; }
[data-factory-automation] .factory-automation-document-boundary,
[data-factory-automation] .factory-automation-optional { margin-top: 10px; font-size: 14px; }
[data-factory-automation] pre { margin: 10px 0 0; padding: 14px; border: 1px solid #57675e; border-radius: 7px; background: #0b1210; color: #edf4ef; font: inherit; font-size: 14px; line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
[data-factory-automation] .factory-automation-date { margin-top: 14px; color: #b8c6bf; font-size: 12px; }

@media (max-width: 560px) {
  [data-factory-automation] { padding: 13px; }
  [data-factory-automation] h4 { font-size: 19px; }
  [data-factory-automation] .factory-automation-next,
  [data-factory-automation] pre { padding: 11px; }
}