#documentForm .documentRequiredHeading{grid-column:1/-1;display:grid;gap:3px;order:0;padding:13px 15px;border-radius:12px;background:#edf7f2;color:#123d33}
#documentForm .documentRequiredHeading b{font-size:16px}
#documentForm .documentRequiredHeading small{color:#60746e;font-size:13px}
#documentForm .formGrid>label,#documentForm .incomingInvoiceFields>label{order:10}
#documentForm .docOptionalField{order:30}
#documentForm .docRequirementBadge{display:block;width:max-content;margin:0 0 1px;padding:2px 7px;border-radius:999px;background:#e7f4ee;color:#176e59;font-size:11px;font-weight:750;line-height:1.4}
#documentForm .docOptionalField>.docRequirementBadge{background:#f1f4f3;color:#71817c}
#documentForm .documentOptionalToggle{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18px;order:20;width:100%;padding:14px 16px;border:1px solid #ccdcd6;border-radius:12px;background:#fff;color:#176e59;text-align:start}
#documentForm .documentOptionalToggle span{display:grid;gap:2px}
#documentForm .documentOptionalToggle b{font-size:15px}
#documentForm .documentOptionalToggle small{color:#71817c;font-size:12px;font-weight:500}
#documentForm .documentOptionalToggle strong{white-space:nowrap;font-size:13px}
#documentForm .documentOptionalPanel{grid-column:1/-1;order:30;display:grid;gap:12px;max-height:0;margin:0;padding:0 16px;overflow:hidden;border:1px solid transparent;border-radius:14px;background:#f7faf9;opacity:0;transform:translateY(-8px);transition:max-height .32s ease,opacity .22s ease,transform .32s ease,padding .32s ease,border-color .32s ease}
#documentForm.showDocumentOptional .documentOptionalPanel{max-height:1400px;padding:16px;border-color:#d5e3de;opacity:1;transform:translateY(0)}
#documentForm .documentOptionalPanel>header{display:grid;gap:3px;padding-bottom:11px;border-bottom:1px solid #dce7e3;color:#173f35}
#documentForm .documentOptionalPanel>header b{font-size:16px}
#documentForm .documentOptionalPanel>header small{color:#71817c;font-size:12px}
#documentForm .documentOptionalFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#documentForm .documentOptionalFields>label{display:grid!important;gap:5px;order:initial!important}
#documentForm:not(.showDocumentOptional) .documentOptionalPanel{pointer-events:none;visibility:hidden;transition:max-height .32s ease,opacity .18s ease,transform .32s ease,padding .32s ease,border-color .32s ease,visibility 0s linear .32s}
#documentForm .incomingInvoiceFields{display:contents!important}
#documentForm .incomingInvoiceFields[hidden]{display:none!important}
#documentForm label[hidden]{display:none!important}
#documentForm .docAutoNumberHint{color:#71817c!important;font-weight:500!important}
@media(max-width:700px){#documentForm .documentOptionalToggle{align-items:flex-start;flex-direction:column;gap:8px}#documentForm .documentOptionalToggle strong{white-space:normal}#documentForm .documentOptionalFields{grid-template-columns:1fr}}