/* Secondary details stay available while the required transaction fields remain visible. */
#content form.has-optional-form-sections .optional-form-section {
  display:block;min-width:0;margin:18px 0 0;padding:0;
  border:1px solid var(--erp-line,var(--line));border-radius:22px;
  background:var(--erp-surface,var(--surface));color:var(--erp-ink,var(--ink));
}
#content form.has-optional-form-sections>.optional-form-section {margin:0}
#content .optional-form-summary {
  display:grid;grid-template-columns:minmax(0,1fr) auto 10px;align-items:center;gap:10px;
  min-height:56px;padding:14px 16px;border-radius:inherit;list-style:none;cursor:pointer;
  font-size:16px;font-weight:500;line-height:1.35;
}
#content .optional-form-summary::-webkit-details-marker {display:none}
#content .optional-form-summary>span {min-width:0;overflow-wrap:anywhere}
#content .optional-form-summary>small {color:var(--erp-muted,var(--muted));font-size:12px;font-weight:400;line-height:1.35}
#content .optional-form-summary::after {content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-4px;transition:transform .16s ease}
#content .optional-form-section[open]>.optional-form-summary::after {transform:rotate(225deg);margin-top:4px}
#content .optional-form-summary:hover {background:var(--erp-soft,var(--surface))}
#content .optional-form-summary:focus-visible {outline:2px solid var(--erp-focus,var(--focus));outline-offset:3px}
#content .optional-form-fields {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;min-width:0;padding:18px;border-top:1px solid var(--erp-line,var(--line))}
#content .optional-form-fields>.product-field {min-width:0;margin:0}
#content .optional-form-fields>.product-form-section,
#content .optional-form-fields>.product-field:has(textarea),
#content [data-optional-form-section="asset-maintenance"] .optional-form-fields>.product-field {grid-column:1/-1}
#content .optional-form-fields>.product-form-section>.product-form-legend {display:none}
#content .optional-form-fields .field-hint {font-size:13px;line-height:1.45}
#content .has-optional-form-sections .product-form-grid.optional-form-single {grid-template-columns:minmax(0,1fr)}
#content .has-optional-form-sections .product-form-grid[hidden] {display:none!important}

@media (max-width:720px) {
  #content .optional-form-summary {grid-template-columns:minmax(0,1fr) 10px;gap:3px 10px;padding:13px 14px}
  #content .optional-form-summary>small {grid-column:1;font-size:12px}
  #content .optional-form-summary::after {grid-column:2;grid-row:1/3}
  #content .optional-form-fields {grid-template-columns:minmax(0,1fr);gap:16px;padding:16px 14px}
}
@media (prefers-reduced-motion:reduce) {
  #content .optional-form-summary::after {transition:none}
}