#commercial-documents { margin-top: 22px; padding: 22px; }
#commercial-documents .workspace-form { margin: 20px 0; padding: 18px; border: 1px solid var(--line); border-radius: 14px; }
#commercial-documents .document-line { margin: 14px 0; padding: 14px; border: 1px solid var(--line); border-radius: 12px; }
#commercial-documents .record-actions { display: flex; flex-wrap: wrap; gap: 8px; }
#commercial-documents [data-document] { min-height: 44px; padding: 9px 12px; border-radius: 10px; border: 1px solid var(--line); background: var(--panel2); color: var(--text); cursor: pointer; }
#commercial-documents button:focus-visible { outline: 3px solid var(--blue); outline-offset: 2px; }
#commercial-documents .workspace-records { margin: 22px 0; }
@media (max-width: 700px) {
  #commercial-documents { padding: 16px; }
  #commercial-documents .workspace-form { padding: 14px; }
  #commercial-documents .record-item { flex-wrap: wrap; overflow-wrap: anywhere; }
  #commercial-documents [data-document] { flex: 1 1 100%; }
}